/* common */
@font-face {
    font-family: EtelkaMediumPro;
    src: url("./font/EtelkaMediumPro.otf") format("opentype");
}
@font-face {
    font-family: EtelkaLightPro;
    src: url("./font/EtelkaLightPro.otf") format("opentype");
}

body{
    margin: 0 ; /* !important */
    /* background: url(../assets/images/bg-photo.jpg) no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: white;
    box-sizing: border-box;
}

body,html
{
    margin:0;
    padding:0;
    box-sizing: border-box; /* + */

}

html {
    font-family: EtelkaMediumPro, Helvetica, Verdana, Sans-Serif;
}

main#relativeMain{
    font-family: EtelkaMediumPro, Helvetica, Verdana, Sans-Serif;
}

h2 {
    padding:0;
    margin:0;
}
a {
    color:inherit;
    text-decoration: inherit;
}

header {
    width:100%;
    position:relative;
    height:90px; /* upravene zo 120*/
    top:0;
    left:0;
}

#relativeMain section, #loginpage
{
    position:relative;
    width:950px;    /*890*/
    margin:0 auto;
    height:100%;
}

input, .input {
    height:30px;
    width: 150px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.input {
    margin-right: 15px;
    margin-left: 15px;
}
input[numbersonly=true]{
    text-align: right;
}

.tableZmluva td input[disabled] {
    border: 0px none black;
    background-color: inherit;
}

table#clients td:first-child, table#clients th:first-child{
    padding-left: 10px;
}

#loadingBG
{
    position:fixed; left:0; top:0; width:100%; height:100%; background:white; display:none;
    z-index: 0;
}

#spinner
{
    background-image: url('../images/spinner.gif');
    position: fixed;
    display:none;
    z-index:4;
    top: 45%;
    left: 45%;
    width: 10%;
    height: 10%;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tooltip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#161616;
    border-radius:5px;
    padding:10px;
    color:#fff;
    font-size:12px;
}

#typZmluvyNazov
{
    position: relative;
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
}


#footer_fixed   /* Y */
{
    bottom:0;
    position: fixed;
    width:100%;
    padding-bottom:20px;
    box-sizing:border-box;
    color:white;
    text-align:center;
    font-weight:300;
    font-size:10px;
}

.bg-color01
{
    /* background: #e5262a; */
}


#footer_normal   /* Y */
{
    background: #e5262a;
    height: 40px;
    position:relative;
}
#footer_absolute   /* Y */
{
    position: fixed;
    bottom: 0px;
    z-index: 2;
    height: 40px;
    background: red;
    width: 100%;
}

#loaderFrame{   /* Y */
    visibility: hidden;
    height: 1px;
    width: 1px;
    position: absolute;
    top: -100%;
    left: -100%;
}

#loginbar section   /* Y */
{
    position:relative;
    width:890px;
    margin:0 auto;
    height:100%;
}

.background-white   /* Y tu sme pridali alfu*/
{
    /* background:rgba(255,255,255,0.6); */
}

.bg-white   /* N */
{
    /*background:rgb(255,255,255);*/
}


.text-white   /* Y */
{
    color:white;
}

#logoutText   /* Y */
{
    float:right;
}
.bold    /* Y */
{
    font-weight: bold;
}
.button   /* Y */
{
    padding:10px;
    cursor:pointer;
    border-radius:5px;
    float:left;
    border:2px solid #cccccc;
    margin-right:20px;
    color:#595959;
    background: white;
}



#exportToPDFButton   /* Y */
{

}


.specialButton   /* Y */
{
    padding:0px;
    cursor:pointer;
    float:left;
    width: 128px;
    text-align: center;
    background: white;
    border: 1px solid #cccccc;
    color: #cccccc;
    margin-left: 15px;
    transition: all 0.1s ease;
    height: 30px;
}
.specialButton:hover   /* Y */
{
    color:#000000 !important;
    border:1px solid black !important;
}

