@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.hidden{
    display:none;
}
.css-textarea{
    width: 100%;
    min-height: 100px;
    resize: none;
/*    float: left;
    
    min-height: 75px;
    outline: none;
    
    border: 1px solid grey;    */
}
.cs div{
    padding-left: 0px;
}
/*.custom-menu-line{*/
    /*background: #f2f2f2;*/
    /*margin-bottom: 20px;    */
    /*padding-bottom: 10px;*/
    /*padding-top: 10px;*/
    /**/
/*}*/
/*.custom-menu-line div{*/
    /*margin-right: 10px;*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*cursor: pointer;*/
/*}*/

/*.custom-menu-line div a{*/
    /*text-decoration: none;*/
    /*color: #000000;*/
/*}*/

/*.custom-menu-line div.active{*/
    /*border-bottom: 2px solid #1caf96;*/
    /*color:#1caf96;*/
/*}*/
.btn-custom{
    background: #1caf96;
    color:#ffffff!important;
}
.my-inline{
    display: inline;
}
/*.header-admin{*/
  /*height: 120px;*/
    /*float: right;*/
    /*!*height: auto;*!*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*right: 100px; */
/*}*/
.clickable td:hover, .previousLink:hover, .nextLink:hover {
    cursor: pointer;
}
.div-admin-menu{
    padding-top: 5px!important;
    /*padding-bottom: 30px!important;*/
}
.logo-admin{
    height: 70px;
    display: block;
    position: relative;
}
.logo-admin-text{
    position: absolute;top:73px;
}
.admin-menu{
    text-decoration: none;    
    cursor: pointer;
}
.admin-menu:hover{
    text-decoration: none;    
    cursor: pointer;    
    background-color: #eee;
    border: 1px solid #000;    
}
.admin-menu.active{
    text-decoration: none;    
    cursor: pointer;    
    background-color: #eee;
    border: 1px solid #000;
    color: #000;
}

.reverseButton{
    width:200px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.s-photo img{
    cursor: pointer;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    height: 380px;
}

#wrapper {
    /* Center wrapper perfectly */
    width: 500px;
    height: 460px;
    margin: 0 auto;
    margin-top: 3%;
}
/* Responsive */
/* Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
    .admin-menu{
        margin-top: 10px;
    }
    .nav-admin{
        margin-top: 30px!important;
    }
}

/* Portrait phones and smaller */
@media only screen and (max-width: 480px) {
    .logo-admin-text{
        top: 80px;
        text-align: center;
    }
    .nav-admin{
        margin-top: 55px!important;
    }
}

div#autentificare_utilizator {
    padding-top: 0px;
}

a{
    cursor: pointer;
}

.termeni {
    margin-left: 50px;
    padding: 0px 20px;
    width: 350px;
}

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

    /*.login-form {	*/
    /*border:none;	*/
    /*box-shadow: initial;		*/
    /*}*/

    #wrapper {
        width: 370px;
    }

    .banner img {
        width: 350px;
    }

    #loginForm .content {
        padding-left: 30px;
    }

    p.title {
        text-align: left;
        padding-left: 20px;
    }

    /*#loginForm .footer {*/
        /*padding: 0px 20px;*/
        /*!* background: #fff;	 *!*/
    /*}*/
    .footer-text {
        font-size: 14px;
    }
    div.banner {
        text-align: left;
    }
    hr {
        width: 70%;
    }

    .termeni {
        padding: 0px 20px;
        width: 350px;
        margin-left: 0;
    }

}

.banner img {
    /* width: 350px;
    height: 60px;
    margin: 30px 47px 0;
    background-image: url('../img/login/header.png');
    background-repeat: no-repeat; */
    width: 280px;
    padding-top: 10px;
}

/*******************
FOOTER
*******************/

/*#loginForm .footer {*/
    /*padding: 0px 70px;*/
    /*!* background: #fff;	 *!*/
/*}*/

/* Login button */
#loginForm .footer .button {
    margin: 10px auto;
    /*font-family: 'Josefin Sans', sans-serif;*/
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
    background: #364E6D;
    border-radius: 5px;
    cursor: pointer;
}

