@charset "utf-8";

/*GENERAL----------------------------------------------------------------*/

/*@font-face {
        font-family: 'PT Sans';
        src: url('images/PTS55F.ttf') format('truetype');
}*/

html {
    overflow-y: scroll;
}

html {
    scroll-behavior: smooth;
}

html, body{
    /* font-family: "PF Agora Slab Pro","Centro Slab",sans-serif; */
    /*        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;*/
    font-family: 'robotolight';
    min-width:1000px;
    padding:0;
    margin:0;
    height: 100%;/*        background-image: url('images/footerbg.png');*/
    /* background-color: #0288d1; */
}


a{
    color: #121212;
    text-decoration: none;
    outline:none;
    cursor: pointer;
}

a:hover{
    text-decoration: underline;
}

.commandLnk, .commandLnk:hover {
    text-decoration: none !important;
}

.commandLnk:hover > span {
    text-decoration: underline !important;
}

/*a:hover{
    color:#6cad11 !important;
}*/

a.ajax{
    border-bottom:1px dashed;
    text-decoration:none;
}

a.non-link{
    text-decoration:none;
    color:inherit;
}

a img, a i{
    border:none;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: grey !important;
}

a.enabled {
}

/**{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding:0;
        margin:0;
}*/


*[hidden="hidden"]{
    display:none !important;
}



/*p{*/
/*    margin:0 0 15px;*/
/*}*/

p.small{
    margin:0 0 5px;
    padding:0;
    font-size:90%;
}


/*ul, ol{
        padding-left:20px;
}*/

/*li{
        padding: 0 0 5px;
}*/

i, em{
}

.light_grey, .light_gray{
    color:#868686;
}

hr{
    border:1px solid #dadada;
    border-width:0 0 1px 0;
    margin:0 0 20px;
}

/*COMMON---------------------------------------------*/

.currency:after{
    position:relative;
    top:0.13em;
    margin: 0 0 0 -0.5em;
    /*content: "?";*/
}

.separ{
    clear:both;
    height:1px;
}

.separator_20{
    margin-left:20px;
}

.separator_10{
    margin-left:10px;
}

.separator-blue{
    border-bottom:1px solid #d6dde5 !important;
    border-top: medium none !important;
    border-left: medium none !important;
    border-right: medium none !important;
    margin-bottom:10px;
}


.separator-header{
    border-bottom:1px solid #d6dde5 !important;
    border-top: medium none !important;
    border-left: medium none !important;
    border-right: medium none !important;
    margin-top:3px;
}

.width_10_percents{
    width:10%;
}

.width_20_percents{
    width:20%;
}
.width_30_percents{
    width:30%;
}
.width_33_percents{
    width:33%;
}
.width_40_percents{
    width:40%;
}
.width_50_percents{
    width:50%;
}
.width_60_percents{
    width:60%;
}
.width_70_percents{
    width:70%;
}
.width_80_percents{
    width:80%;
}
.width_90_percents{
    width:90%;
}
.width_95_percents{
    width:95%;
}
.width_100_percents{
    width:100%;
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.align-left{
    text-align: left !important;
}

.align-right{
    text-align: right !important;
}

.align-center{
    text-align: center !important;
}

.valign-top{
    vertical-align: top;
}

.valign-bottom{
    vertical-align: bottom;
}

.valign-middle{
    vertical-align: middle;
}

.valign-text-top {
    vertical-align: text-top;
}

.nowrap{
    white-space: nowrap;
}

.ucase{
    text-transform:uppercase;
}

.lcase{
    text-transform:lowercase;
}

.clear-both{
    clear:both;
}

.inline-block{
    display: inline-block;
}

.darker{
    background-image:url(images/darker.png);
}

.light_darker{
    background-image:url(images/light_darker.png);
}

.center{
    text-align: center;
}

.italic{
    font-style:italic;
}/*



TABLE DIVS-------------------------------------------

*/.table-div{
    display:table;
}


.table-div>div, .table-row-div{
    display:table-row;
}

.table-div>div>div, .table-cell-div{
    display:table-cell;
    vertical-align:top;
    text-align:left;
    clear:none;
}

.table-div>div>div.align-center,
table-cell-div.align-center{
    text-align: center;
}




/*BUTTONS----------------------------------------------*/

a.btn{
}

a.btn span{
}


/*STYLES------------------------------------------------*/

.opacity_20{
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    -khtml-opacity: 0.2;
}



/*LAYOUT-------------------------------------------------*/

.column{
    width:1000px;
    margin:0 auto;
}

#container{
    width:100%;
    min-width: 1000px;
    position: relative;
}

