/**
 *  Файл:             service.css
 *  Модуль:           d0dger
 *  Описание:         файл таблицы стилей для общих элементов
 *
 *  Версия:           0.00.06
 *  Дата создания:    2020-05-02
 *  Дата модификации: 2023-03-17
 * ---------------------------------------------------------------------------------------------- */

	
/* ----------------------------------------------------------------------------------- Разное --- */
.line{
    height:0px;
    margin:10px 0px;
    border-width:1px;
    border-color:#b3a377;
    border-style:solid none none none;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.center{
    text-align:center;
}
.hidden{
    display:none;
}
.cursorHand{
    cursor:pointer;
}
.link{
    font-style:normal;
    text-decoration:underline;
    color:#2B587A;
    white-space:nowrap;
    cursor:pointer;
}
.border{
    border:#1C6891 1px solid;
}
.allocation{
    color:red;
    font-weight:bold;
}
/* -------------------------------------------------------------------------- Конец обтекания --- */
.clear{
    clear:both;
}
/* ------------------------------------------------------------------------ Выпадающий список --- */
.select{
    margin:0;
    padding:0px 24px 0px 5px;
    text-indent:0.01px;
    position:relative;
    white-space:nowrap;
    cursor:pointer;
    font-family:Arial,"Nimbus Sans L","Helvetica CY";
    font-size:10px;
    border:1px solid #A9A9A9;
    outline:none;
    background-color:#fff;
    background:url("../img/toggle.png"),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ececec));
    background:url("../img/toggle.png"),-moz-linear-gradient(bottom,#ffffff 0%, #ececec 100%);
    background:url("../img/toggle.png"g),-o-linear-gradient(bottom,#ffffff 0%, #ececec 100%);
    background:url("../img/toggle.png"),linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
    background-repeat:no-repeat;
    background-position:100% 50%;
    -webkit-appearance:none;
     -khtml-appearance:none;
      -icab-appearance:none;
       -moz-appearance:none;
        -ms-appearance:none;
         -o-appearance:none;
            appearance:none !important;
    -webkit-border-radius:2px;
     -khtml-border-radius:2px;
      -icab-border-radius:2px;
       -moz-border-radius:2px;
        -ms-border-radius:2px;
         -o-border-radius:2px;
            border-radius:2px;
}
.select::-ms-expand{
     display:none;
}
/* ------------------------------------------------------------------ Блок выпадающего списка --- */
.selectBox{
    width:200px;
    display:inline-grid;
    position:relative;
    font-family:Arial;
    font-size:13.3333px;
    white-space:nowrap;
    box-sizing:border-box;
}
.selectBox input{
    width:inherit;
    padding:1px 24px 1px 5px !important;
    padding-right:24px !important;
    font-family:Arial;
    /*font-family:Arial !important;*/
    font-size:inherit;
    letter-spacing:0.5px;
    box-sizing:border-box;
    position:relative;
    cursor:pointer;
    outline:none;
    border:1px solid #A9A9A9;
    -webkit-border-radius:2px;
     -khtml-border-radius:2px;
      -icab-border-radius:2px;
       -moz-border-radius:2px;
        -ms-border-radius:2px;
         -o-border-radius:2px;
            border-radius:2px;
    background-color:#fff;
    background:url("../img/toggle.png"),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ececec));
    background:url("../img/toggle.png"),-moz-linear-gradient(bottom,#ffffff 0%, #ececec 100%);
    background:url("../img/toggle.png"g),-o-linear-gradient(bottom,#ffffff 0%, #ececec 100%);
    background:url("../img/toggle.png"),linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
    background-repeat:no-repeat;
    background-position:100% 50%;
    -webkit-appearance:none;
     -khtml-appearance:none;
      -icab-appearance:none;
       -moz-appearance:none;
        -ms-appearance:none;
         -o-appearance:none;
            appearance:none !important;
}
.selectBox input:focus{
    border-color:#FF7F50;
}
.selectBox > div{
    height:0px;
    width:inherit;
    z-index:100;
    position:relative;
}
.selectBox > div > div{
    display:none;
    max-height:23.5em;
    overflow:hidden;
    overflow-y:auto;
    border:1px solid #A9A9A9;
    -webkit-border-radius:1px;
     -khtml-border-radius:1px;
      -icab-border-radius:1px;
       -moz-border-radius:1px;
        -ms-border-radius:1px;
         -o-border-radius:1px;
            border-radius:1px;
    background-color:#fff;
}
.selectBox  > div > div > span{
    padding:0px 5px;
    display:block !important;
    cursor:pointer;   
    letter-spacing:0.05em;
    line-height:1.2em;
    text-align:left;
    user-select:none;
}
.selectBox span:last-child{
    /*padding-bottom:3px;*/
}
.selectItem{
    background-color:#B0C4DE;
}
/* ------------------------------------------------------------------------------- Поле ввода --- */
.inputText{
   margin:0;
   padding:0px 3px;
   position:relative;
   white-space:nowrap;
   font-family:Verdana,"DejaVu Sans","Geneva CY";
   font-size:10px;
   font-weight:normal;
   border:1px solid #A9A9A9;
   outline:none;
   /*background-color:#fff;*/
   -webkit-appearance:none;
    -khtml-appearance:none;
     -icab-appearance:none;
      -moz-appearance:none;
       -ms-appearance:none;
        -o-appearance:none;
           appearance:none !important;
   -webkit-border-radius:2px;
    -khtml-border-radius:2px;
     -icab-border-radius:2px;
      -moz-border-radius:2px;
       -ms-border-radius:2px;
        -o-border-radius:2px;
           border-radius:2px;
 }
/* --------------------------------------------------------------- Элементы checkbox (флажки) --- */
.checkbox-checked,
.checkbox-checked-disabled,
.checkbox-checked-view,
.checkbox-checked-error,
.checkbox-clear,
.checkbox-clear-disabled,
.checkbox-clear-view,
.checkbox-clear-error,
.checkbox-partial,
.checkbox-partial-disabled,
.checkbox-partial-view,
.checkbox-partial-error{
    background-repeat:no-repeat;
    background-position:0% 0%;
    margin:0px;
    padding:0px;
    vertical-align:middle;
}
.checkbox-checked,
.checkbox-checked-disabled,
.checkbox-checked-view,
.checkbox-checked-error,
.checkbox-clear,
.checkbox-clear-disabled,
.checkbox-clear-view,
.checkbox-clear-error,
.checkbox-partial,
.checkbox-partial-disabled,
.checkbox-partial-view,
.checkbox-partial-error{
    background-image:url("../img/checkbox.png");
    height:13px;
    width:13px;
}
.checkbox-checked,
.checkbox-clear,
.checkbox-partial{
    cursor:pointer;
}
/* ---------------------------------------------------------------------- Отображение флажков --- */
.checkbox-checked,
.checkbox-checked-view{
    background-position:-13px 0px;
}
.checkbox-clear,
.checkbox-clear-view{
    background-position:-26px 0px;
}
.checkbox-partial,
.checkbox-partial-view{
    background-position:-39px 0px;
}
.checkbox-checked-disabled{
    background-position:-13px -39px;
}
.checkbox-clear-disabled{
    background-position:-26px -39px;
}
.checkbox-partial-disabled{
    background-position:-39px -39px;
}
.checkbox-checked-error{
    background-position:-13px -52px;
}
.checkbox-clear-error{
    background-position:-26px -52px;
}
.checkbox-partial-error{
    background-position:-39px -52px;
}
/* -------------------------------------------------------------- Наведение курсора на флажки --- */
.checkbox-checked:hover{
    background-position:-13px -13px;
}
.checkbox-clear:hover{
    background-position:-26px -13px;
}
.checkbox-partial:hover{
    background-position:-39px -13px;
}
/* ------------------------------------------------------------------------ Нажатие на флажки --- */
.checkbox-checked:active{
    background-position:-13px -26px;
}
.checkbox-clear:active{
    background-position:-26px -26px;
}
.checkbox-partial:active{
    background-position:-39px -26px;
}
/* ----------------------------------------------------------- Элементы radio (переключатели) --- */
.radio{
    margin:5px 0px;
}
.radio input[type=radio]{
    position:absolute;
    opacity:0;
}
.radio label{
    display:block;
    cursor:pointer;
    padding:2px 2px 3px 10px;
    -webkit-border-radius:8px;
     -khtml-border-radius:8px;
      -icab-border-radius:8px;
       -moz-border-radius:8px;
        -ms-border-radius:8px;
         -o-border-radius:8px;
            border-radius:8px;
    user-select:none;
}
.radio label:hover{
    background-color:#e7e7e7;
}
.radio input[type=radio] + label:before{
    content:"";
    background-color:#dedede;
    background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #c8c8c8));
    background:-moz-linear-gradient(bottom,#ededed 0%, #c8c8c8 100%);
    background:-o-linear-gradient(bottom,#ededed 0%, #c8c8c8 100%);
    background:linear-gradient(to bottom, #ededed 0%, #c8c8c8 100%);
    border-radius:100%;
    border:0.05em solid #b2b2b2;
    display:inline-block;
    width:1em;
    height:1em;
    position:relative;
    top:0.05em;
    margin-right:0.5em; 
    vertical-align:top;
    cursor:pointer;
    text-align:center;
    -webkit-transition:all .25s ease;
     -khtml-transition:all .25s ease;
      -icab-transition:all .52s ease;
       -moz-transition:all .25s ease;
        -ms-transition:all .25s ease;
         -o-transition:all .25s ease;
            transition:all .25s ease;

}
.radio input[type=radio]:checked + label:before{
    background:#666;
    box-shadow:inset 0 0 0 3px #dedede;
}
.radio input[type=radio]:focus + label:before{
    border-color:#708090;
}
.radio input[type=radio]:disabled + label:before{
    border-color:#d0d0d0;
    background:#e4e4e4;
    background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #e6e6e6));
    background:-moz-linear-gradient(bottom,#efefef 0%, #e6e6e6 100%);
    background:-o-linear-gradient(bottom,#efefef 0%, #e6e6e6 100%);
    background:linear-gradient(to bottom, #efefef 0%, #e6e6e6 100%);
    cursor:auto;
}
.radio input[type=radio] + label:empty:before{
    margin-right:0;
}
.radio input[type=radio]:disabled + label:hover{
    cursor:auto;
    background:none;
}
/* ---------------------------------------------------------------- Элементы range (ползунок) --- */
.slider{
    width:100%;
    height:10px;
    background:#d3d3d3;
    outline:none;
    opacity:0.7;
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
      -icab-border-radius:5px;
       -moz-border-radius:5px;
        -ms-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    -webkit-transition:opacity 0.2s;
     -khtml-transition:opacity 0.2s;
      -icab-transition:opacity 0.2s;
       -moz-transition:opacity 0.2s;
        -ms-transition:opacity 0.2s;
         -o-transition:opacity 0.2s;
            transition:opacity 0.2s;
}
.slider:hover{
    opacity:1;
}
.slider::-webkit-slider-thumb{
    appearance:none;
    width:5px;
    height:5px;
    cursor:pointer;
    border-radius:50%;
    background:#1E90FF;
    -webkit-appearance:none;
    -webkit-box-shadow:0px 0px 3px 8px #1E90FF;
}
.slider::-moz-range-thumb{
    width:25px;
    height:25px;
    cursor:pointer;
    border-radius:50%;
    background:#4CAF50;
    -moz-appearance:none;
    -moz-box-shadow:0px 0px 3px 8px #1E90FF;
}
/* ----------------------------------------------------------------------- Затенение страницы --- */
.screenBlackout{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    position:fixed;
    background-color:grey;
    -webkit-opacity:0.7;
     -khtml-opacity:0.7;
      -icab-opacity:0.7;
       -moz-opacity:0.7;
        -ms-opacity:0.7;
         -o-opacity:0.7;
            opacity:0.7;
    z-index:1000;
}
/* ------------------------------------------------------------------------------------- Конец -- */