/* Minification failed. Returning unminified contents.
(29,23): run-time error CSS1036: Expected expression, found '@color-required-fileds'
(33,23): run-time error CSS1036: Expected expression, found '@color-required-fileds'
(40,13): run-time error CSS1036: Expected expression, found '@input-min-height'
(41,17): run-time error CSS1036: Expected expression, found '@input-min-height'
(42,9): run-time error CSS1035: Expected colon, found ';'
(44,12): run-time error CSS1036: Expected expression, found '@color-text'
(45,23): run-time error CSS1036: Expected expression, found '@color-control-background-color'
(47,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
(55,16): run-time error CSS1035: Expected colon, found ';'
(60,16): run-time error CSS1035: Expected colon, found ';'
(66,16): run-time error CSS1035: Expected colon, found ';'
(70,16): run-time error CSS1035: Expected colon, found ';'
(80,23): run-time error CSS1036: Expected expression, found '@color-text-tab'
(92,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(116,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(119,17): run-time error CSS1036: Expected expression, found '@input-min-height'
(134,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(137,17): run-time error CSS1036: Expected expression, found '@input-min-height'
(247,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(260,23): run-time error CSS1036: Expected expression, found '@body-color'
(266,17): run-time error CSS1035: Expected colon, found ';'
(267,10): run-time error CSS1035: Expected colon, found ';'
(272,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(381,23): run-time error CSS1036: Expected expression, found '@body-color'
(382,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-light-grey-soi'
(414,10): run-time error CSS1035: Expected colon, found ';'
(418,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
(419,10): run-time error CSS1035: Expected colon, found ';'
(429,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
(435,12): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(436,23): run-time error CSS1036: Expected expression, found '@color-footer'
(450,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(454,12): run-time error CSS1036: Expected expression, found '@color-navigation'
(464,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(501,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(508,23): run-time error CSS1036: Expected expression, found '@color-background-unique-tab'
(509,12): run-time error CSS1036: Expected expression, found '@color-text-tab'
(551,23): run-time error CSS1036: Expected expression, found '@color-disabled-soi'
(553,12): run-time error CSS1036: Expected expression, found '@color-text'
(557,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(562,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(567,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(616,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(646,23): run-time error CSS1036: Expected expression, found '@body-color'
(647,12): run-time error CSS1036: Expected expression, found '@color-text'
(649,1): run-time error CSS1035: Expected colon, found '}'
(680,12): run-time error CSS1036: Expected expression, found '@color-text'
(688,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(689,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(703,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(704,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(722,23): run-time error CSS1036: Expected expression, found '@color-disabled-soi'
(730,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(731,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(745,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(746,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(771,12): run-time error CSS1036: Expected expression, found '@color-text'
(786,8): run-time error CSS1035: Expected colon, found '.'
(796,8): run-time error CSS1035: Expected colon, found '.'
(809,8): run-time error CSS1035: Expected colon, found '.'
(817,8): run-time error CSS1035: Expected colon, found '.'
(827,12): run-time error CSS1035: Expected colon, found '.'
(836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(849,8): run-time error CSS1035: Expected colon, found '.'
(860,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(865,23): run-time error CSS1036: Expected expression, found '@color-control-background-color'
(866,12): run-time error CSS1036: Expected expression, found '@color-text'
(878,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(883,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(906,23): run-time error CSS1036: Expected expression, found '@body-color'
(908,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-dark-grey-soi'
(918,12): run-time error CSS1036: Expected expression, found '@color-text'
(927,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(928,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(929,19): run-time error CSS1036: Expected expression, found '@color-red-soi'
(974,12): run-time error CSS1036: Expected expression, found '@color-text-tab'
(976,23): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(988,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-light-grey-soi'
(992,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(999,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(1004,23): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(1005,12): run-time error CSS1036: Expected expression, found '@color-text'
(1006,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-dark-grey-soi'
(1011,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(1026,23): run-time error CSS1036: Expected expression, found '@body-color'
(1027,18): run-time error CSS1035: Expected colon, found ';'
(1028,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1034,23): run-time error CSS1036: Expected expression, found '@body-color'
(1035,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1039,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1043,12): run-time error CSS1036: Expected expression, found '@color-disabled-soi'
(1047,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(1052,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1053,18): run-time error CSS1035: Expected colon, found ';'
(1059,23): run-time error CSS1036: Expected expression, found '@color-grey-soi'
(1060,18): run-time error CSS1035: Expected colon, found ';'
(1066,23): run-time error CSS1036: Expected expression, found '@body-color'
(1067,18): run-time error CSS1035: Expected colon, found ';'
(1068,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1072,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(1080,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-text'
(1086,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1093,11): run-time error CSS1035: Expected colon, found '{'
(1169,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(1174,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(1179,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
(1187,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
(1200,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1217,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1222,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(1238,23): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(1240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(1260,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1262,23): run-time error CSS1036: Expected expression, found '@color-grey-soi'
(1274,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1293,12): run-time error CSS1036: Expected expression, found '@body-color'
(1295,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1305,12): run-time error CSS1036: Expected expression, found '@color-text'
(1422,10): run-time error CSS1035: Expected colon, found ';'
(1426,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1430,23): run-time error CSS1036: Expected expression, found '@color-light-grey-soi'
(1442,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1449,10): run-time error CSS1035: Expected colon, found ';'
(1450,10): run-time error CSS1035: Expected colon, found ';'
(1479,11): run-time error CSS1035: Expected colon, found '{'
(1527,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1537,23): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(1620,1): run-time error CSS1019: Unexpected token, found '@import'
(1620,9): run-time error CSS1019: Unexpected token, found '"contextMenu.less"'
(1696,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1702,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1718,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1743,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1751,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1792,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1804,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1872,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(1873,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(1877,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1878,19): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1883,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1890,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1917,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1921,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1925,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1966,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1968,19): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1972,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(1977,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2061,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2082,12): run-time error CSS1036: Expected expression, found '@color-text'
(2173,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2258,10): run-time error CSS1035: Expected colon, found ';'
(2259,10): run-time error CSS1035: Expected colon, found ';'
(2423,17): run-time error CSS1036: Expected expression, found '@color-disabled-soi'
(2424,12): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(2442,17): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2457,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2493,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2516,12): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2526,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2541,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2542,19): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2694,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-red-soi'
(2695,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(2854,12): run-time error CSS1036: Expected expression, found '@color-button-text'
(2858,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-button-text'
(3136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3137,10): run-time error CSS1035: Expected colon, found '{'
(3146,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3147,10): run-time error CSS1035: Expected colon, found '{'
(3156,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(3157,10): run-time error CSS1035: Expected colon, found '{'
(3176,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3177,10): run-time error CSS1035: Expected colon, found '{'
(3186,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3187,10): run-time error CSS1035: Expected colon, found '{'
(3196,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3197,10): run-time error CSS1035: Expected colon, found '{'
(3206,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(3207,10): run-time error CSS1035: Expected colon, found '{'
(3226,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3227,10): run-time error CSS1035: Expected colon, found '{'
(3303,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(3310,23): run-time error CSS1036: Expected expression, found '@color-red-soi'
(3368,17): run-time error CSS1036: Expected expression, found '@color-disabled-soi'
(3369,12): run-time error CSS1036: Expected expression, found '@color-dark-grey-soi'
(3440,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@color-grey-soi'
 */
/* -----------------------------------------------------------------------------   
   Project: SOI8
   Application: SOI8 Web application
   File:    site.less
   Purpose: CSS for application
   Author:  J. Schovanec
   Created: 2017-11-17

   SoftDeC, spol. s r. o.
   Osadni 12a
   Praha 7
   CZ-17000   
   Czech Republic
   www.softdec.cz
   Copyright (c) 2017

   The copyright to the computer program(s) herein
   is the property of SoftDeC, Czech Republic.
   The program(s) may be used and/or copied only with
   the written permission of SoftDeC
   or in accordance with the terms and conditions
   stipulated in the agreement/contract under which
   the program(s) have been supplied.

------------------------------------------------------------------------------*/

div.required-field, input.required-field:not([readonly]), textarea.required-field:not([readonly]),
label.required-field:not([readonly]), span.k-dropdown.required-field .k-dropdown-wrap:not(.k-state-disabled) {
    background-color: @color-required-fileds !important;
}

.forms-not-filled {
    background-color: @color-required-fileds !important;
    color: black !important;
}

.soi-form-control {
    display: block;
    width: 100%;
    height: @input-min-height - 5;
    min-height: @input-min-height - 5 !important;
    .p-1;
    font-size: 14px !important;
    color: @color-text;
    background-color: @color-control-background-color;
    background-image: none;
    border: 1px solid @color-grey-soi;
    border-radius: 4px;
    font-weight: normal;
}

textarea.soi-form-control {
    min-height: unset;
    resize: none;
    .font-black;
    font-weight: bold;
}

input.soi-form-control {
    .font-black;
    font-weight: bold;
    border: 1px solid #cfcfcf;
}

label.soi-control-value {
    .font-black;
    font-weight: bold !important;
}
.soi-control-value {
    .font-black;
    font-weight: bold !important;
    pointer-events: visible !important;
    cursor: default !important;
}
.soi-control-value label {
    margin-bottom: 0px;
}

.soi-icon-bar {
    background-color: @color-text-tab !important;
}

#LoginWrapper {
    /*background-image: url("../Images/soi_login.png");
    background-repeat: no-repeat;*/
    text-align: left;
    width: 710px;
    height: auto;
    margin: 0 auto;
    color: black;
    border-radius: 8px;
    background: @color-red-soi;
    padding: 10px;
    overflow: auto;
}

#loginNamePwdWrapper {
    background: whitesmoke;
    padding: 10px;
    width: 50%;
    border-radius: 8px;
}

#userNametxt {
    /*position: relative;
    top: 250px;
    left: 30px;*/
    color: #797979;
    font-size: large;
}

#userLogin {
    /*position: relative;
    top: 250px;
    left: 30px;*/
    background-color: @color-light-grey-soi;
    font-size: large;
    width: 320px;
    min-height: @input-min-height;
}

#userPasswordtxt {
    /*position: relative;
    top: 250px;
    left: 30px;*/
    color: #797979;
    font-size: large;
}

#password {
    /*position: relative;
    top: 250px;
    left: 30px;*/
    background-color: @color-light-grey-soi;
    font-size: large;
    width: 320px;
    min-height: @input-min-height;
}

#loginBtn2 {
    /*position: relative;
    top: 260px;
    left: 200px;*/
    font-size: large;
    padding-top: 5px;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
}

#rememberMe {
    /*position: relative;
    top: 253px;
    left: 28px;*/
    font-size: large;
}

#formLogin {
    width: 100vw;
    height: 100vh;
    padding-top: 14%;
    background-image: url("../Images/11-12.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#loginLogoSOI h1 {
    color: whitesmoke;
    border: 2px solid whitesmoke;
    border-radius: 8px;
    margin: 0px;
    padding: 5px;
}

#loginLogoSOI h1 div:first-child {
    text-align: center;
    font-size: 179px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}

#loginLogoSOI h1 Div:nth-child(2) {
    text-align: center;
    font-size: 18px;
}

#loginLogoSOILeftSideBar h1 {
    border: 2px solid whitesmoke;
    border-radius: 8px;
    margin: 5px;
}

#loginLogoSOILeftSideBar h1 div:first-child {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: white;
    padding: 5px;
    font-family: 'Oswald', sans-serif;
}

#loginLogoSOILeftSideBar h1 div:nth-child(2) {
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    color: white
}

#loginLogoSOILeftSideBar h1 div:nth-child(3) {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: white
}

#loginLogoSOILeftSideBar h1 div:nth-child(4) {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: white
}

#loginTextContent {
    /*float: right;
    width: 290px;
    height: 90%;
    background-color: transparent;
    display: block;
    margin-top: -130px;
    margin-right: 20px;*/
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    background: #23282B;
    padding: 8px;
    overflow: hidden;
    white-space: nowrap;
    height: 40px;
}

#errorTextContent {
    /*position: relative;
    top: 220px;
    left: 24px;*/
    color: @color-red-soi;
    font-size: large;
    /*width: 336px;
    max-width: 336px;*/
    /*background-color: black;*/
    visibility: hidden;
}

li i.fa {
    font-size: 25px;
}

.menu-icon {
    background-color: @body-color;
    margin-right: 5px;
    margin-top: -4px;
}

.container-with-border {
    .grey-border;
    .px-0;
}

/*START full screen website*/
#mainContainer {
    background-color: @color-light-grey-soi;
    height: auto;
    overflow: auto;
    width: 100%;
    margin-top: 62px;
    padding: 5px;
}

.tab-container {
    height: 100%;
    width: 100%;
}

.tab-conteiner-row-for-2 {
    height: 45vh;
    width: 100%;
}

.tab-conteiner-row-for-3 {
    height: 33.3vh;
}

.div-h-100 {
    height: 100%;
}

.div-h-90 {
    height: 90%;
}

.div-h-95 {
    height: 95%;
}

.div-h-80 {
    height: 80%;
}

.div-h-85 {
    height: 85%;
}

.div-h-30 {
    height: 30%;
}

.div-h-60 {
    height: 60%;
}

.div-h-55 {
    height: 55%;
}

.div-h-45 {
    height: 45%;
}

.div-h-20 {
    height: 20%;
}

.div-h-70 {
    height: 70%;
}

.div-h-65 {
    height: 65%;
}

.div-h-30 {
    height: 30%;
}

.div-h-33 {
    height: 33%;
}

.tab-container-NR {
    display: block;
    /*height: 100%;*/
}

.tab-conteiner-row-for-2-NR {
    height: 36vh;
}

.tab-conteiner-row-for-1-3-NR {
    height: 25vh;
}

.tab-conteiner-row-for-2-3-NR {
    height: 58vh;
}

.content {
    height: 100%;
    overflow: auto;
}

.content[data-id="tabHomeId"], .content[data-type="CompanyAdm"], .content[data-type="UserAdmin"], .content[data-type="PrintApprovement"], .content[data-type="ExportLimit"] {
    margin-top: -29px;
}

#proposalListContentWrapper {
    height: 100%;
}

.content-full-height-detail {
    background-color: @body-color;
    border: 1px solid @color-light-grey-soi;
    height: 100%;
}

#codelistFirmsNR.soi-checked-list-box {
    max-height: none;
    height: 80%;
}

#codelistCountriesNR.soi-checked-list-box {
    max-height: none;
    height: 78vh;
}

#codelistFirmsPZ.soi-checked-list-box {
    max-height: none;
    height: auto;
}

#codelistDivisionsPZ.soi-checked-list-box, #codelistCentresPZ.soi-checked-list-box {
    max-height: 53vh;
    height: auto;
    min-height: 4vh;
}

[id^=proposalFilterOfDuplicates] {
    padding-bottom: 50px;
}


/*END full screen website*/
.container-no-border {
    .px-0;
}

.container-bottom-border {
    border-bottom: 1px solid @color-grey-soi;
    .px-0;
}

.square-content-padding {
    padding: 5px;
}

footer {
    width: 100%;
    height: auto;
    border-top: solid 1px @color-grey-soi;
    bottom: 0;
    z-index: 1000;
    position: fixed;
    left: 0;
    text-align: center;
    color: @color-dark-grey-soi;
    background-color: @color-footer;
}

footer p {
    margin: 0px;
}

.navbar {
    min-height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-inverse {
    background-color: @color-red-soi;
}

.navbar-inverse .navbar-nav > li > a {
    color: @color-navigation;
    font-size-adjust: 0.6;
    font-weight: bold;
}

.navbar-inverse .navbar-nav > li:hover {
    background-color: whitesmoke;
}

.navbar-inverse .navbar-nav > li:hover > a {
    color: @color-red-soi;
}

.body-content {
    padding-top: 118px;
    padding-bottom: 55px;
    background: whitesmoke !important;
}

@media (max-width: 769px) {


    .body-content {
        padding-bottom: 100px;
        background: whitesmoke !important;
    }
}

@media (max-width: 674px) {
    .body-content {
        padding-top: 148px;
        background: whitesmoke !important;
    }

    .navbar-second-row-fixed-top {
        top: 111px !important;
    }
}

.content-full-height {
    padding-top: 15px;
    height: 94vh;
}

.application-tab {
    width: auto;
    height: 28px;
    background-color: @color-light-grey-soi;
    color: black;
    padding: 2px 14px 0px 6px;
    cursor: pointer;
}

.application-tab[data-is-u] {
    background-color: @color-background-unique-tab;
    color: @color-text-tab;
}

.application-tab {
    margin-left: 3px;
    min-width: 135px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    transition: all 0.1s;
    margin-top: 11px;
}

.application-tab:last-child {
    margin-left: 3px;
    min-width: 135px;
    margin-right: 5px;
}

.application-tab span.application-tab-close-btn {
    float: right;
    margin-left: 3px;
    margin-right: -10px;
    z-index: 999999;
    font-size: 19px;
    margin-top: -6px;
}

/*.application-tab span.application-tab-text {
    max-width: 126px;
    text-overflow: ellipsis;
}*/


.application-tab-detail, .application-tab-detail-button {
    color: white;
    margin-left: 3px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    font-weight: bold;
}

.application-tab-detail.disabled-tab, .application-tab-detail-button.disabled-tab {
    background-color: @color-disabled-soi !important;
    cursor: not-allowed;
    color: @color-text;
}

.application-tab-detail.active-tab {
    color: @color-red-soi;
    background: whitesmoke;
}

.application-tab-detail:hover, .application-tab-detail-button:hover {
    color: @color-red-soi;
    background: white;
}

.application-tab:hover, .application-tab.active-tab {
    background: @color-red-soi;
    color: white;
    margin-left: 14px !important;
    margin-right: 10px !important;
    transform: scale(1.1);
    transition: all 0.1s;
    margin-top: 8px;
}

.min-width-220px.application-tab:hover, .min-width-220px.application-tab.active-tab {
    margin-left: 26px !important;
    margin-right: 23px !important;
}

.min-width-245px.application-tab:hover, .min-width-245px.application-tab.active-tab {
    margin-left: 29px !important;
    margin-right: 26px !important;
}

.min-width-250px.application-tab:hover, .min-width-250px.application-tab.active-tab {
    margin-left: 33px !important;
    margin-right: 30px !important;
}

.application-tab:hover .tab-panel-detail {
    background: whitesmoke !important;
}

.tab-panel, .tab-panel-parent {
    display: flex;
    /*overflow-y: hidden;*/
    padding-bottom: 0px;
    height: 35px;
    -ms-overflow-style: none;
    overflow-x: hidden;
    font-weight: bold;
    background: #7C7C7C;
}

.tab-panel::-webkit-scrollbar {
    display: none;
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

.tab-panel-detail {
    display: flex;
    width: auto;
    height: 33px;
    background: @color-red-soi;
    padding: 3px 5px !important;
}

.button-panel-detail {
    display: flex;
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #9d9d9c;
    margin-bottom: 3px;
}

.buttons-detail {
    width: auto !important;
    height: 30px !important;
    background-color: transparent;
    border: 1px grey groove;
    min-width: 50px;
    padding: 2px 8px !important;
}

.k-widget {
    border-style: none;
}

.k-input, .k-picker-wrap .k-select, textarea, .k-dropdown-wrap, .k-picker-wrap {
    border-radius: 0 !important;
}

.k-widget.k-tooltip {
    background-color: @body-color !important;
    color: @color-text !important;
    .grey-border
}




.full-height {
    height: 100%;
}

.full-height > .soi-checked-list-box {
    height: 100%;
    max-height: none;
}

[id^='proposalFilterOfDuplicates'] .full-height > .soi-checked-list-box {
    height: 24.5vh !important;
    max-height: 24.5vh !important;
}

[id^=FDCompanyData].soi-checked-list-box {
    height: 100%;
    max-height: none;
}

#iconHome {
    position: relative;
    right: -5px;
    top: 2px;
}

.soi-form {
    color: @color-text;
    /*margin-bottom: 46px;*/
}

.soi-button {
    height: 40px;
    min-width: 150px;
    width: auto;
    color: @color-button-text;
    background-color: @color-red-soi;
    border-color: none;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
}

.soi-detail-button {
    height: 40px;
    min-width: 150px;
    width: auto;
    color: @color-button-text;
    background-color: @color-red-soi;
    border-color: none;
    text-align: center;
    padding-top: 9px;
    font-weight: bold;
    border-width: 0px;
    margin-right: 5px;
    cursor: pointer;
    font-size-adjust: 0.6;
    display: inline-block;

    &--vertical-centered {
        padding-top: 0px;
        line-height: 40px;
    }
}

.soi-detail-button[readonly], .soi-detail-button-small[readonly], .budgets-control-button[readonly], .budgets-control-button[disabled], .soi-is-button-small[readonly] {
    background-color: @color-disabled-soi !important;
    cursor: not-allowed;
    pointer-events: all;
}

.soi-detail-button-small {
    height: 28px;
    width: 80px;
    color: @color-button-text;
    background-color: @color-red-soi;
    border-color: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    border-width: 0px;
    margin-right: 5px;
    cursor: pointer;
    font-size-adjust: 0.6;
}

.soi-is-button-small {
    height: 28px;
    width: 135px;
    color: @color-button-text;
    background-color: @color-red-soi;
    border-color: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    border-width: 0px;
    margin-right: 5px;
    cursor: pointer;
    font-size-adjust: 0.6;
}

.center-button-margin-top {
    margin: 5px auto;
}

.soi-detail-button-homepage {
    height: 30px;
    padding-top: 4px;
}

.soi-newtab-button {
    cursor: pointer;
}

a.home-page-history-link {
    color: @color-text;
}

.record-detail {
    height: 99%;
}

// schova horiz. scroll bar ale rozbije sloupce
/*div.k-grid-content {
    overflow-y: auto !important;
}*/

.grid-with-detail {
    border: none;

    div.k-grid-content {
        /*min-height: 80% !important;
        height: 86% !important;
        max-height: 100% !important;*/
    }
}

#gridRecordViews.grid-with-detail, #gridProposals.grid-with-detail {
    border: none;

    div.k-grid-content {
        min-height: 80% !important;
        height: 82.5% !important;
        max-height: 100% !important;
    }
}




#gridAdmUsersList {
    border: none;

    div.k-grid-content {
        height: 58.5vh !important;
    }
}

#gridCompanies {
    border: none;

    div.k-grid-content {
        height: 62vh !important;
    }
}

@media (min-width: 1079px) {

    #gridRecordViews.grid-with-detail, #gridProposals.grid-with-detail {
        border: none;

        div.k-grid-content {
            min-height: 80% !important;
            height: 82.5% !important;
            max-height: 100% !important;
        }
    }
}

[id^=gridProposalNotes] {
    &.grid-with-detail--h70 {
        div.k-grid-content {
            min-height: 113px;
        }
    }

    div.k-grid-content {
        min-height: 83%;
        max-height: 100%;
    }
}

[id^=gridFirmsAttachments] {
    div.k-grid-content {
        min-height: 400px;
        max-height: 100%;
    }
}

.contet-invisible {
    display: none;
}

.not-editable, .k-state-disabled {
    background-color: @color-light-grey-soi !important;
    //background-color: #999999;
}

.editable {
    background-color: @color-control-background-color;
    color: @color-text;
    }


.grid-no-header div.k-grid-header {
    height: 0;
    border-bottom-width: 0;
    display: none;
    overflow: hidden;
}

.error-tag {
    color: @color-red-soi;
    animation: blinker 1s linear infinite;
}

.field-error-tag {
    border: 2px solid @color-red-soi !important;
    animation: blinker 1s linear infinite;
}

.field-normal-tag {
    border: 0;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.alert {
    display: none;
    position: fixed;
    top: calc(50vh - 100px/2);
    left: calc(50vw - 200px/2);
    width: 250px;
    max-height: 160px;
    overflow: auto;
    height: auto;
    background-color: @body-color;
    padding: 10px;
    border: 2px solid @color-dark-grey-soi;
    border-radius: 3px;
    overflow: hidden;
}

#alert-dialog {
    z-index: 10013 !important;
}

#dialog-message {
    color: @color-text;
    text-align: center;
}

.k-grid tr td {
    white-space: nowrap;
}

.k-state-selected {
    color: @color-button-text !important;
    background-color: @color-red-soi !important;
    border-color: @color-red-soi !important;
}

.k-state-selected .fas:before {
    color: white !important;
}

.k-state-selected td {
    color: white !important;
    background-color: #bd0000 !important;
    border-color: #bd0000 !important;
}

.k-grid tr td {
    text-align: left !important;
    /*line-height: 1em !important;
    padding: .3em !important;*/
    font-weight: 500;
}

.k-grid-header th.k-header {
    font-weight: 500 !important;
}

.k-grid-pager, .k-scheduler-footer, .k-grid {
    border-radius: 0 !important;
}

.k-dropdown-wrap .k-input {
    text-indent: .2em !important;
}

.soi-detail-button-flow-right {
    float: right;
}

.homepage-msg-toolbar {
    padding-top: 13px;
    overflow: auto;
}

.homepage-square-title {
    text-align: left;
    padding: 2px 2px 2px 10px;
    font-size-adjust: 0.6;
    color: @color-text-tab;
    font-weight: bolder;
    background-color: @color-dark-grey-soi;
}

.message-search, .message-delete {
    cursor: pointer;
}

span.glyphicon.glyphicon-link {
    cursor: pointer;
}

.white-border {
    border: 1px solid @color-light-grey-soi;
}

.k-tabstrip-items .k-item.k-state-active {
    background-color: @color-red-soi !important;
    border: 0px !important;
    /*border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;*/
}

.k-tabstrip-items .k-state-active .k-link {
    color: @color-button-text !important;
    font-size-adjust: 0.6;
}

.k-tabstrip-items .k-item {
    background-color: @color-dark-grey-soi !important;
    color: @color-text !important;
    border: 1px solid @color-dark-grey-soi !important;
    border-radius: 0px !important;
}

.k-tabstrip-items .k-state-default .k-link {
    color: @color-button-text !important;
    font-size-adjust: 0.6;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 0px !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.dropdown-menu {
    background-color: @body-color;
    .menu-opacity;
    color: @color-red-soi;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.dropdown-menu {
    background-color: @body-color;
    color: @color-red-soi;
}

.dropdown-menu > li > a:not([disabled="disabled"]) {
    color: @color-red-soi;
}

.dropdown-menu > li > a[disabled="disabled"] {
    color: @color-disabled-soi;
}

.dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid @color-red-soi;
}

.dropdown-menu > li > a:not([disabled="disabled"]):hover, .dropdown-menu > li > a:not([disabled="disabled"]):focus {
    text-decoration: none;
    color: @color-red-soi;
    .menu-opacity;
}

.dropdown-menu > li > a[disabled="disabled"]:hover, .dropdown-menu > li > a[disabled="disabled"]:focus {
    text-decoration: none;
    color: #5E5E5E;
    background-color: @color-grey-soi;
    .menu-opacity;
    cursor: not-allowed;
}

table.info-table {
    width: 400px;
    background-color: @body-color;
    .menu-opacity;
    color: @color-red-soi;
}

table.info-table tr {
    border-bottom: 1px solid @color-red-soi;
}

table.info-table tr td {
    padding: 5px;
}

#filterRecrodView.k-tabstrip-left > .k-tabstrip-items .k-item {
    border-bottom: 2px solid @color-text !important;
}

#filterRecrodView.k-tabstrip-left > .k-tabstrip-items .k-item.k-state-hover {
    border: 0px !important;
    border-bottom: 3px solid black !important;
    background: @color-red-soi !important;
}

.soi-checkbox {
    position: relative;
    margin-bottom: 5px;

    label {
        cursor: pointer;
        position: absolute;
        width: 21px;
        height: 21px;
        top: 2px;
        left: 0;
        background: @color-red-soi;
        border: 1px solid @color-red-soi;

        &:after {
            opacity: 0.0;
            content: '';
            position: absolute;
            width: 14px;
            height: 10px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 2px solid @color-button-text;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    }

    input[type=checkbox] {
        z-index: 100;
        opacity: 0;
    }

    input[type=checkbox]:not(:checked):not(:disabled) + label {
        background-color: @body-color;
        border: 1px solid @color-text;
    }

    input[type=checkbox]:not(:checked):disabled + label, input[type=checkbox]:checked:disabled + label {
        background-color: @color-dark-grey-soi;
        border: 0;
    }

    input[type=checkbox]:checked + label:after {
        opacity: 1 !important;
    }

    span.soi-checkbox-text {
        margin-left: 10px;
    }

    @media (max-width: 1444px) {
        span.soi-checkbox-text {
            margin-left: 1px;
        }
    }

    input[type=checkbox]:not(:checked):not(:disabled) + label + span {
        color: @color-text;
        cursor: pointer;
    }

    input[type=checkbox]:checked:not(:disabled) + label + span {
        color: @color-red-soi;
        cursor: pointer;
    }

    input[type=checkbox]:checked:not(:disabled) + label + span.multi-column-chb {
        color: @color-text;
        cursor: pointer;
    }
}

input[type=text]:disabled {
    background-color: @color-light-grey-soi !important;
    //cursor: not-allowed;
}

input[type=text][readonly] {
    background-color: @color-light-grey-soi !important;
    //cursor: not-allowed;
}

.soi-checked-list-box {
    border: 1px solid @color-grey-soi;
    max-height: 113px;
    height: 113px;
    overflow: auto;
    padding-left: 5px;
    line-height: 1.846;
}
.columnConfigurationChb .soi-checked-list-box {
    border: 1px solid @color-grey-soi;
    max-height: 70vw;
    height: 70vh;
    overflow: auto;
    padding-left: 5px;
    line-height: 1.846;
}

.waiting-for-data {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -50px;
    color: @color-red-soi;
    z-index: 13000;
}

.soiBlockMsg {
    border: 0 !important;
}

.k-loading-image {
    background-image: none !important;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 5em;
    text-rendering: auto;
    box-sizing: border-box;
    color: @color-red-soi;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: -50px 0px 0px -50px !important;
    color: @color-red-soi !important;
    z-index: 9999;
    width: 70px !important;
    height: 70px !important;

    &:before {
        content: "\f110";
    }
}

.k-loading-image-fix {
    top: 50% !important;
    margin: 10px 0px 0px -50px !important;
}

.k-splitbar {
    background-color: @color-dark-grey-soi !important;

    &.k-state-focused {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
}

.k-state-focused.k-state-selected {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.k-panelbar .k-state-focused.k-state-selected {
    box-shadow: none !important;
}

.soi-area-title {
    text-align: left;
    padding: 0px 2px 0px 10px;
    font-size-adjust: 0.6;
    color: @color-red-soi;
    font-weight: bolder;
    background-color: @color-grey-soi;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #9d9d9c;
    border-bottom-color: transparent;
}
.soi-area-title-alert {
    text-align: left;
    padding: 0px 2px 0px 10px;
    font-size-adjust: 0.6;
    color: white !important;
    font-weight: bolder;
    background-color: @color-red-soi !important;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    margin: -1px !important;
    border: none !important;
}

.soi-page-title {
    text-align: left;
    padding: 0px 2px 0px 10px;
    font-size-adjust: 0.6;
    color: #7C7C7C !important;
    font-weight: bolder;
    background: none !important;
}



.k-window-titlebar {
    color: @body-color !important;
    font-weight: bolder;
    background-color: @color-red-soi !important;
}

.k-window-titlebar .k-icon {
    background-image: url('kendo/HighContrast/sprite.png') !important;
    border-color: transparent;
}

.message-title {
    font-weight: bold;
    color: @color-text;
    font-size: 14px;
    margin-bottom: 2px;
}

.icon-history-refresh, .icon-user-records-refresh {
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

.homepage-scroll-bottom-div {
    overflow: auto;
    height: 93%;
    overflow-x: hidden;
}


a.carousel-control {
    opacity: 1 !important;
}

a.left.carousel-control > span {
    color: whitesmoke !important;
    margin-top: 5px !important;
    left: 10px;
    width: 36px;
    height: 30px;
}

a.right.carousel-control > span {
    color: whitesmoke !important;
    margin-top: 5px !important;
    right: 10px;
    width: 36px;
    height: 30px;
    margin-left: -11px !important;
}

/*@media (max-width: 992px) {
    a.left.carousel-control > span {
        margin-left: 0%;
        margin-top: 1px;
    }

    a.right.carousel-control > span {
        margin-left: 0%;
        margin-top: 1px;
    }
}

@media (min-width: 1400px) {
    a.left.carousel-control > span {
        margin-left: -8% !important;
        margin-top: 0.5px !important;
    }

    a.right.carousel-control > span {
        margin-right: -8% !important;
        margin-top: 0.5px !important;
    }
}
@media (min-width: 1600px) {
    a.left.carousel-control > span {
        margin-left: 20% !important;
        margin-top: 0.5px !important;
    }

    a.right.carousel-control > span {
        margin-right: 20% !important;
        margin-top: 0.5px !important;
    }
}

@media (min-width: 1920px) {
    a.left.carousel-control > span {
        margin-left: 60% !important;
        margin-top: 0.5px !important;
    }

    a.right.carousel-control > span {
        margin-right: 60% !important;
        margin-top: 0.5px !important;
    }
}

@media (min-width: 2000px) {
    a.left.carousel-control > span {
        margin-left: 80% !important;
        margin-top: 0.5px !important;
    }

    a.right.carousel-control > span {
        margin-right: 80% !important;
        margin-top: 0.5px !important;
    }
}*/

#splitterNRTopContent.k-scrollable {
    overflow: hidden;
}

[id^=splitterNRDulicityTopContent].k-scrollable {
    overflow: hidden !important;
}

td.k-state-focused {
    box-shadow: none !important;
}

th.k-state-focused {
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,1) !important;
}

.detail-inner-state-ribbon {
    height: 29px;
    text-align: center;
    .px-3;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: @color-red-soi !important;
}

#exportAndPrintDetail {
    background-color: @color-light-grey-soi !important;
}

.k-grid-header {
    padding-right: 0.9% !important;
}

.k-grid-header-wrap {
    border: none !important;
}

.datePickerRemoveIcon {
    color: @color-red-soi
}

#selectUserWindow.k-window-content, #selectCompanyWindow.k-window-content, #printWindow.k-window-content,
#selectCompanySimpleWindow.k-window-content, #commisionDecisionWindow.k-window-content,
div[id^='windowSelectEmploye'].k-window-content, #windowReplaceUser.k-window-content, #windowPasswordReset.k-window-content,
#frmISChangeWindow.k-window-content, #frmUniversalWindow.k-window-content, div[id^='windowELGroupSelect'].k-window-content {
    .px-0;
    .py-0;
}


.e1-users-list-row-class {
    color: rgb(150, 150, 150) !important;
}

.e2-users-list-row-class {
    color: rgb(120, 120, 120) !important;
}

.ezcv-users-list-row-class {
    color: rgb(90, 90, 90) !important;
}

.e3-users-list-row-class {
    color: rgb(60, 60, 60) !important;
}

.e3zk-users-list-row-class {
    color: rgb(30, 30, 30) !important;
}

.e4-users-list-row-class {
    color: rgb(0, 0, 0) !important;
}

.firm-detail-info-group {
    input {
        font-size: 13px !important;
        min-height: 17.23px;
        max-width: 159px;
    }
}

.right-most-button {
    margin-right: 0px;
}



[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: black;
    font-weight: bold;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid black;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: @color-red-soi;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

[type="radio"]:checked:disabled + label:after {
    background-color: @color-dark-grey-soi;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* Multiple lines (word wrapping) on Kendo Grid headers */
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}


.budgets-control-value {
    width: 100px;
    max-width: 100px;
    text-align: right;
}

.budgets-control-label {
    margin-left: auto;
}

.budgets-control-button-panel {
    display: flex;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #ececec;
}

.budgets-control-button {
    height: 30px !important;
    color: white;
    text-align: center;
    font-weight: bold;
    border-width: 0px;
    border-right-width: 0px;
    cursor: pointer;
    font-size-adjust: 0.6;
    padding-top: 3px;
}

.fixed-height-label {
    height: 28px;
}

.navbar-second-row-fixed-top {
    top: 34px;
    left: 80px;
    position: fixed;
    z-index: 980;
    width: 100%;
}

.fixed-height-col {
    max-height: 28.23333px;
}

.nr-ordered-division-value {
    height: 25px;
    padding-top: 24px !important;
}

#AllowedStates, #RegionalScope, #AllowedCentres {
    max-height: 575px;
    height: 575px;
}

/* context menu */
@import "contextMenu.less";

.k-treeview-lines .k-top,
.k-treeview-lines .k-mid
/*.k-treeview-lines .k-bot*/ {
    background-image: url('/Images/treeview-nodes.png');
    background-repeat: no-repeat;
}

.k-treeview-lines .k-item {
    background-image: url('/Images/treeview-line.png');
    background-repeat: no-repeat;
}

.k-treeview-lines .k-last {
    background-image: url('/Images/treeview-last-node.png');
    background-repeat: no-repeat;
}


.k-treeview-lines .k-top,
.k-treeview-lines .k-mid,
.k-treeview-lines .k-bot {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}

.k-treeview-lines .k-top {
    background-position: -91px 5px;
}

.k-treeview-lines .k-mid {
    background-position: -47px -38px;
}

