/*YOUR CUSTOM STYLES */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');*/

a {
  cursor: pointer;
}

[type="checkbox"] + label
{
  padding-right:10px !important;
  font-size:small !important;
  /*font: 13px Arial, Helvetica, sans-serif;*/
  font: 13px Open Sans; 
  font-weight: bold;
}

[type="checkbox"] + label:before {
  width: 15px !important;
  height: 15px !important;
}

/* [type="checkbox"]:checked + label:before {
  width: 10px !important;
  height: 19px !important;
} */

.form-control,.form-select {
  font-size: 0.8rem !important;
}

a {
  text-decoration: none !important;
}

a:hover,a:focus {
  -webkit-tap-highlight-color: transparent !important;
}

.main-div-one{
  margin-bottom:35px;
  width:100%;
  overflow:hidden;
  border-bottom:1px solid #f5eeee;
}
.main-div-two{
  margin-bottom:30px;
  width:100%;
  overflow:hidden;
  border-bottom:2px solid #cec7c7;
}
.logo-section{
  margin-bottom:30px;
}
.cu-top{
  color:#0275d8;
}
.course-view .collapsed .fa-angle-down {
  float:right!important;
}
.card-header{
  margin-bottom:5px !important;
  background-color:#efefef !important;
}
.col-panel{
  padding:15px;
}
.new-section {
  border:1px solid #efefef;
}

/*div#example_filter:before {
  font-family:FontAwesome;
  content:"\f002";
  display:inline-block;
  padding-right:3px;
  vertical-align:middle;
  color:#278cb5;
  font-size:35px;
}*/

/*#example tbody td {
padding-left:15px !important;
}*/
.arrowstyle {
  float:left;
  width:97%;
}
.arrowstyleicon {
  float:left;
  width:95%;
}
.iconadjust {
  z-index:10;
  padding-bottom:15px !important;
}
.copyright {
  text-align:center;
  font-family:Arial,sans-serif;
  font-size:12px;
  position:relative;
  left:17px;
  margin:0 auto;
  width:750px;
}
.verticalline {
  border-left:1px solid #eee;
  border-top:0 solid #eee;
}
.dashboardcourselisttable {
  clear:both;
  padding:10px 30px 100px;
  font-size:15px;
}
.landingbanneradj {
  height:380px !important;
}
.mobileloginedit {
  margin:0;
}
.singpassfont {
  padding-top:18px;
  font-size:15px;
  font-family:sans-serif,Roboto;
  text-align:center;
}
.userdropdown {
  left:-90px;
}
.action_button_icon {
  margin-left:-2px !important;
  width:102%;
}
.course_headers {
  font-size:2.8vmin;
}
.course_contents {
  /*font-size:4vmin;*/
}
.progresspercent {
  font-size:160px; color:#27b5a3;
}
.progresscompleted {
  font-size:21px; font-weight:400; color:#27b5a3;
}
.helpstyle {
  left:-287px !important;
}
.dashboardmobilepercentage {
  display:none;
}
.maintenancestyle {
  background-image:url('../bkg.jpg');
  background-size:100%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width :320px)