#container-strut{
    height:1px;
    margin:0 20px -1px;
    clear:both;
}


/*header-------------------------------------------------*/
/*#header {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    background: #ffffff;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: 1000 !important;*/
/*}*/

/*.header-fixed-block {*/
/*    position: relative;*/
/*    height: 21px;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    font-size: 14px;*/
/*    background-color: #0288d1;*/
/*    color: #ffffff;*/
/*    padding: 12px 0;*/
/*    z-index: 10001;*/
/*}*/

/*.header-table {*/
/*    display: table;*/
/*    width: 100%;*/
/*}*/

/*.sys-name {*/
/*    padding-left: 20px;*/
/*    font-family: robotomedium;*/
/*    font-size: 20px;*/
/*    float: left;*/
/*}*/

/*.user {*/
/*    padding: 0px 50px 10px 0px;*/
/*    text-align:right;*/
/*    !* width:30%; *!*/
/*    min-width: 400px;*/
/*}*/


/*.user-db {*/
/*    padding: 0px 50px 10px 0px;*/
/*    !* width:30%; *!*/
/*    min-width: 400px;*/
/*    float: left;*/
/*    font-family: robotomedium;*/
/*    text-align: right;*/
/*}*/


/*.user > a {*/
/*    color: white !important;*/
/*    padding-right: 10px;*/
/*    vertical-align: middle;*/
/*}*/

/*.user-db > a {*/
/*    padding-right: 10px;*/
/*    vertical-align: middle;*/
/*}*/

/*.db-link{*/
/*    background-color: #ffffff;*/
/*    padding: 8px;*/
/*    color: #0288d1 !important;*/
/*}*/

/*.db-exit-btn{*/
/*    padding: 8px;*/
/*    color: white !important;*/
/*}*/

/*.user-link:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*.db-link:hover {*/
/*    text-decoration: underline;*/
/*    color: #0288d1 !important;*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .header-cont {*/
/*        !* width: 1100px; *!*/
/*    }*/
/*}*/

/*.header-cont {*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*    padding: 0px 33px;*/
/*}*/

/*.header-cont:before, .header-cont:after {*/
/*    display: table;*/
/*    content: "";*/
/*    line-height: 0;*/
/*}*/

/*.header-cont:after {*/
/*    clear: both;*/
/*}*/

/*.header-cont-menu {*/
/*    background-color: #eceff1;*/
/*    position: relative;*/
/*}*/

/*#logo{*/
/*    !*width:220px !important;*!*/
/*    !*padding:15px 75px 0 45px;*!*/
/*    float:left;*/
/*}*/

/*.desk{*/
/*    min-width: 430px;*/
/*    float: left;*/
/*    height: 85px;*/
/*}*/
/*.desk .name{*/
/*    font-size: 180%;*/
/*}*/

/*.top-menu{*/
/*    margin: 0px 0px 0 25px;*/
/*    font-size: 16px;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    white-space: nowrap;*/
/*}*/
/*.top-menu>a{*/
/*    text-transform: uppercase;*/
/*    display: inline-block;*/
/*    margin: 0;*/
/*    padding: 32px 15px 32px 15px;*/
/*    color: #546E7A;*/
/*    font-family: robotomedium;*/
/*}*/

/*.top-menu>a:hover{*/
/*    color: #546e7a;*/
/*    background-color:#c1d5df;*/
/*    text-decoration: none;*/
/*}*/

/*#header{
        height:135px;
    min-width:1000px;
        width:100%;
        clear:both;
        background-color:#f2f2f2;
    font-size: 13px;
}

        #header>div{
                width:100%;
        }

        #header>div>div>div{

        }

        

        


        #user{
            padding:15px 20px 0 45px;
            text-align:right;
            min-width: 320px;
        }

    

        
        


                #user>div{
                        display:inline-block;
                         text-align:left; 
                }

                        #user-name{
                                padding-bottom:3px;
                        }

                                .user-separator{
                                        display:inline-block;
                                        vertical-align:middle;
                                        margin: 0 9px 0 10px;
                                        height:20px;
                                        border-left:1px solid #d6dde5;
                                }
*/
#menu-column{
    width:0px;
}

#menu-strut{
    width:245px;
}

#menu-block{
    z-index:100;
    width:245px;
}

.menu-button{
    color: white;
    width: 20px;
    margin-top:2px;
    left:0px;
    padding-top: 18px;
    height:42px;
    position: absolute;
    border:none;
    background-color: #b3bfcf;;
    opacity: 0.5;
    text-align: center;
    z-index:101;

}
.menu-button:hover{
    opacity: 1;
}

