/* sunt custom pentru alicatie */

.dxbl-grid-header-row {
    color: white;
    background-color: #4E9EB9;
    text-align: center;    
}

/*culoare caption in fl*/
.dxbl-fl .dxbl-fl-cpt {
    color: #004A7C;
    font-weight: 600 !important;
}
/*culoare chenar tabele*/
.dxbl-group {
    border: 1px solid #4E9EB9 !important;
}
/*culoare border pentru text box, drop down*/
.dxbl-text-edit {
    border-color: #80b8cb;
}
.dxbl-edit-btn-dropdown {
    border-color: #80b8cb;
}
.myGrid .dxbl-grid-header-content {
    justify-content: right;
}

.dxbl-grid .dxbl-grid-empty-data > span {
    display: none;
}

.dxbl-grid .dxbl-grid-empty-data::after {
    content: 'my test content'
}

.span.dxbl-grid-empty-data-not-found {
    display: none;
}

.LayoutGroup-style3 {
    font-weight: bold !important;
    color: white !important;
    background-color: #00739E !important;
    text-align: center !important;
}

.LayoutGroup-style1 {
    font-weight: 400 !important;
    color: white !important;
    background-color: #4E9EB9 !important;
    padding: 5px;
    border-radius: 5px 5px 1px 1px !important;
    font-size: 16px;
}
.LayoutGroup-style2 {
    font-weight: 400 !important;
    color: white !important;
    background-color: #4E9EB9 !important;
    padding: 5px;
    border-radius: 5px 5px 1px 1px !important;
    font-size: 16px;
}
.Layout-pnl-start {
    min-height: 200px;
    background-color: aliceblue;
    padding: 10px;
    color: #005999;
    border-color: #4E9EB9; 
    border-radius: 5px 5px 1px 1px !important;
    
}

.cssBttnShw {
    color: white !important;
    text-shadow: 1px 1px 2px #004A7C;
    background-color: #4E9EB9;
    max-width: 180px!important;
    border-radius: 6px;
}

.cssBttnBack {
    color: white !important;
    text-shadow: 1px 1px 2px #004A7C;
    background-color: #FF7F50;
    max-width: 180px !important;
    border: 1px solid #FF7F50;
    border-radius: 6px;
}
.cssBttnSimple {   
    /*text-shadow: 1px 1px 2px #004A7C;*/
    background-color: #FFFFFF;
    max-width: 180px !important;    
    border-radius: 6px;
}

/*.cssBttnBack {
    color: white !important;
    text-shadow: 1px 1px 2px #004A7C;
    background-color: #005999;
    max-width: 180px !important;
    border: 1px solid #005999;
    border-radius: 6px;
}*/
   
.button-style1 {
    border-radius: 3px;
    background-color: #009BA7;
    color: white;
}
.button-style2 {
    border-radius: 6px;
    height: 32px;
    border: solid 1px #4E9EB9;
    background-color: #4E9EB9;
    color: white;
    text-shadow: 1px 1px 2px #004A7C;
}
    .button-style2:hover {
        background-color: #206020;
        color: white;
    }

/* fundal pagina login*/
.background-wrapper {
    position: relative;
    display: flex;
    flex-direction:column;
    /* background: url('Images/svg/Fundal-3.png') center no-repeat;*/
    height: calc(100vh);   
    top: 0;
    background: url('Images/svg/Fundal-3.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/*ascundere number of week in calendar*/
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-week-number,
    tr.dxbl-calendar-days-of-week > td:first-of-type {
        display: none;
}

.aliniere-diferita {
    text-align: center;
}

.fnt-wellcome-h {
    font-size: 13pt;
    color: white;
    line-height: 18pt;
}

.fnt-detalii-h {
    font-size: 10pt;
    color: white;
    line-height: 18pt;
}

.img-wellcome-h {
    width: 25px;
    max-width: 25px!important;
}
.img-css-logo {
    height: auto;
    width: 90%;   
    max-width: 220px !important;
    z-index: 3 !important;    
}
@media (max-width: 841px) {
    .fnt-wellcome-h {
        font-size: 10pt;
        line-height: 12pt;
    }

    .fnt-detalii-h {
        font-size: 8pt;
        line-height: 12pt;
    }

    .img-wellcome-h {
        width: 20px;
        max-width:20px!important;
    }

    .aliniere-diferita {
        text-align: left !important;
        padding-left: 14px;
    }
}
@media (min-width: 842px) {
    .img-wellcome-h {
        width: 25px;
        max-width: 25px !important;
    }
}
    /* pentru ascundere logo pe mobil*/
    .div-disp-large {
        display: block;
    }
    @media (max-width: 740.98px) {
        .div-disp-large {
            display: none;
        }
    }
    @media (min-width: 741px) {
        .div-disp-large {
            display: block;
        }
    }
    /*afisare banda de login pe mobil-desktop*/
    .banda-infos-mobil{
        display:none;
    }   
    
    @media (max-width:842px) {
        .banda-infos-mobil {
            display: block;
        }
    }
    @media (min-width: 843px) {
        .banda-infos-mobil {
            display: none;
        }
    }
    /*-----------------------------*/
    .banda-infos-desktop {
        display: block;
    }
    @media (max-width: 842px) {
        .banda-infos-desktop {
            display: none;
        }
    }
    @media (min-width: 843px) {
        .banda-infos-desktop {
            display: block;
        }
    }
    /*-------background-wrapper---------*/
    @media only screen and (min-width:769px){
        .background-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;           
            height: calc(100vh);
            top: 0;
            background: url('Images/svg/Fundal-3.png');
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
    }
    @media only screen and (max-width:768px) {
        /* fundal pagina login mobil*/
        .background-wrapper {
            position: fixed;
            display: flex;
            flex-direction: column;
            height: calc(100vh);
            top: 0;
            background: url('Images/svg/fundal-3-mobile.png');
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
    }
.posz-xycenter {
    position: absolute;
    top: 60%;
    left: 30%;
    align-content: center;
    align-items: center;
    text-align: center;
    align-self: center;
    transform: translate(-60%, -30%);
    -ms-transform: translate(-60%, -30%);
}
.padd-3{
    padding:3px;
}
.padd-l-20{
    padding-left:20px;
}
@media (min-width: 642px) {
    .padd-l-20 {
        padding-left: 20px;
    }
}
@media (max-width: 641px) {
    .padd-l-20 {
        padding-left: 5px;
    }
}

.dxbl-text-edit.dxbl-disabled, .dxbl-text-edit:disabled {
    border-color: #bfbfbf;
    background-color: #bfbfbf;
    color: #000000!important;
    /*opacity: 0.4;*/
}
.closebtn {
    font-size: 34px;
    cursor: pointer;
    /* background-color: #4E9EB9; */
    color: white;
    padding: 2px 4px;
    border: none;
}
.openbtn {
    font-size: 25px;
    cursor: pointer;
    /* background-color: #4E9EB9; */
    color: white;
    padding: 2px 4px;
    border: none;
}
#idCloseBtn {
    display: block;
}
#idOpenBtn {
    display: block;
}
.closebtn {
    display: block;
}
.openbtn {
    display: block;
}

@media only screen and (max-width:900px) {
    .closebtn {
        display: none;
    }   
    .openbtn {
        display: none;
    }
    #idCloseBtn {
        display: none;
    }
    #idOpenBtn{
        display:none;
    }
}