/* Mendatory Asterisk (*) */
.mendatory {
    color: #f64e60;
}
/* Toggale Switch */
.switch.switch-outline.switch-primary input:empty ~ span:before {
    border: 2px solid #ff7684;
    background-color: transparent;
}

.switch.switch-outline.switch-primary input:empty ~ span:after {
    background-color: #ff7684;
}

.switch.switch-outline.switch-primary input:checked ~ span:before {
    border: 2px solid #3699ff;
    background-color: transparent;
}
.switch input:empty ~ span:after {
    opacity: 1 !important;
}
.switch.switch-outline.switch-primary input:checked ~ span:after {
    color: #ffffff;
    background-color: #3699ff;
}
.table-hover tbody tr:hover {
    color: #3f4254;
    background-color: #e7e7e7 !important;
}
.switch.switch-icon input:not(checked) ~ span:after {
    content: "\2716";
    color: #fff;
    font-size: 9px !important;
}
.switch.switch-sm input:empty ~ span:before {
    width: 58px !important;
    border-radius: 4px;
}
.switch.switch-sm input:checked ~ span:after {
    margin-left: 33px;
}
.switch.switch-sm input:empty ~ span:after {
    border-radius: 0px;
    width: 24px;
}
.switch.switch-sm input:empty ~ span::after {
    height: 24px;
    width: 24px;
    top: 0px;
    border-radius: 4px;
}
/* .switch input:empty ~ span::before {
    left: 2px;
} */
.switch.switch-sm input:checked ~ span::after {
    margin-left: 34px;
}
/* Flash Message */
.alert {
    /*position: absolute;
    margin-bottom: 0;
    bottom: 40px;
    right: 40px;*/
}
.card-body.user-view{
  width:100%;
  margin:0 auto;
}

form > .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 70px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}
form > .card-header .card-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*Close button*/
.symbol div a {
    position: absolute; top: 0; right: 0; width: 18px; height: 18px;
}
.disable { 
    pointer-events: none; 
    cursor: default; 
}
.close-item { position: absolute;top: 10px; right: 10px; }
.header-mobile-fixed .header-mobile, .brand { background-color: #fff }
.main-attribut-div {padding: 10px 20px; box-shadow: 0px 0px 4px -1px #000; margin-bottom: 10px; }
.value-attribut-div {padding: 10px 20px; box-shadow: 0px 0px 4px -1px #000; margin-bottom: 10px; }
.form-group.margin-remove { position: absolute;top: 10px;right: 20px; }
.btn-sm, .btn-group-sm > .btn { padding: 10px; margin: 10px 5px; }
.btn.btn-sm i, .btn-group-sm > .btn i { padding-right: unset; }
.dashborad-icon { font-size: 30px; }
.dashborad-number { color: #fff }
.modal-dialog #view-modal-data .container { padding: 15px; }
.action-model .modal-header { display: block; border: none;}
.action-model.modal .modal-header .close { text-align: right; }
@media (min-width: 576px){
    .action-model.modal .modal-dialog { max-width: 60% }
}
.alert.alert-danger ul, .alert.alert-success ul { margin-bottom: 0px; }
.password-hide-show { right: 30px; position: absolute; top: 15px; z-index: 10001 }
.currentpassword-hide-show { right: 30px; position: absolute; top: 15px; z-index: 10001 }
#overlayDocument        { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10000; text-align:center }
#overlayDocument img    { position: absolute; top:50%; left: calc(50% - 16px); }
/*--------------- Loader Code ---------------*/
#loader                                         { display: block; margin: 0 auto; position: relative; top: calc(50% - 65px / 2); width: 65px; height: 65px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
#loader:before                                  { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #8bdbfa; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } 
#loader:after                                   { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #8bdbfa; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }