.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12%; min-width: 12em;   }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; background-color: #B7B7B7}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; background-color: #137ed6; font-weight: bold}
.ui-tabs-vertical .ui-tabs-panel { padding-left: 1em; float:left ; }
.shade{
    background-color: #f5f5f5;
    width: 100%;

    /*-webkit-box-shadow: 10px 10px 5px 0px rgba(138,138,138,1);*/
    /*-moz-box-shadow: 10px 10px 5px 0px rgba(138,138,138,1);*/
    /*box-shadow: 10px 10px 5px 0px rgba(138,138,138,1);*/
}
.t{
    color: black;
}

.brr{
    margin-top: 10px;
}
.boxcat{
    border-radius: 3px 4px 3px 0px;
    -moz-border-radius: 3px 4px 3px 0px;
    -webkit-border-radius: 3px 4px 3px 0px;
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin-bottom: 25px;
}
.boxcatname{
    color:gray;
    position: absolute;
    top:7px;
    background-color: #f5f5f5;;
    padding: 0 5px ;
}
.boxcatname2{
    color:gray;
    position: relative;
    top: -20px;
    background-color: #f5f5f5;;
    padding: 0 5px ;
}

.boxcatname3{
    color:gray;
    position:  absolute;
    top:38px;
    background-color: #f5f5f5;;
    padding: 0 5px ;
}
.boxcatname4{
    color:gray;
    position: relative;
    top: -20px;
    background-color: #ecf0f5;
    padding: 0 5px ;
}
.stylewarn {
    border: 1px solid #d43f3a;
}
.cbox{
    position: relative;
    bottom: 2px;
    height: 17px;
    width:  17px;
}
.cbox2{
    position: relative;
    top: 5px;
    height: 15px;
    width:  15px;
}
.active{
    color:black;
}
.menus{
    background-color: #e5e5e5;
    padding: 7px
}
.butdrop{
    float: right;
    margin-right: 40px;
}
.grafik{
height: 450px;
}
.mtab{

}
.mdv1{
    text-align: center; line-height: 35px;
}

.row_source{

    background-color: #eaeaea;
    border-style: solid;
    border-color: #bbb8b8;
    border-width: 1px 0 0 0;
}
.row_lines{
    background-color: #eace38;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}


/*.mdv1 div:hover {*/
    /*background: #7a3227;*/
/*}*/

/*}*/
/*.mdv1 div:nth-child(even) {background:#e2e2e2}*/
/*.mdv1 div:nth-child(even):hover {background:#9E9E9E;}*/

/*.mdv1 div:nth-child(odd) {background: #FFF}*/
/*.mdv1 div:nth-child(odd):hover {background: #9E9E9E}*/

/*.mdv2 div:nth-child(even) {background:#e2e2e2}*/
/*.mdv2 div:nth-child(even):hover {background:#9E9E9E;}*/

/*.mdv2 div:nth-child(odd) {background: #FFF}*/
/*.mdv2 div:nth-child(odd):hover {background: #9E9E9E}*/


.mtab tr:hover{
    background: #010109;
}
.mtab tr:nth-child(even) {background:#e2e2e2; cursor: pointer}
.mtab tr:nth-child(even):hover {background:#9E9E9E;}

.mtab tr:nth-child(odd) {background: #FFF;  cursor: pointer}
.mtab tr:nth-child(odd):hover {background: #9E9E9E}

.aroundb{
    background-color: #f5f5f5;
    width:97%;
    padding: 10px;
}
.per25{ width: 25%; }
.per20{ width: 20%; }
.grfk{
    width: 100% ;
    height: 400px;
}
#before-load {
    position: fixed; /*фиксированное положение блока*/
    left: 0; /*положение элемента слева*/
    top: 0; /*положение элемента сверху*/
    right: 0; /*положение элемента справа*/
    bottom: 0; /*положение элемента снизу*/
    background: #fff; /*цвет заднего фона блока*/
    z-index: 1001; /*располагаем его над всеми элементами на странице*/
}
#before-load i {
    font-size: 40px; /*размер иконки*/
    position: absolute; /*положение абсолютное, позиционируется относительно его ближайшего предка*/
    left: 50%; /*слева 50% от ширины родительского блока*/
    top: 50%; /*сверху 50% от высоты родительского блока*/
    margin: -35px 0 0 -35px; /*смещение иконки, чтобы она располагалась по центру*/
}
.tabCallIn{
    height: 70vh;
}
.shinp{
    border-radius: 0px 66px 66px 0px;
    -moz-border-radius: 0px 66px 66px 3px;
    -webkit-border-radius: 0px 66px 66px 3px;
    /*border: 0px solid #000000;*/
}

.shbut{
    border-radius: 66px 0px 0px 66px;
    -moz-border-radius: 66px 0px 0px 66px;;
    -webkit-border-radius: 66px 0px 0px 66px;;
    /*border: 0px solid #000000;*/
}
.caltd{
    position: relative;
}
.calr{
    position: absolute;
    top:25%;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #e30742;
    border-radius: 50px;
    width:20px;
    high:20px;
    font-size: 15px;
    font-weight: bold;

}

/* toogle */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #32f34e;
}

input:focus + .slider {
    box-shadow: 0 0 1px #69f387;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.sourcegreed{
    width:100%;
    min-width: 1100px;
}
.headsource{
    display: inline-block;
    padding: 10px 5px;
    font-weight: bold;
}