.k-treeview-lines .k-last .k-top {
    background-position: -25px -66px;
}

.k-treeview-lines .k-item {
    background-repeat: no-repeat;
}

.k-treeview-lines .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}

.k-treeview span {
    background-color: white;
}


.k-treeview {
    border: 1px solid #cfcfcf !important;
}


[id^="proposalDetailAttachmentsTreeView"] .fas.k-sprite, [id^="proposalDetailAttachmentsTreeView"] .fas.k-sprite::before,
[id^="proposalDetailNotesTreeView"] .fas.k-sprite, [id^="proposalDetailNotesTreeView"] .fas.k-sprite::before {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    background-color: transparent !important;
    color: black;
}

[id^="proposalDetailAttachmentsTreeView"] .k-state-selected .fas.k-sprite, [id^="proposalDetailAttachmentsTreeView"] .k-state-selected .fas.k-sprite::before,
[id^="proposalDetailNotesTreeView"] .k-state-selected .fas.k-sprite, [id^="proposalDetailNotesTreeView"] .k-state-selected .fas.k-sprite::before {
    color: white !important;
}

[id^="proposalDetailAttachmentsTreeView"] .k-state-hover .fas.k-sprite, [id^="proposalDetailAttachmentsTreeView"] .k-state-hover .fas.k-sprite::before,
[id^="proposalDetailNotesTreeView"] .k-state-hover .fas.k-sprite, [id^="proposalDetailNotesTreeView"] .k-state-hover .fas.k-sprite::before {
    color: white !important;
    background: @color-red-soi !important;
}

[id^="proposalDetailAttachmentsTreeView"] .k-in.k-state-hover, [id^="proposalDetailAttachmentsTreeView"] .k-in.k-state-hover,
[id^="proposalDetailNotesTreeView"] .k-in.k-state-hover, [id^="proposalDetailNotesTreeView"] .k-in.k-state-hover {
    color: white !important;
    background: @color-red-soi !important;
}

[id^="proposalDetailAttachmentsTreeView"] span.k-in,
[id^="proposalDetailNotesTreeView"] span.k-in {
    font-weight: bold;
    color: black;
}

[id^="treeviewConstructionDirectionSelect"] span.k-in {
    font-weight: bold;
    color: black;
}

[id^="treeviewConstructionDirectionSelect"] .k-in.k-state-hover, [id^="proposalDetailAttachmentsTreeView"] .k-in.k-state-hover {
    color: white !important;
    background: @color-red-soi !important;
}

[id^="treeviewConstructionDirectionSelect"] .k-i-collapse, [id^="treeviewConstructionDirectionSelect"] .k-i-collapse::before {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    background-color: transparent !important;
    color: black;
}

[id^="treeviewConstructionDirectionSelect"] .k-i-expand, [id^="treeviewConstructionDirectionSelect"] .k-i-expand::before {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    background-color: transparent !important;
    color: black;
}

[id^="treeviewConstructionDirectionSelect"] .k-state-selected .k-i-expand, [id^="treeviewConstructionDirectionSelect"] .k-state-selected .k-i-expand::before {
    color: white !important;
}

[id^="treeviewConstructionDirectionSelect"] .k-state-hover .k-i-expand, [id^="treeviewConstructionDirectionSelect"] .k-state-hover .k-i-expand::before {
    color: white !important;
    background: @color-red-soi !important;
}

.firm-detail-info-group input[type='text'] {
    min-height: 30px !important;
}

.k-ghost-splitbar {
    background-color: @color-red-soi !important;
}

div[id^=FDConstDireData] span.checkbox-span::before, div[id^=FDConstDireData] span.checkbox-span::after {
    margin-top: 8px
}

div[id^=ClassificationTreeView] span.checkbox-span::before, div[id^=ClassificationTreeView] span.checkbox-span::after {
    margin-top: 8px
}

div[id^=ConstructionDirectionsPZ] span.checkbox-span::before, div[id^=ConstructionDirectionsPZ] span.checkbox-span::after {
    margin-top: 8px
}

div[id^=classificationELPZ] span.checkbox-span::before, div[id^=classificationELPZ] span.checkbox-span::after {
    margin-top: 8px
}

div[id^=FDConstDireData] span.k-in {
    background-color: transparent !important
}

div[id^=FDConstDireData] span.k-icon {
    background-color: transparent !important
}

div[id^=FDConstDireData] span.k-state-selected {
    color: black !important;
    border: 1px transparent solid !important;
}

div[id^=ConstructionDirectionsPZ] span.k-in {
    background-color: transparent !important
}

div[id^=ConstructionDirectionsPZ] span.k-icon {
    background-color: transparent !important
}

div[id^=ConstructionDirectionsPZ] span.k-state-selected {
    color: @color-red-soi !important;
}

div[id^=classificationELPZ] span.k-in {
    background-color: transparent !important
}

div[id^=classificationELPZ] span.k-icon {
    background-color: transparent !important
}

div[id^=classificationELPZ] span.k-state-selected {
    color: @color-red-soi !important;
}

div.k-alert > div.k-window-content.k-dialog-content {
    max-width: 330px;
    flex-wrap: nowrap;
    word-wrap: break-word;
    text-align: center;
    padding: 20px !important;
    max-height: 150px !important;
}

.break-word {
    word-break: break-all !important
}

.labelToDropdownCenter {
    padding-top: 4px !important;
    margin-bottom: 0px !important
}

.labelToArea {
    padding-top: 3px !important;
}

div.fdConstructionSelect.k-treeview span.k-in {
    box-shadow: none !important
}

div.fdConstructionSelect.k-treeview span.k-checkbox-label::before {
    border-radius: 0px !important;
    border-color: black
}

div.fdConstructionSelect.k-treeview span.k-in {
    color: black
}

div.fdConstructionSelect.k-treeview li[aria-disabled="true"] > div > span > span.k-checkbox-label::before {
    background-color: #a1a1a1 !important;
    border-color: #a1a1a1 !important
}

div#ConstructionDirectionsPZ.k-treeview span.k-in, div#classificationELPZ.k-treeview span.k-in {
    box-shadow: none !important
}

div#ConstructionDirectionsPZ.k-treeview span.k-checkbox-label::before, div#classificationELPZ.k-treeview span.k-checkbox-label::before {
    border-radius: 0px !important;
    border-color: black
}

div#ConstructionDirectionsPZ.k-treeview span.k-in, div#classificationELPZ.k-treeview span.k-in {
    color: black
}

div#ConstructionDirectionsPZ.k-treeview li[aria-disabled="true"] > div > span > span.k-checkbox-label::before, div#classificationELPZ.k-treeview li[aria-disabled="true"] > div > span > span.k-checkbox-label::before {
    background-color: #a1a1a1 !important;
    border-color: #a1a1a1 !important
}

[readonly=true]:not(i), [readonly=readonly]:not(i), [readonly]:not(i) {
    //pointer-events: none;
}

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type="text"]:focus,
input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, [type="text"].form-control:focus,
[type="password"].form-control:focus, [type="email"].form-control:focus, [type="tel"].form-control:focus, [contenteditable].form-control:focus {
    box-shadow: inset 0 -2px 0 @color-red-soi !important;
    -webkit-box-shadow: inset 0 -2px 0 @color-red-soi !important;
}

.k-checkbox:checked + .k-checkbox-label::before {
    background-color: @color-red-soi !important;
    border-color: @color-red-soi !important;
    color: #fff !important;
}

.k-checkbox:indeterminate + .k-checkbox-label::after {
    background-color: @color-red-soi !important;
    background-image: none;
    border-color: #fff !important;
    border-radius: 0px !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: @color-red-soi !important;
    color: #fff !important;
}

div.k-confirm > div.k-window-content.k-dialog-content {
    max-width: 330px;
    flex-wrap: nowrap;
    word-wrap: break-word;
    text-align: center;
    padding: 20px !important;
    max-height: 150px !important;
}

div.k-confirm[role='alertdialog'] > div.k-window-content.k-dialog-content {
    max-width: 420px;
    flex-wrap: nowrap;
    word-wrap: break-word;
    text-align: center;
    padding: 20px !important;
    max-height: 250px !important;
}

.k-dialog {
    min-width: 330px !important;
}

div.k-confirm > div.k-button-group > button.k-button.k-primary {
    background-color: @color-red-soi !important;
}

div.k-prompt > div.k-button-group > button.k-button.k-primary {
    background-color: @color-red-soi !important;
}

.k-edit-form-container > .k-edit-buttons > button.k-button.k-primary {
    background-color: @color-red-soi !important;
    border-color: none;
}
.k-icon.k-i-close {
    background-image: none !important;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: black;
    font-weight: bold;
}

input[type="text"] {
    color: black !important;
    font-weight: bold;
    font-size:14px !important;
}

.navbar-nav > li > a {
    padding: 7px 10px !important;
}

.detail-btnbar-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3px 15px;
    background: #cccccc;
}


.soi-detail-button:hover {
    color: @color-red-soi !important;
    background: whitesmoke !important;
    border-color: @color-red-soi !important;
}

.soi-detail-button:hover span {
    color: @color-red-soi !important;
    background: whitesmoke !important;
}

.soi-detail-button:hover i {
    color: @color-red-soi !important;
    background: whitesmoke !important;
}
/*.content[data-id="tabHomeId"] {
    margin-top: -47px;
  
}*/

.form-min-height {
    /*border: 1px solid #D7D7D7;*/
    min-height: 230px;
}

