/*body{overflow-x:hidden}*/
#wrapper{padding-left:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#wrapper.toggled{padding-left:275px}
#sidebar-wrapper{position:relative;top:20px;height:100%;float:left;margin-left:-275px;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#wrapper.toggled #sidebar-wrapper{width:250px}
#page-content-wrapper .row{float:left;width:100%;margin:0!important}
#wrapper.toggled #page-content-wrapper{position:relative;margin-right:-250px}
.sidebar-nav{width:275px;min-height:400px;margin:0;padding:10px 20px 70px;list-style:none;border:1px solid #D8D8D8;box-shadow:0 0 5px 2px rgba(216,216,216,0.35)}
.sidebar-nav li{line-height:20px;position:relative;}
.sidebar-nav li a{display:block;font-size:14px;text-decoration:none;color:#505050}
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.main-searchbar{height:42px;font-family:'Open Sans',sans-serif;padding:5px 10px 5px 50px;font-weight:300;font-size:16px;color:#999;background:url('../images/magnifying-glass.png');background-repeat:no-repeat;background-position:15px center;background-color:rgba(255,255,255,0.05);background-size:22px;margin-bottom:20px;border:1px solid #D8D8D8;width:100%;float:right;background-color:white;}
#filter-toggle{text-align:center;display:none;padding:10px 0;border-radius:0!important;border:none!important;background-color:#004787;color:#fff;font-size:14px}
#filter-toggle:hover{background-color:#ff8a00}
#sidebar-filter-results{margin:0;height:20px}
#sidebar-top-title{float:left}
#reset-filters{float:right}
#reset-filters a{font-size:9px;color:#999}
.checkbox{margin-bottom:0!important}
.checkbox label{color:#999;font-size:12px}
#results-count{min-width:265px;width:100%;display:inline-block}
#results-count h3{color:#004787;font-weight:600}
.sidebar-nav #first-list,.sidebar-nav #second-list{border:none}
.sidebar-nav li{border-top:1px solid #979797;padding:15px 0}
#menu-toggle{padding:10px 20px;border:none!important;font-size:16px;float:left;color:#fff;background-color:#ff8a00;transition:background .2s}
#menu-toggle:hover{background-color:#004787!important;border:none!important}
#menu-toggle img{margin-left:10px;width:16px;height:16px}
.cards{width:100%;height:auto;float:left;margin:10px 0}
.cards .row{margin:0!important}
.cards .row-centered{text-align:center}
.cards .col-centered{display:inline-block;float:left;text-align:left}
.card-hero{overflow:hidden;padding:0!important;float:left;border: 1px solid #d8d8d8;background-color: white;box-shadow:0 0 5px 2px rgba(216,216,216,0.35);border-top-left-radius:3px;border-top-right-radius:3px;margin:20px 10px}
.cards .col-fixed{height:370px;width:226px!important}
.card-hero #card-image{text-align:center}
.card-hero img{width:224px;height:160px;cursor:pointer}
.card-lower{padding:6px;height:180px;position:relative}   
.bundle-card-hero-top{height:370px !important;margin:0px 10px 20px 10px!important;border:0!important;box-shadow:-21px 21px 5px -20px rgba(216,216,216,0.35),21px 21px 5px -20px rgba(216,216,216,0.35)!important}
.bundle-card-hero-outer{position:relative;width:100%;padding-top:20px;}
.bundle-card-hero{padding:0!important;height:370px;border:1px solid #D8D8D8!important;box-shadow:0 0 5px 2px rgba(216,216,216,0.35);border-top-left-radius:5px;border-top-right-radius:5px}
.bundle-card-hero #bundle-card-image{text-align:center}
#card-image-top{width:224px;height:160px;cursor:pointer;position:absolute;left:1px;top:20px;z-index:2;border:1px solid #D8D8D8!important;box-shadow:0 -14px 2px -8px rgba(0,0,0,0.4)!important;border-top-left-radius:2%;border-top-right-radius:2%}
#bundle-card-image:after{content:"";display:block;width:224px;height:160px;border-top:1px solid #D8D8D8;border-top-left-radius:3px;border-top-right-radius:3px;position:absolute;box-shadow:rgba(0,0,0,1) 5px -25px 220px inset;z-index:4;top:20px;left:1px}
.bundle_icon{width:60px!important;height:60px!important;position:absolute;top:60px;left:85px;z-index:4}
.courses_include{color:#fff;font-size:16px;position:absolute;top:130px;left:43px;z-index:4}
.bundle-card-hero img{height:160px !important;cursor:pointer} 
.bundle_img_0{position:absolute;z-index:1!important;border:1px solid #D8D8D8!important;box-shadow:0 0 5px 2px rgba(216,216,216,0.35);border-top-left-radius:3px;border-top-right-radius:3px;top:13px;width:212px!important;left:7px;box-shadow:0 -14px 2px -9px rgba(0,0,0,0.4)!important}
.bundle_img_1{position:absolute;z-index:auto!important;top:6px;border:1px solid #D8D8D8!important;box-shadow:0 0 5px 2px rgba(216,216,216,0.35);border-top-left-radius:3px;border-top-right-radius:3px;width:198px!important;left:14px}
.bundle-card-lower{padding:10px;width:224px;height:170px;position:absolute;z-index:2;top:181px}
.card-title{margin-bottom:5px;min-height:60px}
.card-title a{color:#004787;text-decoration:none;font-size:15px;display:inline-block}
.card-title a:hover{color:#ff8a00;text-decoration:none}
.card-title a:focus{text-decoration:none!important}
.card-title h2{font-weight: 600;font-size: 16px;margin:0!important}   
#state-credit-list p{color:#999;font-size:13px}
#state-credit-list span{color:#666;font-weight:600}
#action{position:absolute;bottom:10px;left:10px}
#action #action-left{border-right:1px solid #000;background-color:#ff8a00;float:left}
#action-left a{padding:9px 7px;text-decoration:none}
#action #action-right{float:left;background-color:#ff8a00}
#action #action-right a{padding:7px 6px;text-decoration:none}
#action #action-right span{padding:9px 5px!important;color:#fff;font-size:14px;line-height:1.25;display:block}
#action #action-right .subscribed{color:#3c763d!important;background-color:#dff0d8!important}
#action #action-right .requested_course{background-color:#c9c9c9!important}
#action #action-right .disabled_course{color:#a94442!important;background-color:#f2dede!important}
#action #action-right .enroll:hover{background-color:#004787;transition:background-color .4s;cursor:pointer}
#action #action-right #button{text-decoration:none}
#action #action-left a:hover,#action #action-right a:hover,#action #action-right #cart-button:hover{text-decoration:none;background-color:#004787}
#action a{display:block;color:#fff;transition:background .4s;line-height:1.25}
#action #action-right #cart-button, #action #action-right #subscribed{width:38px;height:35px;padding:4px 6px;display:block}
#action-right img{width:27px;height:21px}
#price{position:absolute;bottom:18px;right:10px;font-size:15px!important;color:#004787;padding-right: 14px;}
.page_view_link{color:#bbb}
.page_view_link.active,.page_view_link:active,.page_view_link:hover{color:#004787!important}
.dropdown-menu>li>a{display:block;padding:4px 20px 4px 35px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}
.dropdown-toggle{border: 1px solid #D8D8D8; box-shadow: 0px 0px 5px 2px rgba(216,216,216,0.35);padding:3px 10px;display:inline-block;border-radius: 3px;}
.dropdown-toggle img {float:right;padding-top:8px;margin-left: 10px;width:18px;height:18px;}
.sort_course_link.active:before{content:"\f00c";color:#1d9d74;font-family:FontAwesome;font-size:18px;position:absolute;margin-left:-25px;vertical-align:middle;}
div#loaderOuter{top:30%;z-index:99;text-align:center!important;width:100%!important;margin:0!important;left:0%!important;}
.row.row_sort{max-width:105px}
div#loaderOuter{text-align:center;width:25%;margin:0 auto;z-index:99;position:absolute;top:20%;left:41%}
div#loaderOuter .progress{max-width:300px!important;width:100%!important;margin:0 auto!important;}
#loader_new{margin:30px auto!important;border:16px solid #f3f3f3;border-top:16px solid #004787;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;margin:30px 0;border-bottom:16px solid #f7941e;margin-left:30%}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
table.mystyle_courses{min-width:290px;border-spacing:0 2px;border-collapse:separate;}
table.mystyle_courses td{padding:5px 2px;}
table.mystyle_courses tr:hover, table.mystyle_courses tr:focus{background-color:#f4f5fa}
#action_2 a{padding:7px 6px;text-decoration:none}
#action_2 span{padding:9px 5px!important;color:#fff;font-size:14px;line-height:1.25;display:table-cell;background-color:#004787}
#action_2 .subscribed{color:#3c763d!important;background-color:#dff0d8!important}
#action_2 .requested_course{background-color:#c9c9c9!important}
#action_2 .disabled_course{color:#a94442!important;background-color:#f2dede!important}
#action_2 .enroll{padding: 9px 22px!important; text-align:center;}
#action_2 .enroll:hover{background-color:#ff8a00;transition:background-color .4s;cursor:pointer}
#action_2 #button{text-decoration:none}
#action_2 #cart-button:hover{text-decoration:none;background-color:#004787}
#action_2 #cart-button,#action_2 #subscribed{width:38px;height:35px;padding:4px 6px;display:table-cell}
@media (max-width:991px){
.cards{margin-top:20px!important}
.row_sort{position:relative!important;top:10px!important;left:0!important;}
.dropdown{/*width:105px;*/text-align:left!important}
.dropdown-menu{left:0!important;right:auto!important;}
#results-count{padding-right:0!important}
}
@media (min-width:855px) {
#wrapper{padding-left:275px}
#wrapper.toggled{padding-left:0}
#sidebar-wrapper{width:275px}
#wrapper.toggled #sidebar-wrapper{width:0}
#page-content-wrapper{padding:20px;position:relative}
#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}
}
@media (max-width:854px){
.row_view_icons{right:15px!important}
}
@media (max-width:650px){
#filter-toggle{display:block!important}
#sidebar-filter-results{margin:25px 0 0!important;height:20px}
table.mystyle_courses td{padding:5px 10px;display:block;width:100%!important;text-align:left}
}
@media (max-width:630px){
#page-content-wrapper .row.row_sort{margin-bottom:10px!important;max-width:125px;}
.row_view_icons{position:relative!important;width:190px!important;right:0!important;top:5px!important;float:left;}
#page_view{text-align:left!important}
}
.slick-slide {display: none;height: unset !important;min-height: 1px;  }
  
  .greybutton {
    border: 1px solid #ccc;
	font-weight: 400;
    cursor: pointer;
    padding: 8px 20px!important;
    width: 100%;
    font-size: 14px!important;
}
a.btn.greybutton:hover {
    color: #004787;
    border: 1px solid #aaa;
    background-color: #d8d8d8;
}