#formMain\:menu>div>label{
    padding:0 0 0 8px;
    font-style: italic;
    display: block;
    white-space: nowrap;
    background-color:#b3bfcf;
    color:#fff !important;
}


#formMain\:menu>div{
    margin-bottom: 13px;
    color: #121212;
    font-size:13px;/*fixed font for menu*/
    width:235px;
    background-color: #f2f2f2;
    border:1px solid #121212;
}

#formMain\:menu>div > a{
    display: block;
    padding:0 0 0 13px;
    text-transform:uppercase;
    font-size:13px;/*fixed font for menu*/
    text-decoration: none;
    border-bottom:1px solid #d6dde5;
    cursor:pointer;
    line-height:40px;
    white-space: nowrap;
}

#formMain\:menu>div>a>div{

}

#formMain\:menu>div>a.last{
    border-bottom:none;
}

#formMain\:menu>div>a:hover{
    opacity: 0.50;
}

#formMain\:menu>div>a.active{
    background-color:#b3bfcf;
    color:#fff !important;
    cursor:default;
}

#formMain\:menu>div>a>.menu-arrow{
    float:right;
    display: inline-block;
    vertical-align: middle;
    margin:0 -7px  0 0;
    background:url(images/menu_arrow.png) right top no-repeat;
    width:7px;
    height:40px;
    visibility: collapse;
}

#formMain\:menu>div>a.active>.menu-arrow{
    visibility: visible;
}


#menu-buttons{
    padding:5px 0 0;
    width:235px;
}

#menu-buttons>a>div,
.single-button>div{
    line-height:30px;
    padding:0 0 0 13px;
    margin:10px 0 0 0;

    color:#fff;
    text-shadow:0 -1px #7e8a96;
    font-size:12px; /*fixed for buttons*/
    text-transform:uppercase;
    font-weight:bold;
    white-space: nowrap;

    cursor:pointer;

    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;

    background-color:#9daabb; /*special for IE9*/

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b1c1), to(#94a3b6));
    background-image: -webkit-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -moz-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -ms-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -o-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: linear-gradient(to bottom, #a5b1c1, #94a3b6);

}

#menu-buttons>a.inactive:hover>div,
.single-button:hover>div{
    text-shadow:0 -1px #6e9e31;

    background-color:#82c134; /*special for IE9*/

    background-image: -webkit-gradient(linear, left top, left bottom, from(#9ad054), to(#6caf14));
    background-image: -webkit-linear-gradient(top, #9ad054, #6caf14);
    background-image: -moz-linear-gradient(top, #9ad054, #6caf14);
    background-image: -ms-linear-gradient(top, #9ad054, #6caf14);
    background-image: -o-linear-gradient(top, #9ad054, #6caf14);
    background-image: linear-gradient(to bottom, #9ad054, #6caf14);
}

#menu-buttons>a.active>div{
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    cursor:default;
}


#menu-buttons a,
.single-button>div a{
    text-decoration: none;
    color:inherit;
}



#pay-button{
    background-color:#afbacc !important;
    background-image:none !important;
    height:82px !important;
    padding:0 !important;
}

#pay-top{
    height:30px;
    width:100%;
    margin:0;
    padding:0 13px;

    border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0;

    background-color:#9daabb; /*special for IE9*/

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b1c1), to(#94a3b6));
    background-image: -webkit-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -moz-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -ms-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: -o-linear-gradient(top, #a5b1c1, #94a3b6);
    background-image: linear-gradient(to bottom, #a5b1c1, #94a3b6);
}

a.inactive>#pay-button:hover>#pay-top,
.single-button>#pay-button:hover>a>#pay-top{
    text-shadow:0 -1px #6e9e31;

    background-color:#82c134; /*special for IE9*/

    background-image: -webkit-gradient(linear, left top, left bottom, from(#9ad054), to(#6caf14));
    background-image: -webkit-linear-gradient(top, #9ad054, #6caf14);
    background-image: -moz-linear-gradient(top, #9ad054, #6caf14);
    background-image: -ms-linear-gradient(top, #9ad054, #6caf14);
    background-image: -o-linear-gradient(top, #9ad054, #6caf14);
    background-image: linear-gradient(to bottom, #9ad054, #6caf14);
}

#pay-bottom{
    padding:10px 13px 0;
}

#pay-bottom img{
    margin:0 10px 0 0 !important;
}

#menu-buttons>a>.button-arrow{
    float:right;
    margin:10px -5px  0 0;
    background:url(images/button_arrow.png) right top no-repeat;
    width:5px;
    height:30px;
    visibility: collapse;
    border-radius:0;
    border:none;
}

#menu-buttons>a.active>.button-arrow{
    visibility: visible;
}

#content-block{
    clear:both;
    /* padding:20px; */
}

#content-block>div{

    width:100%;
}



#content-column{
    width: 100%;
}

#content{
    background-color:#FFF;
    min-height: 350px;
    padding: 20px 33px;
}

#content-empty{
    min-height: 350px;
    padding: 15px;
}


#toTop {
    width:22px;
    border:1px solid #a5b1c1;
    color:#FFF;
    background-color: #409ED0;
    text-align:center;
    padding:5px;
    position:fixed;
    top:50%;/* ?????? ?????? ?? ??????? ???? ????????*/
    left: 0px;
    cursor:pointer;
    display:none;
    font-size: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

#toTop:hover {
    background-color: #121212;
}

/*footer---------------------------------------------------*/

#footer{
    /* height:45px; */
    width:100%;
    clear:both;
    font-size:12px;/*fixed for footer*/
    color: #C1C1C1;
    position: relative;
}

#footer-logos{
    float:left;
    padding:0 20px 20px 20px;
    width:40%;
}

#footer-copy{
    float:right;
    margin-right:2px;
    padding:0 20px 20px 20px;
    width:40%;
    text-align: right;
}