.form-horizontal {
    border: 1px solid #9d9d9c;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width: 1000px) {
    .form-min-height {
        /*border: 1px solid #D7D7D7;*/
        min-height: 0;
    }
}

.btn-green {
    background: #006400;
    color: white;
}

.title-green {
    background: #006400 !important;
}

.btn-orange {
    background: #e68a00;
    color: white;
}

.title-orange {
    background: #e68a00 !important;
}

.k-state-disabled {
    color: black !important;
    opacity: 1 !important;
}

.mr-15 {
    margin-right: 15px;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 45px !important;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: none !important;
    background-color: none !important;
}

.nav > li > a > img {
    height: 25px;
}

.ml-auto {
    margin-left: auto;
}
//GRID FIX P�I ZڎEN� SLOUPCE KDY VZNIKNE NA PRAV� STRAN� M�STO - , .k-grid-header th.k-header
/*.k-grid tr td, .k-filter-row th, .k-grid-header th.k-header {
    border-width: 0 1px 1px 0 !important;
}*/
.k-grid tr td:last-child, .k-filter-row th:last-child, .k-grid-header th.k-header:last-child {
    border-width: 0 1px 1px 1px !important;
}

.section-up-down {
    background-color: @color-red-soi;
    color: white;
    width: 150px;
    height: 25px;
    text-align: center;
    margin: 3px auto;
}

/*.k-window:not(.k-dialog) {
    height: 85% !important;
    width: 85% !important;
}*/

.k-window:not(.k-dialog) {
    max-height: 90% !important;
    max-width: 90% !important;
}

.pz-total-budgets-info {
    float: right;
    padding: 0 1.333em;
    color: @color-text;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    font-size: 24px;
}

div[id^="ClassificationTreeView"] {
    background: white !important;
    color: black !important;
}

//roztrhnout do nov�ho souboru FHD 150%
@media (max-width: 1280px) and (max-height:700px) {

    [id^="gridProposalNotes"] {
        min-height: 62% !important;
        height: 62% !important;
    }

    [id^="gridProposalNotes"] div.k-grid-content {
        min-height: 30%;
        max-height: 100%;
        height: 74% !important;
    }

    .form-min-height {
        min-height: 234px;
    }

    .div-h-30 {
        height: 28%;
    }

    .k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-listbox, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
        width: auto !important;
    }
}
//roztrhnout do nov�ho souboru FHD
@media (max-width: 1920px) and (max-height:1080px) {

    .form-min-height {
        min-height: 234px;
    }

    .div-h-30 {
        height: 29%;
    }

    [id^=FDCompanyData] {
        height: 95% !important;
    }
}

.record-view-list-disallow-budgets {
    color: red;
    font-weight: bold;
    margin: 10px auto;
    display: inline-block;
}

.soiBlockMsgFS {
    border: 0 !important;
    top: 432.5px !important;
    left: 668px !important;
}

.soiBlockMsgFSDetail {
    border: 0 !important;
    top: 432.5px !important;
    left: 550px !important;
}

.iconAwesomeRed {
    color: red !important
}

.removeBorder {
    border: none !important
}

div.fullScreenMap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.btnFullScreenMap {
    transform: rotate(45deg);
    color: @color-red-soi !important;
}


#userFilterContainer {
    height: calc(100% - 75px)
}

@media (min-height:1081px) {
    #userFilterContainer {
        height: 100% !important
    }
}

.k-tooltip.k-popup {
    min-height: 200px;
    min-width: 280px !important;
}

#filterRecrodView-6 .row:nth-child(2n+1) {
    background: lightgray;
}

.soi-checkbox-text {
    vertical-align: middle;
}

.btn-continue-position-fix {
    left: 100px;
    margin-top: 10px;
}

.btn-cancel-position-fix {
    left: 277px;
    margin-top: 10px;
}

#RequestReasonInfo {
    background-color: yellow;
    padding: 1rem;
    border: 1px solid black;
}

#RequestReasonText {
    height: 15vh !important;
    width: 99% !important;
    overflow-y: scroll;
}

#ChangePasswordInfo {
    background-color: yellow;
    padding: 1rem;
    border: 1px solid black;
}

#printWindowRequestReasonSendBtn, #printWindowRequestReasonCancelBtn {
    box-sizing: border-box;
    letter-spacing: 0.1px;
    line-height: 25.85px;
}
#printWindowRequestReasonSendBtn {
    background: #006400 !important;
}
.pz-filtr-ico-ft-fix {
    width: 80%;
    float: left;
}

i.fas[readonly="readonly"]:not(.fa-info-circle), i.fas[disabled="disabled"]:not(.fa-info-circle),
i.fas[disabled="'disabled'"]:not(.fa-info-circle), i.fas[disabled="\"disabled\""]:not(.fa-info-circle), i.fas[readonly="'true'"]:not(.fa-info-circle),
.k-colorpicker.k-state-disabled .k-select, .k-colorpicker.k-state-disabled .k-selected-color {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

span.update-pz-filter-description > span.k-state-disabled > span > span.k-i-calendar {
    color: rgb(161, 161, 161)
}


td.k-edit-cell > input#Q1, td.k-edit-cell > input#Q2, td.k-edit-cell > input#Q3, td.k-edit-cell > input#Q4 {
    color: black !important;
}

div[id^='recordViewFormsMainTab'], div[id^='recordViewFormsCompetitionTab'], div[id^='recordViewFormsOfferTab'] {
    .px-0;
    .py-0;
}

#frmISChangeWindow, #windowExportDataExcel, #windowExportDataProject {
    line-height: 25.85px !important;
    box-sizing: border-box !important;
}

#frmISChangeWindow {
}

.SelectionProcedureWinner td {
    color: dodgerblue !important;
}

.cp-comp-org-height {
    height: 50px !important;
    width: 94%;
}

.cp-tech-desc-height {
    height: 111px !important;
    width: 99%;
}

.el-form-person-label {
    border: 1px #cfcfcf solid;
    height: 31px !important;
    margin-bottom: 0px !important;
}

.os-tech-desc-height {
    height: 81px !important;
    width: 99%;
}

.ih-tech-list-height {
    max-height: 313px !important;
    height: 313px !important;
}

.ih-tech-part-list-height {
    max-height: 213px !important;
    height: 213px !important;
}

.ih-os-tech-list-height {
    max-height: 240px !important;
    height: 240px !important;
}

input#OfferValue {
    color: black
}

#info_Model_Detail_Investor_tt_active {
    width: 320px;
}

.insideSectionContainer {
    padding: 5px;
    overflow: auto;
    background: white;
}

.formContainerDetail {
    padding-left: 15px;
}

span.k-link > input[data-field][data-index][data-locked] {
    margin-right: 5px !important
}

.dif-highlight-on {
    color: magenta !important;
}

input[type="text"].dif-highlight-on {
    color: magenta !important;
}

div[id^='osIHMainTech'].k-grid .k-header {
    display: none;
}

div[id^='osIHMainTech'].k-grid .k-content {
    height: 115px !important;
}

div[id^='osIHMainTech'].k-grid .k-content input {
    color: black;
}

div[id^='cpDebateParticipient'].k-grid .k-header, div[id^='columnConfigurationDialogGrid'].k-grid .k-header {
    display: none;
}

div[id^='cpDebateParticipient'].k-grid .k-content {
    height: 115px !important;
}

.win-correspondent-height {
    height: 95px !important;
    width: 99.5% !important;
}

.el-contanct-red-text {
    color: red !important;
}

#leftSideBarMenu {
    height: 100%;
    width: 80px;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #23282B;
    transition: 0.5s;
}

#leftSideBarMenu ul {
    list-style: none;
    padding: 0px;
    margin: 10px 0 0 0;
}

#leftSideBarMenu .nav-text {
    position: absolute;
    visibility: hidden;
    width: 0px;
    font-family: 'Titillium Web', sans-serif;
    z-index: 888;
}

#leftSideBarMenu > ul > li > a {
    /*font-family: "Whitney Cond A", "Whitney Cond B", "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
    font-weight: 500;
    font-size: 0.66rem;
    letter-spacing: 0.04rem;*/
    color: white;
    /*padding: 0.75rem 0.5rem;
    text-transform: uppercase;
    position: relative;
    display: inline-block;*/
    font-weight: normal;
    font-size: 29px;
    position: relative;
    display: flex;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    width: 65px;
}

#leftSideBarMenu > ul > li > a[disabled="disabled"] {
    color: grey;
}
/*disabled="disabled"*/
.dropdown-content a[disabled="disabled"], .dropdown-content a[disabled="disabled"]:hover,
.dropdown-content a[disabled=""], .dropdown-content a[disabled=""]:hover {
    background: @color-disabled-soi !important;
    color: @color-dark-grey-soi;
}

#leftSideBarMenu > ul > li {
    text-align: center;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    height: 60px;
    width: 80px;
}

#leftSideBarMenu > ul > li .fas {
    margin: 15px auto;
}

#leftSideBarMenu > ul > li:hover {
    color: white;
    background: @color-red-soi
}

#leftSideBarMenu > ul > li > a:hover span.nav-text {
    display: flex;
    justify-content: center;
    align-items: center;
    left: 80px;
    visibility: visible;
    transition: all 0.1s linear;
    width: 290px !important;
    flex: 1 1 auto !important;
    font-size: 22px;
    /*text-transform: lowercase;*/
    height: 60px;
    background-color: @color-red-soi;
    color: white;
    white-space: nowrap;
    padding: 5px;
}