#loginForm .footer .button:hover {
    background-color: #697B91;

}

#loginForm .footer .button:focus {
    position: relative;
    bottom: -1px;
    margin-top: 10px;
    background-color: #697B91;
}

p.title {
    color: #364E6D;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    font-weight: 400;
}

div.banner {
    text-align: center;
}


hr {
    border: 0;
    margin: 5px 0 !important;
    height: 1px !important;
    width: 90%;
    margin-left: 5% !important;
    background-image: -webkit-linear-gradient(left, #f1f1f1, #364E6D, #f1f1f1);
    background-image: -moz-linear-gradient(left, #f0f0f0, #364E6D, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #364E6D, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #364E6D, #f0f0f0);
}


/*******************
LOGIN FORM
*******************/

#loginForm {
    width: 100%;
    max-width: 450px;
    height: 455px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 1px 2px 3px 4px silver;
    border-radius: .25rem;
    padding: 25px 25px;

}


a.links {
    font-size: 12px;
}

/*Header images*/

.ue{
    width: 100%;
}
.gv{
    width: 80%;
}
.poca{
    margin-top:25%;
    width: 80%;
}
.is{
    width: 80%;
}

@media screen and (min-width: 501px) {
    .ue{
        width: 80%;
    }
    .gv{
        width: 60%;
    }
    .poca{
        margin-top:15%;
        width: 65%;
    }
    .is{
        width: 60%;
    }
}


@media screen and (min-width: 992px) {
    .ue{
        width: 45%;
    }
    .gv{
        width: 35%;
    }
    .poca{
        margin-top:4%;
        width: 55%;
    }
    .is{
        width: 35%;
    }
}

@media screen and (min-width: 1200px) {

    .ue{
        width: 35%;
    }
    .gv{
        width: 30%;
    }
    .poca{
        margin-top:5%;
        width: 50%;
    }
    .is{
        width: 30%;
    }

}

.text-ue{
    font-family: "Trebuchet MS";
}

.row-custom {
    margin: 0!important;
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
.column-custom {
    display: table-cell;
}

.btn-dark-blue {
    /* font-family: 'Josefin Sans', sans-serif; */
    font-weight: 300;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
    background: #364E6D;
    border-radius: 5px;
    cursor: pointer;
}

.body-style {
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding-bottom: 152px; /* height of the footer */
    box-sizing: border-box;
}

.footer-style {
    position: absolute;
    bottom: 0;
    height: 152px; /* height of the footer */
    width: 100%;
}

.bg-blue {
    background-color: #027AD4;
}


.bg-dark-blue {
    background-color: #024476;
}

.bg-x-light-blue {
    background-color: #F9FCFF;
}

.mid-footer-img {
    width: 69px;
    height: 90px;
}

.mid-footer-text {
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    font-family: Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.mid-footer-bold {
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    font-family: Rubik;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.post-footer-img {
    width: 98px;
    height: 60px;
}

.card-title {
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 32px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.card-subtitle {
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.card-text {
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.card-link {
    text-align: left;
    text-decoration: underline;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.card {
    cursor: pointer;
}

#map {
    height: 100%;
    width: 100%;
    min-height: 330px;
}

.contact-title {
    text-align: left;
    font: normal normal bold 46px/56px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.contact-subtitle {
    text-align: left;
    font: normal normal bold 16px/19px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.contact-text    {
    text-align: left;
    font: normal normal normal 14px/16px Poppins;
    letter-spacing: 0px;
    color: #024476;
}

ul.contact-text li {
    padding-top: 3px;
    padding-bottom: 3px;
}

.nav-link {
    text-align: left;
    font: normal normal normal 16px/18px Poppins;
    letter-spacing: 0px;
    color: #024476!important;
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .nav-link {
        font: normal normal normal 14px/18px Poppins;
    }
}

@media screen and (max-width: 700px) {
    .nav-link {
        font: normal normal normal 13px/18px Poppins;
    }
}

@media screen and (max-width: 600px) {
    .nav-link {
        font: normal normal normal 12px/18px Poppins;
    }
}

.nav-link:hover {
    text-align: left;
    font: normal normal normal 16px/18px Poppins;
    letter-spacing: 0px;
    color: #027AD4!important;
    opacity: 1;
    text-decoration: underline;
}

.section-title {
    text-align: center;
    font: normal normal bold 42px/51px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.section-title-small {
    text-align: center;
    font: normal normal bold 32px/39px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.section-text {
    text-align: center;
    font: normal normal normal 20px/24px Poppins;
    letter-spacing: 0px;
    color: #394259;
    opacity: 1;
}

.section-text-small {
    font-family: Poppins;
    text-align: left;
    letter-spacing: 0px;
    color: #394259;
    opacity: 1;
}

.section-btn-blue {
    background: #027AD4 0% 0% no-repeat padding-box;
    text-align: left;
    font: normal normal normal 14px/16px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 14px 36px;
}

.prefooter-btn-send {
    border: 2px solid #0B3446;
    text-align: left;
    font: normal normal normal 14px/16px Poppins;
    letter-spacing: 0px;
    color: #0B3446;
    opacity: 1;
    padding: 14px 36px;
}

.prefooter-input {
    text-align: left;
    font: normal normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #024476;
    border-radius: 0;
    border: 1px solid #024476;
    opacity: 1;
}

.prefooter-title {
    text-align: left;
    font: normal normal bold 34px/41px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.prefooter-small-title {
    text-align: left;
    font: normal normal normal 24px/41px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.prefooter-text {
    text-align: left;
    font: normal normal normal 16px/21px Poppins;
    letter-spacing: 0px;
    color: #0B3446;
    opacity: 1;
}

.section-small-img-text {
    text-align: center;
    font: normal normal bold 20px/25px Poppins;
    letter-spacing: 0px;
    color: #394259;
    opacity: 1;
}

.slider-title {
    text-align: left;
    font: normal normal bold 22px/27px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

.slider-text {
    text-align: left;
    font: normal normal normal 14px/16px Poppins;
    letter-spacing: 0px;
    color: #394259;
    opacity: 1;
}

.slider-link {
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 14px/17px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    opacity: 1;
}

ul.ul-custom-1 > li {
    padding-bottom: 6px;
    font: normal normal normal 14px/16px Poppins;
    letter-spacing: 0px;
    color: #394259;
}

.header-subtitle {
    text-align: left;
    font: normal normal normal 24px/41px Poppins;
    letter-spacing: 0px;
    color: #024476;
    white-space: nowrap ;
}

.header-title {
    text-align: left;
    font: normal normal bold 34px/41px Poppins;
    letter-spacing: 0px;
    color: #024476;
    white-space: nowrap ;
}

@media screen and (max-width: 600px) {
    .header-subtitle {
        font: normal normal normal 14px/31px Poppins;;
    }
    .header-title {
        font: normal normal bold 24px/31px Poppins;
    }
}

@media screen and (max-width: 370px) {
    .header-subtitle {
        font: normal normal normal 12px/31px Poppins;;
    }
    .header-title {
        font: normal normal bold 20px/31px Poppins;
    }
}

.modal-footer {
    border-top: none;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-title {
    text-align: left;
    font: normal normal bold 26px/32px Poppins;
    letter-spacing: 0px;
    color: #0B3446;
    opacity: 1;
}

.modal-text-small {
    text-align: left;
    font: normal normal 300 14px/18px Poppins;
    letter-spacing: 0px;
    color: #0B3446;
    height: 100px;
    overflow-y: auto;
}

.modal-img-left {
    width: 100%;
    height: 100%;
    display: block;
}

.carousel-indicators-custom {
    left: 0;
    bottom: -50px;
    right: 0;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border-color: #0C3446;
    border-style: solid;
    border-width: 2px;
}

.carousel-indicators .active {
    background-color: #0C3446;
}

.nav-item.active a {
    font: normal normal bold 16px/19px Poppins;
    letter-spacing: 0px;
    color: #027AD4;
    text-decoration: underline;
}