﻿.carousel-common .slider-cover {
    background-color:#fff;
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    overflow:hidden;    
}
.carousel-common .slick-dots {
    position: static;
    margin-bottom:0;
    line-height:48px;
}
.carousel-common .slick-dots li {
    margin:0;
    padding:0;
    vertical-align:middle;
}
.carousel-common .slick-dots li button:before {
    font-size:6px;
    color: #6B6D6F;
    opacity:1;
}
.carousel-common .slick-dots li.slick-active button:before {
    font-size:8px;
    color: #6B6D6F;
    opacity:1;
    top: 1px;
}
/*IE 10/11 Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .carousel-common .slick-dots li.slick-active button:before {
        top: 0;
    }
}
.carousel-common .control {
    z-index: 1;
}
.carousel-common .control .slick-arrow {   
    top:0;
    margin:0;
    margin-top:124px;
    margin-left:3px;
    margin-right:3px;
    z-index:1; 
    height:48px;
    width:48px;
    background-repeat:no-repeat;
    right: -24px;
    border-radius: 24px;
    border: 4px solid #fff;
    background-color: #0066B2;
    color: #fff;
    -moz-background-clip: padding; 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.carousel-common .control .slick-arrow:focus {    
    outline: thin dotted #000;
}
.carousel-common .control .slick-arrow:before {
    content:"";
    color:transparent;
}
.carousel-common .control .slick-arrow:hover {
    background-color: #0B2D71;
}
.carousel-common .control .slick-arrow .glyphicon {
    font-size: 20px;
    line-height:1em;
    top:-1px;
    left:0;
}
.carousel-common .control .slick-next .glyphicon {
    left: 1px;
}
.carousel-common .control .slick-arrow.slick-disabled {
    cursor: not-allowed;
    background-color: #DBDCDD;
}
.carousel-common .control.simple-arrows {
    position:relative;
    width:135px;
}
.carousel-common .control.simple-arrows .slick-arrow,
.carousel-common .control.simple-arrows .slick-arrow:hover {
    background:none;
    color: #0066B2 !important;
    top:1px;
}
/*IE 10/11 Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .carousel-common .control.simple-arrows .slick-arrow,
    .carousel-common .control.simple-arrows .slick-arrow:hover {
        top: 3px;
    }
}
.carousel-common .control.simple-arrows .slick-arrow:hover,
.carousel-common .control.simple-arrows .slick-arrow:active {
    color: #0B2D71 !important
}
.carousel-common .control.simple-arrows .slick-arrow .glyphicon {
    font-size: 28px;
}
.carousel-common .control.simple-arrows .slick-arrow.slick-disabled {
    color: #DBDCDD !important;
}
.carousel-common .paging {
    text-align: center;
    width: 100px;
    margin: 0 auto;
    height:48px;
}
/* Print*/
@media print {
    /* print styles for slick */
    .carousel-common .slider.slider-nav,
    .carousel-common .slider .slick-cloned,
    .carousel-common .control,
    .carousel-common .dots-container {
        display:none !important;
    }
    .carousel-common .slick-track{
        width:auto !important;
        transform: translate3d(0, 0, 0) !important;
    }
    .carousel-common .slick-track .item{ margin-bottom:10px !important; } 

    .carousel-common .num-container,
    .carousel-common span.slide-count{display:none !important;}
}
