/* Add here all your CSS customizations */
.custom-alert-msg-wrap{
    padding: 15px;
    padding-left: 70px;
    position: relative;
    max-width: 80%;
}
.custom-alert-msg-wrap .close-btn {
    font-size: 35px;
    right: 10px;
    top: 0px;
    color: #fff;
    opacity: 1;
	background-color: transparent;
	border: none;
}
.custom-alert-msg-wrap .alert-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    display: inline-block;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-alert-msg-wrap .alert-icon img {
	display: block;
    max-width: 100%;
    max-height: 100%;
}
.custom-alert-msg-wrap .title-name {
    display: block;
 /*   font-weight: 500;*/
    font-size: 20px;
}
.custom-alert-msg-wrap .alert-mesg{
    display: block;
    line-height: 1.1;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 5px;
	padding: 5px 20px 5px 0px !important;
    margin-right:10px;
}
.custom-alert-msg-wrap.alert-success {
/*  background-color: #def2d6;*/
    background:linear-gradient(to right, #8fc172 -80%, #42b17e 100%);
    border-color: #cfdcc7;
    color: #fff;
}
.custom-alert-msg-wrap.alert-danger{
   /* background-color: #ebc8c4;*/
    background:linear-gradient(to right, #d48c84 -20%, #dc4837 100%);
    border-color: #d5b2b0;
    color:#fff;
}
.custom-alert-msg-wrap.alert-danger p{
    color: #fff;
    margin:0;
}
.custom-alert-msg-wrap.alert-warning{
    background-color: #f8f3d6;
    border-color: #e6e3cb;
}
.custom-alert-msg-wrap.alert-info{
    background-color: #cce8f4;
    border-color: #b2cdd7;
}
.custom-alert-msg-wrap{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.loader-wrap {
    position: fixed;
    z-index: 1111;
    background: #00000024;
    width: 100%;
    height: 100%;
}
.dn {
    display: none !important;
}
img.viewimgs {
    width: 100%;
}

.parsley-errors-list{
    padding: 0;
    margin: 0;
}

.parsley-errors-list li {
    color: red;
    list-style: none;
    padding: 0;
}



#addSubjectModal input[type="radio"], input[type="checkbox"]{
    vertical-align: middle;
    cursor: pointer;
    outline: none;
}
.add-sub-admin{
    display:flex;

}
.cheklist-wraper{
    position: relative;
 }
.cheklist-wraper label{
    cursor: pointer;
}
.styled-checkbox{
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label::before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background:#ccc;
    position: absolute;
    left: 0;
}
.styled-checkbox:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.styled-checkbox:hover + label::before, .styled-checkbox:checked + label::before {
    background: #5CB85C;
}
#addSubjectModal .choose-default img, #editSubjectModal .choose-default img {
    width: 45px;
}
#addNotesModal .choose-default img, #editNotesModal .choose-default img{
    width: 45px;
}

#addNotesModal input[type="radio"], input[type="checkbox"], #editNotesModal input[type="radio"], input[type="checkbox"]{
    vertical-align: middle;
    cursor: pointer;
    outline: none;
}

#addTopicModal .choose-default img, #editTopicModal .choose-default img{
    width: 45px;
}


/*===============checkbox Loader CSS===============*/
.backend-checkbox-wrap {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 20px;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding-top:5px;
    display: block;
}
.backend-checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.backend-checkbox-wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #2c2c2c;
  border-radius: 100%;
}
.backend-checkbox-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.backend-checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
}
.backend-checkbox-wrap .checkmark:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #10a4ea;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*===============checkbox Loader CSS===============
p, label, span, h1, h2, h3, h4, h5, h6{
    word-break: break-all;
}
/*