/*Autopilot*/
.item_list_selected {
  background: transparent!important;
}

.item_list_selected .question .text-truncate .close_pane {
  border-bottom: 2px solid;
}

.course_info > div > div.arrow-left {
  width: 0;
  height: 0;
  position: relative;
  border-bottom: 18px solid #aeaeae;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: -28px 0 0;
  box-shadow: 0 0.4px 0 0 #aeaeae;
  top: inherit;
  left: inherit;
  margin-left: auto;
  margin-right: auto;
}

.padding38 {
  padding: 0 38px;
}
.fixheader {
  transition: all .5s;
  background: -webkit-linear-gradient(#F6F6F6, #FEFEFE);
  background: -moz-linear-gradient(#F6F6F6, #FEFEFE);
  background: linear-gradient(#F6F6F6, #FEFEFE);
}

/*Course Dashboard*/
.ul-book-cover {
  overflow:auto; 
  white-space: nowrap;
}

.ul-book-cover::-webkit-scrollbar {
  display: none;
}  

#right-btn,
#left-btn {
  display: none;
}

/* @media only screen and (max-width: 1290px) {
  #right-btn,
  #left-btn {
    display: block;
  }
} */

.ul-book-cover li {
  overflow: hidden;
  float: none;
  display: inline-table;
  white-space: nowrap;
  border-radius: 6px;
  border-top: 2px solid #4285f4  !important;
  box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.1);
}

.ul-book-cover li a {
  display: block;
}
.ul-book-cover li a > a {
  display:inline;
}

.ul-book-cover li:hover {  
  box-shadow: 0 2px 8px 2px rgba(20,23,28,.25)!important
}

.ul-book-cover li > p,
.ul-book-cover li a > p {
  color: #543a3a;
  border-top: 1.3px dashed #4e4e4e;
  margin: 7px 0 0;
  overflow: hidden;
  white-space: normal;
}
.course_component > h3,
.ul-book-cover li > h3 {
  white-space: normal;
}
.course_component .dashboard_options {
  height: 55px;
  width: 55px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid transparent!important;
  margin-left: auto;
  margin-right: auto;
}

#loadswitchdata .dashboard_options,
#courseComponent .dashboard_options {
  height: 65px;
  width: 65px;
  display: inline-block;
  border: 1px solid transparent!important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  transform: rotateY(0);
}

#loadswitchdata .dashboard_options i,
#courseComponent .course_component i {
  font-size: 60px;
  padding-top: 1px;
  display: inline-block;
}

.horizontal_line {
  width: 95%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  top: 60px;
}

.new_calendar:before, .new_calendar:after {
  content: '';
  float: left;
  position: absolute;
  margin-top: -8px;
  width: 4px;
  height: 12px;
  background: #eae7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#eae7e7), to(#e45d5d));
  background: -moz-linear-gradient(top,  #f1eded,  #eae7e7);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-bottom: 1px solid #666;
  box-shadow: inset 0 -1px 0 #6d4040;
  z-index: 2;
}

.new_calendar:after {
  margin-left: 4px;
}

.new_calendar:before {
  margin-left: -8px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                
  .new_calendar::before {
    margin-left: 10px;
  }
}

/* .course_component .c1 {
  box-shadow: 0 0 0 3px #343a40 !important;
} */

.course_component .c2 {
  box-shadow: 0 0 0 3px #dc3545!important;
}

.right1_5 {
  right: 1.5px;
}

.icon-circle {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  border: 2px dotted #fff;
  margin-top: 5px;
}

.play_bg div.circle {
  position: absolute;
  width: 106px;
  height: 106px;
  background-color: #fff;
  -moz-box-shadow: inset 0 0 5px 0px #a2a19f;
  -webkit-box-shadow: inset 0 0 5px 0px #a2a19f;
  box-shadow: inset 0 0 5px 0px #a2a19f;
  align-items: center;
  justify-content: center;
  display: flex;
  top: 7px;
  margin-left: 7px;
}

.percent_div {
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}

.dashboard_options .initial_survey {
  zoom: 1.2;
}
/*transition screen*/
.transition_screen {
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  left: 0!important;
  background: url('../images/grey_texture_bg.jpg');
  z-index: 1060!important;
}

.transition_screen_contentscale {
  visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s;
}

.transition_screen_contentscale.open_transition {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.transscreen ul li h3,
#courseComponent h3 {
  min-width: 75px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  transform: rotateY(0);
}

#loadswitchdata li a,
#courseComponent li a {
  display: table;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  transition: .8s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

a.bg-light:hover {
  background-color: #ebebeb !important;
}

#loadswitchdata li a.course_component:hover,
#loadswitchdata li a.course_component:active,
#loadswitchdata li a.course_component:focus,
#loadswitchdata li a.selected_option,
#courseComponent li a.course_component:hover,
#courseComponent li a.course_component:active,
#courseComponent li a.course_component:focus,
#courseComponent li a.selected_option {
  background: #f00 !important;
  transform: scale(1.05);
}