main   /* Y */
{
    position: absolute;
    width: 100%;
    top: 150px;
    height: calc(100% - 150px);
}
main #welcomepage #content h1   /* Y */
{
    font-weight: 400;
    font-size:24px;
}
main #welcomepage #content h2   /* Y */
{
    font-weight: 400;
    font-size:16px;
}
main #welcomepage #content   /* Y */
{
    position:relative;
    z-index:2;
    height: 220px;
}
main #welcomepage   /* Y */
{
    position:relative;
    width:680px;
    height:300px;
    top:50%;
    margin-top:-150px;
    color:#595959;
    text-align:center;
    padding:40px;
    box-sizing: border-box;
}
main #welcomepage #buttons   /* Y */
{
    padding:0 70px;
    position:relative;
    top:29px;
}
main #welcomepage #buttons .button   /* Y */
{
    width:180px;
    font-size:14px;
    padding: 15px 10px;
}

#loginbar   /* Y */
{
    width:100%;
    height:30px;
    position:relative;
    line-height: 30px;
    font-size:14px;
    z-index: 1;

}
#loginbar .action:hover   /* Y */
{
    opacity:1;
}
#loginbar #logoutButton   /* Y */
{
    margin-left:30px;
    float:right;
}
#loginbar .action   /* Y */
{
    opacity:0.6;
    font-weight:400;
    cursor:pointer;
    color:inherit;
    transition: all 0.1s ease;
}

