.logo{
    height: 55px;
}
.projectBoxes{
    min-height: 380px;
    padding: 0;
}
.cursorPointer{
    cursor: pointer !important;
}
.searchInputWidth{
    width: 250px;
}
.searchInputWidth2{
    width: 400px;
}
.selectColorWidth{
    width: 200px;
}
.numField{
    width: 70px;
}
.dateField{
    width: 170px;
}
.offerImg{
    width: 100px;
}
.navItemColor{
    color: #005081!important;
}
.qty{
    width: 100px;
}
.product{
    width: 85%;
}
.money{
    width:  200px;
}
.comment{
    width:  200px;
}
.cursorBan{
    cursor: not-allowed !important;

}
.scheduleInput{
    display: inline-block;
    width: 90%;
}
.hiddenDiv{
    display: none;
}
.displayBlock{
    display: block;
    width: 400px !important;
}

.addEventButton{
    position:absolute;
    bottom:0;
    right:0;
}

#calendarTable{
    margin-left:120px;
}
.calSize{
    width: 120px;
}
.employeeDayCell{
    z-index: 90;
}
.employeeDayCell:hover{
    border: 1px solid #005880;
}
.employeeDayCellEvents{
    min-height: 140px!important;
    position: relative;

}
.dateCell{
    width: 70px;
    background: rgb(227,255,255);
    background: linear-gradient(180deg, rgba(227,255,255,1) 0%, rgba(255,255,255,1) 100%);
    text-align: center;
    vertical-align: middle;
}

.day{
    width: 120px;
    display:block;
    font-weight: bold;
    font-size:20px;
}
.dayShortName{
    display: block;
    font-weight: bold;
    font-size:14px;
}

.headcol {
    position: absolute;
    width: 166px;
    left: 0;
    top: auto;
    border-top-width: 1px;
    margin-top: -1px;

    box-shadow: 10px 11px 12px 0 #fffdfd;

    background: rgb(227,255,255);
    background: linear-gradient(180deg, rgba(227,255,255,1) 0%, rgba(255,255,255,1) 100%);

}

.employeeNameCell{
    min-height: 150px;
    z-index: 100;
}
.event{

    padding:0 0 0 2px;
    font-size:11px;
}

.dragscroll {
    overflow-x: auto;

}

.free.dragscroll {
    float: right;
    width: 400px;
    height: auto;
}

