body{font-family:'Roboto',Arial;background:#F5F6FB;color:#58585A}
ul,ol{margin:0;padding:0}
ul li{list-style:none}
ul.clist li{list-style: none;font-size: 14px;border-top: 1px solid #eee;padding: 10px 0 0;color: #000;}
a,span,i{display:inline-block}
p{margin:0 0 10px;}
.table {color: inherit;}
.page p{margin:inherit}
.page ul li{list-style:inherit;margin-left:15px}
.hide-on-mobile{display:flex}
.show-on-mobile{display:none}
.popup{width:100%;position:fixed;top:25%;z-index:10;display:none}
.popup .popup-form{width:400px;margin:0 auto;padding:15px;background:#fbfbfb;border-radius:5px}
.popup-form label{margin:15px 0 5px}
.popup-form .field{width:100%}
.popup-form .pss-btn{width:100%;margin:15px 0}
#logo{display:inline-block;margin:5px 0 0}
.header-logo{padding:10px 0;max-height:80px}
#head-section{position:relative;min-height:85px;background:#fff;box-shadow:0 2px 5px #eee}
.login-page-template #head-section{background: none;box-shadow: none;}
.main-menu{margin:0}
.main-menu li{display:inline-block;float:left;position:relative;line-height:16px;z-index:100;}
.main-menu li a{font-size:16px;line-height:16px;position:relative;padding:33px 10px;text-decoration:none;background:url(../img/divider.png) left center no-repeat}
.main-menu li:first-child a{background:none}
.main-menu li a .fa-bell:after{content:'';display:inline-block;height:11px;width:11px;border-radius:100%;position:absolute;top:30px;right:6px;background:#F60;border:2px solid #fff}
.main-menu li .notifications,.main-menu li .profile-options{background:#fff;box-shadow:0 0 20px #eaeaea;position:absolute;z-index:100;height:auto;width:230px;left:0;top:60px;display:none}
.main-menu li .notifications a,.main-menu li .profile-options a{background:none;border-bottom:1px solid #eaeaea}
.main-menu li .notifications a:last-child,.main-menu li .profile-options a:last-child{border-bottom:0}
.main-menu li .notifications:hover,.main-menu li .profile-options:hover{display:block}
.main-menu li a:hover+.notifications,.main-menu li a:hover+.profile-options{display:block}
.main-menu li .notifications a,.main-menu li .profile-options a{font-size:14px;line-height:18px;margin:0;padding:20px;width:100%;text-decoration:none;color:#000;}
.main-menu li a i{margin:0 10px;cursor:pointer}
.header-profile-img{margin-top:-7px}
.header-profile-img img{width:30px;height:30px;border-radius:50%}
.form-section{padding:50px 0;margin:20px 0;background:#fff}
.login-page-template .form-section{padding:0 0 50px 0;background:none;}
.form-holder{width:60%;margin:0 auto;background:#F9FBFC;box-shadow:0 0 10px #e7e7e7}
.login-page-template .form-holder{background:#ffffff;}
.login-page-template{background:#F5F6FB url('../img/icons-bg.png') center top no-repeat;}
.login-page-template .form-holder{width: 96%; border-radius: 20px; box-shadow: none;}
.forms{padding:25px;}
.forms .row{margin-top:20px}
.edit-profile .form{display:block}
.edit-profile .form-toggle li{width:100%}
.login-form h3{font-weight: 400; color: #5D5D5D;}
.login-form p{margin:0; font-size: 14px;}
.login-form p a{padding: 0 10px 0 0; background:url('../img/login-icon.png') center right no-repeat;}
.login-form p.text-center{margin: 20px 0 0 0;}
.validation-errors{margin:0 0 10px;font-size:14px;color:#fc0000}
.validation-errors p{margin:0}
.error{display:none;}
.field-error{margin:5px 0 0;font-size:13px;color:#fc0000;display:block;width:100%}
.validation-success{margin:0 0 10px;font-size:14px;color:#090}
.validation-success p{margin:0}
.form.active{display:block}
.forms label{font-size:14px;font-weight:500;margin:12px 0 0}
.form-toggle li{border-right:1px solid #fff;background:#fff;color:#7B7B7B;display:inline-block;float:left;width:50%;text-align:center;font-size:16px;font-weight:500;cursor:pointer;padding:16px 0}
.form-toggle li.active{color:#fff}
.form-control{height:45px;border:1px solid #ddd;font-size:14px;font-weight:400;border-radius:0px;box-shadow:0 2px 2px #fafafa;background:#FCFCFC;color:#484848}
.form-control::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8F8F8F; opacity: 1; /* Firefox */}
.form-control:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #8F8F8F;}
.form-control::-ms-input-placeholder {/* Microsoft Edge */color: #8F8F8F;}
.form-btn{font-size:14px;font-weight:500;color:#fff;border:none;padding:12px 60px;border-radius:0;}
.signin-btn{text-transform:none;width:100%;border-radius:2px;font-weight:400;padding:15px 60px; box-shadow:0 2px 2px #eaeaea; border-bottom: 1px solid #f7f7f7; }
.login-btn{font-size:14px;font-weight:500;color:#fff;border:none;padding:10px 40px;border-radius:3px; background:#5D5D5D;}
.login-btn:hover{color: #ffffff; opacity:0.8;}
.login-form .social a{width: 40px; height: 40px;padding:0; margin: 0 2px; border-radius: 100%; background:#F5F5F5; text-align: center; line-height: 40px;}
.login-form .social a img{display: inline-block;}
.login-page-content h2{font-size: 25px; font-weight: 700; margin:30px 0 10px 0;}
.login-page-content h3{font-size: 24px; font-weight: 700; color: #5D5D5D; margin: 30px 0 0 0;}
.login-page-content ul{margin: 10px 0 0 0;}
.login-page-content ul li{background: url('../img/list-icon.png') left center no-repeat; padding: 0 0 0 20px;}
.note{padding: 0 0 50px 0;}
.cancel{background:#5D5D5D}
.person{cursor:pointer}
#footer{background:#fff;border-top:1px solid #dedede}
.footer-logo{max-height:100px;margin-bottom:10px}
.top-footer{background:#fbfbfb;padding:50px 0}
.top-footer h4{font-size:18px;font-weight:600;color:#f60}
.footer-menu li a{font-size:14px;color:#58585A;font-weight:400}
.footer-logged-in{height:8px}
.bottom-footer{background:#58585A;padding:15px 0}
.bottom-links,.bottom-links a{font-size:14px;color:#fff}
.rights{font-size:14px;color:#fff}
.destination-section{padding:30px 0}
h1{font-size:26px;font-weight:700}
h2{font-size:18px;font-weight:500;margin:30px 0}
.destination-list{width:60%;margin:0 auto 30px}
.destination-list .card {background-color:transparent;border:1px solid #ECECEC;border-radius:0;margin-bottom:10px;}
.destination-list a.card-link{text-align:center;font-size:16px;font-weight:500;border-radius:5px;cursor:pointer;box-shadow:0 2px 5px #d7d6d6;background:#F9FBFC}
.destination-list a.card-link:hover,.destination-list a.selected{color:#fff}
.destination-section .form-btn:hover{text-decoration:none;color:#fff}
.course-builder-section{margin:30px 0}
.courses-list li{border-radius:5px;padding:10px 20px;margin:0 0 10px;background:#fff;box-shadow:0 2px 2px #e7e7e7}
.courses-list li h4{font-weight:500;line-height:50px;}
.courses-list li strong{font-size:16px;font-weight:500}
.orange-text,.credits{font-weight:700}
.schedule .comp-date{font-weight:500;margin:8px 0;text-align:center}
.schedule p{margin:0}
.schedule p span{font-size:15px;font-weight:500;padding:5px 20px;border-radius:2px;width:46%;margin:0 0 0 2%;float:left;background:#EFF5F7;border:1px solid #989898;box-shadow:0 2px 2px #eaeaea}
.schedule p span:hover{text-decoration:none;box-shadow:0 4px 5px #eaeaea}
.pss-section{padding:10px 0}
.pss-btn{font-size:14px;font-weight:500;border:none;padding:12px 50px;margin:0 0 0 10px;color:#fff;box-shadow:0 0 10px #d6d6d6}
.pss-btn:hover{box-shadow:0 0 15px #d6d6d6}
.top-title{font-size:16px;padding:10px 0;background:#F9FBFC;box-shadow:0 1px 2px #eaeaea}
.top-title.text-left{padding:10px 0 10px 20px}
.results.top-title{background:#F9FBFC url(../img/cap.png) 10px center no-repeat;padding:10px 0 10px 50px}
#sidebar .widget{padding:15px;margin:0 0 10px;background:#fff;box-shadow:0 2px 2px #eaeaea}
#sidebar {z-index:10;}
#sidebar h4{font-size:20px}
#sidebar h5{font-size:16px}
.reveal-sidebar{padding:10px;position:absolute;left:-80000px;width:100%;z-index:100;height:100%;transition:all .4s;top:2%}
.close-it{position:absolute;top:0;right:20px;cursor:pointer}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.96);display:none}
.reveal-sidebar .results.top-title{background:#fff;padding:10px;text-align:right}
.top-title span.sidebar-toggle{padding:0 0 0 15px;cursor:pointer}
.widget ul li label{font-size:16px;font-weight:500;padding:3px 0}
.widget ul.course-count-list li label,.widget ul.course-count-list li span.cats{font-size:15px;font-weight:500;padding:5px 0 5px 25px;position:relative}
.widget ul.course-count-list li .cat-credits-done{font-size:20px;color:#31bb0a;vertical-align:middle;margin-left:5px;display:none;}
.widget ul.course-count-list li span.cats:before{content:"\f02d";font-family:FontAwesome;left:0;position:absolute;top:2px;font-size:20px}
.widget ul li span{font-size:16px;font-weight:500}
#sidebar .widget.no-padding{padding:0}
.admin-options li a{padding:10px 15px;border-bottom:1px solid #eaeaea;display:block;font-size:14px}
.admin-options li a:hover{text-decoration:none;background:#fbfbfb}
.admin-options li a i{color:#fff;margin:0 10px 0 0;height:20px;width:20px;text-align:center;line-height:20px;background:#F60;font-size:10px;border-radius:100%}
.check-box{position:relative;text-align:right;cursor:pointer}
.radios-list .check-box{width:100%}
.panel label{text-align:left}
.panel .course-box .checkmark{margin:2px 10px 0 0}
.check-box input{opacity:0;cursor:pointer;height:0;width:0;float:left;}
.course-selector input[type="radio"] {display:none;}
label.course-selector{margin:0}
.checkmark{position:relative;top:2px;height:15px;width:15px;border-radius:3px;cursor:pointer;background-color:#fff;margin-right:5px}
.checkmark.round{border-radius:50%}
.checkmark:after{content:"";position:absolute;display:none}
.check-box input:checked ~ .checkmark:after{display:block}
.check-box .checkmark:after{left:4px;top:.05em;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.course-pace .check-box{width:100%;float:right!important;cursor:pointer;}
.course-pace .check-box span{font-size:14px;}
.course-pace .check-box .checkmark:after{left:3px;top:.2em;border:none;height:7px;width:7px;border-radius:100%;transform:none}
.course-pace .check-box input:checked ~ .checkmark{background:#fff}
.course-pace .checkmark{border-radius:100%}
.accordion{font-size:16px;font-weight:500;cursor:pointer;padding:10px 20px;width:100%;text-align:left;border:none;outline:none;background-size:1.5%;margin:5px 0;box-shadow:0 2px 2px #eaeaea;background-image:url(../img/arrow-right.png);background-position:98%;background-repeat:no-repeat;background-color:#fff;color:#fff}
.accordion.active{background-image:url(../img/arrow-down.png);color:#fff;margin-bottom:0;box-shadow:none;border:none;outline:none;background-size:1.5%}
.accordion:focus{border:none;outline:none}
.panel{padding:25px 18px;display:none;overflow:hidden;margin:0 0 5px;background:#fcfcfc;box-shadow:0 2px 20px #e4e4e4}
.all-courses {display: table;width: 100%;}
.course-box {margin-bottom:1rem;}
.course-box .course-card {border:1px solid #cfd8dc;border-radius:.25rem;box-shadow:0 16px 24px -12px rgba(205,215,221,.64),0 24px 32px -24px rgba(0,0,0,.24)}
.course-box h6{font-size:14px;font-weight:500;padding:5px;text-align:center;border-radius:2px;margin:1px 0 0;color:#5D5D5D;border:1px solid #E8EEF2;background:#F9FBFC}
.course-box .course_short_name{font-size:13px;font-weight:500;padding:5px;text-align:center;border-radius:2px;margin:1px 0 0;color:#5D5D5D;border-top:1px solid #E8EEF2;border-bottom:1px solid #E8EEF2;background:#F9FBFC;vertical-align: middle;display: table-cell;width:10%;}
.course-box label{font-size:12px}
.course-box .checkmark{position:relative;left:0;top:0;float:right;margin:4px 0 0 5px}
.course-box img{width:100%;display:block;height:auto}
.pathway-builder{border-radius:2px;padding:20px 30px;margin:0 0 10px;background:#fff;box-shadow:0 1px 2px #eaeaea}
.pathway-builder .course{height:100%}
.pathway-builder .course-count{cursor:pointer;height:46px;width:46px;border-radius:10px;background-image:url(../img/reader-normal.png);background-repeat:no-repeat;background-position:center;background-size:55%;margin:0 5px 0 0;box-shadow:0 2px 5px #eaeaea;border:1px solid #A0A0A0}
.pathway-builder .course-count.selected{background-image:none;}
.ccr {display:table-cell;color:#fff;text-align:center;width:44px;height:46px;line-height:15px;vertical-align:middle;font-weight:500;font-size:14px;}
.ccr .lbl_crdits {font-size:12px;}
p.catname span{display:inline-block;background:#f7f7f7;font-size:16px;font-weight:500;color:#5D5D5D;padding:8px 20px;width:100%;text-align:center;border-radius:2px;margin:20px 0 40px}
p.catname span i{margin:0 10px 0 0}
.add-more-btn{margin:0 0 10px}
.new-course .row{margin-bottom:10px}
.field{height:28px;border-radius:3px;background:#EFF5F7;border:1px solid #EFF5F7;width:100%;}
.field:focus,.field:active{outline:none}
.form-control.own-pace{display:none;text-align:0;padding:10px}
.reveal-sidebar.admin-sidebar{padding:60px 10px 10px}
.profile-form h5{margin:0 0 30px; border-bottom:1px solid #ccc;}
.profile-form label{margin:10px 0 0}
.profile-form .row{margin-bottom:15px}
.profile-form .form-control{border:1px solid #dbdbdb;padding:10px;font-size:16px;color: #333;}
.profile-form .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control::-ms-input-placeholder { /* Microsoft Edge */ color:#cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control::placeholder { /* Most modern browsers support this now. */ color:#cacaca;font-style:italic;font-family:initial;}
.profile-form .form-control:disabled, .profile-form .form-control[readonly] {background-color:transparent;}
.admin-options li a{color:#5D5D5D}
.widget ul.course-count-list li.active{border-left:4px solid #F60}
.profile-img-update img{width:100%;max-width:250px}
.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block;margin:100px 0 0}
.btn{color:#fff;box-shadow:0 0 10px #d6d6d6;background-color:#F60;padding:12px 60px;border-radius:0px;font-size:14px;font-weight:500;cursor:pointer}
.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}
.course-desc{padding:50px 0;background:#f1f1f1}
.course-desc .desc-holder,.course-desc .sidebar-holder{background:#fff;padding:25px}
.desc-holder img {max-width: 100%;height: auto;margin:10px 0;}
.completed-course h5{margin:15px 0 10px}
.completed-course p{margin-bottom:15px;}
.course-thumb img{width:100%}
.course-options{margin:70px 0 0}
.course-options .check-box{text-align:center;margin:10px 0 15px}
.course-price span{font-size:16px;font-weight:500;color:#F60}
.video{width:100%;margin:15px 0}
.instructor{margin:0 0 10px;text-align:center;padding:20px}
.instructor figure{margin:0}
.instructor h6{margin:0}
.date{margin:0 0 10px}
.input-group > .input-group-prepend > .input-group-text{width:50px;border-radius:0;padding:0;text-align:center}
.input-group > .input-group-prepend > .input-group-text i{margin:0 auto}
.social-icons .fa{font-size:1.8em;width:40px;height:40px;line-height:42px;text-align:center;color:#FFF;color:rgba(255,255,255,0.8);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.social-icons-ins .fa {font-size:18px;width:30px;height:30px;line-height:32px;}
.social-icons.icon-circle .fa{border-radius:50%}
.social-icons.icon-rounded .fa{border-radius:5px}
.social-icons.icon-flat .fa{border-radius:0}
.social-icons .fa:hover,.social-icons .fa:active{color:#FFF;-webkit-box-shadow:1px 1px 3px #333;-moz-box-shadow:1px 1px 3px #333;box-shadow:1px 1px 3px #333}
.social-icons.icon-zoom .fa:hover,.social-icons.icon-zoom .fa:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.social-icons.icon-rotate .fa:hover,.social-icons.icon-rotate .fa:active{-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:scale(1.1) rotate(360deg);-ms-transform:scale(1.1) rotate(360deg);-o-transform:scale(1.1) rotate(360deg);transform:scale(1.1) rotate(360deg)}
.social-icons .fa-adn{background-color:#504e54}
.social-icons .fa-apple{background-color:#aeb5c5}
.social-icons .fa-android{background-color:#A5C63B}
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#036}
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A}
.social-icons .fa-css3{background-color:#1572B7}
.social-icons .fa-dribbble{background-color:#F46899}
.social-icons .fa-dropbox{background-color:#018BD3}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F}
.social-icons .fa-flickr{background-color:#FF0084}
.social-icons .fa-foursquare{background-color:#0086BE}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709}
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E}
.social-icons .fa-html5{background-color:#E54D26}
.social-icons .fa-instagram{background-color:#A1755C}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE}
.social-icons .fa-linux{background-color:#FBC002;color:#333}
.social-icons .fa-maxcdn{background-color:#F6AE1C}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127}
.social-icons .fa-renren{background-color:#025DAC}
.social-icons .fa-skype{background-color:#01AEF2}
.social-icons .fa-stack-exchange{background-color:#245590}
.social-icons .fa-stack-overflow{background-color:#FF7300}
.social-icons .fa-trello{background-color:#265A7F}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE}
.social-icons .fa-vimeo-square{background-color:#229ACC}
.social-icons .fa-vk{background-color:#375474}
.social-icons .fa-weibo{background-color:#D72B2B}
.social-icons .fa-windows{background-color:#12B6F3}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C}
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30}
.w-30{width:30px}
.course-link{position:relative;display:block}
.course-link .course-overlay{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:85%;height:85%}
.course-link.selected .course-overlay{opacity:.5;}
.course-link:not(.disablehyper):hover .course-overlay{opacity:1;}
.course-link:not(.disablehyper):hover .course-overlay:before {content: "Click for More Information";left: 0%;top: 39%;position: absolute;color: #fff;line-height: 15px;text-align: center;font-size: 14px;}
.course-box.disabled {background-color:#cccccc;cursor:auto;}
.course-box.disabled img {opacity:0.2;}
.course-box a.disablehyper {color:#666666;cursor:auto;}
.course-box.disabled h6 {background-color:#cccccc;color:#666666;border-color:#cccccc;}
.course-box.disabled .checkmark {cursor:auto;border:#666;background-color:#666;}
.course-box.disabled .check-box {cursor:auto;}
.sidenav a.closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;display:none}
#navsidebar{display:none;cursor:pointer;}
.sidenav a.closebtn:hover{color:#666}
ul.jculcrs {margin: 10px 0 0 25px;}
ul.jculcrs li {list-style: decimal;}
.table-course-requests {font-size: 14px;}
.table-course-requests tr td:nth-child(3), .table-course-requests tr td:nth-child(5) {width:40px;text-align:center;}
#add_course_name_error {display:none;}
.v-align-middle {margin-top: auto;margin-bottom: auto;}
.ins_profile_course {border-radius:50%; width: 100%;}
.main-canvas {position: relative;}
.box{cursor: move;}
.btn-sm {padding: 5px 20px;font-size: .875rem;line-height: 1.5;}
.rd-main {font-weight:700;font-size: 14px;}
.form-control-bff {border: 1px solid #eee;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {width:90%;}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {color: inherit !important;}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content p {margin: 5px 0 10px;}
.top-scroller {position: fixed;bottom: 40px;right: 20px;font-size: 1em;display: none;z-index: 2;text-align: center;cursor: pointer;height: 40px;width: 40px;border-radius: 50%;background: #666;color: #fff;padding: 6px;}
.top-scroller:hover {background: rgba(0,0,0,.6);}
.top-catname{cursor:pointer;}
.form-control-summary {height: auto; border: 1px solid #dedede;}
.summary-courses li {border:none;box-shadow:none;padding:0 15px !important;border-radius:0;}
.summary-courses li span{font-size: 15px;font-weight:500;padding:5px 10px;width:100%;background:#EFF5F7;border: 1px solid #989898;cursor:move;}
.label-container{position:fixed;top:calc(20% + 10px);right:80px;display:table;visibility: hidden;}
.label-text{color:#FFF;background:rgba(51,51,51,0.75);display:table-cell;vertical-align:middle;padding:10px;border-radius:3px;}
.label-arrow{display:table-cell;vertical-align:middle;color:#333;opacity:0.75;}
.float{position:fixed;width:60px;height:60px;top:20%;right:20px;background-color:#06C;color:#FFF;border-radius:50px;text-align:center;box-shadow: 2px 2px 3px #999;}
.my-float{font-size:36px;margin-top:12px;}
a.float:hover {color:#cccccc;}
a.float + div.label-container {visibility: visible;opacity: 1;transition: visibility 0s, opacity 0.5s ease;}
a.float:hover + div.label-container{visibility: visible;opacity: 1;}
.content-area table {border: 1px solid #DFDEE4;background-color: #ffffff;width: 100%;border-collapse: collapse;}
.content-area table td, .content-area table th {border: 1px solid rgba(0, 0, 0, 0.05);padding: 3px 2px;width: auto !important;height: auto !important;}
.content-area table thead {background: #1C6EA4;}
.content-area table thead th {font-weight: bold;color: #FFFFFF;border-left: 1px solid #D0E4F5;}
.content-area table thead th:first-child {border-left: none;}
.content-area table tfoot td {font-size: 14px;}
.table-bordered table{border: 1px solid #eceeef;}
.table-bordered th,.table-bordered td {border: 1px solid #eceeef;}
.table-bordered thead th,.table-bordered thead td {border-bottom-width: 2px;}
.table-striped tbody tr:nth-of-type(odd) tr {background-color: rgba(0, 0, 0, 0.05);}
.table-lightbox table {max-width:100%;}
.table-lightbox table tr {height:auto !important;}
.lbl-enroll {font-size:14px;}
.enroll-section {padding: 0 20px;}
.enroll-section.guardian {padding: 20px; background-color:#e5ecff;display:none;}
.form-control.error, .form-check-input.error {display:block; border:1px solid #ff0000;}
form .error {color: #ff0000;}
.form-control.error:focus{box-shadow: 0 0 0 .2rem rgba(255, 13, 1, 0.3);}
form label.error {font-size:13px;margin:0;}
.pagehelp {cursor:pointer;}
.summaryhelp {margin-top:12px;margin-bottom:10px;font-size:20px;}
i.zebtips, .zebtips i, .pagehelp i {cursor:pointer;font-size:20px !important;color: #444;vertical-align: middle;}
.date-dropdowns .form-control {width:auto;display:inline-block;margin-right: 10px;}
.date-dropdowns-control label.error {display:block;}
.course-link-sidebar .fa, .remove-course .fa {font-size: 17px;top: 1px;display: inline-block;position: relative;}
.bff-modal {padding:15px;}
.nav-tabs .nav-link {border-color: #e9ecef #e9ecef #dee2e6;}
.bff-modal .nav-pills .nav-link {border-radius:0;}
.bff-modal .options {width: 100%;}
.planner-header {background-color:#fff;padding:10px;margin-bottom:10px;box-shadow:0 2px 5px #a0a0a0}
#modalCourseView{z-index:1100;}
#modalOwnCourses .error {color:#fc0000;}
.ul_take_courses .info-icon {float:left;display:block;width:20px;}
.ul_take_courses .course {display:flex;}
.widget ul.ul_take_courses li span{font-size:inherit;font-weight:inherit;display:flex;}
.dropzones {font-size:14px;}
.dropzones .form-control {box-shadow:none;color:#333;height:30px;}
.dropzones .form-control-course-info {border: 1px solid #b5b5b5;border-radius: 0px;padding: 0 2px;position: relative;}
.coursebox {background-color:#f3f3f3;border: 1px solid #ccc;margin: 5px 0;padding: 5px;width:100%;display:flex;}
.coursebox .info-icon {width:30px;float: left;display: flex;}
.coursebox .course {float: left;display: block;cursor: all-scroll;width:100%;}
.dad-placeholder {border: 4px dashed #666;}
.ui-placeholder {height:40px;margin:10px 15px;border:4px dashed #666;}
.connectedSortable {width:100%;}
.summary-card {margin:10px 0;border: 1px solid #ccc;}
.summary-card, .summary-card .card-header {border-radius:0;padding:4px;}
.summary-card .card-body {padding:0 10px;}
.year-name {border:1px solid #dbdbdb;padding:10px;color:#333;height:21px;width:70%;}
.draginfo {color:#666;font-style:italic;font-family:initial;text-align:center;}
.year-droppable {min-height:50px;}
.btn-circle.btn-xl {width:60px;height:60px;padding:10px 16px;border-radius:35px;font-size:30px;line-height:1.33;}
.btn-circle {width:30px;height:30px;padding:6px 0px;border-radius:15px;text-align:center;font-size:12px;line-height:1.42857;}
.floatter{position:fixed;top:150px;left:20px;box-shadow: 2px 2px 3px #999;}
.show-mobile{display:none}
.card-header .facollapse {transition: .3s transform ease-in-out;padding-top: 4px;}
.card-header .collapsed .facollapse {transform: rotate(180deg);}
.cookiealert {position: fixed;bottom: 0;left: 0;width: 100%;margin: 0 !important;z-index: 999;opacity: 0;visibility: hidden;border-radius: 0;transform: translateY(100%);transition: all 500ms ease-out;color:#ecf0f1; background:#000000;}
.cookiealert.show {opacity: 1;visibility: visible;transform: translateY(0%);transition-delay: 1000ms;}
.cookiealert a {text-decoration: underline}
.cookiealert .acceptcookies {margin-left: 10px;vertical-align: baseline;}
.form-control-bff{height:30px;border:1px solid #ddd;font-size:14px;font-weight:400;border-radius:0px;box-shadow:0 2px 2px #fafafa;background:#FCFCFC;color:#484848;width:calc(100% - 30px);}

@media(max-width: 1366px) {
	.form-control.email,.form-control.fname,.form-control.lname,.form-control.password{padding-left:50px}
}
@media(max-width: 991px) {
	.main-menu {margin: 10px auto 0;}
	.main-menu li {float:none}
	.main-menu li a{padding:10px}
	.main-menu li a:first-child {padding-left:0px}
	.main-menu li.divtranslate {padding-left:10px}
}
@media(min-width: 768px) and (max-width: 991px) {
	#logo{margin:10px 0 0}
	.form-holder{width:80%}
	.form-control.email,.form-control.fname,.form-control.lname,.form-control.password{padding-left:50px;text-indent:0}
	h1{font-size:20px}
	h2{font-size:16px}
	.destination-list{width:90%}
	#sidebar h4,.results.top-title,.courses-list li strong{font-size:14px}
	p.catname span{font-size:12px;padding:10px;width:100%}
	.widget ul.course-count-list li a,.widget ul li a,.check-box{font-size:12px}
	.checkmark{left:-10px;top:2px}
	h5{font-size:12px}
	.schedule .comp-date{font-size:12px;margin:5px 0 8px}
	.schedule p span{font-size:12px;padding:3px}
	.pss-section p{margin:0 0 20px}
	.profile-form label{font-size:12px}
	.profile-form .form-control{height:44px}
	.upload-btn-wrapper{margin:50px 0 0}
	.btn{padding:10px 20px}
	.completed-course h5{font-size:16px}
	.completed-course h6{margin:10px 0}
	.completed-course p{font-size:14px}
	.instructor{padding:0}
	.widget ul li label{font-size:10px}
	.widget ul li span.checkmark{font-size:16px}
	.accordion{font-size:12px}
	#footer .bottom-links,#footer .rights{text-align:center!important}
}
@media(max-width: 767px) {
	.show-mobile{display:block}
	#head-section{text-align:center}
	.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#eee;overflow-x:hidden;padding-top:60px;transition:.5s}
	.sidenav a.closebtn,#navsidebar{display:block}
	.main-menu li .notifications,.main-menu li .profile-options{text-align:left;padding:10px;top:auto}
	.main-menu li .notifications a,.main-menu li .profile-options a{padding:5px;font-size:12px}
	.widget ul.course-count-list li label{font-size:12px}
	.main-menu{float:none!important;display:inline-block}
	.main-menu li{float:none}
	.main-menu li a{background:none;}
	.form-holder{width:90%}
	.forms{padding:30px}
	.form-section{padding:0}
	.btns-row .col-sm-6{width:50%}
	.forms label{margin:0 0 15px}
	.form-control.email,.form-control.fname,.form-control.lname,.form-control.password{padding-left:50px;text-indent:0}
	h1{font-size:20px}
	h2{font-size:16px}
	.destination-list{width:90%}
	.destination-section{padding:30px 0 100px}
	#sidebar h4,.results.top-title,.courses-list li strong{font-size:14px}
	p.catname span{padding:10px;width:100%}
	.widget ul.course-count-list li a,.widget ul li a,.check-box{font-size:12px}
	h5{font-size:12px}
	.schedule .comp-date{font-size:12px;margin:15px 0}
	.schedule p span{font-size:12px;padding:3px;margin:0 0 2px;width:100%}
	.pss-section{text-align:center!important}
	.pss-btn{margin:0}
	.pss-section p{margin:0 0 20px;text-align:center!important}
	.show-on-mobile{display:flex}
	.hide-on-mobile{display:none}
	.profile-form h5{font-size:20px}
	.profile-form label{font-size:12px}
	.profile-form .form-control{height:44px;text-indent:0;margin-bottom:5px;}
	.upload-btn-wrapper{margin:10px 0 0}
	.btn{padding:10px 20px}
	.btn-circle{padding: 6px 0px}
	.profile-img-update img{width:70%;margin:0 auto;display:block}
	.instructor{padding:0}
	.completed-course h5{font-size:14px}
	.completed-course p{font-size:12px}
	.completed-course .pss-btn{padding:10px}
	.course-desc .col-sm-9,.course-desc .col-sm-3{flex:100%;max-width:100%;text-align:center}
	.accordion{font-size:14px}
	.pss-btn{width:100%;margin:10px 0;float:none}
	#footer{text-align:center}
	#footer h4{margin:10px 0 15px}
	#footer .bottom-links,#footer .rights{text-align:center!important}
	a.float + div.label-container {visibility: hidden;opacity: 0;}
	.login-page-content h2{font-size: 20px;}
	.login-btn{float: none !important;}
	.login-page-content h2 br,
	.note br{display: none;}
	.login-form h3,
	.login-page-content h3{font-size: 18px;}
	.login-page-template .form-holder{width: 100%;}
	.forms{padding: 15px;}
	.signin-btn{padding: 10px 5px; width: 100%;}
	.form-control{font-size: 20px;}
}
@media(max-width: 480px) {
	.form-holder{width:100%}
	.forms{padding:30px}
	.form-section{padding:0}
	.form-btn{padding:10px 40px;margin:0 5px}
	.btns-row .col-sm-6{width:50%}
	.schedule .comp-date{font-size:12px;margin:15px 0;text-align:left}
	.schedule p span{font-size:12px;padding:3px;margin:0 0 2px;width:100%}
	.pss-section{text-align:center!important}
	.pss-btn{width:100%;margin:10px 0;float:none}
	.pss-section p{margin:0 0 20px;text-align:center!important}
	.top-title{font-size:14px}
	.profile-img-update img{width:50%;margin:0 auto;display:block}
	#footer .bottom-links,#footer .rights{text-align:center!important}
	.dropzones .form-control-course-info {width:140px;}
}

.col-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4, .col-xl-2-4 {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
@media (min-width: 540px) {.col-sm-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
@media (min-width: 720px) {.col-md-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
@media (min-width: 960px) {.col-lg-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
@media (min-width: 1140px) {.col-xl-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}}
@media (min-width: 1340px) {.col-xl-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
@media (min-width: 1540px) {.col-xl-2-4 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
.z-100 {z-index:100;}
.floating-overlay{
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color:rgba(0,0,0,.3);
	z-index: 900;
	display:none;
}
.inner-rotate-container {
	padding-top: 200px;
	   width: 430px;
	margin-left:0px;
}
#planner-txt{
	color:#fff;
	font-size: 8rem;
	text-align:center;
}
#hs-txt{
	text-align:center;
	color:#585858;
	font-size:5rem;
}
#sidebar .widget {
	padding: 15px;
	margin: 0 5px 10px;
	background: #fff;
	box-shadow: 0 2px 2px #eaeaea;
	margin-top: 195px;

}
#sidebar {
	background-color:#bcbdc1;
	height: 100vh;
	margin-top:-20px;
	z-index:5;
	-webkit-print-color-adjust: exact;

}
.inner-sidebar {
	background: #f6a68d;
	height:100%;
	margin-right: 30px;
	-webkit-print-color-adjust: exact;
}


.inner-sidebar-text {
	transform: rotate(-90deg);
	text-align:center;


}



.fbcchevron{
	height:40px;
	background:#bcbdc1;
	color:#fff;
	position:relative;
	/* width:200px; */
	text-align:center;
	line-height:40px;
	display:inline-block;
	margin-right:50px;
	-webkit-print-color-adjust: exact;
}
.fbcchevron:after{
	content:"";
	position:absolute;
	height:0;
	width:0;
	left:100%;
	top:0;
	border:20px solid transparent;
	border-left: 20px solid #bcbdc1;
	-webkit-print-color-adjust: exact;
}
.bcchevron{
	height:40px;
	background:#bcbdc1;
	color:#fff;
	position:relative;
	/* width:200px; */
	text-align:center;
	line-height:40px;
	display:inline-block;
	margin-right:50px;
	-webkit-print-color-adjust: exact;
}
.bcchevron:after{
	content:"";
	position:absolute;
	height:0;
	width:0;
	left:100%;
	top:0;
	border:20px solid transparent;
	border-left: 20px solid #bcbdc1;
	-webkit-print-color-adjust: exact;
}
.bcchevron:before{
	content:"";
	position:absolute;
	height:0;
	width:0;
	right:100%;
	top:0;
	border:20px solid #bcbdc1;
	border-left: 20px solid transparent;
	-webkit-print-color-adjust: exact;
}
.lbcchevron{
	height:40px;
	background:#bcbdc1;
	color:#fff;
	position:relative;
	/* width:200px; */
	text-align:center;
	line-height:40px;
	display:inline-block;
	-webkit-print-color-adjust: exact;
}
.lbcchevron:before{
	content:"";
	position:absolute;
	height:0;
	width:0;
	right:100%;
	top:0;
	border:20px solid #bcbdc1;
	border-left: 20px solid transparent;
	-webkit-print-color-adjust: exact;
}

.bc-header{
	font-size: 1.4rem;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
	display: grid;
	margin-bottom: 10px;
	grid-template-columns: 1fr 2fr 1fr;
}
.bc-highlight {
	color: #f45929;
}
.floating-overlay{
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color:rgba(0,0,0,.3);
	z-index: 900;
	display:none;
}
	
	@media only screen and ( max-width: 575px) {
		.accordian-menu-iframe{
			width:100%;
		}
		#btnModalSelectedCourses{
			bottom:6px;
			top:auto;
		}
		.floating-menu{
			width: 524px;
			top: 175px;
		}
		.float-menu-mobile{
			display:block;
		}
		.float-menu-margin{
			display:none;
		}
		.card-body .menu-video-frame {
			width: 436px;
			height: 256px;
		}
		.float-menu-header {
			display:none;
		}
		.accordionExample-header {
			display:block;
		}
	}
	@media only screen and ( max-width: 767px) {
		#btnModalSelectedCourses{
			bottom:6px;
			top:auto;
		}
		.card-body .menu-video-frame {
			width: 436px;
			height: 256px;
		}
		.floating-menu{
			width: 540px;
		}
		.float-menu-mobile{
			display:block;
		}
		.float-menu-margin{
			display:none;
		}
		.float-menu-header {
			display:none;
		}
		.accordionExample-header {
			display:block;
		}
		.bc-header{
		   font-size:1rem;
		}
		
	}
	@media only screen and ( min-width: 768px) {
		.floating-menu{
			width: 720px;
		}
		
		.accordionExample-header {
			display:none;
		}
		.float-menu-right-container{
			padding:4px;
		}
		.menu-video-frame {
			width: 460px;
			height: 270px;
		}
		.inner-rotate-container {
			margin-left: -100px;
		}

		#hs-txt {
			font-size: 2rem;
			margin-bottom: -32px;
		}
		#planner-txt {
			font-size: 5rem;
		
		}
		
	
		.inner-sidebar {
			margin-right: 15px;
		}


	}
	@media only screen and ( min-width: 992px) {
		.float-menu-right-container{
			padding:10px;
		}
		.floating-menu{
			width: 960px;
			top: 97px
			
		}
		.menu-video-frame {
			width: 595px;
			height: 350px;
		}
		.inner-rotate-container {
			margin-left: -85px;
		}

		#hs-txt {
			font-size: 3rem;
			margin-bottom: -50px;
		}
		#planner-txt {
			font-size: 6rem;
		
		}
		
	
		.inner-sidebar {
			margin-right: 15px;
		}
	}
	@media only screen and ( min-width: 1200px) {
		.floating-menu{
			width: 1140px;
		}
		.menu-video-frame {
			width: 595px;
			height: 350px;
		}
		.inner-rotate-container {
			margin-left: -160px;
		}
		#hs-txt {
			font-size: 3.4rem;
			margin-bottom: -58px;
		}
		#planner-txt {
			font-size: 8rem;
		}
		
	}
	@media only screen and ( min-width: 1400px) {
		.floating-menu{
			width: 1340px;
		}
		.menu-video-frame {
			width: 680px;
			height: 400px;
		} 
		.inner-rotate-container {
			margin-left: -118px;
		}
		#hs-txt {
			font-size: 3.4rem;
			margin-bottom: -58px;
		}
		#planner-txt {
			font-size: 8rem;
		}
	}
	@media only screen and (min-width: 1600px) {
		.floating-menu{
			width: 1540px;
		}
		.menu-video-frame {
			width: 680px;
			height: 400px;
		} 
		.inner-rotate-container {
			margin-left: -50px;
		}
		#hs-txt {
			font-size: 3rem;
			margin-bottom: -58px;
		}
		#planner-txt {
			font-size: 8rem;
		}
	}
	@media only screen and (min-height: 900px) {
		.inner-rotate-container{
			padding-top: 200px;
		}
	}

	@media print {
		.header-text {
			margin-top:50px;
		}
		.main-menu, .floating-menu-bar,.edit-summary-title,.summaryhelp, .editcourse-print 	{
			display:none;
		}
		#head-section {
			background: #58585a !important;
			-webkit-print-color-adjust: exact;

		}
		.inner-rotate-container {
			margin-left: -170px;
		}
		#hs-txt {
			font-size: 3.4rem;
			margin-bottom: -58px;
		}
		#planner-txt {
			font-size: 8rem;
		}
	 }
	 /* @media screen, print {
		p.bodyText {font-size:10pt}
	 } */