a {color: #01aef4}
a:hover {color: #e61465}

.loginPage {
  background: url(../images/login-page.jpg) no-repeat bottom left;
  background-size: cover
}
.loginPage .avatar-xl {
  width: 5rem;
  height: 5rem
}
.loginPage .profile-user-wid {
  margin-top: -43px;
}
.dashIconFont {
  font-size: 22px
}
.dashIconFont a {
  color: #fff
}
.tableList .progress {
  font-size: .8125rem !important
}
.tableList .avatar-sm {
  width: 3.5rem;
  height: 3.5rem
}
table td {
  vertical-align: middle !important
}
.odd .progress {
  background-color: #fff !important
}
.navbar-brand-box {
  background: #2d444e !important
}
#sidebar-menu ul li a i, #sidebar-menu ul li a svg {
  color: #6a7187;
  margin-right: 10px;
  font-size: 18px
}
#sidebar-menu ul li ul.sub-menu li a {
  padding-right: 4rem !important
}
.table-responsive {
  overflow-x: visible !important;
}
.media .avatar-md {
  margin-right: 20px
}
.select2-container {
  width: 100% !important;
  padding: 0;
}
/*************badges Color Codes******************/


.badge-soft-1 {
  color: #556ee6;
  background-color: rgba(85, 110, 230, .18)
}
.badge-soft-1[href]:focus, .badge-soft-1[href]:hover {
  color: #556ee6;
  text-decoration: none;
  background-color: rgba(85, 110, 230, .4)
}



.badge-soft-2 {
  color: #34c38f;
  background-color: rgba(52, 195, 143, .18)
}
.badge-soft-2[href]:focus, .badge-soft-2[href]:hover {
  color: #34c38f;
  text-decoration: none;
  background-color: rgba(52, 195, 143, .4)
}

.badge-soft-3 {
  color: #50a5f1;
  background-color: rgba(80, 165, 241, .18)
}
.badge-soft-3[href]:focus, .badge-soft-3[href]:hover {
  color: #50a5f1;
  text-decoration: none;
  background-color: rgba(80, 165, 241, .4)
}

.badge-soft-4 {
  color: #f1b44c;
  background-color: rgba(241, 180, 76, .18)
}
.badge-soft-4[href]:focus, .badge-soft-4[href]:hover {
  color: #f1b44c;
  text-decoration: none;
  background-color: rgba(241, 180, 76, .4)
}

.badge-soft-5 {
  color: #f46a6a;
  background-color: rgba(244, 106, 106, .18)
}
.text-soft-5{
	color: #f46a6a;
}

.badge-soft-5[href]:focus, .badge-soft-5[href]:hover {
  color: #f46a6a;
  text-decoration: none;
  background-color: rgba(244, 106, 106, .4)
}



.badge-soft-0 {
  color: #343a40;
  background-color: rgba(52, 58, 64, .18)
}
.badge-soft-0[href]:focus, .badge-soft-0[href]:hover {
  color: #343a40;
  text-decoration: none;
  background-color: rgba(52, 58, 64, .4)
}
/*************badges Color Codes******************/





#materials .form-switch-md { padding-left: 0 !important}

#materials .form-switch-md svg{ margin-right: 15px }
#materials .form-switch-md .collapsed svg{ transform: rotate(180deg); }

.lessonsContainer  svg{ margin-right: 10px }

#materials .form-switch-md a.triggerAcc{ display: block; margin-right: 40px }

.rel{ position: relative}
#materials .editButton {position: absolute; right: 0; }
#materials .editButton svg { margin-right: 0 !important}

#materials .addButton{position: absolute; right: 20px; }

 
.lessonsContainer div{padding-left: 40px; font-weight: 400; padding-top: 10px}
.lessonsContainer div a{ color: #495057;margin-top: 10px;  margin-bottom: 10px; display: block}
.lessonsContainer div a:hover{ color: #4458b8}


.hide{ display: none}

.uppercase{ text-transform: uppercase}
.lowercase{ text-transform: lowercase}
.capitalize{ text-transform:  capitalize}

.active-0{ text-decoration: line-through !important}


.clearAfter:after {
    clear: both;
	 content: "";
    display: table;
    line-height: 0;
}

.square-switch{ position: relative}
.form-check-label {width: calc(100%-100px); box-sizing: border-box; left:80px; position: absolute; top: 3px}




/*************WORK ORDER PAGE******************/

.firstSortable:before {left: 13px; right: auto !important}
.firstSortable:after { right: 14px !important}

.listWithArrows li, .listWithArrows ul{ padding:0; margin:0; list-style:none; text-indent:0}
.listWithArrows li:not(:last-child){ padding-bottom: 5px}
.listWithArrows li { padding-left: 20px; position: relative}
.listWithArrows i{ position: absolute; left: -2px; top: 3px}

/*************WORK ORDER PAGE******************/