/* Help Button - Remember HTML block on page*/

div.ccm-page .rp-header {
	border-bottom-color: #46AAAA;
}

div.ccm-page .rp-header--sticky.rp-header--light-scroll .rp-header__wrapper {
	background-color: #A7E5E5;
}

div.ccm-page .rp-header--light {
	background-color: #A7E5E5;
}

.dark-hr hr {
    border-top: 2px solid #000 !important;
}

.nav.sidebar li.current > a {
	background-color: #49A1A1 !important;
}

/* IMAGE BLOCK */
.center_image {
    margin:0 auto 20px auto !important;
}
/* END OFF IMAGE BLOCK */

/* CEMS CTA BLOCK */
.cems-future-link {
    position: relative;
    min-height: 310px;
}
.cems-future-link .mt-4 {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.cems-bullet-3 {
    position: relative;
    min-height: 190px;
}
.cems-bullet-3 .mt-4 {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.cems-dark-green {
    color: #078E8D;
}

.nav-tabs .nav-link.active {
	background-color: #055D5D;
	color: #ffffff !important;
}


/* Consignments Open */
.table-list-background {
    background-color: #A7E5E5; /* #efffeb */
    padding: 10px 10px;
}

.table-list-background-start {
    background-color: #c8fdbb;
    padding: 10px 10px;
}

.table-list-background-end {
    background-color: #0BE0D9;
    padding: 10px 0;
}

.table-list-background-odd {
    background-color: #b0f2f2;
    padding: 10px 0;
}

.table-list-background-even {
    background-color: #A7E5E5;
    padding: 10px 0;
}

/* Consignments Signed */
.table-list-signed-background {
    background-color: #a5e2bd; /* #efffeb */
    padding: 10px 10px;
}

.table-list-signed-background-start {
    background-color: #c8fdbb;
    padding: 10px 10px;
}

.table-list-signed-background-end {
    background-color: #0adba7;
    padding: 10px 0;
}

.table-list-signed-background-odd {
    background-color: #cce0d3;
    padding: 10px 0;
}

.table-list-signed-background-even {
    background-color: #a5e2bd;
    padding: 10px 0;
}

.consign-border {
    border-top: 1px solid #A4A4A4;
}

.consignment-spacer {
    margin: 0 0 10px 0;
}

.consign-btn {
    border-radius: 0.4rem !important;
    min-width: 35px;
}

.btn:disabled {
    color: transparent;
    border-color: transparent;
}

.btn-spacer-right {
    margin: 0 10px 0 0;
}

.consignment-line td {
    padding: 5px 0 5px 0;
}

.consignment-line input {
    width: 80%;
}

.consignment-line .consignment-line-space {
    width: 30px;
    float: left;
    padding: 8px 0 0 0;
}

#consignment_tab .input-group-text {
    background-color: #FFFFFF;
}

#consignment_tab .form-control {
  background-color: #FFFFFF !important;
  border-radius: 4px !important;
}

#consignment_tab hr, .table_calculator hr {
	border-top: 1px solid #aaaaaa !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}

/* Help Button - Remember HTML block on page*/

.popup-btn {
  position: fixed;
  width: 100px;
  height; 5px;
  left: 100%;
  top: 50%;
  background-color: #555555;
  padding: 1%;
  text-align: center;
  transform-origin: 0% 0%;
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg) translateX(-50%);
}

.popup-btn {
    color: #FFFFFF !important;
    cursor: pointer;
}

.popup-btn:hover {
    color: #A7E5E5 !important;
}

/* Slide-in overlay */

.cems-consignment-sliders {
	margin-bottom: 50px;
}

.cems-consignment-sliders .slider {
    padding: 15px 20px;
}

div.ccm-block-switch-language-flags-label {
	float: left;
	margin-right: 8px;
	padding: 12px 0;
}

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    
}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .cems-future-link h3 {
        font-size: 1.2rem !important;
        line-height: 1.8 !important;
    }
    
    .cems-future-link p {
        font-size: 0.9rem !important;
        line-height: 1.8 !important;
    }
}

/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .cems-future-link h3 {
        font-size: 1.0rem !important;
        line-height: 1.8 !important;
    }
    
    .cems-future-link p {
        font-size: 0.8rem !important;
        line-height: 1.8 !important;
    }
}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .cems-future-link h3 {
        font-size: 1.0rem !important;
        line-height: 1.8 !important;
    }
    
    .cems-future-link p {
        font-size: 0.8rem !important;
        line-height: 1.8 !important;
    }
}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .cems-future-link h3 {
        font-size: 1.2rem !important;
        line-height: 1.8 !important;
    }
    
    .cems-future-link p {
        font-size: 0.8rem !important;
        line-height: 1.8 !important;
    }
}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    
}
/* END OFF CEMS CTA BLOCK */