/*
CONTENT-----------------------------------------------
*/
/*#content h1,*/
/*#content h2,*/
/*#content h3{*/
/*    font-weight:normal;*/
/*    font-size: 1.5em;*/
/*}*/

/*#content h1{*/
/*    margin:0 0 10px;*/
/*    font-size:200%;*/
/*}*/

/*#content h3{*/
/*    font-size: 110%;*/
/*    font-weight: bold;*/
/*}*/


/*#content h2, #content h3, #content h4{*/
/*    !* padding:10px 0; *!*/
/*}*/

/*DIALOG */

.dialog-icon {
    float: left;
}

.dialog-text {
    padding: 7px;display: block;margin-left: 45px;}

MISC---------------------------------------------------

.bold{
    font-weight: bold;
}

.normal{
    font-weight: normal;
}

.wizard-header{
    z-index:100;
    width:100%;
    display: block;
}

.wizard-header-item>label{
    font-style: italic;
    border:1px solid #d6dde5;
    min-width: 170px;;
    width: auto;
    display: block;
    white-space: nowrap;
    background-color:#b3bfcf;
    color:#fff !important;
}


.wizard-header-item{
    margin-left: 5px;
    margin-bottom: 13px;
    color:#121212;
    font-size:13px;
    min-width: 170px;;
    width: auto;
    background-color:#FFF;
    border:1px solid #d6dde5;
    float:left;
}

.inactive {
    background-color: grey;
    color: #ffffff !important;
    font-size: 15px !important;
    font-family: 'robotomedium' !important;
}

.inactive:hover {
    background-color:lightgrey;
}

.wizard-header-item> a, .wizard-header-item> span{
    padding-left: 8px !important;
    padding-right: 8px !important;
    display: block;
    text-align: center;
    font-size:13px;
    text-decoration: none;
    cursor:pointer;
    line-height:40px;
    white-space: nowrap;
}
.wizard-header-item> span{
    color: #121212 !important;
    font-size: 15px;
    font-family: 'robotomedium' !important;
}


.wizard-header-item>a:hover{
    color:#6cad11;
}

.wizard-header-item>a.active{
    background-color: #69b66d;
    color:#fff !important;
    cursor:default;
    font-size: 15px;
    font-family: 'robotomedium' !important;
}

/*.long, .long>input{ width: 350px !important;}*/
.longer>input, .longer{ width: 594px !important;}
.long>input, .long{ width: 294px !important;}
.middle>input, .middle{ width: 220px !important;}
.short, .short>input{ width: 120px !important;}
.shorter, .shorter>input{ width: 80px !important;}
.short50, .short50>input{ width: 50px !important;}
.width170, .width170>input{ width: 170px !important;}
.fullsize{ width: 100% !important;}
.width_450px>input, .width_450px{ width: 450px !important;}
.filter-long>input, .filter-long{ width: 342px !important;}

.ui-autocomplete {width: 334px !important;}
.ui-autocomplete > input {width: 294px !important;}
.ui-autocomplete {margin-right: 20px;}
.longer-autocomplete-inner > span > input, .longer-autocomplete-inner > input {width: 594px !important;}
.longer-autocomplete > span, .longer-autocomplete  {width: 594px !important;}
.longer-autocomplete-max > span, .longer-autocomplete-max  {max-width: 594px !important;}
.longer-autocomplete > span > input, .longer-autocomplete >input {width: 554px !important;}
.longer-autocomplete-ndd > span, .longer-autocomplete-ndd, .longer-autocomplete-ndd > span > input, .longer-autocomplete-ndd >input {width: 594px !important;}
.long-ndd > span, .long-ndd, .long-ndd > span > input, .long-ndd >input {width: 334px !important;}
.small-ndd > span, .small-ndd, .small-ndd > span > input, .small-ndd >input {width: 174px !important;}
.micro-ndd > span, .micro-ndd, .micro-ndd > span > input, .micro-ndd >input {width: 60px !important;}
.middle-autocomplete > span, .middle-autocomplete  {width: 220px !important;}
.middle-autocomplete > span > input, .middle-autocomplete >input {width: 180px !important;}
.percent90-autocomplete > span, .percent90-autocomplete  {width: 90% !important;}
.percent90-autocomplete > span > input, .percent90-autocomplete >input {width: 90% !important;}

.ui-selectcheckboxmenu{width: 330px !important;}
.ui-selectcheckboxmenu > input {width: 280px !important;}
.ui-selectcheckboxmenu {margin-right: 20px;}

.right, .right>input{
    text-align:right !important;
}
.left, .left>input{
    text-align:left !important;
}
.center,.center>input{
    text-align: center !important;
}

/*.header-block {*/
/*    white-space:nowrap;*/
/*    max-width: 100%;*/
/*    font-family: 'robotoregular';*/
/*}*/

/*.header-block-state {*/
/*    float: right;*/
/*    text-align: right;*/
/*    width: 20%;*/
/*    font-size: 16px;*/
/*    padding: 0 0;*/
/*    line-height: 1.7em;*/
/*    color: #546E7A;*/
/*    height:30px;*/
/*    white-space:nowrap;*/
/*}*/

/*.header-block-title {*/
/*    float: left;*/
/*    max-width:1000px;*/
/*    width: 80%;*/
/*    margin: 0px;*/
/*    color: #546E7A;*/
/*    height:30px;*/
/*    overflow:hidden;*/
/*    white-space:nowrap;*/
/*    text-overflow:ellipsis;*/
/*}*/

/*.header-block-title > a:hover {*/
/*    text-decoration: none;*/
/*}*/

/*.header-block-title > a:hover > i {*/
/*    color: #0091ea !important;*/
/*}*/
.ui-icon-edit{
    background-image: url("./images/tick.png") !important;
}

.ui-icon-delete{
    background-image: url("./images/cross.png") !important;
}

.ui-icon-add{
    background-image: url("./images/plus.png") !important;
}

.ui-icon-match{
    background-image: url("./images/match.png") !important;
}


.ui-icon-menu{
    background-image: url("./images/menu2-16.png") !important;
}

.msg-error{
    display: block;
    color:#a00;
    padding:0 0 5px 5px;
}

.hidden {
    display: none !important;
}

.hide-space {
    visibility: hidden !important;
}

.operations-menu-panel-top {
    float: right;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    text-align: right;
}

.operations-menu-panel-top a {
    margin: 5px;
}


.jump-matrix th {
    color: #546e7a;
    background-color: #dae8ef;
    border: solid 1px #c1d5df;
    outline: none;
    padding: 10px;
    font-family: 'robotolight';
    font-size: 16px;
}

.jump-matrix tr:nth-child(odd)
{
    background-color: #eef2f7;
}



.highlighted{
    opacity: 0.9;
}
.highlighted:hover{
    opacity: 1;
}
#obj-card-preview {

}

#obj-card-preview #gallery {
    float: left;
    /* width: 500px; */
    width: 35%;
}

#obj-card-preview #fields {
    float: left;
}

#fields > div {
    padding: 0 10px;
}

#obj-card-preview #map {
    float: left;
    width: 602px;
}

#obj-card-preview #bottom {
    float: bottom;
}

.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}

.frame-no-picture {
    height: 313px;      /* equals max image height */
    width: 500px;
    /* border: 1px solid red; */
    white-space: nowrap;

    text-align: center;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.suffix, .prefix {
    display: inline-block;
    min-width: 20px;
}

.container-button-span {
    border:1px solid #a8a8a8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 4px 4px 4px 10px;
    margin: 1px;
    display: inline-block;
}

/*.button-delete >img{
    vertical-align: middle;
}

#formMain\:dataPict tr:hover{
     background-color: #f2f2f2;
}

#formMain\:dataPict{
     border-collapse: collapse;
}*/

.medium .ui-dialog-content{
    max-height: 600px !important;
    max-width: 800px !important;
    min-height: 530px !important;
    min-width: 800px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}
.medium-wide .ui-dialog-content{
    max-height: 600px !important;
    max-width: 900px !important;
    min-height: 150px !important;
    min-width: 900px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}


.large .ui-dialog-content {
    max-height: 650px !important;
    max-width: 1000px !important;
    min-height: 650px !important;
    min-width: 1000px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.small .ui-dialog-content {
    max-height: 330px !important;
    max-width: 650px !important;
    min-height: 330px !important;
    min-width: 650px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.small-wide .ui-dialog-content{
    max-height: 330px !important;
    max-width: 900px !important;
    min-height: 150px !important;
    min-width: 900px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.Dash {
    position: absolute;
    visibility: visible;
    overflow: hidden;
    top: 83px;
    left: 0;
    right: 0;
    z-index: 1;
    width: auto;
    padding: 35px 0 30px;
    background: #dae8ef;
    box-shadow: 1px 5px 7px rgba(0,0,0,.12);
}

.Dash>div>a {
    color:#546e7a;
}

.Dash>div>a:hover {
    text-decoration: underline;
}

.global-search {
    width:300px;
    margin:0 0 3px 10px;
}

.global-search-name {
    font-family: 'robotoregular';
}

.admin-panel-groups {
    width: 30%;
    float: left;
    color: #546e7a;
    font-family: robotoregular;
    font-size: 18px;
}

.admin-panel-group-tasks {
    display: inline-block;
    padding-bottom: 15px;
    width: 70%;
}

.admin-panel-group-tasks a {
    padding: 2px;
}

#admin-panel > div {
    padding: 0 20px;
}

#tabView > ul > li > a {
    font-family: 'robotomedium';
}

#tabView > ul > li:hover{
    background-color: transparent !important;
    border: solid 1px transparent !important;
    border-radius: 0px;
    border-bottom: solid 3px #121212 !important;
    color: #121212 !important;
}

#tabView > ul > li[disabled="true"]:hover{
    background-color: transparent !important;
    border: solid 1px transparent !important;
    border-radius: 0px;
    color: #ffffff!important;
}

#tabView > ul > li[disabled="true"][aria-expanded="true"]:hover{
    background-color: transparent !important;
    border: solid 1px transparent !important;
    border-radius: 0px;
    border-bottom: solid 3px #121212 !important;
    color: #121212 !important;
}

#tabView > ul > li > a:hover {
    color: #121212 !important;
}

#tabView > ul > li[disabled="true"] > span {
    font-family: 'robotomedium';
    cursor: auto;
    font-size: 17px;
    padding: 14px 1em !important;
    border-radius: 0px !important;
    float: left;
    text-decoration: none;
}

#tabView > ul > li[disabled="true"][aria-expanded="true"] > span {
    color: #121212 !important;
}

.BlackColor {
    color: #546E7A !important;
}

.filter-icon {
    /*    color: #546E7A !important;*/font-size: 16px;padding-left: 5px;vertical-align: middle;/* line-height: 38px; */}

.filter-icon:hover, .filter-icon > i:hover{
    text-decoration: none !important;
    color: #121212 !important;
}

.table-container {
    padding: 10px 0px;
}

.wdg-btn-center {
    padding-top:10px;
    text-align: center;
}

.listItem{
    margin: 0px 0px 1px !important;
    color: #546e7a;
    padding: 10px 14px !important;
    font-size: 14px;
    text-decoration: none !important;
}

.listItem:hover{
    background-color: #f5f5f5;

}

.listPanel .ui-overlaypanel-content  {
    padding: 0px !important;
    min-width: 240px;
}

.listHeader{
    margin-top: 15px;
    padding: 2px 0 2px 15px;
    font-family: 'robotomedium';
    background-color: #eef2f7;
    color: #546e8c;
}
/*
.rightMenu{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    background-color: #eceff1;
    border-right: solid 2px #e0e0e0;
    border-left: solid 2px #e0e0e0;
    position: fixed;
    right: 0px;
    top:95px;
    height: 34px;
    
     //Safari 
    -webkit-transform: rotate(-90deg);
     //Firefox 
    -moz-transform: rotate(-90deg);
     //IE 
    -ms-transform: rotate(-90deg);
     //Opera 
    -o-transform: rotate(-90deg);
    
    transform: rotate(-90deg);
    
    float: left;
    
    transform-origin: right bottom 0;

}

.rightMenu table{
    border-collapse: collapse;
}

.rightMenu td{
    border-collapse: collapse;
    border-right: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
    border-top: solid 2px #e0e0e0;
    height: 32px;
}

.rightMenu td:hover{
    border-top: solid 2px #0091ea;
}

.rightMenu a{
    color: #546e7a !important;
    font-size: 12px;
    font-family: robotomedium;
    font-weight: normal;
    padding: 14px 1em !important;
    border-radius: 0px !important;
    text-decoration: none;
}
.rightMenu a:hover{
    color: #0091ea !important;
}*/