.fulldiv   /* Y */
{
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#headerbg   /* Y */
{
    position:absolute;
    z-index:1;
}
#transbg   /* Y */
{
    background:#fff;
    opacity:0.8;
    position:absolute;
    z-index:1;
}

header section      /* Y */
{
    position:relative;
    z-index:2;
    width:890px;
    margin:0 auto;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.float-right     /* Y */
{
    float:right;
}

.float-left    /* Y */
{
    float:left;
}

.plus   /* Y */
{
    font-size: 12px;
    position: relative;
    margin-left: -20px;
    margin-right: 10px;
}


main #welcomepage #transbg    /* Y */
{
    border-radius:5px;
}
main #loginpage    /* Y */
{
    position:relative;
    height:100px;
    top:50%;
    margin-top:-50px;
}
main #loginpage input    /* Y */
{
    width:280px;
    height:45px;
    margin-left:8px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:none;
    opacity:0.8;
    font-size:12px;
    text-align:left;
    padding-left:30px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
main #loginpage input[type="submit"]    /* Y */
{
    opacity:1;
    cursor:pointer;
}

#forgotpassword    /* Y */
{
    display:none;
    position: absolute;
    right: 140px;
    margin-top: 5px;
    font-size: 14px;
    color: white;
    font-weight: bold;
}

.left input    /* Y */
{
    margin-right: 15px;
    margin-left: 15px;
}
.right input    /* Y */
{
    margin-right: 15px;
    margin-left: 15px;
}
#newProjectionContentProgress    /* Y */
{
    text-align: center;
    padding: 50px 0px 65px 0px;
}
#categoryText .button    /* Y */
{
    font-size:12px;
    padding:10px 20px;
}
#categoryText    /* Y */
{
    font-size:30px;
    top: -2px;
    position: relative;
}


#headerbuttons   /* Y */
{
    font-size:12px;
}
#zobrazitProjekcie   /* Y */
{
    margin-right:40px;

    line-height:43px;
}

#novaProjekcia   /* Y */
{
    border:2px solid white;
    border-radius:5px;
    padding: 10px 20px 10px 35px;
}


.clear   /* Y */
{
    clear:both;
}

.dataTables_length  /* Y */
{
    display:none;
}
#saveStatus  /* Y */
{
    position: absolute;
    margin-top: -25px;
    right: 25px;
}
#clients_filter  /* Y */
{
    display:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover  /* Y */
{
    background:white !important;
}
#progressZmluvy  /* Y */
{
    position: relative;
    left: 84px;
}
#progressZmluvy img  /* Y */
{
    float:left;
}
#showhidefilter  /* Y */
{
    font-weight:bold;
    cursor:pointer;
    width: 170px;
    position: absolute;
    right: 10px;
    margin-top: 5px;
    z-index: 2;
    padding: 6px;
    font-size: 12px;
}

#showhidefilter img  /* Y */
{
    position:relative;
    top:5px;
    margin-right:10px;
}
.smallerInputs input  /* Y */
{
    width: 122px !important;
}

#newprojection header   /* Y */
{
    top:60px;
    position:relative;
    height: 60px;
    margin-bottom: 60px;
}
#home header   /* Y */
{
    top:60px;
    position:relative;
    height: 60px;
    margin-bottom: 60px;
}
.clickable   /* Y */
{
    cursor:pointer;
}
table.dtab  .export div   /* Y home */
{
    border-radius: 3px;
    border: 1px solid #cccccc;
    text-align:center;
    padding:3px;
    width:200px;
    margin:0 auto;
}
table.dtab  th div img, table.dtab  td div img   /* Y home */
{
    margin-right:10px;
    position:relative;
    width:18px;
    vertical-align: middle;
}
table.dtab th   /* Y home */
{
    text-align: left;
}
table.dtab    /* Y home */
{
    width:100%;
    font-size: 13px;

}
#home   /* Y home */
{
    color:#595959;
    padding-bottom: 80px;
}

.dtab, #newprojection   /* Y add */
{
    color: #595959;
}

#newprojection table.dtab{
    background: #efefef;
}
.newProjectionContentProgressTexty .first, .progres1   /* Y */
{
    left: 70px;
    position: absolute;
}
.newProjectionContentProgressTexty .second, .progres2 /* Y */
{
    left: 318px;
    position: absolute;
}
.newProjectionContentProgressTexty .third,  .progres3  /* Y */
{
    left: 564px;
    position: absolute;
}
.newProjectionContentProgressTexty .fourth,  .progres4  /* Y */
{
    left: 800px;
    position: absolute;
}
.newProjectionContentProgressTexty  /* Y */
{
    text-align: center;
    float: left;
    font-weight: bold;
    margin-top: 80px;
    color: #595959;
}



.typyZmluvVyber  /* Y */
{
    margin:0 auto;
    width:440px;
    margin-top:30px;
}

.typyZmluvVyber .typ:hover  /* Y */
{
    color:#000000 !important;
    border:1px solid black !important;
}
.typyZmluvVyber .typ  /* Y */
{
    position:relative;
    float:left;
    background:#fff;
    width:100px;
    padding:10px;
    box-sizing:border-box;
    border:1px solid #cccccc;
    color: #cccccc;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    transition: all 0.1s ease;
    font-weight:bold;
}

/* .typyZmluvVyber */
.typyZmluvVyber button[active="true"], button[active="true"] { /* + */
    border: 1px solid #3cb878;
    color: #109150; /* #3cb878  */
    background: #d8f1e4;
    font-weight: bold;
    box-shadow: 0px 0px 12px #559575;
}

/* button:focus, input:focus {
border: lightblue solid 4px;
} */


#newProjectionContentZmluva  /* Y */
{
    background:#efefef;
    padding:30px 45px;
    color:#595959;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    #border-radius: 4px;
    #border-top-left-radius: 0px !important;
}

.hat-box
{
    border: 1px solid #ddd;
    border-top: 5px solid #ff1d25;
    background:#efefef;
    box-sizing: border-box;
    border-radius: 10px;

}

.left /* Y */
{
    width:50%;
    float:left;
}
.right  /* Y */
{
    width:50%;
    float:right;
}


.chooseZmluva    /* Y */
{
    text-align:center;
}

#relativeMain    /* Y */
{
    position:relative;
    top:0px;
    padding-bottom: 100px;
}

.newProjectionContentZmluvy .zmluvyZmluva  /* Y */
{

    position: relative;
    float: left;
    padding: 8px 20px;
    padding-top: 0px;
    padding-right: 15px;
    font-weight: bold;
    color: #595959;
    cursor:pointer;
    font-size: 12px;
}
.newProjectionContentZmluvy .zmluvyPridat  /* Y */
{
    cursor:pointer;
    position: relative;
    float: left;
    padding: 12px;
    font-weight: bold;
    color: #888888;
    font-size: 12px;
}
.newProjectionContentZmluvy  /* Y */
{

    position: relative;
    width: 100%;
    margin-top: 20px;
}
.newProjectionContentZmluvy .active  /* Y */
{
    background: #efefef;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-bottom: 10px;
    border-top: solid red 3px;
}
#spatNaZmluvy, .back_button {  /* Y */
    color: #595959;
    float: left;
    background:transparent;
    border:1px solid #cccccc;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}

#tlacdoPDF {  /* Y */
    color: #595959;
    float: right;
    background:transparent;
    border:1px solid #cccccc;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right:20px;
    font-size: 12px;
}

.contentOfZmluva  /* Y */
{
    margin-top:0px;
}
.zmluvaTitle  /* Y */
{
    color:#595959;
    font-size:20px;
    font-weight:bold;
    margin: 20px 0px 20px 0;
    padding:0;
}
.zmluvaTitleHR  /* Y */
{
    width:100px;
    height:2px;
    background:#595959;
}
.tableZmluva tbody tr {  /* Y */
    border: none;
    color:#595959;
}
.tableZmluva tbody tr td:first-child {  /* Y */
    text-align:left;
}
.tableZmluva tbody tr td select, .tableZmluva tbody tr td select option  /* Y */
{
    text-align:center;
    color:#595959;
    font-weight:bold;
    font-size:12px;
    #width: 170px;
    border:1px solid #cccccc;
    height:30px;
    /* text-align-last:center; */
    /*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

.tableZmluva tbody tr td input{  /* Y */
    #text-align:center;
    color:#595959;
    font-weight:bold;
    font-size:12px;
    border:1px solid #cccccc;
    #width: 170px;
}

td div.inp-amount *, td.inp-amount *{
    width: 120px;
}

div.inp-variant *, td.inp-variant *{
    width: 160px;
}

.inp-parent *{
    width: 100%;
}

div.inp-parent, td.inp-parent {
    padding-right: 6px;
    padding-left: 0px;
}


#poistovna, #produkt{
    #width: 220px;
    text-align: left;

}

.tableZmluva tbody tr td.green * /* Y */
{
    color:#3cb878 !important;
}
.tableZmluva tbody tr td.gray */* Y */
{
    color:#cccccc !important;
}
.tableZmluva tbody tr td.red *,  .color01 /* Y */
{
    color:#AA0000; /* !important; */
}

.zmluvaTableHR  /* Y */
{
    background:url('../img/hrhranate.png');
    background-repeat: repeat-x;
    height:9px;
    width:100%;
    margin:35px 0px;
}
.question  /* Y .tableZmluva */
{
    top:3px;
    position:relative;
    cursor: pointer;
}
.tableZmluva tbody tr td {  /* Y */
    border: none !important;
    text-align:left;
}
.tableZmluva thead tr th {  /* Y */
    border: none !important;
}
.tableZmluva tbody tr.odd {  /* Y */
    background:inherit !important;
}
.tableZmluva tbody tr.even {  /* Y */
    background:inherit !important;
}
.tableZmluva thead tr th, #sum_RecPROP  /* Y */
{
    color:#cccccc;
}
.tableZmluva thead tr td  /* Y */
{
    text-align:center;
}
.tableZmluva.dataTable tbody tr  /* Y */
{
    background:none;
}
.tableZmluva.dataTable.no-footer  /* Y */
{
    border: none !important;
}

.imgInZmluvaContent
{

    position: absolute;
    right: 60px;
    margin-top: -55px;
}
#bigName
{

    font-size: 30px;

    margin-top: 10px;
}
#showDetails
{
    line-height:21px;
    float:right;
    cursor:pointer;
    margin-top:20px;
}
#personDetailsBox
{
    /*width: calc(100% - 30px);*/
    background:#ffffff;
    box-shadow: 0px 0px 10px #D4D4D4;
    margin-top: 40px;
    padding:30px;
    border-radius: 5px;
}
.smallText
{
    font-size:12px;
}

#newProjectionContentZmluva td:nth-child(1){
    #padding: 8px 0px !important;
    height: 34px;
}



