.lodspin {
    position: absolute;
    left: calc(50% - 10px);
    opacity: 0;
    line-height: 24px;
    font-size: 24px;
}
.lodspin2 {
    position: absolute;
    left: calc(50% - 10px);
    opacity: 0;
    line-height: 20px;
    font-size: 20px;
}
.inloadsub {
    position: relative;
}
.inloadsub[send="false"] {
    opacity: 0.6;
    cursor: not-allowed;
}
.inload {
    position: relative;
    opacity: 0.9;
}
.inload span {
    opacity: 0;
}
.inload .lodspin, .inload .lodspin2 {
    opacity: 1;
}
.hidden { display: none;}
.codeek-notif {width: 360px;white-space: normal;}
/*======= form ============*/
.codeek-group{position:relative;}
.codeek-g-icon{width:36px;height:34px;line-height:34px;position:absolute;text-align:center;background:transparent;}
.codeek-group .form-control{padding-left:36px;}
.codeek-photo { border-radius: 50%; width: 100px; height: 100px; margin: auto; overflow: hidden; border: 2px solid #d9e0e7; }
.codeek-photo .fa-user { font-size: 68px; line-height: 90px; color: #444; }
.codeek-photo .fa-layer-group { font-size: 68px; line-height: 90px; color: #444; }
.codeek-photo img { width: 100%; height: 100%; }
.codeek-file { font-size: 14px; margin-top: 10px; cursor: pointer; }
.codeek-file input { display: none; }
.row.codeek-view-u { border: solid #d9e0e7; border-width: 2px 0px 2px 0px; margin-bottom: 10px; padding: 9px 0px; }
/*====== custum css =======*/
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #ff5b57;
}
.width-100 {
    width: 100px;
}
.custom-file-label::after {
    content: "Prcourir";
}
.ehostfy-bg-tabs{
    background:#eee;
}
.w3oneValid {
    color: green !important;
}
.w3oneSupr {
    color: red;
}
.product-image {
    margin: auto;
    width: 150px;
    border: 1px solid #ddd;
    height: 150px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.product-image img {
    width: 100%;
    height: 100%;
}
.product-image .fa-spinner {
    position: absolute;
    left: calc(50% - 20px);
    line-height: 40px;
    font-size: 40px;
    top: calc(50% - 20px);
    color: #00acac;
}
.cod-user-load {
    position: absolute;
    left: calc(50% - 13px);
    line-height: 20px;
    font-size: 27px;
    top: calc(50% - 10px);
    color: #00acac;
}
.btn-striyo {
    background: none;
    border: none;
    display: table-cell;
    vertical-align: text-bottom;
}
.table-striyo .btn-striyo {
    background: none;
    border: none;
    display: inline-block;
}
/*======== permission =========*/
.permission-user h4 {
    display: block;
    border-bottom: 1px #ccc dashed;
    margin-bottom: 14px;
    color: #222;
    font-size: 20px;
    padding-bottom: 6px;
}
/*====== consomation ========*/
.codeek-load-art {text-align: center;}
/* ======= files ===========*/
.code-del {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 4px;
    font-size: 16px;
    cursor: pointer;
    padding: 6px;
}
.code-del:hover {
    color: red;
}
.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice {background: #00acac;
    color: #fff;}
.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {color: #fff;}
/*======== css final ==========*/
.sidebar .nav>li.active>a i {
    color: #e6ca0c;
}
.sidebar .sub-menu>li.active:after {
    border-color: #e6ca0c;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #cee1eb;
}
.panel.panel-primary>.panel-heading {
    background: #3c40c6;
}
.btn-group .btn-secondary {
    background-color: #0c2461;
    border-color: #0c2461;
}
.permission-one label {
    display: block;
}
.permission-one .custom-control-label {
    vertical-align: text-top;
}
.permission-one .form-control-sm {
    height: auto;
    padding: 3px 10px 3px 36px;
}
.navbar-codeek-brand b {
    color: #2d353c;
    font-size: 18px;
    margin-left: 5px;
}
.navbar-codeek-brand:hover {
    text-decoration: none;
}
.codeek-logo img {
    width: 40px;
    height: 40px;
    margin-left: 20px;
}
.codeek-logo-icon {
    font-size: 21px;
    color: #e6ca0c;
    margin-left: 20px;
}
.codeek-a3s {
    height: 0px;
    overflow: hidden;
    display: block !important;
}
.codeek-a3s.active {
    height: auto;
}
/*======== tables =========*/
@media (min-width: 1200px){
    .codeek-delete-product {
        position: absolute;
        right: -60px;
        width: 60px;
        top: 3px;
    }
}
@media (max-width: 1200px){
    .codeek-delete-product {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 600px) {
.mytable-codeek thead {
    display: none;
}
.mytable-codeek tr td {
    border: none;
    border-bottom: 1px solid #e4e7ea;
    display: none;
}
.mytable-codeek tr .cod-first {
    display: block;
    cursor: pointer;
}
.mytable-codeek tr td:last-child {
    border-bottom: none;
}
.mytable-codeek .cod-open td {
    display: block;
}
.mytable-codeek tr td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
}
.mytable-codeek tr .cod-first::after {
    content: " + ";
    float: left;
    background: #d5dbe0;
    width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    margin-left: 10px;
    border-radius: 3px;
    color: #4e5c68;
}
.mytable-codeek .cod-open .cod-first::after {
    content: " - ";
}
.profile-content {
    padding: 20px 0px;
}
}