.slaboCervenePodfarbenie {
    background-color: salmon;
}

.s13 {
    width: 13px;
    height: 13px;
}

.s16 {
    width: 16px;
    height: 16px;
}

.s20 {
    width: 20px;
    height: 20px;
}

.s25 {
    width: 25px;
    height: 25px;
}

.s30 {
    width: 30px;
    height: 30px;
}


.btn_default {
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    .btn_default:hover {
        background-color: #f2f2f2;
    }

    .btn_default:active {
        background-color: #d9d9d9;
    }

.btn_defaultDisabled {
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
    opacity: 0.5;
}

.btn_defaultDisabledGrayscale {
    cursor: default;
    filter: grayscale(100%);
}

.btn_defaultChecked {
    width: 20px;
    height: 20px;
    background-color: #ADD1FF;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    .btn_defaultChecked:hover {
        background-color: #8ABDFF;
    }

    .btn_defaultChecked:active {
        background-color: #61A5FF;
    }

.CloseBtn {
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url(../images/TF/Close_16x16.png);
}

.btnOpenPopup {
    cursor: pointer;
    margin-right: 0px;
/*    width: 18px;
    height: 18px;*/
    text-align: center;
    color: black;
    border: 1px solid #9A9A9A;
    border-radius: 2px;
    background-color: white;
    box-shadow: 0px 0px 2px 1px #B8B8B8 inset;
}

    .btnOpenPopup:hover {
        background-color: #f2f2f2;
    }

    .btnOpenPopup:active {
        background-color: #d9d9d9;
    }

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

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

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

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

.ListB {
    background-image: url(../images/TF/List_16x16.png);
}

.btnAnimation {
    background-size: 17px;
    background-image: url(../images/TF/Map_16x16.png);
}

.btnTemperature {
    background-size: 15px;
    background-image: url(../images/AlarmTypes/28.png);
}

.btnSearch {
    background-size: 15px;
    background-image: url(../images/TF/Search_16x16.png);
}

.btnHavaria {
    background-size: 16px;
    background-image: url(../scripts/TransFleetBusMap/Leaflet/images/redBus.png);
}

.btnTel {
    background-size: 16px;
    background-image: url(../images/TF/call_16x16.png);
}

.btnSMS {
    background-size: 16px;
    background-image: url(../images/TF/sms.png);
}

.btnOBCscreen {
    background-size: 16px;
    background-image: url(../images/TF/OBC_screenshot.png);
}

.btnconnectionDelay {
    background-size: 16px;
    background-image: url(../images/TF/connectionDelay.png);
}

.btnMsgPP {
    background-size: 16px;
    background-image: url(../scripts/TransFleetBusMap/Leaflet/images/msgPP.png);
}


.planRealDifferent {
    background: linear-gradient(to bottom,transparent, #B8DBFF, transparent );
    color: black;
}

.nowrap {
    white-space: nowrap;
}

@keyframes AlarmCritical {
    0% {
        background-color: transparent;
        opacity: 0;
    }

    50% {
        background-color: #FF4D4D;
    }

    100% {
        background-color: transparent;
        opacity: 1;
    }
}

@keyframes AlarmImportant {
    0% {
        background-color: transparent;
        opacity: 0;
    }

    50% {
        background-color: #FFB84D;
    }

    100% {
        background-color: transparent;
        opacity: 1;
    }
}

@keyframes AlarmWarning {
    0% {
        background-color: transparent;
        opacity: 0;
    }

    50% {
        background-color: #FFFF4D;
    }

    100% {
        background-color: transparent;
        opacity: 1;
    }
}

@keyframes AlarmInfo {
    0% {
        background-color: transparent;
        opacity: 0;
    }

    50% {
        background-color: #B8DBFF;
    }

    100% {
        background-color: transparent;
        opacity: 1;
    }
}



/*stylZmenaPlanReal*/
.diffPlanReal {
    background: linear-gradient(to bottom,transparent, #B8DBFF, transparent );
    color: black;
}
    .diffPlanReal .pointer {
        cursor: pointer;
        ;
    }

.pngBorderWhite {
    filter: drop-shadow(1px 0px 0 white) drop-shadow(-1px 0px 0 white) drop-shadow(0px 1px 0 white) drop-shadow(0px -1px 0 white);
}


.mPadd {
    height: 3px;
}

.tdPadd {
    padding-left: 3px;
}

.settingSplitLine {
    border-top: 1px solid #BDBDBD;
}

.settingCaption {
    color: #848484;
    font-weight: bold;
}

.dxLoadingPanel {
    border: 2px solid #0040FF;
}


/*povolenie mensej vysky ako 42px pre splitterpane  https://www.devexpress.com/Support/Center/Question/Details/T162405*/
.smallPane {
    min-height: 0px !important;
}

.dxsplPane {
    height: 0px !important;
}
/* oprava stylu pre TransData theme od verzie dx 17.2.3 - v gride v aheaderautofiler (klucik) a checkboxlist sa prekryvali texty s checkboxom
    aj v 19.1.15 - upravil som to v theme builder
*/
/*.dxeListBox_TransData td.dxeT {
    padding-left: 25px !important;
}*/


/* *********************************************************************************************** */

/*dxSelectBox kompaktny styl pre TFOM*/
.minidxSelectBox .dx-texteditor-input {
    display: inline;
    padding: 2px;
    min-height: 10px;
}

.minidxSelectBox .dx-placeholder:before {
    padding: 2px;
}

.minidxSelectBox .dx-dropdowneditor-button {
    width: 20px;
}

.minidxSelectBox .dx-dropdowneditor-icon {
    width: 20px;
}


/* *********************************************************************************************** */

/*dxRadioGroup kompaktny styl pre TFOM*/
.dx-widget, .dx-item dx-radiobutton, .dx-item-content {
    font-size: 12px;
    line-height: 20px;
}

/*nechce fungovat
.dx-radio-value-container {
    margin-right: 0px;
}*/


.dx-radiobutton-icon:before {
    width: 14px;
    height: 14px;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    width: 8px;
    height: 8px;
    margin-top: -12px;
    margin-left: 4px;
}