.tableZmluvaTyp1 th:nth-child(1), .tableZmluvaTyp2 th:nth-child(1){
    width:150px;
}
.tableZmluvaTyp1 th:nth-child(2), .tableZmluvaTyp2 th:nth-child(2){
    width:232px;
}
.tableZmluvaTyp1 th:nth-child(3), .tableZmluvaTyp2 th:nth-child(3){
    width:14px;
}
.tableZmluvaTyp1 th:nth-child(5), .tableZmluvaTyp1 th:nth-child(6){
    width:14px;
}

.tableZmluvaTyp3 th:nth-child(1) {
    width:23%;
}
.tableZmluvaTyp3 th:nth-child(2) {
    width:33%;
}
.tableZmluvaTyp3 th:nth-child(3) {
    width:43%;
}

.tableZmluvaTyp4 th:nth-child(1) {
    width:33%;
}
.tableZmluvaTyp4 th:nth-child(2) {
    width:66%;
}


/* ---============= colored WG ====================---- */

.inputBorderGreen
{
    border:2px solid #3cb878 !important;
}
#navrhProjekcie /* Y to iste ako saveButton */
{
    /*   background: #3cb878;
    border: 1px solid #3cb878;
    color: white;
    font-size: 12px;
    float:right;
    margin-top:18px;
    margin-bottom: 18px; */

}

