/* The switch - the box around the slider */
  .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color:rgba(244, 218, 35,1.00);
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(20px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 10px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  .pBorder {
  border-style: solid;
    border-width: thin;
  padding: 5px;}
  
  .pointer {cursor: pointer;}
  
  .cancelButton{
      vertical-align: middle;
  }

/* --New form custom css-- */
.page-header {
padding: 0;
}

.content-body-modern{
  margin-left: 60px !important;
}

.newCourse-form .card-modern.card-big-info{
margin-bottom: 30px;
}
#other_dates .input-group .input-group-addon{
padding: 10px;
}
.upload_group .pBorder{
border-color: #eee;
padding: 15px 5px;
}
.upload_group .pBorder .input-group-addon{
margin: 0!important;
padding: 10px;
line-height: 20px;
}
#pcDates .pBorder {
border: none;
}
#pcDates .input-daterange .input-group-addon, #pcDates  .input-timerange .input-group-addon{
margin: 0;
padding: 10px 5px 0 0;
line-height: normal;
}
@media (min-width: 768px){
html.mobile-device.flexbox:not(.has-tab-navigation) .content-body {
  width: 100% !important;
}
html.sidebar-left-big-icons .sidebar-left {
width: 180px;
}
}
@media (max-width: 992px){
.upload_group .pBorder .input-daterange{
margin-bottom: 15px;
}
}
@media (max-width: 640px){
#other_dates.app_delivery_type .input-daterange input,
#pcDates .input-group input{
width: 100%;
margin-bottom: 5px;
}
#other_dates.app_delivery_type .input-group .input-group-addon,
#pcDates .input-daterange .input-group-addon, #pcDates .input-timerange .input-group-addon {
padding: 5px 5px;
display: block;
text-align: left;
width: 100%;
}
.upload_group{
margin-left: 0!important;
}

}
@media (max-width: 375px){
.upload_group .close-right {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.upload_group .close-right .btn-primary{
width: 100%;
margin-top: 10px;
}
.upload_group .choose_file{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}

.parent-card-body{
padding: 0;
background: #FFF;
}
.parent-card-body-col-left{
background: #f9f9f9;
padding: 2.5rem 2rem;
}
.parent-card-body-i{
position: relative;
left: -6px;
color: #e7e7e7;
font-size: 83.2px;
font-size: 5.2rem;
margin-bottom: 10px;
}
.parent-card-col-right{
padding: 2.5rem 2rem;
}
.parent-card-body-title{
color: #222529;
font-size: 20.8px;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.2;
margin: 0 0 10px;
}
.li-span-activity{
min-width:80px !important;
}

.providerData .toggle-primary .toggle.active > label{
  background-color: var(--CEULbrown) !important;
  border-color: var(--CEULbrown) !important;
  color: var(--CEULwhite) !important;
}

.providerData .toggle-primary .toggle label {
  color: var(--CEULbrown) !important;
  border-left-color: var(--CEULbrown) !important;
  border-right-color: var(--CEULbrown) !important;
}

.providerData .btn-primary {
  background-color: var(--CEULbrown) !important;
  border-color: var(--CEULbrown) !important;
}

.headerData .toggle-primary .toggle.active > label{
  background-color: var(--CEULblue) !important;
  border-color: var(--CEULblue) !important;
  color: var(--CEULwhite) !important;
}

.headerData .toggle-primary .toggle label {
  color: var(--CEULblue) !important;
  border-left-color: var(--CEULblue) !important;
  border-right-color: var(--CEULblue) !important;
}

.headerData .btn-primary {
  background-color: var(--CEULblue) !important;
  border-color: var(--CEULblue) !important;
}

.toggle.toggle-lg .toggle > label {
  background-color: rgba(128, 128, 128, 0.7);
}

.multiselect-container {
  max-width: 100%;
}
.multiselect-native-select .btn-group,
 .multiselect-native-select .btn {
  width: 100% !important;
  white-space: normal !important;
  word-break: break-word;
}

.multiselect-container.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

select#credentialTermId{
  height: 3px !important;
  line-height: 2.1; 
}