#loadswitchdata li a:hover h3,
#loadswitchdata li a:active h3,
#loadswitchdata li a:focus h3,
#loadswitchdata li a:hover .dashboard_options i,
#loadswitchdata li a:active .dashboard_options i,
#loadswitchdata li a:focus .dashboard_options i,
#loadswitchdata li a:hover .dashboard_options i:before,
#loadswitchdata li a:active .dashboard_options i:before,
#loadswitchdata li a:focus .dashboard_options i:before,
#loadswitchdata li a.selected_option .dashboard_options i,
#loadswitchdata li a.selected_option .dashboard_options i:before,
#loadswitchdata li a.selected_option h3,
#courseComponent li a:hover h3,
#courseComponent li a:active h3,
#courseComponent li a:focus h3,
#courseComponent li a:hover .dashboard_options i,
#courseComponent li a:active .dashboard_options i,
#courseComponent li a:focus .dashboard_options i,
#courseComponent li a:hover .dashboard_options span,
#courseComponent li a:active .dashboard_options span,
#courseComponent li a:focus .dashboard_options span,
#courseComponent li a:hover .dashboard_options i:before,
#courseComponent li a:active .dashboard_options i:before,
#courseComponent li a:focus .dashboard_options i:before,
#courseComponent li a.selected_option .dashboard_options i,
#courseComponent li a.selected_option .dashboard_options i:before,
#courseComponent li a.selected_option h3 {
  color: #fff !important;
}

#loadswitchdata li a:hover .dashboard_options,
#loadswitchdata li a:active .dashboard_options,
#loadswitchdata li a:focus .dashboard_options,
#loadswitchdata li a.selected_option .dashboard_options,
#courseComponent li a:hover .dashboard_options,
#courseComponent li a:active .dashboard_options,
#courseComponent li a:focus .dashboard_options,
#courseComponent li a.selected_option .dashboard_options {
  box-shadow: 0 0 0 3px #fff !important;
}

#loadswitchdata li,
#courseComponent li {
  display: inline-table;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}

#courseComponent li {
  border: 1px solid #444;
  margin: 15px;
  display: inline-block;
  width: 142px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#loadswitchdata li:hover a.selected_option {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#loadswitchdata li:hover a.selected_option .triangle_border_trans {
  display: block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#loadswitchdata li .triangle_border_trans {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#loadswitchdata li .triangle_border_trans a {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

#loadswitchdata li:hover a.selected_option .dashboard_options,
#loadswitchdata li:hover a.selected_option h3,
#loadswitchdata li:hover a.selected_option p {
  display: none;
}

.transscreen ul li {
  list-style-type: none;
}

.transscreen ul li small {
  display: none;
}

@media screen and (max-height: 30.5em) {
  .transition_screen ul li {
    min-height: 34px;
  }
}

.exercises-col .exercises-column-icons {
  position: absolute;
  top: 5px;
  left: 5.2px;
  font-size: 40px;
  border-radius: 50%;
  color: white!important;
  height: 65px;
  width: 65px;
  padding: 3px;
  box-shadow: inset 0 0 1px 1px #fff;
}

.exercises-col .course-options {
  height: 75px;
  width: 75px;
  border-radius: 100%;
  margin: 0 auto;
  border: 5px solid rgb(193,193,193);
}

.exercises-col .course-options a {
  position: relative;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  color: white!important;
  height: 64px;
  width: 64px;
  display: block;
  box-shadow: inset 0 0 1px 1px #fff;
}

#loadswitchdata .lock_condition_div {
  padding: 0!important;
  left: 1px;
  bottom: -92px;
}
.trasparent_div_content li .lock_condition_div {
  height: 100px!important;
}
.trasparent_div_content li .lock_condition {
  height: 90px!important;
  background: transparent !important;
  line-height: inherit!important;
}

.donutchart svg {
  background: #fff!important;
  box-shadow: 1px 1px 12px 2px rgba(0,0,0,0.1);
  border-radius: 50%;
}

.shadow_box {
  box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.1);
}