#contentNextToLeftSidebar {
    position: relative;
    top: 0;
    left: 80px;
    height: 100%;
    width: calc(100% - 80px);
   // z-index: 1
}

/* Dropdown Button */
.dropbtn {
    background-color: #23282B;
    color: white;
    padding: 0px;
    font-size: 29px;
    border: none;
    width: 65px !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: flex;
    width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: @color-red-soi;
    color: white;
    min-width: 160px;
    z-index: 1;
    justify-content: center;
    align-items: center;
    left: 80px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: white;
    font-weight: bold;
    white-space: nowrap;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: white;
    color: @color-red-soi;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn, .dropdown:hover {
    background-color: @color-red-soi;
}

.navbar-fixed-top {
    left: 80px;
}

.chbox-list-heigh-important {
    max-height: 57vh !important;
    height: 57vh !important;
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
    background-color: @color-red-soi !important;
    border-color: @color-red-soi !important;
}

.saved-menu {
    display: inline-block !important;
    width: 100% !important;
    border: transparent !important;
    background-color: transparent !important;
}

.saved-menu::before {
    margin-right: 4px !important
}

.saved-menu .k-link {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.saved-menu li {
    box-shadow: none !important;
}

ul.saved-menu li.k-state-border-right {
    background: transparent !important
}

ul.saved-menu .k-link.k-state-active {
    background: transparent !important;
    box-shadow: none !important;
}

ul.saved-menu-profile > li {
    padding: 10px
}

.saved-menu .k-link:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.saved-menu-icon {
    margin-right: 4px !important
}

.max-width-260 {
    max-width: 264px;
    width: 264px;
}

.max-width-280 {
    max-width: 280px;
    width: 280px;
}

.width-180 {
    width: 180px !important;
}

.multi-columns {
    display: flex;
    flex-flow: column wrap;
    max-height: 52.2rem !important;
    height: 52.2rem !important;
}

.width-99-percent {
    width: 99% !important;
}

#overlayWelcome {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #23282B;
    z-index: 9999;
    transition: 1.3s ease;
}

#textWelcome2 {
    color: white;
    font-size: 70px;
    position: absolute;
    top: 39%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    transition: 1.3s ease;
}

#textWelcome {
    color: white;
    font-size: 70px;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    transition: 1.3s ease;
}

.columns-clicked-item {
    border: 1px solid;
    border-radius: 4px;
    background-color: rosybrown;
    padding: .2rem;
}

.labelBorderGray {
    border: 1px solid #cfcfcf;
}
.labelBackgroundGray {
    background-color: #ececec !important;
}
.insideContainerForInfoDialog {
    padding: 5px;
    overflow: auto;
}

.firmMap-Window {
    width: 85vw !important;
    height: 80vh !important;
    left: 8% !important;
    top: 5% !important;
}

.firmMap-Window .propsal-detail-map-content-height {
    width: 100% !important;
    height: 100% !important;
}

#btnBack {
    padding: 10px 10px;
}

.width-120 {
    width: 120px !important;
}

input[type=checkbox]::-ms-check {
    background-color: white;
    color: white;
}

input[type=checkbox]:checked::-ms-check {
    border: 1px @color-red-soi solid;
    background-color: @color-red-soi !important;
    color: white;
}

li.k-item > span.k-link > input {
    margin-bottom: 3px !important
}

[id^=RecordViewForms] .k-tabstrip-wrapper {
    height: 97%
}

[id^=RecordViewForms] .text-li-right {
    text-align: right;
}

.recordViewFormsMainTabTitle .k-link {
    padding: 0px 6px;
    font-weight: bolder;
}

.fas.fa-times {
    margin-left: 10px;
}

[id^='Model_tbInHouseTechnologies_Text'] {
    width: 96%;
}

[id^=RecordViewForms] .row {
    margin: 0px !important;
}

[id^=RecordViewForms] .chbox {
    text-align: center;
}

[id^=RecordViewForms] .soi-form-control {
    width: 99%;
}

[id^='recordViewFormsOfferTab'].k-widget, [id^='recordViewFormsCompetitionTab'].k-widget {
    margin-top: 3px !important;
    margin-left: 55px;
}


div[id^='recordViewFormsOfferTab'] div[id^='recordViewFormsOfferTab'] {
    margin-left: 90px !important;
}

div[id^='recordViewFormsCompetitionTab'] div[id^='recordViewFormsCompetitionTab'] {
    margin-left: 90px !important;
}

[id^='recordViewFormsOfferTab'] .k-tabstrip-items, [id^='recordViewFormsCompetitionTab'] .k-tabstrip-items {
    position: fixed;
}

[id^='recordViewFormsMainTab'] > ul:first-child {
    width: auto;
    height: 45px;
    position: fixed;
    -webkit-transform-origin: left top;
    -ms-transform: rotate(-90deg) translateX(-100%);
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    padding: 5px;
    border-bottom: 2px solid #bd0000;
    /*left: 92px;
    top: 104px;*/
    margin-left: 5px;
    z-index: 5;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    // todo chyb� o�et�en� kdy� obsahuje jen jedno li
    [id^='recordViewFormsMainTab'] > ul:first-child {
        width: 600px;
        height: 45px;
        position: fixed;
        -webkit-transform-origin: left top;
        -ms-transform: rotate(-90deg) translateX(-46%);
        -webkit-transform: rotate(-90deg) translateX(-46%);
        -moz-transform: rotate(-90deg) translateX(-46%);
        transform: rotate(-90deg) translateX(-46%);
        padding: 5px;
        border-bottom: 2px solid #bd0000;
        left: -189px;
        /*margin-left: 5px !important;*/
        z-index: 5;
    }

    div[id^='recordViewFormsMainTab'] {
        margin-left: 5px !important;
    }
}

[id^='recordViewFormsMainTab'] > ul:first-child li {
    float: right;
    height: 100%;
    line-height: 45px;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

[id^='recordViewFormsMainTab'] > ul:first-child li:hover {
    float: right;
    height: 100%;
    line-height: 45px;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    background: #bd0000 !important;
}



div[id^='recordViewFormsCompetitionTab'] ul li {
    border: none !important;
}

div[id^='recordViewFormsCompetitionTab'] ul li:hover {
    border: none !important;
    background: #bd0000 !important;
}

div[id^='recordViewFormsOfferTab'] ul li {
    border: none !important;
}

div[id^='recordViewFormsOfferTab'] ul li:hover {
    border: none !important;
    background: #bd0000 !important;
}

.button-panel-detail-forms {
    background: whitesmoke;
    width: 100% !important;
    display: flex;
    position: fixed;
    margin-left: 10px;
    z-index: 999;
}
.button-panel-detail-forms-grid {
    background: whitesmoke;
    width: 100% !important;
    display: flex;
    margin-left: 10px;
    z-index: 999;
}

div.k-grid-content > table > tbody > tr > td {
    min-height: 20px !important;
    height: 20px !important;
}

.k-listbox li.k-state-selected span.soi-checkbox-text {
    color: @color-button-text !important;
}

.k-listbox li.k-state-selected div.soi-checkbox label {
    border: 1px solid @color-button-text;
}

#nextPrevRecordBtns {
    height: 75%;
    position: absolute;
    top: 190px;
}

.nextPrevRecordBtn {
    height: 50%;
}

#sidebarRecordViewDetailContent, #sidebarProposalDetailContent {
    margin-top: 62px;
    height: calc(100vh - 70px);
    padding: 1px;
    background: whitesmoke;
    overflow: auto;
    margin-left: 40px;
}
/*@media only screen and (max-width: 1700px) {
    #sidebarRecordViewDetailContent, #sidebarProposalDetailContent {
     overflow: auto;
    }

}*/
#prevRecordView i, #nextRecordView i, #prevProposal i, #nextProposal i {
    color: white;
    font-size: 29px;
}

#prevRecordView:hover:not(:disabled), #nextRecordView:hover:not(:disabled),
#prevProposal:hover:not(:disabled), #nextProposal:hover:not(:disabled) {
    background-color: #bd0000;
}

#nextRecordView, #nextProposal {
    position: relative;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    height: 100%;
    padding: 0 5px;
}

#prevRecordView, #prevProposal {
    position: relative;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    height: 100%;
    padding: 0 5px;
}

.BtnSidebarRecordViewDetail, .BtnSidebarRecordViewDetailSmall, .BtnSidebarProposalDetail {
    z-index: 5;
    transition: 0.5s;
}

.BtnSidebarRecordViewDetail:hover, .BtnSidebarRecordViewDetailSmall:hover, .BtnSidebarProposalDetail:hover {
    color: rgb(189, 41, 37) !important;
    background: white !important;
}

#bottombarRecordViewDetail {
    height: 0;
    width: calc(100vw - 80px);
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    background-color: #23282B;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0 5px;
    border-top: 2px solid #bd0000;
    border-left: 2px solid #bd0000;
}

#sidebarRecordViewDetail, #sidebarProposalDetail {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #23282B;
    /*overflow: hidden;*/
    transition: 0.5s;
    padding: 5px;
    display: none;
}

#sidebarRecordViewDetail .closebtn, #sidebarProposalDetail .closebtn {
    position: absolute;
    top: 70px;
    left: 4px;
    color: white;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    /*padding: 8px 5px 5px 4px;*/
    padding: 5px;
    width: 38px;
}

#bottombarRecordViewDetail .closebtn {
    font-size: 29px;
    color: white;
    text-decoration: none;
    float: right;
    padding-right: 10px;
}

#btnPZDetailBudgetsButon {
    margin-top: 10px;
    float: right;
    min-width: 65px;
    width: 65px;
}

