/*! Place your custom styles here */
/*! -- Stack Progress Horizontal -- */

.bg-uplearn-blue {
  background: #009fe8 !important;
}
h1.pageTitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100 !important;
  font-size: 21px;
}
.pageStart {
  padding-top: 70px !important;
}
.resend_invite_mail {
  border: 1px solid #e9e3e3;
  border-radius: 8px;
  background: #f3f1f1;
  padding: 0.35em 1em;
  cursor: pointer;
}
.resend_invite_mail:hover {
  background: #ebebeb;
}
.btn-primary-outline {
  color: #000000;
  background-color: transparent;
  border-color: #e2e3e5;
}
#exam_data .card__title {
  height: 2.0em;
}
.progress-horizontal2:not(:last-child) {
  margin-bottom: 1.85714286em;
}
.progress-horizontal2.progress-horizontal2--lg .progress-horizontal2__bar {
  height: 1.85714286em;
}
.progress-horizontal2.progress-horizontal2--sm .progress-horizontal2__bar {
  height: 0.46428571em;
}
.progress-horizontal2__bar {
  height: 0.92857143em;
  border-radius: 100px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.progress-horizontal2__bar:not(:last-child) {
  margin-bottom: 0.46428571em;
}
.progress-horizontal2__progress {
  background-color: blue;
  border-radius: 100px;
}
.imagebg .progress-horizontal2__bar {
  background: rgba(20, 20, 20, 0.2);
  border: none;
}
/**! 41. Progress - Horizontal **/
.progress-horizontal2:after {
  content: "";
  display: table;
  clear: both;
}
.progress-horizontal2 .progress-horizontal2__bar {
  position: relative;
  overflow: hidden;
}
.progress-horizontal2 .progress-horizontal2__progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.score {
  display:block;
  height:300px;
  margin-top:100px;
}
.score:after {
  font-weight: bold;
  color: rgb(241, 241, 250);
  content: "40%";
  font-size:300px;
  z-index:1 !important;
}
/*! Place your custom styles here */
.score-sm {
  display:block;
  height:200px;
  margin-top:-325px;
  z-index:9999 !important;
}

.offset-half {
    margin-left: 4.16666666%; }

.offset-25 {
    margin-left: 20% !important;
}
.bg--dark .boxed:not([class*='bg-']) {
    background: #222 !important;
    color: #fff;
}
.card-2 {
  transition: box-shadow .3s;
  background: #fff !important;
  color: #333;
  border-radius: 6px !important;
}
.card-2:hover {
  background: #fff !important;
  box-shadow: 0 0 30px rgba(33,33,33,.2);
  color: #000;
  cursor: pointer;
  border-radius: 6px !important;
}
.card-2 .card__body,
.card-2 .card__bottom {
  padding:  0.85714286em !important;
  border: 1px solid #ececec !important;
}
.card-2 .card__body p {
  margin-top: 0.92857143em;
  margin-bottom: 0;
  }
.bg--dark .boxed:not([class*='bg-']):hover {
    background: #00165f !important;
    color: #fff;
    cursor: pointer;
}
.bg--dark {
    background: #111 !important
}
.alert {
  overflow: hidden;
  border: 1px solid #e6e6e6;
  padding: 0.5em;
  height: 40px;
  }
  .alert .alert__close {
    float: right;
    cursor: pointer;
    margin-left: 5px;
    }
@media all and (min-width: 768px) {
    .mt---1 {
      margin-top: -1.85714286em;
    }
    .mt---2 {
      margin-top: -3.71428571em;
    }
    .mt---3 {
      margin-top: -5.57142857em;
    }
    .mt---4 {
      margin-top: -7.57142857em;
    }
    .mt---5 {
      margin-top: -9.57142857em;
    }
    .mt---6 {
      margin-top: -11.57142857em;
    }
    .mb---1 {
      margin-bottom: -1.85714286em;
    }
    .mb---2 {
      margin-bottom: -3.71428571em;
    }
    .mb---3 {
      margin-bottom: -5.57142857em;
    }
  }
  .color--grey {
    color:#797979;
  }
  .link-hover a:hover {
    color:orange;
    text-decoration: none;
  }
  .slider[data-paging="true"]:not(section) .flickity-page-dots {
    bottom: 1.71428571em !important;
}
.slider[data-paging="true"]:not(section) {
  margin-bottom: 0 !important;
}
.slider[data-paging="true"]:not(section) {
    margin-bottom: 0;
}
.flickity-page-dots .dot {
  background:#45d305 !important;
}
.dropdown:hover {
  cursor: pointer !important;
}

/*
.btn--primary,
.btn--primary:visited {
  background: #8E2DE2; 
  background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); 
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
  border-color: #8E2DE2;
}
*/

.exam-legend {
	width: 11px; height: 11px; border-radius: 100%;;
}
.exam-legend + span {
  color: #000000;
  font-size: 0.9em;
  font-weight: 100;
}
.top-uplean-bar {
  background: #45d305;
  height: 25px;
}

th, td {
  /*white-space: nowrap;*/
}

div.loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.5);
  z-index:99;
 
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 200px;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #ffffff;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}
.data_table thead th {font-size:13px !important; font-weight:bold !important;}
.data_table tbody th,.data_table tbody th .badge {font-size:13px !important;}

.badge-soft-success { background-color: #E8C4EB!important;}
.badge-soft-danger{ background-color: #C7E5E2!important;}
.badge-soft-warning{ background-color: #C4C4EB!important;}
.badge-soft-info{ background-color: #EBC4C4!important;}
.dashexp .badge-soft-danger{ background-color: #EBEAC4!important;}
.avatar img {border-radius:0% !important;margin-left:15px;}
.badge-soft-info img {width:71% !important;height:unset !important;margin-top:10px;margin-left:10px;}
.dashexp .badge-soft-danger img{width:90% !important;height:unset !important;margin-left:20px;}
.boxshadow{box-shadow: 0 5px 6px 0px rgba(0, 0, 0, 0.1);}
.admin-dash #timeperiod {height:25px;padding-top:3px !important;}
.dash-body-bg1 {background-color:#f4f5f7 !important;}
.tabber_section{
  border-bottom: 1px solid #e1e8ed;
}
.page-tabs li {
  float: left;
  font-size: 12px;
  display: inline;
  line-height: 36px;
  margin-bottom: 1px;
  height: 36px;
}
.page-tabs a {
  border-radius: 2px 2px 0 0;
  color: #666666;
  float: left;
  margin-right: 1px;
  padding: 0px 8px;
  cursor: pointer;
}
.page-tabs .btActive{
  color: #454545;
  font-weight: bold;
  background: white;
  border-top-color: #e1e8ed;
  border-left-color: #e1e8ed;
  border-right-color: #e1e8ed;
  border-bottom-color: white;
  border-style: solid;
  border-width: 1px;
  padding: 0px 11px;
}