.rightMenu{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    background-color: #eceff1;
    position: fixed;
    top: 276px;
    right: 35px;
    width: 250px;
}

.rightMenu table{
    border-collapse: collapse;
    width: 100%;

}

.rightMenu td{
    border-collapse: collapse;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 2px #e0e0e0;
    border-left: solid 1px #e0e0e0;
    height: 32px;
    text-align: center;
}

.rightMenu td:hover{
    border-bottom: solid 2px #121212;
}

.rightMenu a{
    color: #546e7a !important;
    font-size: 17px;
    font-family: robotomedium;
    font-weight: normal !important;;
    border-radius: 0px !important;
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: block;
}

.rightMenu a span{
    width: 100%;
    height: 32px;
}
.rightMenu a:hover{
    color: #121212 !important;
}

.inline-label{
    text-align:right;
    padding:0 20px 0 0;
    width:170px !important;
    white-space:nowrap;
    vertical-align: top;
    font-weight: 700;
    font-size: 90%;
}

.column-calendar{
    width: 100%;
}

.column-calendar>input {
    width: 95%;
    text-align: center;
}

.dlg-with-edit>div>span {
    width: 100%;
}

.dlg-with-edit-head-command {
    text-align: right;
    float: right;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8em;
}

.dlg-with-edit-title {
    float: left;
}

.header-block-right {
    float: right;
    text-align: right;
    font-size: 16px;
    padding: 0 0;
    line-height: 1.7em;
    color: #546E7A;
    height:45px;
}

td.column-align-center {
    text-align: center;
}

td.column-align-right {
    text-align: right;
}

#procId .ui-dialog-content{
    background-color: transparent !important;
}
.dayoff>div, .dayoff {
    background-color: rgba(179, 0, 0, 0.82) !important;
    border: rgba(179, 0, 0, 0.82) !important;
}
.holiday>div, .holiday {
    background-color: rgba(245, 46, 46, 0.75) !important;
    border: rgba(245, 46, 46, 0.75) !important;
}
.weekday>div, .weekday {
    background-color: #9ccc65 !important;
    border: #9ccc65 !important;
}

.deletedRow{
    background-color: #f4bacb !important;
}
.disabledRow, .disabledRow a{
    color: #C1C1C1 !important;
    font-style: italic;
}

.grayRow {
    background-color: #cfd8dc !important;
}

.redRow {
    background-color: #f4bacb !important;
}

.greenRow {
    background-color: #f3f9ed !important;
}


.nextSumRow{
    background-color: #a5d6f0 !important;
    color: #ffffff !important;
    font-style: italic !important;
}

.selectedSum{
    background-color:green;
    color: white;
    padding: 2px;
}

.userCalendar {
    background-color: #F5F5F5 !important;
    border: solid 1px #E0E4E6 !important;
    border-radius: 0px;
}

.userCalendar .fc-content {
    white-space: normal;
    color: #546E8C;
    font-family: 'robotoregular';
}

.userCalendarEventCommon {
    background-color: #F5F5F5 !important;
}

.userCalendarEvent1 {
    background-color: #FFEBEE !important;
}


.userCalendarEvent2 {
    background-color: #FAD2E0 !important;
}


.userCalendarEvent3 {
    background-color: #E8CCEC !important;
}

.userCalendarEvent4 {
    background-color: #D1C4E9 !important;
}


.userCalendarEvent5 {
    background-color: #B4BBE2 !important;
}

.userCalendarEvent6 {
    background-color: #BBDEFB !important;
}

.userCalendarEvent7 {
    background-color: #ACE2FC !important;
}

.userCalendarEvent8 {
    background-color: #B2EBF2 !important;
}

.userCalendarEvent9 {
    background-color: #B2DFDB !important;
}

.userCalendarEvent10 {
    background-color: #C8E6C9 !important;
}

.userCalendarEvent11 {
    background-color: #DCEDC8 !important;
}

.userCalendarEvent12 {
    background-color: #F0F4C3 !important;
}

.userCalendarEvent13 {
    background-color: #FFF9C4 !important;
}

.userCalendarEvent14 {
    background-color: #FFECB3 !important;
}

.userCalendarEvent15 {
    background-color: #FFE0B2 !important;
}


.userCalendarEvent16 {
    background-color: #D7CCC8 !important;
}