#sidebarRecordViewDetail .fullscreen, #sidebarRecordViewDetail .defaultScreen,
#sidebarProposalDetail .fullscreen, #sidebarProposalDetail .defaultScreen {
    position: absolute;
    top: 110px;
    left: 4px;
    color: white;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    padding: 5px;
    width: 38px;
}

#sidebarRecordViewDetail .focusOnSelected,
#sidebarProposalDetail .focusOnSelected {
    position: absolute;
    top: 145px;
    left: 4px;
    color: white;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    padding: 5px;
    width: 38px;
}

#sidebarRecordViewDetail .closebtn:hover, #sidebarRecordViewDetail .fullscreen:hover, #sidebarRecordViewDetail .defaultScreen:hover,
#sidebarProposalDetail .closebtn:hover, #sidebarProposalDetail .fullscreen:hover, #sidebarProposalDetail .defaultScreen:hover, #sidebarRecordViewDetail .focusOnSelected:hover,
#sidebarProposalDetail .focusOnSelected:hover {
    background-color: #bd0000;
}

#sidebarRecordViewDetail .closebtn i, #sidebarRecordViewDetail .fullscreen i, #sidebarRecordViewDetail .defaultScreen i,
#sidebarProposalDetail .closebtn i, #sidebarProposalDetail .fullscreen i, #sidebarProposalDetail .defaultScreen i, #sidebarRecordViewDetail .focusOnSelected i,
#sidebarProposalDetail .focusOnSelected i {
    color: white;
    font-size: 29px;
}

#sidebarRecordViewDetail .closebtn i.fas.fa-times, #sidebarProposalDetail .closebtn i.fas.fa-times {
    margin: 0;
}

#sidebarRecordViewDetail .fullscreen i, #sidebarProposalDetail .fullscreen i {
    transform: rotate(45deg);
}

#recordViewListModeText {
    color: white !important;
    background-color: transparent;
    margin-left: auto;
    height: 29px;
    text-align: center;
    font-weight: bold;
    padding-right: 100px;
}

.column-order-key-style {
    width: 99%;
    height: 5rem;
}

.margin-center {
    display: table;
    margin: 0 auto;
}

#btnPZDetailOrderContainer {
    border: 2px solid #B0B0B0;
    padding: 2px;
    border-radius: 6px;
    background: #B0B0B0;
    margin: auto;
    margin-right: 60px;
    width: 235px;
}

#btnPZDetailOrderContainer #btnPZDetailOrder {
    border: 1px grey groove !important;
}

.proposal-detail-form {
    /*overflow: auto;*/
}

#sidebarRecordViewDetailContentSmall, .sidebarRecordViewDetailContentSmall {
    height: 81%;
    padding: 5px;
    background: whitesmoke;
    overflow: hidden;
    margin-top: -9px;
    width: 100%;
}

.browseClick {
    margin: 35% auto;
    text-align: center;
}

.saved-menu-profile-item .k-link {
    display: block !important;
    padding: 1.2em 1.2em 1.1em !important;
    line-height: 1.34em !important;
}

#sidebarRecordViewDetail .proposal-detail-form {
    /*height: 108% !important;*/
}

.fulltextText {
    margin-top: 0px;
    color: darkgrey;
    font-size: 10px;
}

.textFromToFiltrPZ {
    margin-top: 7px;
    text-align: center;
}

#printWindow, #printWindowRequestReason {
    width: 40vw;
}

#printWindow .soi-form-control {
    display: block;
    width: 98.8%;
}

#sidebarRecordViewDetail .button-panel-detail-forms {
    background: whitesmoke;
    width: 74.5% !important;
}

[id^=proposalDetailAttachmentsSplitter] .buttons-detail,
[id^=proposalDetailNotesSplitter] .buttons-detail,
[id^=firmsInAssocMainTab] .buttons-detail {
    width: auto !important;
    height: 25px !important;
}

.vz-form-type-content {
    font-size: small;
    font-style: italic;
}

#companyFilterContainer, #userFilterContainer {
    margin-top: 25px;
    margin-bottom: 5px;
}

@-webkit-keyframes color_change {
    from {
        background-color: white;
    }

    to {
        background-color: @color-red-soi;
    }
}

@-moz-keyframes color_change {
    from {
        color: white;
    }

    to {
        color: @color-red-soi;
    }
}

@-ms-keyframes color_change {
    from {
        color: white;
    }

    to {
        color: @color-red-soi;
    }
}

@-o-keyframes color_change {
    from {
        color: white;
    }

    to {
        color: @color-red-soi;
    }
}

@keyframes color_change {
    from {
        color: white;
    }

    to {
        color: @color-red-soi;
    }
}

@-webkit-keyframes color_change_agreement {
    from {
        background-color: white;
    }

    to {
        background-color: #006400;
    }
}

@-moz-keyframes color_change_agreement {
    from {
        color: white;
    }

    to {
        color: #006400;
    }
}

@-ms-keyframes color_change_agreement {
    from {
        color: white;
    }

    to {
        color: #006400;
    }
}

@-o-keyframes color_change_agreement {
    from {
        color: white;
    }

    to {
        color: #006400;
    }
}

@keyframes color_change_agreement {
    from {
        color: white;
    }

    to {
        color: #006400;
    }
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 1.5em;
    line-height: 2em;
    vertical-align: middle;
    font-size: 29px;
}

.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: right;
}

.icon-stack-1x {
    line-height: inherit !important;
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
    font-size: 15px !important;
    display: none !important;
}

.icon-stack-2x {
    font-size: 18px;
}

.icon-stack-3x {
    font-size: 29px;
    color: white;
}

.colorAnimation {
    -webkit-animation: color_change 1.5s infinite alternate;
    -moz-animation: color_change 1.5s infinite alternate;
    -ms-animation: color_change 1.5s infinite alternate;
    -o-animation: color_change 1.5s infinite alternate;
    animation: color_change 1.5s infinite alternate;
}

.colorAnimationAgreement {
    -webkit-animation: color_change_agreement 1.5s infinite alternate;
    -moz-animation: color_change_agreement 1.5s infinite alternate;
    -ms-animation: color_change_agreement 1.5s infinite alternate;
    -o-animation: color_change_agreement 1.5s infinite alternate;
    animation: color_change_agreement 1.5s infinite alternate;
}

.messagesHover {
    display: flex;
    justify-content: center;
    align-items: center;
    left: 80px;
    visibility: visible !important;
    transition: all 0.1s linear;
    width: 222px !important;
    flex: 1 1 auto !important;
    font-size: 22px;
    text-transform: lowercase;
    height: 60px;
    background-color: @color-red-soi;
    color: white;
    white-space: nowrap;
    padding: 5px;
}

.liMenuHover {
    background-color: @color-red-soi;
}

ul.k-pager-numbers > li > a {
    color: black !important
}

a.k-link.k-pager-nav > span, a.k-pager-refresh.k-link > span {
    color: black !important
}

.InvestorTextArea {
    height: 73px;
}

#ComputedFinancialPart {
    min-height: 28px !important;
    color: black !important
}

#menuMessages-text {
    margin-left: 5px;
}

.pz-filtr-chb-fix {
    margin-left: 4.7rem;
}

@media (max-width: 1684px) {
    .pz-filtr-chb-fix {
        margin-left: 1rem;
    }
}

@media (min-width: 1684px) {
    .pz-filtr-chb-fix {
        margin-left: 2rem;
    }
}

@media (min-width: 1876px) {
    .pz-filtr-chb-fix {
        margin-left: 3rem;
    }
}

tr > td {
    -webkit-touch-callout: none !important; 
    -webkit-user-select: none !important; 
    -moz-user-select: none !important; 
    -ms-user-select: none !important; 
    user-select: none !important; 
}
#checkBoxListOfErrorTypes{
    min-height:150px;
}

div[data-type='SiteMap'] li > a[disabled='disabled'], div[data-type='SiteMap'] li > a[disabled='disabled']:hover {
    background: @color-disabled-soi !important;
    color: @color-dark-grey-soi;
    cursor: not-allowed;
}
.rv-hide-this {
}
#btnOK {
    background: #006400 !important;
}
.pagging-owerlap {
    overflow-y: visible !important;
    height: 85px !important
}

.el-minheight {
    min-height: 255px
}

.nr-minheight {
    min-height: 248px
}
[id^="btnProposalViewMapContinue"] {
    background: #e68a00 !important;
}


.unblockBodyCopy {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
div.k-grid-header {
    padding-right: 17px !important;
}

.col-2-extended {
    width: 19% !important;
}
.proposal-is-change-row-margin {
    margin-bottom: 0.3rem;
}

.fieldSet_fixedHeight{
    height: 66vh;
}
.k-list-container.k-popup, .k-list-container.k-popup .k-list-scroller {
    height: auto !important;
    max-height: 550px;
}

.column-reorder-left-scroll .k-list-scroller {
    max-height: 99.5%;
}

.column-reorder-right-scroll .k-list-scroller {
    max-height: 99.5%;
}

.fieldSet_fixedHeight_right {
    height: 59vh;
}
.k-dialog {
    z-index: 100000 !important;
}

.notes-detail-height-fix {
    overflow-y: auto;
    height: 95%;
}

.el-agreement-row {
    border-top: solid 1px @color-grey-soi;
    height: 50px;
    display: flex;
    align-items: center;
}

.min-width-15 {
    min-width: 16px !important;
}

#userRolesSelect {
    padding-left: 4px;
}
