/* Slick Bar start*/
/* .slick-dotted.slick-slider { margin-bottom: 60px;} */
.slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: not-allowed; background-color: transparent;
    border: solid 2px #93A0AB;}
.slick-prev:before, .slick-next:before { font-size: 28px; font-weight: 600;}
.slick-no-slide .slick-track {
    width: 101% !important ;
    text-align: left !important;
    transform: inherit !important;
}
/* .slick-no-slide .slick-slide {
    float: none !important;
    display: inline-block !important;
} */
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { display: inline-block !important; }
.carousel-control-prev, .carousel-control-next { display: none !important; }
.slick-prev:before { content: "\f104"; font-family: FontAwesome; }
.slick-next:before { content: '\f105'; font-family: FontAwesome; }
/* Slick Bar end*/
.course-section { width: 100%; padding: 0px; }
.slick-prev:before, .slick-next:before { color: #fff; opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { color: #93A0AB; opacity: 1;}
.course-card {  transition: all .3s ease; color: #000; margin: 0 22px; cursor: pointer; margin-bottom: 30px; box-shadow: 0 2px 4px #9d9d9d; background: #fff; width: 250px; border-radius: 5px;}
.landinglist .course-card { background: transparent; box-shadow: none; min-height: 300px; width: auto;}
/* .course-card {  transition: all .3s ease; color: #000; background: #fff; margin: 0 12px; cursor: pointer; box-shadow: 0 1px 6px #b5b5b5; } */
.course-card:hover { top: -5px; transition: all .3s ease;}
.course-card img { width: 100%; display: block; }
.img-sec { -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; height: 180px; display: flex; flex-direction: column; align-items: center;}
.img-sec img {width: 100%; height: 100%; background-color: rgb(130, 168, 225); background-size: cover; background-position: center center;}
.operations-sidebtn { position: absolute; right: 0; top: 8px; }
.course-card span {  padding: 10px 10px 0; cursor: pointer; display: block; font-size: 22px; color: #0a4079; text-align: center; font-weight: 300; line-height: 48px;}
.course-card p { padding-left: 10px; margin: 0px; font-size: 14px; text-align: center; line-height: 26px; }
.course-card p span { display: inline-block; padding: 0px; }
.course-card label { font-size:16px; color: #000000; display: block; padding: 10px; padding-top: 0px; cursor: pointer;}
.carousel-caption { top: 0px; right: auto; bottom: 0px; left: 0px; text-align: left; width: 100%; padding: 0 15px; padding-top: 5%;}
.carousel-caption:before { content:''; background:rgba(0,0,0,.5);
background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(1,2,2,0.6) 1%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(1,2,2,0.6) 1%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(1,2,2,0.6) 1%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
width:30%; height:100%; position: absolute; left: 0px; top: 0px; bottom: 0px;}
.carousel-caption h1, .carousel-caption label, .carousel-caption p, .carousel-caption button { z-index: 1; position: relative; }
.defaultbtn { display: block; background: #BEE4FC; color: #000; font-weight: bold; border: none; padding: 6px 10px; border-radius: 6px; text-transform: uppercase; width: 175px; }
.play-btn { display: block; background: #BEE4FC; color: #000; font-weight: bold; border: none; padding: 10px; width: 150px; border-radius: 8px; text-transform: uppercase; cursor: pointer; }
.play-btn i { margin-left: 15px; margin-top: 3px;}
.carousel-caption .subject{ font-size: 1.6rem; }
.carousel-caption p { display: inline-block; position: relative; padding: 20px; background: #0a548bc9; margin-top: 30px; }
.carousel-caption p font { font-size: 1.1rem; font-weight: bold; display: block; margin-bottom: 6px; }
.refreshbtn { position: absolute; right: 10px; top: 10px;}
.refreshbtn i { font-size: 1.7rem; cursor: pointer; }
.custom-course-card-progress { width: 100%; float: left; padding: 0 10px 10px; background: #fff;}
.course-section h3 , .courseheading { font-weight: bold; color: #1B2A41; line-height: 2.5rem; margin-top: 0px; font-size: 1.6rem;}
.bg-blue .course-section h3 , .bg-blue .courseheading { color: #AADBFF; }
.assess-left-bar { background: #cbe9ff; color: #0c558c; padding: 10px 15px; width: 330px; display: inline-block; margin-right: 30px;}
.assess-left-bar h4 { font-size: 1.35rem; font-weight: bold; }
.assess-left-bar label { display: block; margin-bottom: 10px; font-size: 1.1rem; }
.assess-left-bar label i { width: 18px; height: 18px; border-radius:50%; float: left; margin-right: 10px; margin-top: 4px;}
.assess-left-bar a { color: #0A548B !important; font-size: 1.1rem; text-transform: uppercase; }
.assess-left-bar label i.red { background: #c03833; }
.assess-left-bar label i.green { background: #1d8f02; }
.assessment-table { width: calc(100% - 370px); display: inline-block;}
.assessment-table table { width: 100%;}
.assessment-table .table thead th { border-top: 0px; }
.assessment-table .table td, .assessment-table .table th { border-color: #4986B4; }
.assessment-table tbody th, .assessment-table tbody td { font-weight: normal;}
.assessment-table tbody th { color:#AADBFF } 
.navbar-nav li a i.material-icons { font-size: 1.5rem; }
/* .navbar-nav li a i.fa { font-size: 1.15rem; margin-top: 4px;; } */
.carousel-indicators li { border: 0px; background: #FFFFFF; margin: 0px 5px; width: 12px; height: 12px; border-radius: 50%; }
.carousel-indicators .active { background-color: #000; }
.slick-dots li button:before { background: #f37d26; border-radius: 50%; width: 12px; height: 12px; opacity: 1; }
.slick-dots li.slick-active button:before { opacity: 1; background: #cd183f; }
.img-sec + span { min-height: 40px; }
/* .slick-dots { position: absolute; bottom: -55px;} */
.slick-dots li { margin: 0 2px;}
/* .slick-list.draggable { padding: 0 20px !important; } */



.bannertopsec .slick-prev, .bannertopsec .slick-next {
    display: none !important;
}

.bannertopsec .slick-dots {
    bottom:110px;
}
.bannertopsec .slick-dots li {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.bannertopsec .slick-dots li button:before {
    background: #fff;
    border-radius: 10px;
    width:124px;
    height: 12px;
    opacity: 0.6;
}
.bannertopsec .slick-dots li.slick-active button:before {
    opacity: 1;
    background: linear-gradient(90deg, rgba(214, 18, 118, 1) 0%, rgba(255, 59, 82, 1) 100%);
	    outline: solid 1px #fff;
    outline-offset: 3px;
}

.bannerimgI-container .slick-prev, .bannerimgI-container .slick-next, .bannerimgI-containerIII .slick-prev, 
.bannerimgI-containerIII .slick-next { z-index:2; }
.bannerimgI-container .slick-list.draggable, .bannerimgI-containerIII .slick-list.draggable { padding:0 10% 0 0; 
position:relative; z-index:1; } 
.bannerimgI-container ul.slick-dots, .bannerimgI-containerIII ul.slick-dots { display:block !important; width:71%; left:16%; 
height:2px; background:#415A6C; bottom:-9%; border-radius:6px; }
.bannerimgI-container .slick-dots li button:before, .bannerimgI-containerIII .slick-dots li button:before { display:none; }
.bannerimgI-container .slick-dots li button, .bannerimgI-containerIII .slick-dots li button { width:100%; height:auto; }
.bannerimgI-container .slick-dots li.slick-active button:before, .bannerimgI-containerIII .slick-dots li.slick-active button:before { 
opacity:1; display:block; background:#FF007F; width:100%; height:10px; border-radius:6px }
.bannerimgI-container .slick-dots li,  .bannerimgI-containerIII .slick-dots li { position:relative; top:-5px; width:20%; margin:0px; float:left; }
.bannersec .slick-slider:hover .slick-prev, .bannersec .slick-slider:hover .slick-next { display: none !important; }
.innersection-slider ul.slick-dots{ display: block !important; width:77%; left: 12%; height: 2px; background: #415A6C;
 bottom:-9%; border-radius:6px; }
.innersection-slider .slick-dots li { position:relative; top:-5px; width:20%; margin: 0px; float:left; }
.innersection-slider .slick-dots li button { width:100%; height:auto; }
.innersection-slider .slick-dots li.slick-active button:before{ opacity:1; display:block; background:#FF007F; width:90%;
 height:10px; border-radius:6px; }
.innersection-slider .slick-dots li button:before { display:none; }
.innersection-slider .slick-list.draggable { padding:0 10% 0 0; position:relative; z-index:1; }
.featured_produce_screen_sec .innersection-slider .slick-list.draggable, .selling-negotiation-sec .innersection-slider .slick-list.draggable { padding:0px; }
.innersection-slider-filter .slick-list.draggable {
    padding: 0 10% 0 0;
    position: relative;
    z-index: 1;
}
.innersection-slider-filter .slick-dots li {
    position: relative;
    top: -5px;
    width: 20%;
    margin: 0px;
    float: left;
}
.innersection-slider-filter ul.slick-dots {
    display: block !important;
    width: 77%;
    left: 12%;
    height: 2px;
    background: #415A6C;
    bottom: -9%;
    border-radius: 6px;
}
.innersection-slider-filter .slick-dots li button {
    width: 100%;
    height: auto;
}
.innersection-slider-filter .slick-dots li.slick-active button:before {
    opacity: 1;
    display: block;
    background: #FF007F;
    width: 90%;
    height: 10px;
    border-radius: 6px;
}
.innersection-slider-filter .slick-dots li button:before {
    display: none;
}