.disbledLiLink{
    outline: none;
    float: left;
    color:white !important;
    font-size: 17px;
    padding: 14px 1em !important;
    border-radius: 0px !important;
    font-family: 'robotomedium'
}
.disbledLiLink:hover{

}
.required:after{
    content: ' *';
    color:red;
    vertical-align: super;
}

.colum120pxminwidth, .colum120pxminwidth td{
    min-width: 120px !important
}


.colorRed {
    color: red !important;
}

.colorGreen {
    color: green !important;
}

.invisibleRow{
    display: none;
}

/*.ui-calendar, .ui-calendar > input{*/
/*    width: 130px !important;*/
/*}*/

.ui-tooltip {
    border: 1px solid #ccc;
    box-shadow: 0 0 10px 0 #ddd;
    -moz-box-shadow: 0 0 10px 0 #ddd;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    color: #666;
    background: #f8f8f8;
    font-size: 12px;
    font-family: 'robotoregular'
}

.ui-tooltip-content {
    border: none;
    padding: 0;
}

.ui-tooltip-tip {
    width: 0px !important;
}


.fieldset300 .form-item>label {
    width: 300px !important;
}

.tableHeaderRadio{
    text-align: left;
    margin-top: -6px;
    display:inline-block;
    width: 350px;
}
.tableHeaderRadio label{
    font-size: 20px !important;
    color: white !important;
    font-family: 'robotoregular';
    width: auto;
}

.tableHeaderRadio td{
    max-width: 50px;
}

.selectedListPanel .ui-datalist-data {
    padding: 5px !important;
    border: 0px;
}

.present-lot-info-block {
    float:right;
    width:50%;
    background-color: #f1f1f1;
    color: #3672b4 !important;
    font-size: 28px;
}
.present-img-block {
    float:left;
    width:50%;
    min-height: 250px;
}
.present-img-block > h2{
    color: white;
    font-family: 'robotomedium' !important;
    font-weight: normal !important;
    padding: 40px 10px;
}
.present-bold {
    font-family: 'robotomedium' !important;
}

.present-next-sum-row {
    background-color: #3672b4 !important;
    font-style: normal !important;
}
.present-next-sum-row > td {
    color: #fff !important;
    font-size: 28px !important;
}
.present-current-winner-sum-row {
    border: 4px solid #bbb662 !important;
    background-color: #fffcc5 !important;
}
.present-current-winner-sum-row > td {
    color: #3974b6 !important;
    font-size: 28px !important;
}
.present-sum-row {
    background-color: #1d5087 !important;
    border-bottom: 4px solid #e9e9e9 !important;
}
.present-sum-row > td {
    color: #fff !important;
    font-size: 28px !important;
}

.dep-reminder-label {
    display: inline-block; font-family: 'robotoregular'; color:#546e7a;
}

.dep-reminder-sum {
    display: inline-block; font-family: 'robotomedium'; color:#546e7a; font-size: 28px; vertical-align: top;
}

.pay-doc-diff-field{
    color: red !important;
}

@media (max-width: 1400px) {
    .dep-reminder-label {
        display: inline-block; font-family: 'robotoregular'; color:#546e7a; font-size: 14px;
    }

    .dep-reminder-sum {
        display: inline-block; font-family: 'robotomedium'; color:#546e7a; font-size: 16px; vertical-align: middle;
    }
}

@media (max-width: 1240px) {
    .dep-reminder-label {
        display: none;
    }

    .dep-reminder-sum {
        display: none;
    }
}

/*for inputTextarea in dialog*/
.ui-dlg {
    resize: none;
    outline: none;
    width: 100%;
    border: none;
    height: 95%;
    box-sizing: border-box; /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box; /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
    font-size: 14px;
    padding-left: 20px;
}

.ui-widget-content .ui-state-disabled.opacity_1 {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
}

.input-counter {
    float: right;
    font-size: 12px;
    color: #03a9f4;
}

.truncate {
    width: 100%;
    /* this code clamps based on specified lines */
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    display: -webkit-box;
}

.lot-menu-button{
    background: #ffffff;
    color: #121212;
    border: 1px solid #D4D4D4
}

.lot-menu-button:disabled{
    background: #E1F4FF;
    opacity: 1;
}

.lot-menu-button:active, .lot-menu-button:hover{
    background: #E1F4FF;
}

.white-button{
    background: #ffffff;
    color: #121212;
    border: 1px solid #D4D4D4
}

.black-button{
    background: #121212;
    border: 1px solid #D4D4D4
}

.white-button:active, .white-button:hover{
    background: #E1F4FF;
    color: #121212;
}

.black-button:active, .black-button:hover{
    opacity: .50;
    filter: alpha(opacity=50);
    background: #121212;
}