progress{
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color:  whiteSmoke;
    color: rgba(37, 77, 110, 1);
    border-radius: 0.4em;
}
/* Firefox */
progress::-moz-progress-bar {
    background: rgba(37, 77, 110, 1) !important;
    color: whiteSmoke !important;
    border-radius: 0.4em;
}
/* Chrome */
progress::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 0.4em;
}
progress::-webkit-progress-value {
    background: rgba(37, 77, 110, 1);
    border-radius: 0.4em;
}
progress[value]::-webkit-progress-value::before {
    content: '80%';
    position: absolute;
    right: 0;
    top: -125%;
}

#realContent{
    padding: 1em;
}
#realContent > .evoPanelS{
    background: #ffffff;
    color: #000;
}
.evoInputGroup > span{
    z-index: 0;
}
.icon:before{
    color:#ffcc32 !important;
}
.menuBeyaz{
    background: #fff;
}
.evoCDL{
    color: #32679b !important;
}
.dashbordTable{
    width: 100%;
}
.dashbordTable > tbody > tr > td{
    width: 25%;
    text-align: center;
}
.dashbordTable > tbody > tr > td > a{
    color: #32679b;
}

.dashbordIcon{
    font-size: 64px !important;
    font-family: Flaticon;
}
.dashbordText{
    font-weight: bold;
}
.dashbordCounter{
    font-size: 32px;
    font-weight: bold;
}

.gknTableX > div > div:first-child{
    width: 10%;
}

#realContent{
    padding-top: 64px;
}

@media print{
    #secondMenu{
        display: none !important;
        visibility: hidden !important;
    }
    .capacityRed{
        //color: #b63434 !important;
    }
    .footer{
        display: none !important;
        visibility: hidden !important;
    }
    #realContent{
        padding: 0 !important;
    }
    .scroller, .scroller-inner, .realContent, #realContent{
        display: block !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    .filter{
        display: none !important;
        visibility: hidden !important;
    }
    #capacityTable{
        font-size: 0.6em !important;
    }
    .capacityMachinePanel{
        display: none;
        visibility: hidden;
    }
    #mp-menu, .capacityChart{
        display: none !important;
        visibility: hidden !important;
    }
    .capacityChart{
        width: 100% !important;
        display: block !important;
    }

}

#secondMenu{
    width: 100%;
    background: #333 none repeat scroll 0 0;
    height: 48px !important;
    display: table;
    position: fixed;
    z-index: 100;
    right: 0;
    top: 0;
    left: 0;
}
#secondMenu > div{
    display: table-row;
}
#secondMenu > div > div{
    display: table-cell;
    padding-top: 10px;
}

#trigger{
    width: 48px !important;
}
#gkn{
    width: 120px;
}
#gknEmergency{
    width: 220px;
}
#gknFInformation{
    width: 240px;
}


#exitButtonExit{
    width: 10%;
}
#exitButtonCari{
    word-wrap: break-word;
    width: 90%;
}
.navbar-right{
    display: table-cell;
    width: 50%;
    height: 42px;
    /*line-height: 42px;*/
    text-align: right;
    padding-right: 18px;
}
.navbar-right > *{
    display: inline;
}

.icon > img{
    width: 24px;
}