.horizontal.dragscroll {
    margin-top : 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.free, .horizontal {
    cursor : -webkit-grab;
    cursor : -moz-grab;
    cursor : -o-grab;
    cursor : grab;
}

.free:active, .horizontal:active {
    cursor : -webkit-grabbing;
    cursor : -moz-grabbing;
    cursor : -o-grabbing;
    cursor : grabbing;
}
.actionStepBox{
    height: 115px;
    min-width: 140px !important;
    border: 1px black solid;
    padding: 5px;
}
.actionStepBoxRed{
    background-color: rgba(227, 73, 58, 0.5);
}
.actionStepBoxOrange{
    background-color: rgba(238, 212, 40, 0.5);
}
.actionStepBoxGreen{
    background-color: rgba(61, 180, 114, 0.5);
}
.actionStepTextRed{
    color: rgb(227, 73, 58);
}
.actionStepTextOrange{
    color: rgb(238, 212, 40);
}
.actionStepTextGreen{
    color: rgb(61, 180, 114);
}
.forceGroupDiv{
    height: 190px;
}
.midForceGroupDiv{
    height: 520px;
}
.managerGroupDiv{
    height: 830px;
}
.orderBox{
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px lightgray;
    margin: 1px 0;
    padding:  0 2px ;
    display: inline-block;
    width: 78%;
}
.selectColorWidth{
    width: 200px;
}
.boxBorder{
    border: solid 1px gray;
}
.tallDiv{
    height: 79%;
}
.midTallDiv{
    height: 92%;
}
.cursorBan{
    cursor: not-allowed;
}
.newGraph{
    width: 500px; height: 35px;
}
.managerBox{
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px lightgray;
    margin: 1px 0;
    padding:  0 2px ;
    display: inline-block;
    width: 86% !important;
}
.managerGraphicDiv{
    height: 414px;
}
.orderBoxManagers{
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px lightgray;
    margin: 1px 0;
    padding:  0 2px ;
    display: inline-block;
    width: 87%;
}
.alignMaintenanceDate{
    margin-right: 25px;
}
.alignMaintenanceDateX{
    margin-right: 118px;
}
.productAddDiv{
    border: solid 1px lightgray;
    height: 40px;
    padding: 5px;
    margin: 5px 0;
    position: relative;
}
.positionRight{
    position: absolute;
    right: 5px;
}
.productQtyBox{
    margin: 0 15px;
    width: 100px;
}
.overflowScroll{
    overflow-x:auto;
}
.orderTdWidth1{
    min-width: 200px;
}
.orderTdWidth2{
    min-width: 250px;
}

.tableHgt{
    min-height: 80vh;
}
.tableHgt2{
    min-height: 94vh;
}
.tdWidth{
    width: 280px !important;
}
.trBackground{
    background-color: lightblue;
}
.fitSpanOrderGraphic{
    width: 220px !important;
    display: inline-block;
}
/*.select2-dropdown{*/
/*   height: 500px !important;*/
/*}*/

/*.select2-dropdown ul{*/
/*    height: 480px !important;*/

/*}*/
#noPadingTd td{
    padding: 0;
}
.halfDivWid{
    width: 60%;
}
.quаrterDivWid{
    width: 25%;
}
.hideTbCol{
    display: none;
}
.activeMenu{
    background-color: rgba(232,232,232,0.5);
}
.bgRed{
    background-color: darkorange;
}
.bgTableRowGrey{
    background-color: #DCDCDC;
}
.bgLightGreen{
    background-color: rgba(200, 247, 197, 0.2);
}
.tdWidth5{
    width: 5%
}
.tdWidth6{
    width: 6%
}
.tdWidth7{
    width: 7%
}
.tdWidth8{
    width: 8%
}
.tdWidth9{
    width: 9%
}
.tdWidth10{
    width: 10%
}
.tdWidth11{
     width: 11%
 }
.tdWidth12{
    width: 12%
}
.tdWidth13{
    width: 13%
}
.tdWidth14{
    width: 14%
}
.tdWidth15{
    width: 15%
}
.tdWidth20{
    width: 20%
}
.tdWidth25{
    width: 25%
}
.tdWidth30{
    width: 30%
}
@media only screen and (max-width: 1620px) {
    .searchInputWidth{
        width: 200px;
    }
}@media only screen and (max-width: 1400px) {
    .managerBox{
        width: 78% !important;
    }
    .hideMenuIcons{
        display: none;
    }
    .searchInputWidth{
        width: 180px;
    }
    .tdWidth5{
        width: 10%
    }
    .tdWidth6{
        width: 12%
    }
    .tdWidth7{
        width: 14%
    }
    .tdWidth8{
        width: 16%
    }
    .tdWidth9{
        width: 18%
    }
    .tdWidth10{
        width: 20%
    }
    .tdWidth11{
        width: 22%
    }
    .tdWidth12{
        width: 24%
    }
    .tdWidth13{
        width: 26%
    }
    .tdWidth14{
        width: 28%
    }
    .tdWidth15{
        width: 30%
    }
}
@media only screen and (max-width: 1199px) {
    .product{
        width: 75%;
    }
    .qty{
        width: 172px;
    }
}
@media only screen and (max-width: 900px) {
    .hideTD{
        display: none;
    }
    .halfDivWid{
        width: 100%;
    }
    .whQuарterDivWid{
        width: 100%;
    }
}
@media print {
    .noprint {
        display: none !important;
    }
    .orderBox{
        width: 98% !important;
    }
}