and (max-device-width :480px) {
  /* STYLES GO HERE */
  /*.fixed-sn main{
  margin-left:0 !important;
  margin-right:0 !important;
  }*/
  .maintenancestyle{
    background-image:url('../bkg.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    height:800px;
  }

  .helpstyle{
    margin-left:-194px !important;
  }
  .fixed-sn main{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .mobilehide{
    display:none !important;
  }
  .mobilecard{
    width:106% !important;
  }
  .mobile_dashboard{
    width:108% !important;
    margin-left:-10px !important;
  }
  .container{
    padding:0 !important;
    margin-left:-5px !important; /*20190804_avoid horizontal scroll*/
  }
  .dashboardtopsection{
    width:107% !important;
    margin-left:-8px !important;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  /*.card{
    box-shadow:none !important;

    width:106% !important;
    margin-left:-5px !important;
  }*/
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .name{
    padding-left:20px !important;
  }
  .mobile-card-body{
    margin-left:-11px !important
  }
  .mobile_mycoursestatus{
    /*padding-right:33px !important;
    padding-left:32px !important;*/
    margin-bottom:0;
  }
  .mobilerowgap{
    margin-top:-20px;
  }
  .mobilereducegap{
    margin-left:-14px;
    width:108% !important;
  }
  .mobilecoursetable{
    padding-left:5px !important;
    padding-right:20px !important;
  }
  .mobilecoursetableheader{
    margin-top:-35px !important;
  }
  .mobilegapbetweencourseicon{
    padding-bottom:10px !important;
  }
  .mobileloginedit{
    margin:0;
    padding-right:10px;
  }
  .mobileremovehrline{
    margin-bottom:-15px;
  }
  .greyicon{
    font-size:15px !important;
  }
  .mobilecard-block{
    padding:0.25rem !important;
  }
  .card-header{
    padding-left:0 !important;
    padding-right:5px !important;
  }
  .name_iconview{
    /*display:inline-block;*/
    white-space:unset;
    overflow:hidden;
    /*text-overflow:ellipsis;*/
    width:100%;
    text-align:left;
    font-size:15px !important;
  }
  .greyicon{
    /*font-size:.75em;*/
    font-size:18px;
  }
  .action_button{
    padding:3px !important;
    margin-top:-2px !important;
    margin-right:-6px !important;
  }
  .action_button_icon{
    margin-left:-14px !important;
    width:109% !important;
    margin-top:-10px !important;
  }
  .linkstyle{
    margin-top:-1px;
  }
  .iconstyle-exclamation{
    width:12px !important;
    margin-top:1px !important;
  }
  .iconstyle-info{
    width:15px !important;
    margin-top:2px !important;
  }
  .iconstyle{
    width:13px !important;
    margin-top:2px !important;
  }
  .dashboardcoursecol{
    display:none;
  }
  .dashboardmobilepercentage{
    display:block;
  }
  .dashboardcourselisttable{
    clear:both;
    padding:0 0 100px;
    font-size:15px;
  }
  .mobileadjust{
    padding-top:0 !important;
  }
  .arrowstyle{
    float:left;
    width:95%;
  }
  .arrowstyleicon{
    float:left;
    width:95%;
    padding-top:5px !important;
    padding-left:10px ;
  }
  .iconadjust{
    z-index:10;
    padding-bottom:13px !important;
  }
  .titlepadding{
    padding-left:5px;
    padding-right:5px;
  }
  .tablesmall{
    font-size:12px;
    margin-top:-10px;
  }
  .tableheadingsmall{
    font-size:14px !important;
  }
  .userdropdown{
    padding-right:10px !important;
  }
  .reinforcementtext{
    font-size:15px !important;
  }
  .reinforcementtext2{
    font-size:13px !important;
  }
  .reinforcementmobileadjust{
    padding-top:20px;
    /*border-top:1px solid #eee;*/
  }
  .reinforcementmobileheightauto{
    height:auto !important;
  }
  .reinforcementmobiletoppart{
    height:250px !important;
    border-bottom:1px solid #a0a0a0 !important;
  }
  .reinforcement_mobile_passage{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .redbg {
    width:102%;
  }
  .greenbg {
    width:102%;
  }
  .mobilesecondsectiongap{
    margin-bottom:-27px;
  }
  .user_mobilelayout{
    padding:0 !important;
    margin:-27px;
  }
  .user_mobilereset{
    margin-top:2px !important;
    font-size:9px !important;
  }
  .mobile_coursedetail_return{
    margin-top:-68px;
    margin-right:-19px;
  }
  .mobile_certificate{
    padding:0 !important;
  }
  .mobile_certificate_table{
    font-size:12px !important;
  }
  .mobile_report_width{
    margin-left:-20px !important;
    margin-right:-20px !important;
  }
  div.col-4.col-sm-4.smallcol.mobileupdateuser_iphone
  {
    flex:0 0 50%;
    max-width:50%;
  }
  div.col-4.col-sm-4.mobileupdateuser_iphone
  {
    flex:0 0 50%;
    max-width:50%;
  }
}

/*############ IPHONE ############*/

/* ----------- iPhone 4 and 4S ----------- */

/* Landscape */
@media only screen
and (min-device-width:320px)
and (max-device-width:480px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:landscape) {
  .mobilerowgap{
    margin-top:15px;
  }
  .progresspercent{
    font-size:120px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobiledashboard_ipad{
    margin-left:25px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-4px;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* Portrait */
@media only screen
and (min-device-width:320px)
and (max-device-width:480px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:portrait) {
  .ios_iframe_scroll{
    height:600px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-2px !important;
  }
  /*.card{
    box-shadow:none !important;

    width:106% !important;
    margin-left:-5px !important;
    margin-bottom:5px !important
  }*/
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Landscape */
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:landscape) {
  .mobilerowgap{
    margin-top:15px;
  }
  .progresspercent{
    font-size:120px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobiledashboard_ipad{
    margin-left:25px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* Portrait */
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:portrait) {
  .ios_iframe_scroll{
    height:600px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-2px !important;
  }
  /* .card{
     box-shadow:none !important;

     width:106% !important;
     margin-left:-5px !important;
     margin-bottom:5px !important
   }*/
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Landscape */
@media only screen
and (min-device-width:375px)
and (max-device-width:667px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:landscape) {
  .mobilerowgap{
    margin-top:15px;
  }
  .progresspercent{
    font-size:120px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobiledashboard_ipad{ /*doesnt take effect*/
    margin-left:25px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  .ios_iframe_scroll{
    height:600px !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
}
/* Portrait */
@media only screen
and (min-device-width:375px)
and (max-device-width:667px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:portrait) {
  .ios_iframe_scroll{
    height:600px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-2px !important;
  }
  /*.card{
    box-shadow:none !important;

    width:106% !important;
    margin-left:-5px !important;
    margin-bottom:5px !important
  }*/
  .aspect-ratio{
    position:relative !important;
  }
  .embed-responsive-item{
    height:auto !important;
    position:fixed !important;
  }
  /*.embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
  width:80% !important;
  height:auto !important;
  padding-bottom:50px !important;
  margin-bottom:30px !important;
  }*/
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Landscape */
@media only screen
and (min-device-width:414px)
and (max-device-width:736px)
and (-webkit-min-device-pixel-ratio:3)
and (orientation:landscape) {
  .mobilerowgap{
    margin-top:15px;
  }
  .progresspercent{
    font-size:120px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobiledashboard_ipad{
    margin-left:25px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}
/* Portrait */
@media only screen
and (min-device-width:414px)
and (max-device-width:736px)
and (-webkit-min-device-pixel-ratio:3)
and (orientation:portrait) {
  .ios_iframe_scroll{
    height:600px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-2px !important;
  }
  /*.card{
    box-shadow:none !important;

    width:106% !important;
    margin-left:-5px !important;
    margin-bottom:5px !important
  }*/
}

/* ----------- iPhone X ----------- */
/* Landscape */
@media only screen
and (min-device-width:375px)
and (max-device-width:812px)
and (-webkit-min-device-pixel-ratio:3)
and (orientation:landscape) {
  .mobilerowgap{
    margin-top:15px;
  }
  .progresspercent{
    font-size:120px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobiledashboard_ipad{
    margin-left:25px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}
/* Portrait */
@media only screen
and (min-device-width:375px)
and (max-device-width:812px)
and (-webkit-min-device-pixel-ratio:3)
and (orientation:portrait) {
  .ios_iframe_scroll{
    height:600px !important;
  }
  .mobileupdateuser_iphone{
    margin-right:-2px !important;
  }
  /*.card{
    box-shadow:none !important;

    width:106% !important;
    margin-left:-5px !important;
    margin-bottom:5px !important
  }*/
}

/*############ IPAD  ############*/
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio:1) {
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  .mobiledashboard_ipad{
    margin-left:10px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }

  .mobilehide{
    display:block !important;
  }

  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio:2) {
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  .mobiledashboard_ipad{
    margin-left:10px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .mobilehide{
    display:block !important;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width:834px)
and (max-device-width:1112px)
and (-webkit-min-device-pixel-ratio:2) {
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  .mobiledashboard_ipad{
    margin-left:10px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .mobilehide{
    display:block !important;
  }
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width:1024px)
and (max-device-width:1366px)
and (-webkit-min-device-pixel-ratio:2) {
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  .mobiledashboard_ipad{
    margin-left:10px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .mobilehide{
    display:block !important;
  }
  /*.card{
  width:150% !important;
  margin-left:-20px !important;
  }*/
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

/* MACBOOK */
@media only screen
and (min-device-width:1280px)
and (max-device-width:1440px)
and (-webkit-min-device-pixel-ratio:2) {
  .progresspercent{
    font-size:150px; color:#27b5a3;
  }
  .progresscompleted{
    font-size:15px; font-weight:400; color:#27b5a3;
  }
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
  .mobiledashboard_ipad{
    margin-left:10px;
  }
  .mobiledashboardtopsections_ipad{
    margin-right:-1px;
  }
  .mobilehide{
    display:block !important;
  }
  /*.card{
  width:150% !important;
  margin-left:-20px !important;
  }*/
  .ios_sort_spacing{
    margin-left:50% !important;
  }
  /*.col-sm-4{
  flex:0 0 50% !important;
  max-width:50% !important;
  }*/
  .mobileupdateuser_iphone{
    margin-right:-10px !important;
  }
}

@media only screen
and (min-width :600px) {
  .mobilehide{
    display:block !important;
  }
  .helpstyle{
    margin-left:-204px !important;
  }
}

@media only screen
and (max-width :900px) {
  .mobileheadersize{
    margin-left:-10px;
    margin-right:-10px;
    font-size:15px !important;
    margin-top:-10px;
  }
}

.main-container {
  padding-right: 1.25em !important;
  padding-left: 1.25em !important;
  max-width: 100% !important;
}

.dashboard-statistics {
  flex: 1 1 auto;
  padding: 1.25rem !important;
  font-size:22px;
  color:#6f6f6f;
}

.db-admin-block {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.card-block {
  flex: 1 1 auto !important;
  padding: 1.25rem !important;
}

body {
  font-family:"Open Sans", sans-serif !important;
}

/* For Learner Home Page */
.go-button {
  padding: 2px 20px 2px 20px !important;
  font-size: 11px !important;
  background-color: #2A79DF !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: unset;
}

.go-button:hover {
  color: unset !important;
}

.show-more-button {
  padding: 2px 10px 2px 10px !important;
  font-size: 11px !important;
  background-color: #2A79DF !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: unset;
}

.show-more-button:hover {
  color: unset !important;
}

.home-page-title {
  font-size: 1em !important;
  font-weight: 600 !important;
  color: #343E61 !important;
}

.home-page-subtitle {
  font-size: 0.8em !important;
  color: #343E61 !important;
}

.home-page-type {
  font-size: 0.6em !important;
  color: #9A9FB0 !important;
}

.adjust-brightness {
    filter: brightness(0.9);
    object-fit: fill !important;
    height: calc(18vw - 10px);

}

.card-img-top {
  height: calc(18vw - 10px);
  object-fit: fill !important;
}

.chart-blk {
  /*background-color: #2C4175 !important;*/
  background-image: linear-gradient(to top right, #2C4175 , #5261AF);
  height: calc(18vw - 10px);

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
}

/* Added New for learner chart (course completion doughnut chart) at 23-09-2021 */
.adjust-chart-height {
  margin-top: 5vh;
}

.chart-container {
  width: 25vw;
  position: absolute;
}

@media only screen and (min-width: 1600px) {
  .adjust-chart-height {
    margin-top: 2vh;
  }
}

/* For mobile lanscape */
@media only screen and (min-width: 600px) and (max-width: 812px) and (orientation: landscape) {
  .adjust-chart-height {
    margin-top: 4vh;
  }
}

/* For ipad and ipad pro portrait */
@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
  .adjust-chart-height {
    margin-top: 2vh;
  }
}

/* For ipad and ipad pro landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .adjust-chart-height {
      margin-top: 3vh;
    }

}

@media only screen
  and (min-device-width: 1366px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .adjust-chart-height {
      margin-top: 3vh;
    }
}
/* End for learner chart (course completion doughnut chart) at 23-09-2021 */

@media only screen and (min-width: 600px) and (max-width: 750px) and (orientation: landscape) {
  .adjust-chart-height {
    /* height: calc(30vh - 25px) !Important; */
    /* position: absolute;
    top: calc(2vh); */
    /* position: relative;
    top: calc(4vh); */
  }
}

@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .adjust-chart-height {
      /* height: calc(20vh - 25px) !Important; */
      /* position: absolute;
      top: calc(2vh); */
     /*  position: relative;
      top: calc(4vh); */
    }

}

@media only screen
  and (min-device-width: 1366px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .adjust-chart-height {
      /* height: calc(20vh - 25px) !Important; */
      /* position: absolute;
      top: calc(2vh); */
      /* position: relative;
      top: calc(4vh); */
    }

}

@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
  .adjust-chart-height {
    /* height: calc(14vh - 25px) !Important; */
    /* position: absolute;
    top: calc(0vh); */
    /* position: relative;
    top: calc(0vh); */
  }
}

@media screen
  and (min-device-width: 1280px)
  and (max-device-width: 1365px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .adjust-chart-height {
     /*  height: calc(30vh - 25px) !Important; */
      /* position: absolute;
      top: calc(4vh); */
      /* position: relative;
      top: calc(6vh); */
    }

}

@media only screen and (min-width: 1600px) {
  .adjust-chart-height {
    /* height: calc(30vh - 25px) !Important; */
    /* position: absolute;
    top: calc(2vh); */
    /* position: relative;
    top: calc(4vh); */
  }
}

@media only screen and (min-width: 1441px) {
    .adjust-brightness {
        height: calc(18vw - 57px);
    }

    .card-img-top {
        height: calc(18vw - 57px);
    }

    .chart-blk {
        height: calc(18vw - 57px);
    }

}

@media only screen and (max-width: 575px) and (min-width: 481px) {
    .adjust-brightness {
        height: calc(57vw - 34px);
    }

    .card-img-top {
        height: calc(57vw - 34px);
    }

    .chart-blk {
        height: calc(57vw - 34px);
    }
}

@media only screen and (max-width: 480px) {
    .adjust-brightness {
        height: calc(57vw - 31px);
    }

    .card-img-top {
        height: calc(57vw - 31px);
    }

    .chart-blk {
        height: calc(57vw - 31px);
    }
}

.my-course-list-color {
  color: #1A82DB !important;
}

.home-iconview-text {
  font-size: 0.8em !important;
  font-weight: 600 !important;
  color: #343E61 !important;
}

table.table.iconview-tbl-blk td {
  font-size: 0.7em;
  color: #797E91;
  border-top: 0;
}

.course-details-icon {
  position: absolute;
  left: -13px;
  color: white;
}

.course-title-dim-label {
  font-size: 0.7em !important;
  color: #9A9FB0 !important;
}

.table.table-striped.module-tbl thead th, .table.table-striped.module-tbl tbody td {
  border-bottom: unset !important;
  border-top:0;
}

.text-module-mandatory {
  color:#FF7F7D !important;
}

.text-more-info {
  color: #2A79DF !important;
  font-size: 0.7em !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Sort Option*/
.course-details-collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.course-details-collapsible.active, .course-details-collapsible:hover {
  background-color: #555;
}

.course-details-collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.course-details-collapsible.active:after {
  content: "\2212";
}

.course-details-content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

li.pure-checkbox.grp-item {
  padding-left: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

li.pure-checkbox.grp-title {
  padding-top: 3px !important;
  border-top: 0.5px solid #ccc;
}

/* .pure-checkbox input[type="checkbox"]:checked + label:before {
  left: -13px !important;
} */

.pure-checkbox input[type=checkbox]:checked+label:after {
  left: -2px !important;
}

.list-area {
  border: 0.5px solid #BBBBBB;
  box-shadow: none !important;
}

.arrow-up {
  margin-left: 143px !important;
}

@media only screen and (min-width: 1024px){
  .my-course-title {
    width: 34vw;
    text-align: justify;
  }

  .course-title-width {
    width: 40%;
  }

  .expiry-width {
    width: 18%;
  }

  .last-acess-width {
    width: 22%;
  }

  .status-width {
    width: 15%;
  }

  .percent-width {
    width: 5%;
  }

  /* .courselet-tbl {
    padding-left: 58px !important;
  } */
}

@media only screen and (max-width: 1023px) and (min-width: 768px){
  .my-course-title {
    width: 34vw;
    text-align: justify;
  }

  .course-title-width {
    width: 52%;
  }

  .last-acess-width {
    width: 25%;
  }

  .status-width {
    width: 17%;
  }

  .percent-width {
    width: 6%;
  }

  /* .courselet-tbl {
    padding-left: 58px !important;
  } */
}

@media only screen and (max-width: 768px) and (min-width: 360px) and (orientation: landscape){
  .my-course-title {
    width: 48vw;
    text-align: justify;
    padding-top: 0 !IMPORTANT;
  }

  .course-title-width {
    width: 70%;
  }

  .status-width {
    width: 20%;
  }

  .percent-width {
    width: 8%;
  }
}

@media only screen and (max-width: 415px) and (min-width: 360px) and (orientation: portrait){
  .course-title-width {
    width: 79%;
  }

  .percent-width {
    width: 19%;
  }
}

.panel-title span {
  padding: 0.7rem 0.5rem;
}

.dashboard-pd-top {
  padding-top: 23px !Important;
}

.context-menu {
  cursor: context-menu !important;
}

/* End Sort Option */
/* End Learner Home Page */

/*For navbar*/
/* Added at 20200923 */
.z-0 {
  z-index: 0 !important;
}

.fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer {
  padding-left: 210px !important;
}

@media (max-width: 1440px)
{
  .fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer {
    padding-left: 0 !important;
  }
}

.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
  color: #3F4D73 !IMPORTANT;
  transition: .35s;
}

.navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover {
  color: #3F4D73 !important;
}

.hamburger-color {
  color: #3F4D73 !important;
}

.double-nav {
  height: 45px !important;
  padding-top: 0 !important;
}

.custom-sidenav {
  margin-top: 45px !important;
  width: 210px !important;
}

.side-nav .collapsible > li {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.side-nav .collapsible a {
  font-size: 0.7em !important;
  text-decoration: none !important;
}

.slide-nav-in {
  max-width: 83% !important;
  margin-left: 210px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.slide-nav-out {
  max-width: unset !important;
  margin-left: unset !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media screen and (min-width: 415px) {
  .logo-div {
    width: 150px;
  }

}

@media screen and (max-width: 414px) {
  .logo-div {
    width: 150px;
  }

}

@media (max-width: 415px) {
  .nav-username {
    display: none;
  }
}

.logo-img-blk {
  height: 70px;
  max-width: 100%;
}

/*@media only screen and (max-width: 1200px)
{
  .side-nav.fixed {
    display: block !important;
    transform: unset !important;
  }

}*/

/*@media only screen and (min-width: 1024px)
{
  .side-nav.fixed {
    display: block !important;
    transform: translateX(0) !important;
  }

}*/

/*@media only screen and (max-width: 1200px)
{
  .side-nav.fixed {
    transform: unset !important;
  }

}*/
.header-gap {
  color: #3F4D73;
  margin-top: 0.4em;
  font-size: 1.5em;
  opacity: 0.2;
}


.navbar .button-collapse {
  display: block !important;
  position: relative;
  font-size: 1.4rem;
  margin-top: 21px;
  margin-right: 10px;
  margin-left: 0;
}

@media (max-width: 992px) {
  .navbar .navbar-desktop {
    display: none; } }

/*@media (max-width: 1023px) {
  .navbar .button-collapse {
    display: none; } }

@media (min-width: 1024px) {
  .navbar .button-collapse {
    display: block;
    position: relative;
    font-size: 1.4rem;
    margin-top: 21px;
    margin-right: 10px;
    margin-left: 10px; } }*/

.navbar-nav .nav-link > .fa {
  top: unset !important;
}

.navbar-nav .nav-link > .fa-user-o {
  width: 20px !important;
}

.navbar-nav .nav-link > .fa > .badge {
  top: -7px !important;
  right: 10px !important;
  font-size: 9px !important;
}

.new-navbar-fa-size {
  font-size: 16px !important;
}

.nav-gap {
  color: #D9DEE9;
  margin-top: 2px;
  margin-right: 3px;
  font-size: 20px;
  list-style: none;
}

.nav-gap-left {
  position: absolute;
  list-style: none;
  float: left;
  margin-left: 30vh !important;
  color: #D9DEE9;
}

.noti-header {
  border:15px solid #466BD1;
  background-color: #466BD1;
}

.noti-header-text {
  color: #FFFFFF !important;
  font-size: 12px;
  font-weight: 500;
  margin: -6px !important;
}

.noti-remove-all-div {
  margin: -7px !important;
}

a#remove-all.remove-all-lnk {
  font-size: 9px !important;
  color: #FFFFFF !important;
}

.single-remove {
  color:#B9BFD1 !important;
  font-size: 0.9em !important;
  line-height: 1em !important;
}

.single-div {
  margin-top: -40px !important;
}

/* Organisation Details tabs */
ul.nav.nav-tabs.custom-tabs {
  margin-left: unset !important;
  margin-right: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
  /*border-bottom: 0.5px solid #9EA5B8;*/
}

li.custom-tabs-li {
  padding: 0.7em 1.8em !important;
  border-left: 1px solid #9EA5B8;
  border-bottom: 1px solid #9EA5B8;
  background-color: #E7ECF6;
}

li.custom-tabs-li-active {
  padding: 0.7em 1.8em !important;
  border-top: 3px solid #3767FF;
  border-left: 1px solid #9EA5B8;
  border-right: 1px solid #9EA5B8;
  background-color: #FFFFFF;
}

a.custom-link {
  color: #3F4D73 !important;
  text-decoration: none !important;
}

a.custom-link.active {
  color:#3767FF !important;
  font-weight: 600 !important;
}

.nav-tabs {
  border-bottom: 1px solid #9EA5B8 !important;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.blk-keyword {
  color: #FFF;
  /*font-size: 0.7em;*/
  padding-left: 0.5em;
  margin-bottom: unset;
  display: inline-block;
  vertical-align: middle;
}

.bg-blk-keyword {
  height: auto;
  background-image: linear-gradient(to top left, #62C6E1 , #4C88D5);
  border: 1px solid #4C88D5;
  border-radius: 5px;
}

/* End Organisation Details tabs */

/*End navbar*/

/*For all input types (overwrite to mdb css class)*/
/*input[type=text], input[type=password], input[type=email], input[type=url], input[type=time],*/
/*input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search-md],*/
/*input[type=search], textarea.md-textarea {*/
/*  height: 1.8rem !important;*/
/*}*/

/*End all input types*/

.inside-text {
  padding: 3px !important;
}
/*End Dynamic dropdown*/


/*For report new css*/
.btn-success {
  border-color: #27b5a3 !important
}

.form-style-2 input.input-field, .form-style-2 .tel-number-field,
.form-style-2 .textarea-field, .form-style-2 .select-field {
  background-color: #FFFFFF;
  width: 100% !important;
}

.report-title {
  font-size: 16px;
  font-weight: 600;
  color:#3F4D73;
}

.report-subtitle {
  font-size:16px;
  color:#3F4D73;
}

.form-style-2-rpt {
  padding: 0 !important;
  font-size: 11px !important;
}

.form-style-2-heading {
  color:#3F4D73 !important;
  border-bottom: unset !important;
  margin-top: 20px !important;
}

.label-criteria {
  color:#3F4D73 !important;
  font-size: 12px !important;
  font-weight: bold;
  margin-right: 0.5rem;
}

.department-blk {
  background-color: #e3e7f5;
  margin-left:-15px;
  margin-right:-15px;
  padding: 0px 15px 5px 15px;
  margin-bottom: 1rem;
}

.dept-levle-inside-blk {
  margin-left: 5px;
}

.department-md-form {
  margin-top: 1.5rem;
}

.dept-inside-blk {
  margin-top: -15px;
  margin-left: 5px;
}

.dept-table-col {
  margin-left: -5px !important;
}

.dept-table-label {
  left: unset !important;
}

.dept-table-no-data {
  border: 1px solid #FFF !important;
  margin-right: 5px;
  background-color: #FFFFFF;
  opacity: 50%;
  font-size: 9px !IMPORTANT;
  padding: 8px;
  border-radius: 5px;
  margin-left: -6px;
  color: #143746 !important;
}

/*In tbody vertical scrollbar css*/

/*.dept-table-view {
  border: 1px solid #F5F7FB !important;
  margin-right: 5px;
  background-color: #F5F7FB;
  font-size: 9px !IMPORTANT;
  padding: 1px 8px 0 8px;
  border-radius: 5px;
  margin-left: -6px;
  color: #143746 !important;
}

.dept-table {
  margin-bottom: 0.5rem !IMPORTANT;
}

.dept-table th, .dept-table td {
  border:0 !important;
  padding-left: 10px !important;
}

.dept-table-view > .dept-table tbody tr, .dept-table-view > .dept-table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.dept-table-view > .dept-table tbody {
  display: block;
  overflow: auto;
  max-height: 80px !important;
}

.dept-table-view > .dept-table tbody tr:nth-child(odd) {
  background-color: #FFF !important;
}*/
/*END vertical scrollbar css at tbody*/

.selectedDept-scroll {
  border: 1px solid #F5F7FB !important;
  margin-right: 5px;
  background-color: #F5F7FB;
  font-size: 9px !IMPORTANT;
  padding: 1px 8px 0 8px;
  border-radius: 5px;
  margin-left: -6px;
  color: #143746 !important;

  overflow: auto;
  min-height: 50px;
  max-height: 100px;
  max-width: 810px;
  white-space: nowrap;
}

.selected-dept-tbl {
  margin-bottom: 0.5rem !IMPORTANT;
}

.selected-dept-tbl th, .selected-dept-tbl td {
  border:0 !important;
  padding-left: 10px !important;
}

.selectedDept-scroll > .selected-dept-tbl tbody tr:nth-child(odd) {
  background-color: #FFF !important;
}

#dept-data::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
#dept-data::-webkit-scrollbar-track {
  /*background: #FFF;*/
  background: #B7BDD0;
  border-radius: 5px;
}

/* Handle */
#dept-data::-webkit-scrollbar-thumb {
  /*background: #B7BDD0;*/
  background: #FFF;
  border-radius: 5px;
}

#dept-data::-webkit-scrollbar-thumb:hover {
  /* background: #B7BDD0; */
  background: #eae9e9;
}

#dept-data::-webkit-scrollbar-button:single-button {
  background: #B7BDD0;
  /*height: 7px;*/
}
/* Up */
#dept-data::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: url("../images/icons/sorting/scroll_asc.svg") no-repeat 50% 50%;
}

/* Down */
#dept-data::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url("../images/icons/sorting/scroll_dec.svg") no-repeat 50% 50%;
}

/* Left */
#dept-data::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background: url("../images/icons/sorting/sort_asc.svg") no-repeat 50% 50%;
}

/* Right */
#dept-data::-webkit-scrollbar-button:single-button:horizontal:increment {
  background: url("../images/icons/sorting/sort_dec.svg") no-repeat 50% 50%;
}


.criteria-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em !important;
}

.other-criteria-line {
  border: 0.1px solid rgba(63, 77, 115, 0.5);
  opacity: 0.2;
  margin-left: 1em;
}

.other-criteria-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em !important;
  margin-top: 10px;
}

.report-header-border {
  padding: 0 !important;
}

.report-title-blk {
  padding: 0.8em 0 0 0em !important;
}

.report-criteria-blk {
  background: #F5F7FB;
  padding: 1em;
}

.flexbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.rpt-button-search {
  padding: 3px 15px 3px 15px !important;
  font-size: 11px !important;
  background-color: #0071E3 !important;
  text-align: center;
  display: inline-block;
  color: #FFF !important;
  border-radius: 0.3rem !important;
  border: unset;
}

.rpt-button-result {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  text-align: center;
  display: inline-block;
  color: #0071E3 !important;
  border-radius: 0.3rem !important;
  border: 1px solid #0071E3 !important;
  background-color: #FFF !important;
}

.rpt-button-col-visibility {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #0071E3 !important;
  text-align: center;
  display: inline-block;
  color: #FFF !important;
  border-radius: 0.3rem !important;
  border: unset !important;
}

.list-button {
  display: flex;
}

input[type="search"] {
  border: 1px solid #A1B0D5 !important;
  border-radius: 3px !important;
  /*width: 95% !important;*/
  color:#3F4D73 !important;
  background: url('../images/icons/sorting/icon-search.svg') no-repeat 1% 40%;
  font-size: 11px !important;
}

input[type="search"]:focus::placeholder {
  color: transparent;
}

input[type="search"]:focus {
  background: unset;
  background-position: unset;
}

.list-toolbar , .list-toolbar-customfield, .list-toolbar-deptalias, .list-toolbar-dept {
  /*width: 50% !important;*/
  padding-left: 10px;
  margin-top: 0.5em !important;

}

div.list-button> div.dt-buttons {
  width: 26% !important;
}

div.list-button> div#example_filter, div.list-button> div#example2_filter,
div.list-button> div#example3_filter, div.list-button> div#example4_filter
{
  width: 24% !important;
}

div#example_filter > label, div#example2_filter > label,
div#example3_filter > label, div#example4_filter > label
{
  width: 100% !important;
  margin-top: 0.5em !important;
}

.list-title-result {
  font-size:20px;
  color:#3F4D73;
  font-weight: 600;
}


.list-button-add {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #0071E3 !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 0.5px solid #0071E3 !important;
  font-family:"Open Sans", sans-serif !important;
}

.list-button-delete {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #FFFFFF!important;
  text-align: center;
  display: inline-block;
  color: #DB4241;
  border: 1px solid #DB4241 !important;
  border-radius: 0.3rem !important;
}

.list-button-other {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #FFFFFF!important;
  text-align: center;
  display: inline-block;
  color: #0071E3;
  border: 1px solid #0071E3 !important;
  border-radius: 0.3rem !important;
}

.rpt-result-blk {
  overflow-x: auto;
  padding: 1em !important;
}

.rpt-title-result {
  font-size:15px;
  color:#3F4D73;
  font-weight: 600;
}

.rpt-button-clear {
  padding: 3px 12px 3px 12px !important;
  font-size: 11px !important;
  background-color: #FFF !important;
  text-align: center;
  display: inline-block;
  color: #D83130;
  border-radius: 0.3rem !important;
  border: 1px solid #D83130 !important;
  margin-right: 5px;
}

.rpt-button-clear:hover {
  border-color: #D83130 !important;
}

.rpt-button-search:hover {
  border-color: #0071E3 !important;
}

.rpt-button {
  display: flex;
}

.rpt-button-inside {
  width: 100%;
}

.admin-panel .table thead {
  box-shadow: unset !important;
}

.text-main {
  color: #1A82DB !important;
}

.text-minor {
  color: #B9BFD1 !important;
}

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: 600 !important;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tbody tr,table.dataTable tbody td {
  border: none !important;
  color: #143746 !important;
  font-size: 11px !important;
  text-align: justify;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable.no-footer {
  border-bottom: none !important;
}

table.dataTable thead tr {
  background-color: #FFF !important;
  font-size: 11px !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #F2F8FF !important;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #FFF !important;
}

table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
  background-color: #F2F8FF !important;
}

table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
  background-color: #FFF !important;
}


table.dataTable tbody tr.odd {
  background-color: #F2F8FF !important;
  font-size: 11px !important;
}

table.dataTable tbody tr.even {
  background-color: #FFF !important;
  font-size: 11px !important;
}

table.dataTable thead .sorting::after,table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::after,table.dataTable thead .sorting_asc::before {
  display:none !important;
}

table.dataTable thead .sorting_desc::after,table.dataTable thead .sorting_desc::before {
  display:none !important;
}

table.dataTable thead > tr > th.sorting {
  background: url("../images/icons/sorting/sort_disbled.svg") no-repeat center right !important;
  background-size: 11px 8px !important;
}

table.dataTable thead > tr > th.sorting.sorting_asc {
  background: url("../images/icons/sorting/sort_asc.svg") no-repeat center right !important;
  background-size: 11px 4px !important;
}

table.dataTable thead > tr > th.sorting.sorting_desc {
  background: url("../images/icons/sorting/sort_dec.svg") no-repeat center right !important;
  background-size: 11px 4px !important;
}

table.dataTable thead > tr > th.sorting.sorting_asc_disabled {
  background: url("../images/icons/sorting/sort_asc_disabled.svg") no-repeat center right !important;
  background-size: 11px 4px !important;
}

table.dataTable thead > tr > th.sorting.sorting_desc_disabled {
  background: url("../images/icons/sorting/sort_dec_disabled.svg") no-repeat center right !important;
  background-size: 11px 4px !important;
}

div#example_info {
  font-size: 11px !important;
  padding-left: 5px;
}

div#example_info.dataTables_info,
div#example2_info.dataTables_info,
div#example3_info.dataTables_info,
div#example4_info.dataTables_info
{
  font-size: 11px !important;
  padding-left: 5px;
}

div#example_paginate.dataTables_paginate.paging_simple_numbers,
div#example2_paginate.dataTables_paginate.paging_simple_numbers,
div#example3_paginate.dataTables_paginate.paging_simple_numbers,
div#example4_paginate.dataTables_paginate.paging_simple_numbers
{
  font-size: 11px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  font-weight: bold;
  border: unset !important;
  background: unset !important;
}

div#example_length.dataTables_length, div#example2_length.dataTables_length,
div#example3_length.dataTables_length, div#example4_length.dataTables_length {
  padding-left: 16px !important;
  padding-top: 0.15em;
}

div#example_length.dataTables_length label, div#example2_length.dataTables_length label,
div#example3_length.dataTables_length label, div#example4_length.dataTables_length label {
  font-size: 11px !important;
}

div.dt-buttons {
  float: right !important;
  margin-top: 0.5em !important;
  margin-bottom: 1em !important;
  /*padding-right: 0.75em !important;*/
}

div#example_filter, div#example2_filter, div#example3_filter, div#example4_filter {
  float: left !important;
  width: 100% !important;
}

.dataTables_scroll {
  margin-top: 0.5em !important;
}

.display-length-dt {
  display: inline-block !important;
  border-color: #CCCCCC !important;
  border-radius: 0.5em;
}

.toolbar {
  width: 100% !important;
  padding-left: 10px;
  margin-top: 0.5em !important;
}

.dataTables_scrollBody::-webkit-scrollbar {
  background: #FFF;
  border: 1px solid #DFE4F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #DFE4F5;
}

/*End report new css*/

/* Report Column Visibility*/
/*div.dt-button-collection button.rpt-button-col-visibility.buttons-columnVisibility.active {
  background-color: #EAF4FC !important;
  margin-bottom: 5px !important;
  padding: 3px !important;
  font-size: 10px !important;
  color: #2A79DF !important;
  border-radius: 5px !important;

}

div.dt-button-collection button.rpt-button-col-visibility.buttons-columnVisibility {
  background-color: #F3F3F3 !important;
  margin-bottom: 5px !important;
  padding: 3px !important;
  font-size: 10px !important;
  color: #878787 !important;
  border-radius: 5px !important;
}

div.dt-button-collection {
  max-height: 300px;
  overflow-y: scroll !important;
  border-color: #DFE4F5 !important;
  width: 200px !important;
  left: 50% !important;
}*/

button.dt-button.buttons-columnVisibility.active {
  background-color: #EAF4FC !important;
  margin-bottom: 5px !important;
  padding: 3px !important;
  font-size: 10px !important;
  color: #2A79DF !important;
  border-radius: 5px !important;
  box-shadow: unset !important;
  background-image: unset !important;
  border: unset !important;
}

button.dt-button.buttons-columnVisibility {
  background-color: #F3F3F3 !important;
  margin-bottom: 5px !important;
  padding: 3px !important;
  font-size: 10px !important;
  color: #878787 !important;
  border-radius: 5px !important;
  background-image: unset !important;
  border: unset !important;
}

div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
  width: unset !important;
  display: unset !important;

}

div.dt-button-collection::-webkit-scrollbar {
  background: #FFF;
  border-radius: 5px;
}

div.dt-button-collection::-webkit-scrollbar-thumb {
  background: #DFE4F5;
  border-radius: 5px;
}


/* End Report Column Visibility #D1DDF5 */

/* Normal table styling */

.nor-tbl {
  max-height: 100px;
  overflow: auto;
  display: inline-block;
  margin-bottom: 20px !important;
}
/*#normal-table::-webkit-scrollbar {
    width: 9px;
    background: #FFF;
    border-radius: 3px;
}

#normal-table::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #F0F2FA;
}*/

/* End normal table styling */


/* Admin Dashboard */

.card-cascade.narrower {
  border: unset !important;
  box-shadow: unset !important;
}


@media (min-width: 1200px) {
  .dashboard-row > .col-md-3.col-sm-3 {

    flex: 0 0 24% !important;
    max-width: 24% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .dashboard-row > .col-md-3.col-sm-3 {

    flex: 0 0 23% !important;
    max-width: 23% !important;
  }
}

@media (max-width: 768px) {
  .dashboard-row > .col-md-3.col-sm-3 {

    flex: 0 0 21% !important;
    max-width: 21% !important;
  }
}

.show-totaluser {
  background-color: #FFF2E6;
  border-radius: 8px;
}

.show-courses {
  background-color: #EAF8F2;
  border-radius: 5px;
}

@media (min-device-width:480px) {
  .statistics-ml {
    margin-left: 0.25rem !important;
  }
}

/*.show-courselets {
  background-color: #E5F9FF;
  border-radius: 5px;
}

.show-capacity {
  background-color: #E6F4FF;
  border-radius: 5px;
}

.show-currentlogin {
  background-color: #F0F3FF;
  border-radius: 5px;
}

.show-cumulative {
  background-color: #EFF0F6;
  border-radius: 5px;
}

.show-totaluser-title {
  color: #FF8D16 !important;
}

.show-courses-title {
  color: #66A78B !important;
}

.show-courselets-title {
  color: #5692A4 !important;
}

.show-capacity-title {
  color: #4F95CC !important;
}

.show-currentlogin-title {
  color: #6C7FCB !important;
}

.show-cumulative-title {
  color: #7D819B !important;
}

.statistics-image {
  width: 7vw;
  margin: 4vh 1vw 4vh 1vw;
}

.statistics-row {
  margin-left: unset !important;
  margin-bottom: 20px;
}

.statistics-col {
  padding-left: unset !important;
}

.statistics-txt-block {
  margin-top: 4vh;
}

.statistics-block-title {
  font-size: 2vw;
  font-weight: 600;
}

.statistics-block-subtitle {
  font-size: 1vw;
  color: #343E61;
}*/

@media only screen
and (min-device-width:1024px)
and (max-device-width:1025px)
and (orientation:landscape) {

  .statistics-block-subtitle {
    font-size: 0.8vw;
    color: #343E61;
  }

}

.admin-db-text {
  color: #343E61;
  font-size: 15px !important;
  margin-top: 10vh !important;
  margin-bottom: 2vh !important;
}

.show-one-block {
  display: flex;
  flex-direction: row;
}

.whole-blk {
  border-radius: 5px !important;
}

.four-box {
  font-size: 1.2vw;
  font-weight: 600;
  color: white;
  margin-bottom: 10px !important;
}

.slash-padding {
  padding-left: 5px !important;
  padding-right: 5px !important;
}


/* End Admin Dashboard */


/* Modal Style */
@media (min-width: 576px)
{
  /*.modal-dialog {
    max-width: 350px !Important;
  }*/
}

.modal-body-para {
  color: #343E61;
  font-size: 12px !important;
}

.new-modal-footer {
  margin-bottom: 1.25rem !important;
}

.modal-success-color {
  color: #56C952;
}

.modal-error-color {
  color: #DB3A3A;
}

.modal-warning-color {
  color: #FF861D;
}

.modal-button-success {
  padding: 5px 25px 5px 25px !important;
  font-size: 11px !important;
  background-color: #56C952 !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 1px solid #56C952 !important;
}

.modal-button-error {
  padding: 5px 25px 5px 25px !important;
  font-size: 11px !important;
  background-color: #DB3A3A !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 1px solid #DB3A3A !important;
}

.modal-button-warning {
  padding: 5px 25px 5px 25px !important;
  font-size: 11px !important;
  background-color: #FF861D !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 1px solid #FF861D !important;
}

/*.modal-content {
  border: 1px solid #707070 !important;
  border-radius: 0.5rem !important;
}*/

.modal-title-text {
  font-size: 0.9em !important;
  margin-top: 0.75em !important;
}

.modal-button-gap {
  margin-right: 0.5vw !important;
}

/* Courselet More Info Modal box */
.text-modal-body {
  color: #143746 !important;
  font-size: 0.7em !important;
  /* End Courselet More Info Modal box */
}

.text-modal-body-title {
  color: #143746 !important;
  font-size: 0.7em !important;
  font-weight: 600 !important;
  /* End Courselet More Info Modal box */
}

.text-modal-header-title {
  font-size: 1em !important;
  font-weight: 600 !important;
  color: #3F4D73 !important;
}

.modal-dialog.module-info {
  max-width: 450px !important;
}

.modal-bb-unset {
  border-bottom: unset !important;
}

.modal-header-custom {
  background-color: #516DB8;
  border-radius: unset !important;
  padding: 0.7em 1em !important;
  color: #FFFFFF !important;
  font-size: 0.8em !important;
  border-bottom: unset !important;
}

.modal-dialog.module-child {
  max-width: 600px !important;
}

.child-modal-form {
  color: #3F4D73;
  font-size: 1.2em;
  margin-bottom: 30px;
  font-weight: 700;
}

/* End Modal Style */

/* Form Style */

textarea {
 /* font-size: 0.8rem !important;*/
  border: 0.5px solid #A1B0D5;
  padding: 3px !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-none {
  cursor: none !important;
}

.none-box {
  border : none !important;
  box-shadow:none !important;
}

label.active.light-label {
  display: none;
}

@media only screen
and (min-device-width:1280px)
{
  label.active.light-label
  {
    color: #8F97AF !important;
    margin-left: 107px !important;
    font-size: 0.6rem !important;
    display: block;
  }
}

.form-subtitle {
  color: #3F4D73 !important;
  font-size: 13px !important;
  font-weight: bold;
  margin-right: 0.75em;
}

.title-line {
  border: 0.1px solid rgba(63, 77, 115, 0.5);
  opacity: 0.2;
}

.md-form label.label-text-size {
  font-size: 12px !important;
}

input[type="file"] {
  display: none;
}
.custom-file-upload {
  border: 1px solid #0071E3;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 11px !important;
  background-color: #0071E3 !important;
  text-align: center;
  color: #FFF;
  border-radius: 0.3rem !important;
}

.form-style-unset-padding {
  padding: unset !important;
}

.title-gap {
  margin-bottom: 2em !important;
}

.department-title-gap {
  margin-bottom: 1em !important;
}

.form-button-cancel {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #FFF !important;
  text-align: center;
  display: inline-block;
  color: #DB4241;
  border-radius: 0.3rem !important;
  border: 0.5px solid #DB4241 !important;
}
/* End Form Style */

/* Mail Notification Form Style */
.application-blk {
  border: 1px solid #F1F4F6;
  padding: 25px 10px 5px 10px;
  background-color: #F1F4F6;
}

.group-blk {
  border: 1px solid #EFF2F5;
  padding: 15px 10px 5px 10px;
  background-color: #EFF2F5;
}

.top-reset {
  margin-top: -24px !important;
}

/* .admin-panel input, .admin-panel .select-wrapper input.select-dropdown, .admin-panel textarea {
  font-size: 11px !important;
} */

a.dropdown-item {
  font-size: 11px !important;
}

a.close {
  font-size: 1em !important;
  line-height: 1.3 !important;
  color: #2A79DF !important;
}

span.ui-select-match-item.btn.btn-default.btn-secondary.btn-xs {
  background-color: #EAF4FC !important;
  color: #2A79DF !important;
  font-size: 11px !important;
  border: 1px solid #EAF4FC !important;
  padding: 3px !important;
  border-radius: 2px !important;
}

b, strong {
  font-weight: 600 !important;
}

/* End Mail Notification Form Style */

/* Tiny MCE Custom Style */
.tox-tinymce {
  border-left: 1px solid #A1B0D5 !important;
  border-right: 1px solid #A1B0D5 !important;
  border-top: 1px solid #A1B0D5 !important;
  border-bottom: 0.5px solid #A1B0D5 !important;
}

.tox .tox-statusbar {
  border: 1px solid #A1B0D5 !important;
}

.tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary {
  border-top: 1px solid #A1B0D5 !important;
}
/* End Tiny MCE Custom Style*/

/* Question fa icon */
.for-tootip {
  color: #C1CAD6 !important;
}

.tooltip-inner {
  text-align: justify !important;
  /*color: #2A79DF !important;
  background-color: #EAF4FC !important;*/

}
/* */

/* Bootstrap Table new setting */
.table th, .table td {
  border-top: 0;
  color: #143746;
  font-size: 12px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F2F8FF;
}

.table th {
  font-weight: 600 !important;
}

/*.table td {
  padding-left: unset !important;
}*/

.rpt-template {
  background-color: #F2F8FF !important;
}
/* End Bootstrap Table new setting */

/* Image Overlay and  public courses */
.image-overlay {
  position: absolute;
  width: 100%;
  /*height: 183px;*/
  top: 0;
  left: 0;
  background-color: #005DFF;
  opacity: 0.13;
  background-blend-mode: soft-light;
}

.mb-unset {
  margin-bottom: unset !important;
}

.mt-unset {
  margin-top: unset !important;
}

.mb-zero {
  margin-bottom: 0 !important;
}

.public-title-blk {
  background: #F0F0F0;
  border-radius: 2px;
}

.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}

.color-link {
  color: #2A79DF;
}

.color-title {
  color: #3F4D73;
}

.color-subtitle {
  color: #143746;
}

.color-rating {
  color: #6A86D4;
}

.fontsize-title {
  font-size: 1em !important;
}

.fontsize-subtitle {
  font-size: 0.8em !important;
}

.fontsize-link {
  font-size: 0.8em !important;
}

.signup-button {
  padding: 10px 10px 10px 10px !important;
  font-size: 11px !important;
  background-color: #2A79DF !important;
  text-align: center;
  display: inline-block;
  color: #FFF !important;
  border-radius: 0.3rem !important;
  border: unset;
}

button.signup-button:disabled {
  padding: 10px 10px 10px 10px !important;
  font-size: 11px !important;
  background-color: #9e9fa0 !important;
  text-align: center;
  display: inline-block;
  color: #FFF !important;
  border-radius: 0.3rem !important;
  border: unset;
  cursor: not-allowed;
}

.text-line-gap {
  line-height: 2em !Important;
}

.content-list-style {
  list-style-type: square !important;
}

.bg-75 {
  background-color: #79C9A1;
}

.bg-50 {
  background-color: #AED888;
}

.bg-25 {
  background-color: #FF8C5A;
}
/* End Image Overlay and public courses */


/* Courelet Toggle Action Button class */
span.courselet_action_button {
  padding: 3px 15px 3px 15px;
  width: 75px;
  font-size: 11px !important;
  background-color: #1A82DB;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: unset;
  font-weight: 600;
}

/* End Courelet Toggle Action Button class*/

/* My Badge Image Hover */
.zoom:hover {
  transform: scale(3);
  position: relative;
  z-index: 999999;
  padding-left: 0.5em;
  border-radius: unset;
}

/* My Gradebook View */
.gradebook-title {
  font-size: 0.8em;
  color: #3157D1;
  font-weight: 600;
}

.gradebook-name {
  font-size: 0.8em;
  color: #3157D1;
}

.course-title {
  font-size: 0.9em;
  color: #3F4D73;
  font-weight: 600;
}

.gb-courselet-title {
  font-size: 0.8em;
  color: #143746;
}

.gb-courselet-type {
  font-size: 0.6em;
  color: #5B75C8;
}

.custom-f-20 {
  font-size: 20px;
}

.custom-f-title {
  font-size: 1em;
}

.custom-f-sub {
  font-size: 0.8em;
}

.custom-f-type {
  font-size: 0.6em;
}

.gb-score-font {
  font-size: 1.4em;
}

.notstart-text {
  color: #777777;
}

.inprogress-text {
  color: #F3912A;
}

.complete-text {
  color:#13AC55;
}

.fail-text {
  color: #E24949;
}

.total-text {
  color: #0778AA;
}

.notstart-bg {
  background-color: #EFEFEF;
}

.inprogress-bg {
  background-color: #FFF6CB;
}


.complete-bg {
  background-color: #E6F8E9;
}

.fail-bg {
  background-color: #FFE4E4;
}

.total-bg {
  background-color: #E9F8FF;
}

.course-title-pl {
  padding-left: 1em;
}

.title-3157D1 {
  color: #3157D1;
  font-weight: 600;
}

.courselet-blk {
  border: 1px solid #B9BFD1;
  padding: 0 0 0 12px !important;
  margin-top: 0.5em !important;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.gb-panel {
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 5px !important;
}

.course-panel {
  margin-left: 1em;
  margin-right: 1em;
  background-color: #E8EBF7;
  border: 1px solid #E8EBF7;
}

.status-mt-gap {
  margin-top: 0.4rem;
}

.each-gp-bg {
  background-color: #F5F7FB;
}

.gb-weight-fix {
  width: 70px;
  display: flex;
  justify-content: center;
}

@media only screen and
(min-device-width : 320px) and
(max-device-width : 480px)
{
  .score-label-gap {
    width: 83%;
  }

  .total-score-gap {

  }

  .mobile-col12-p {
    padding-left: unset !important;
    padding-right: unset !important;
    margin-left: 5px !important;
  }

  .course-panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .courselet-blk {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .full-width-sm {
    width: 100% !important;
  }
}

@media only screen and
(min-device-width : 480px) and
(max-device-width : 641px)
{
  .score-label-gap {
    width: 85%;
  }

  .total-score-gap {

  }
}

@media only screen and
(min-device-width : 641px) and
(max-device-width : 1000px)
{
  .score-label-gap {
    width: 88%;
  }

  .total-score-gap {
    margin-left: 62%;
  }
}

@media only screen and
(min-device-width : 1024px) and
(max-device-width : 1200px)
{
  .score-label-gap {
    width: 91%;
  }

  .total-score-gap {
    margin-left: 70%;
  }
}

@media only screen and
(min-device-width : 1201px)
{
  .score-label-gap {
    width: 93%;
  }

  .total-score-gap {
    margin-left: 75%;
  }
}

/* End My Gradebook View

/* Report Loader */
.report_loader {
  left: 50%;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%);
}

.rpt_spinner {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-width: 3px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #1176E2;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

.cursor-text {
  cursor: text !important;
}

.cursor-pointer {
  cursor:pointer;
}

td.wrapok {
  white-space:normal !important;
}

/* End Report Loader */

/* Learner Assessment and reinforcement */
.question-no-blk {
  background-color: #3F4D73;
  font-size: 1em;
  text-align: center;
}

.question-no-color {
  color: #FFF;
}

.point-color {
  color: #87A4F5;
}

.question-blk {
  background-color: #F2F8FF;
  color: #3F4D73;
  padding: 10px 23px;
  font-size: 0.8em;
  text-align: justify;
}

.question-blk div p, .questionstyle_summary div p {
  margin-bottom: unset !important;
}

.main-title {
  color: #3F4D73 !important;
  background-color: #D9DDEF;
  font-weight: 600;
  font-size:0.8em;
  /*height: auto;*/
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}

.for-mobile-next-prev {
  background-color: #3F4D73 !important;
  color: #FFF !important;
}

.questionnum {
  font-size: 0.8em;
}

.questionstyle_summary {
  color: #3F4D73;
  padding: 0.2em 0;
}

.assessment-icon {
  width: 18px;
  margin-right: 5px;
  padding-bottom: 5px;
}

.for-layout2-dl-link {
  display: grid !important;
  align-items: center;
}

.player-blk {
  width: 100%;
  padding: 0 20px 0 20px;
}

.music-color {
  color: #3F4D73;
}

/* End Learner Assessment and reinforcement */

/* Assign User List (Designer side)*/
.assign-user-btn {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #27B5A3 !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 0.5px solid #27B5A3 !important;
  font-family:"Open Sans", sans-serif !important;
}

.unassign-user-btn {
  padding: 6px 15px 6px 15px !important;
  font-size: 11px !important;
  background-color: #278cb5 !important;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 0.3rem !important;
  border: 0.5px solid #278cb5 !important;
  font-family:"Open Sans", sans-serif !important;
}

/* Assign User List (Designer side) */
.lbl-disabled-bgcolor {
  color: #B9BFD1 !Important;
}

.trash-color {
  color: #B9BFD1 !Important;
  cursor: pointer;
}

.customfield-opera {
  width: 20%;
  margin-left: 38%;
}
/* Assign User List (Designer side) */

/* No Courselet or Course Contaniner*/
.no-courselet-container {
  text-align: center;
  background-color: #F5F7FB;
  padding: 15px;

}

.no-course-container {
  background-color: #F5F7FB;
  padding: 15px;

}

.no-gradebook-container {
  text-align: center;
  background-color: #EBEAF6;
  padding: 5px;
}

.no-courselet-text {
  display: block;
  font-size: 1.5rem;
  padding-bottom: 16px;
  color: #8F97AF;
}

.add-courselet-title {
  text-align: left;
    padding: 5px 10px;
    color: #143746;
    font-size: 0.8rem;
    font-weight: 600;
}

.add-courselet-bgcolor {
  background-color: #85EAFF;
}

.select-courselet-container {
  background-color: white;
  display: block;
  padding: 0px;
  margin: 4px;
  border: 1px solid #2A79DF;
}

.select-course-container {
  background-color: white;
  display: block;
  padding: 0px;
  margin: auto;
  width: 60%;
  border: 1px solid #B9BFD1;
}

.select-gradebook-container {
  background-color: white;
  display: inline-block;
  padding: 10px;
  margin: auto;
  margin-right: 1rem;
  border: 1px solid #B9BFD1;
}

.select-child-container {
  background-color: white;
  display: inline-block;
  padding: 10px;
  margin: auto;
  margin-right: 1rem;
  /*margin-bottom: 1.5rem;*/
  border: 1px solid #B9BFD1;
}

.select-child-container-2 {
  background-color: white;
  display: table-cell;
  padding: 0px;
  margin: auto;
  /*width: 100%;*/
  margin-right: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #B9BFD1;
}

.select-child-container-next {
  background-color: white;
  display: block;
  padding: 0px;
  margin: auto;
  width: 40%;
  margin-right: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #B9BFD1;
}

.select-courselet {
  display: inline;
  width: 200px;
}

.type-color
{
  color:#2A79DF;
}

.courselet-color
{
  color:#143746;
  font-weight:600;
}

.action-color
{
  color:#2A79DF;
}

.child-container {
    width: 58rem;
    overflow-x: auto;
    white-space: nowrap;
   /* position: relative;*/
}

.test {
  padding-top: 345px;
}

.form-label-new {
  font-size: 0.8rem !Important;
  font-weight: 600 !Important;
}



.tree li a:hover, .tree li a:hover + ul li a {
  background: unset !Important;
  border: unset !Important;
}

.tree li a {
  margin-left: 5px !Important;
  border: unset !Important;
  padding: unset !Important;
}

/* ADDED for learning point image for reinforcement */ 
.remark-blk > p {
  max-width: 800px;
  max-height: 700px;
  overflow: auto;
}

.form-group {
  margin-bottom: 0.5rem;
}

.tbl-courselet-bd {
  /* border-top: 1px solid #B9BFD1; */
  background-color: #fff;
  /* border-bottom: 1px solid #B9BFD1; */
}

.gradebookview-tr {
  border-top: 1px solid #B9BFD1;
  background-color: #fff;
}

.badge {
  color: #000 !important;
}


/*Course Detail Left Block */
.course-detail-left-blk {
  background-color: #eef0f8;
  padding-top: 1rem;
}

.course-detail-left-ul {
  padding-left: 0.5rem !important;
  margin-bottom: 0px !important;
}


.card_login {
	margin:0 auto;
	width:100%;
	background-image:url("../../assets/images/designer_card_bg.png");
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100%;
	border:none;
	box-shadow:0 5px 20px 0 rgba(0,0,0,0.16);
}

.footer_image_responsive {
  /* width: 100%;
  height: auto; */

  border: none !important;
  width: auto !important;
  height:auto;
  max-width:100%;
  max-height: 50px !important;
  cursor: pointer;
}

.online_learning_login_blk {
  border-radius:3px;
  outline: 2px solid #eef0f8;
  margin-bottom: 10px; 
  background-color: #eef0f8;
}

.social_login_blk {
  border-radius: 3px; 
  outline: 2px solid #eef0f8; 
  margin-bottom: 10px; 
  background-color: #eef0f8;
}