@font-face{
    font-family: 'Etelka';
    src: url('/static/base/fonts/EtelkaText.otf');
}
.alert-error{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
a:focus{
    outline: none !important;
}
.mobile{
    display: none;
}
.calendar-select{
    color: inherit;
}
.django-ckeditor-widget{
    width: 100%;
}
.navbar-collapse-my{

}
#navbarSupportedContent{
    display: block;
}
body{
    background-color: #eee;
    opacity: 0.95;
    min-height: 100%;
}
.border-red{
    border: 1px solid red;
    background-color: red;
}
.bg-dimkofe{
    background-color: #253160 !important;
}
#variant_res_bg{
    background-color: #FFF;
}
.bg-anim{
    background-color: #e9ecef !important;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.list_variant{
    border-bottom: 1px #CCC dashed;
    display: block;
    width: 100%;
}
.table th{
    font-weight: 500 !important;
}
.press-hidden{
    cursor: pointer;
}
/*popup*/
#suggestions{
    position:absolute;
    z-index:800;
    left:20px
    border:1px solid #000;
    background-color: #eee;
    display: none;
}
.page-item.active .page-link{
    background-color: #8e8e8e;
    border-color: #8e8e8e;
}
.page-link{
    color: #8e8e8e;
}
.graph-fixed-col th:first-child, .graph-fixed-col td:first-child{
    position:sticky;
    left:0px;
    background-color: #FFF;
}
#searchresults{position:relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F3F3F3;width:250px;margin-top:7px;left:0;z-index:800;border:1px solid #ccc;padding:5px}
#searchresults a small{display:block;line-height:1.2em;color:#999;font-size:12px}
#searchresults a{display:block;text-decoration:none;padding:3px}
#searchresults a:hover{text-decoration:none;background-color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#searchres{width:350px;background-color:#F6F6F6;position:absolute;z-index:8500;border:1px solid #DDD;border-radius:5px;padding:2px}
#searchres p{background-repeat:repeat-x;background-position:bottom;height:60px;}
#searchres a{display:block;clear:left;text-decoration:none;color:#333;height:58px}
#searchres a:hover{background-color:#E8E8E8}
#searchres img{float:left;margin-right:5px;padding:5px}
#searchres span.searchheading{display:block;font-weight:700;padding-top:2px}
#searchres span.searchdesc{display:block;font-size:10px;line-height:1.3em}
/* end popup */
.smile-text{
    font-size: 11px;
}
.menu{
    padding-top: 20px;
    color: #FFF;
}
.hover:hover{
    background-color: #eee;
}
.menu a{
    color: #3b3b3b;
}
.w-lg-50{
    width: 50%!important
    }
.arrow-left, .arrow-right, .arrow-left-graph, .arrow-right-graph{
    text-decoration: none;
    color: #000;
}
.select-graph{
    background-color: #24c6d9;
}
.arrow-left:hover, .arrow-right:hover, .arrow-left-graph:hover, .arrow-right-graph:hover{
    text-decoration: none;
    color: #000;
}
.add-leads:hover{
    text-decoration: none;
}
.border-source{
    background-color: #e3e3e3;
    border-bottom: 6px solid #28a745;
}
.bg-select{
    background-color: #24c6d9 !important;
    color: #FFF;
}
.bg-e3{
    background-color: #e3e3e3;
}
.calendar-select:hover{
    text-decoration: none;
}
.shadow-my{
    box-shadow: 1px 1px 3px 1px #c0c0c0;
}
.grey{
    color: rgb(172 181 190);
    font-size: 0.8rem;
}
.control-panel-contakt{
    font-size: 1.5rem;
}
.select-border-contakt{
    border: 3px solid #000 !important;
}
.decoration-none:hover{
    text-decoration: none;
}
.bg-work{
    background-color: #e9f6e5;
}
.bg-contackt-new{
    background-color: #4c9835;
    color: #FFF;
    font-size: 0.8rem;
}
.bg-contackt-ring{
    background-color: #9b4570;
    color: #FFF;
    font-size: 0.8rem;
}
.bg-contackt-work{
    background-color: #2da9c0;
    color: #FFF;
    font-size: 0.8rem;
}
.bg-contackt-break{
    background-color: #959f9f;
    color: #FFF;
    font-size: 0.8rem;
}
.color-base{
    background-color: #0060aa;
}
.loader{
    display: none;
}
.progress{
    position:relative;
    width:100%
    border:1px solid #000;
    position:relative;
    padding:3px;
    height: 35px;
}
.bar{
    background-color:#24c6d9;
    width:50%;
    height:100%;
    transition:width 150ms;
}
.border-b-3{
    border-bottom: 3px solid;
}
.percent{
    position:absolute;
    display:inline-block;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    color: #000;
}
.plane{
    table-layout: fixed;
}
.plane td{
    height: 170px;
    min-width: 90px;
    width: 120px;
    text-align: center;
    overflow: hidden;
}
.mobile-menu{
    background-color: #f6f6f6 !important;
    transition: left 2s;
    -moz-transition: left 2s; 
    -webkit-transition: left 2s; 
    -o-transition: left 2s;
}
.format-check{
    background-color: #28a745;
}
.format-bron{
    background-color: #28a745;
}
.format-yes{
    background-color: #007bff;
}
.format-no{
    background-color: #994442;
}
.format-grey{
    background-color: #DEEAEA;
}
.tooltip-inner {
        background: #0a9000;
      }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
        border-top-color: #0a9000;
      }

.hidden{
    left: -1000px;
}
@media (max-width: 900px) {
    .nomobile{
        display: none;
    }
    #navbarSupportedContent:not(.show){
        display: none;
    }
    .mobile{
        display: block;
    }
    .w-lg-50{
    width: 100%!important
    }
    .plane td{
        height: 110px;
        min-width: 80px;
        width: 80px;
        text-align: center;
    }
}