/*html, body, form {
    height: 100%;
    margin: 0;
    padding: 0px;
    overflow: auto;
 
}*/

/*html, body, form {
    padding: 0;
    margin: 0 !important;
    overflow: auto !important;
    min-height: 200px !important;
    min-width: 400px !important;
    font-size: medium !important;
    font-family: 'sans-serif' !important;
    font-weight: 100 !important;
}*/

.grid {
    margin: 0 auto !important;
}



.headerStyle {
    font-weight: bold !important;
    font-size: x-large !important;
    font-family: 'sans-serif' !important;
}


.contentStyle {
    font-size: large !important;
    font-family: 'sans-serif' !important;
}

.panelContent {
    font-size: 14px;
    text-align: center;
    white-space: normal;
}

.bodyContent {
    margin: 0 auto;
    width: 80%;
    min-width: 180px;
    line-height: 150%;
    text-align: center;
}

    .bodyContent h3 {
        padding: 40px 0 20px;
    }





.menuContainer {
    float: left;
    width: 53%;
}

.description {
    float: right;
    width: 47%;
}

.wrapper {
    float: left;
    clear: both;
    width: 100%
}

.linkMenu {
    background: none !important;
    border: 0 !important;
    color: #162436 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

    .linkMenu a:hover,
    .linkMenu a:hover * {
        text-decoration: underline !important;
    }

.linkMenuItem,
.linkMenuItem > div {
    padding: 0 !important;
    font: 11px Tahoma !important;
}

.linkMenuSeparator {
    padding: 0 14px !important;
}

    .linkMenuSeparator > * {
        background: #5386CB !important;
        margin: 4px 0 !important;
        height: 10px !important;
        width: 1px !important;
    }

@media (max-width: 576px) {
    .menuContainer {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .description {
        float: none;
        width: 100% !important;
    }
}

.outer-div {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.inner-div {
    margin: 0px auto;
    display: block;
    text-align: center;
}



.mesajEroare {
    color: #FF0000 !important;
    font-weight: bold !important;
}


.mesajInformare {
    font-weight: bold !important;
}


.mesajInformareMare {
    font-weight: bold !important;
    font-size: medium !important;
}


/*
img {
    width: 100% !important;
    height: auto !important;
}

*/

.stilEmptyMessage {
    font-family: 'sans-serif' !important;
    text-align: left;
    text-transform: lowercase !important;
    font-style: italic;
}




.dxgvAdaptiveHeaderPanel {
    display: none !important;
}

.dxgvAdaptiveHeaderPanel_MaterialCompact {
    display: none !important;
}

.dxgvAdaptiveHeaderPanel_Moderno {
    display: none !important;
}

.dxgvAdaptiveHeaderPanel_Material {
    display: none !important;
}

.dxgvAdaptiveHeaderPanel_iOS {
    display: none !important;
}


.dxgvFocusedRow_iOS .dxgvDataRow_iOS .dxeHyperlink_iOS {
    color: #007BF7 !important;
}

.dxgvFocusedRow_iOS .dxgvFocusedRow_iOS .dxeHyperlink_iOS {
    color: #FFFFFF !important;
}




.leftPanel {
    width: 20%;
    max-width: 180px;
    min-width: 80px;
    background-color: #F3EAFB !important;
}

.topPanel {
    background-color: #F5F5F5 !important;
 
}

.topPanelPMC {
    background-color: #F0F8FF !important;
   
}

.leftPanelPMC {
    background-color: #F5F5F5 !important;
    padding: 5px 5px 5px !important;
}

.bottomPanel {
    background-color: #000080 !important;
    padding: 5px 5px 5px !important;
}

.bottomPanelPMC {
    background-color: #000080 !important;
    padding: 0px 0px 0px !important;
}

.divBottomPanel {
    
    padding: 0 10px 0 10px !important;
}

.divGrid {
    padding: 5px 10px 5px 10px !important;
}

.mainMenuRight {
    float: right !important;
    margin: 8px 0 4px;
}



.mainMenuLeft {
    float: left !important;
    margin: 4px 0 8px;
}

.mainMenuCenter {
    margin: 0 auto;
    float: none !important;
    display: table;
    /* margin: 4px 0 8px;*/
}

.topPanelPaginaPMC {
    /*background-color: #F0F8FF !important;*/
    padding: 5px 0 5px !important;
}

.topPanelPaginaSPIT {
    background-color: #F0F8FF !important;
    padding: 5px 0 5px !important;
}

.topPanelPaginaStareCivila {
    background-color: #F0F8FF !important;
    padding: 5px 0 5px !important;
}

.topPanelPaginaEvidentaPopulatiei {
    background-color: #F0F8FF !important;
    padding: 5px 0 5px !important;
}

.titluInstitutie {
    font-weight: bold !important;
    font-size: large !important;
    color: navy !important;
}

.titluAdresa {
    
    font-size: medium !important;
    
}

.titluPagina {
    font-weight: bold !important;
    font-size: large !important;
    
}

.subTitluPagina {
    font-weight: bold !important;
    font-size: medium !important;
}

.linkArhiva {
    font-weight: bold !important;
    /*font-size: large !important;*/
   
    
}

.largeFont {
   
    font-size: large !important;

}

.centered {
    margin: 0 auto;
    float: none !important;
    display: table;
}



.textSliderAlbDetalii {
    font-size:  large !important;
    color: #F8F8FF !important;
}

.textSliderAlbLink {
    font-size: medium !important;
    color: #F8F8FF !important;
}
.textSliderAlbTitlu {
    font-weight: bold !important;
    font-size: x-large !important;
    color: #F8F8FF !important;
}

.panelBarSelectatPMC {
    font-weight: bold !important;
    color: #F0F8FF !important;
    background-color: #0000FF !important;
}

.setariFontMobile {
    font-size: medium !important;
}

.fontSizeTitluPagina {
    font-weight: bold !important;
    font-size: x-large;
}

.fontSizeDescrierePagina {
    font-size: Large !important;
}

.fontSizeCuprinsPagina {
    font-size: Medium !important;
}

.fontSizeLabelExplicatii {
    font-weight: bold !important;
    font-size: Large !important;
}

.labelTopHeaderCentru {
    font-size: xx-large !important;
}

.labelTopHeaderWide {
    font-size: medium !important;
}





    @media screen and (max-width: 1285px) {


        .dimensiuneSigla {
            width: 1255px !important;
        }

        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideLarge {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: xx-large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: Large !important;
        }

        /* .setariFontMobile {
        font-size: medium !important;
    }*/

        /* .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: X-Large !important;
    }*/

        /* .fontSizeDescrierePagina {
        font-size: Large !important;
    }*/

        /* .fontSizeCuprinsPagina {
        font-size: Large !important;
    }*/
    }

    @media screen and (max-width: 1137px) {

        .dimensiuneSigla {
            width: 1107px !important;
        }

        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideLarge {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: xx-large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: Large !important;
        }

        /*.setariFontMobile {
        font-size: medium !important;
    }

    .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: X-Large !important;
    }

    .fontSizeDescrierePagina {
        font-size: Large !important;
    }

    .fontSizeCuprinsPagina {
        font-size: Large !important;
    }*/
    }


    @media screen and (max-width: 1170px) {

        .dimensiuneSigla {
            width: 1140px !important;
        }

        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideLarge {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: X-Large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }

        /*.setariFontMobile {
        font-size: medium !important;
    }

    .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: X-Large !important;
    }

    .fontSizeDescrierePagina {
        font-size: Large !important;
    }

    .fontSizeCuprinsPagina {
        font-size: Large !important;
    }*/
    }


    @media screen and (max-width: 970px) {

        .dimensiuneSigla {
            width: 940px !important;
        }


        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideMedium {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: X-Large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }

        /*  .setariFontMobile {
        font-size: medium !important;
    }*/

        /* .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: Large !important;
    }*/

        /* .fontSizeDescrierePagina {
        font-size: medium !important;
    }

    .fontSizeCuprinsPagina {
        font-size: medium !important;
    }*/

    }

    @media screen and (max-width: 913px) {

        .dimensiuneSigla {
            width: 883px !important;
        }


        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideMediumSmall {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: x-large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .setariFontMobile {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size:  large !important;
        }

        .fontSizeDescrierePagina {
            font-size: medium !important;
        }

        .fontSizeCuprinsPagina {
            font-size: medium !important;
        }
    }

    @media screen and (max-width: 750px) {

        .dimensiuneSigla {
            width: 720px !important;
        }

        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideSmall {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: x-large !important;
        }

        .labelTopHeaderWide {
            font-size: large !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }

        /* .setariFontMobile {
        font-size: small !important;
    }*/

        /*  .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: Large !important;
    }*/

        /* .fontSizeDescrierePagina {
        font-size: medium !important;
    }

    .fontSizeCuprinsPagina {
        font-size: medium !important;
    }*/
    }

    @media screen and (max-width: 534px) {

        .dimensiuneSigla {
            width: 504px !important;
           
        }

        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }

        .hideSmall {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: x-large !important;
        }

        .labelTopHeaderWide {
            font-size: medium !important;
        }

        .labelCard {
            font-size: medium !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }

        /*  .setariFontMobile {
        font-size: small !important;
    }*/

        /* .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: medium !important;
    }*/

        /* .fontSizeDescrierePagina {
        font-size: small !important;
    }

    .fontSizeCuprinsPagina {
        font-size: small !important;
    }*/
    }

    @media screen and (max-width: 390px) {

        .dimensiuneSigla {
            width: 360px !important;
        }


        .butonColorat {
            width: 270px !important;
            height: 50px !important;
        }


        .hideExtraSmall {
            display: none !important;
        }

        .labelTopHeaderCentru {
            font-size: large !important;
        }

        .labelTopHeaderWide {
            font-size: small !important;
        }

        .labelCard {
            font-size: small !important;
        }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }


        /*  .setariFontMobile {
        font-size: small !important;
    }*/

        /*  .fontSizeTitluPagina {
        font-weight: bold !important;
        font-size: medium !important;
    }*/

        /*  .fontSizeDescrierePagina {
        font-size: small !important;
    }

    .fontSizeCuprinsPagina {
        font-size: small !important;
    }*/
    }


    @media screen and (max-width: 340px) {

    .dimensiuneSigla {
        width: 310px !important;
    }

        .fontSizeTitluPagina {
            font-weight: bold !important;
            font-size: large !important;
        }

        .labelTopHeaderWide {
            font-size: small !important;
        }

}



    /*

@media screen and (max-width: 580px) {
    .setariFontMobile {
        font-size: small !important;
    }
    .setariRadPanelBar {
        width: 250px !important;
    }
    .setariFormLayout {
        width: 250px !important;
    }
    .setariImage {
        width: 300px !important;
        height: 150px !important;
    }
}*/


    .cardLeft {
        text-align: left;
    }

    .cardImage {
        width: 300px;
        text-align: center !important;
    }

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


    div.RadPanelBar_Telerik {
        white-space: normal !important;
    }

    .card-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }


    .card-container-column {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    .card-container-row {
        text-align: left !important;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    .k-card {
        width: 300px;
        margin: 5%;
    }

    .k-card-footer {
        text-align: center;
        border-width: 1px 0 0;
        border-color: inherit;
    }

    .k-card .rbButton.k-button.rbHovered {
        color: inherit
    }

    .k-button.RadButton.rbRounded {
        border-radius: 0
    }


    .previewRowStyle {
        font-size: medium;
        color: #000000 !important;
    }

    .floatLeftStyle {
        float: left !important;
    }

    .floatRightStyle {
        float: right !important;
    }


    .flex-box {
        display: flex;
    }

    .RadCard {
        width: 300px;
        margin: 10px;
    }

        .RadCard .k-card-body .RadLabel {
            height: 60px;
            overflow: hidden;
        }

    .WrappingItem {
        white-space: normal;
        font-size: small;
    }



    .RadBreadcrumb.k-breadcrumb .k-breadcrumb-container {
        flex-wrap: wrap !important;
        overflow: hidden !important;
    }

    .k-breadcrumb-item {
        display: flex !important;
        text-wrap: normal !important;
        overflow: hidden !important;
    }

    .groupCaption {
        text-transform: none !important;
    }

    .titluCaption {
        font-weight: bold !important;
        font-size: large !important;
    }

    .dxgvADCC {
        font-weight: bold !important;
        color: #000000 !important;
    }


.hideHeader {
    display: none !important;
}