#newProjectionContentUser    /* Y */
{
    border: 1px solid #ddd;
    border-top: 5px solid #ff1d25;
    background:#efefef;
    padding:35px 20px; /* upravene */
    color:#595959;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
}





.background-green:hover   /* Y */
{
    background: #50B17F;
}
.background-green   /* Y */
{
    background: #72b894;
    color:white;
    transition: all 0.1s ease;
}
.background-header-red   /* Y */
{
    background:#e5262a;
    color:white;
}
.background-red   /* Y */
{
    background:#e55255;
    color:white;
    transition: all 0.1s ease;
}
.background-red:hover   /* Y */
{
    background:#E83337;
}

.background-header-dark-white   /* Y */
{
    background: rgba(255, 255, 255, 0.9);
    color:black;
}
.background-header-dark-red   /* Y */
{
    background:#b71e22;
    color:white;
}

/* pridene pre V3.0*/
/* zmluvy uprava */
.inp-amount{
    text-align: center;
}

table tr.cont-item td{
    text-align: center;
}

tr td div.disabled *, tr td.disabled *{
    pointer-events:none;
    border: 0px none black !important;
    background-color: inherit;
    cursor: no-drop;
}


.part-bg-image{
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 110px 110px;
}

.a-button{
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-right: 20px;
}

.green-button   /* YM, predtym #saveButton, presunute nakoniec */
{
    background:#3cb878;
    border:1px solid #018d2a;
    color:white;
    #font-size: 13px;
    #margin-top:18px;
    #margin-bottom: 18px;
}

.white-button   /* nove */
{
    background: #ffffff;
    #border:1px solid #15a85c;
    #color:black;
    #font-size: 13px;
    #margin-top:18px;
    #margin-bottom: 18px;
}

.red-button   /* nove */
{
    background:#f1474b;;
    border: 1px solid #bc1215;
    color:white;
    #font-size: 13px;
    #margin-top:18px;
    #margin-bottom: 18px;
}

.tableZmluva tbody tr:nth-child(2n) {
    background-color: #ececec;
    background-color: rgba(55,55,55,0.025);
}

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

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

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


#messages{
//border: 1px solid black;
    position: fixed;
    left: 0vw;
    top: 0;
    width: 90vw;
    margin: 0px 5vw;
    z-index: 200;
//height: 100vh;
//background: rgba(0,0,0,0.5);
//overflow: none;
    font-family: EtelkaMediumPro, Helvetica, Verdana, Sans-Serif;
}

.msg{
    margin: 5px 0em;
    padding: 1em;
    border: 1px solid black;
    border-radius: 0.5em;
    animation: fadein 0.5s;
    position: relative;
}
.remove{
    animation: fadeout 1.5s;
}
.msg:hover{
    cursor:pointer;
    box-shadow: 0 0 15px 0px #666;
}
.msg span{
    font-size: 1em;
    margin-right: 0.3em;
}
.info{
    background-color: #e4f1fc;
    border: 2px solid #d4e1dc;
    color: #129;
}

.alert{
    background-color: #ffe0e0;
    border: 2px solid #efd0d0;
    color: #c22;
}
.success{
    background-color: #d4ffd4;
    border: 2px solid #c0dfc0;
    color: #293;
}