/* Mendatory Asterisk (*) */
.mendatory {
    color: #f64e60;
}
/* Extra */
.eye-class              { display: block;
    width: 40px;
    margin-left: auto;
    margin-bottom: 10px;
    margin-top: -10px; }
.eye-class i            { font-size: 23px; }
.help-block             { color: #F64E60; }
.select-validation      { border :1px solid #F64E60; }
.hide                   { display: none;}
.new-dealer label       { width: 100%; }
.province-text label       { width: 100%; }
.select2-container        { width: 100% !important; }

.gallery-list-block                                 { list-style-type: none; display: flex;  flex-wrap: wrap;}
.gallery-list-block  li                             { width: 25%; margin:  0px 10px;  margin-bottom: 15px;position: relative; }
.gallery-list-block  li .product-img                { min-height: 160px;  display: block; z-index: -1; }
.gallery-list-block  li  a.closes ,.dz-remove       { position: absolute; top: -5px; right: -5px; width: 18px; height: 18px; text-align: center; font-size: 14px!important; line-height: 18px; display: block; color: #fff!important; background-color: #f44064; z-index: 20;cursor:pointer;  border-radius: 50%;  }
.gallery-list-block  li  a.closes:hover             { text-decoration: none; }

/*toggle swtich overwrite the switch-sucees class*/
.switch.switch-outline.switch-success input:empty ~ span:before {
  border: 2px solid #F64E60;
  background-color: transparent; }

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

.switch.switch-outline.switch-success input:checked ~ span:before {
  border: 2px solid #1BC5BD;
  background-color: transparent; }

.switch.switch-outline.switch-success input:checked ~ span:after {
  color: #ffffff;
  background-color: #1BC5BD; }

.switch input:empty ~ span:after {
    opacity: 1 ;
}

.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;
}
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;
}