/* 
    Created on : 12 мар. 2020 г., 12:40:34
    Author     : sorokin
*/

* {
    margin:0;
    padding:0;
}

#body{
    width:1200px;
    margin:0 auto;
}

.clearing{
    clear: both;
    height: 0 !important;
    padding:0 !important;
    margin:0 !important;
}

.left{
    float:left;
}

.right{
    float:right;
}

.half{
    width:50%;
}

.fourth{
    width:25%;
}

.full-width{
    width:100%;
}

header{
    margin:0 0 1em 0;
}

#logo{
    width:8em;
}

#logo-container>h1{
    line-height: 3em;
    font-weight:700;
    margin-left: 0.5em;
}

.round-container{
    border-radius: 10px;
    border:1px solid #ddd;
    padding:1em;
}

.round-container .half, .round-container .fourth, .round-container .full-width{
    padding:0 1em;
}

#screenholder{
    /*background-color:#fff;*/
    background: #fff url('../img/loading3.gif') center center no-repeat ;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    opacity: 0.7;
    z-index:1000;
}


.datepicker td{
    padding:0.5em;
}

header{
    /*border-bottom: 1px solid #666;*/
}

h2{
    margin:30px 0;
}

/** menu **/

#main-menu{
    margin:2.2em 0 0 2em;
}

#main-menu li
{
    list-style-type:none;
}

#main-menu>li>span:after{
    content:  " \25BE";
    /*color: var(--blue);*/
}
#main-menu>li{
    float:left;
    /*margin:0 0 0 1.5em;*/
    font-size:1.2em;
    padding:0.5em 0;
}

#main-menu>li>span, #main-menu>li>a{
    padding:0.2em 1.5em 0.2em 0;
    border-right:1px solid #ddd;
    margin:0 0 0 1.5em;
    color: #333;
    text-decoration: none;
}
#main-menu>li:last-child>span, #main-menu>li:last-child>a{
    border-right:none;
}

#main-menu>li>ul{
    display:none;
    
    margin-top: 0.5em;
    background-color: #666;
    list-style: none;
    list-style-position: inside;
}
#main-menu>li:hover>ul{
    display:block;
    border-radius: 5px;
    border:1px solid #888;
    position:absolute;
}
#main-menu>li>ul>li{
    width:100%;
}

#main-menu>li>ul>li{
    border-bottom:1px solid #888;
    padding:0.5em 0;
}

#main-menu>li>ul>li:last-child{
    border-bottom:none;
}

#main-menu>li>ul a{
    margin:0 1.5em;
    color:#fff;
}