:root {
  --color-main:#0066ff;
  --color-primary:#0066ff;
  --color-secondary:#02b5ff;
  --color-blue2: #4a00e1;
  --color-blue4: #3758c9;
  --color-blue5: #157efb;
  --color-blue6: #6640f4;
  --color-blue7: #8169f1;
  --color-lightBlue:#15f1ff;
  --color-darkBlue:#010049;
  --color-darkBlue2:#1f227d;
  --color-orange1:#ff7a41;
  --color-orange2:#f6c463;
  --color-orange3:#f9a41f;
  --color-red1:#cc2131;
  --color-red2:#ef1552;
  --color-green:#00c057;
  --color-yellowGreen:#cef54b;
  --color-gray:#eef4f8;
  --color-gray2:#f0eff5;
  --color-main-grad: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%);
  --color-btn-2: #3c4dae;
}
.signin-page.style-5 .signin .form-content .info .group-icon .form-control {
    border: 1px solid #d0d0d0;
    margin-top: 20px;
}
#neplatitor_tva {margin-top:0.7rem !important}
#platitor_tva {margin-top:0.7rem !important}
.signin-page.style-5 .alert-success {color: var(--color-red2); font-weight:500}


#client_email {margin-top:8px; margin-bottom:8px}
#option-scan-pe-email-cu-pagina-anuntului-meu {margin-top:7px;}

.center-text {
    text-align: center; /* Centrare pe orizontală */
    display: block; /* Asigură că elementul ocupă toată lățimea containerului */
    margin: 0 auto; /* Asigură că marginile sunt egale */
}

.first-step .container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1170px;
}


.first-step.row, .second-step.row, .second-step-2-1.row {
    overflow: hidden; /* Rezolvă problemele de clearing float */
	display: flow-root;}
	

.first-step:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > *,
.second-step-2-1:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > *,
.second-step:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > *,
.third-step:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > *,
.fourth-step:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > * {
  padding-right: 0 !important;
  padding-left: 0 !important;}
 
img {
  max-width: 100%;
  max-height: 100%;
}

p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
#date-holder {background: unset;}
 .rosu{background:-webkit-linear-gradient(left, #384279, #3F51B5);color:#fff;padding-top: 7px; padding-bottom: 7px;}
.caseta-buna{padding: 3px 0px 3px 0px !important; color:#ffffff; border-left: 4px solid black; background: -webkit-linear-gradient(left, #384279, #3F51B5); text-align:center; color:#FFF; }
.caseta-buna-left {margin-left:3% !important; max-width:95% !important;margin-bottom:2% !important;}
.newspaper-name{text-transform:uppercase;font-size:14px;font-weight:bold;}
#ad-days-count{width:4%;margin:0px 5px;position:relative;height:25px; text-align:center; font-weight:500; background: #FFF;}
.newspaper-details-img-wrap{display:block;background-repeat:no-repeat;background-position:top center;background-size:contain;height:200px;}
.app-consecutive {display:flex}
.form-group , .first-step .row, #form-step-2 .row  {display:block !important;line-height: 20px;}
.first-step, .second-step, .third-step, .second-step-2-1{border:6px !important;}
.nopadding{padding:0px !important;}
.options a {color: #3F51B5 !important; text-decoration:none}
.caseta a {color: #3F51B5 !important}
.h-100 {height: 100% !important}
.h-80 {height: 80% !important}
/* corectii */
.fixit {
    min-width: max-content;
	color:#FFF;
}
.corect {
    margin: 0 0 0 4px !important;
    padding: 0 0 0 0 !important;
}
/* Asigură-te că elementul părinte are `position: relative` pentru a poziționa elementul `#first_textarea_charcount` */
.parent-container {
    position: relative;
}

/* Stilizează elementul `#first_textarea_charcount` */
#first_textarea_charcount {
    font-weight: bold;
    font-size: 16px;
    background-color: #FFC107;
    padding: 10px; /* Adaugă padding pentru un aspect mai bun */
    border-radius: 4px; /* Adaugă colțuri rotunjite */
    position: absolute;
    bottom: 0; /* Poziționează elementul la baza părintelui */
    left: 0; /* Poziționează elementul la stânga părintelui */
    right: 0; /* Extinde elementul pe toată lățimea părintelui */
    text-align: center;
    z-index: 1000; /* Asigură-te că elementul este vizibil deasupra altor elemente */
}

/* Stilizează paragraful din interiorul `#first_textarea_charcount` */
#first_textarea_charcount p {
	font-size: 12px;
    margin: 0; /* Elimină marginile implicite */
    color: #000000;
}


.ui-widget-header {
	border: 1px solid #3758c9!important;
	background: #3758c9!important;
	color: #ffffff !important;
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
                border: 1px solid #3758c9!important;
                background: #3758c9!important;
                font-weight: 400;
                color: #fff;
				text-align:center;
            }


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	      border: 1px solid #FABC3F!important;
                background: #FABC3F!important;
                font-weight: 400;
                color: #000 !important;
				text-align:center;
				line-height:22px;
            }
}

            .ui-widget-header {
                border: 1px solid #3758c9!important;
                background: #3758c9!important;
                color: #ffffff!important
            }

            .ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
                border: 1px solid #FABC3F!important;
                background: #FABC3F!important;
                color: #000!important
				
            }

            .ui-button:focus {
                border: 1px solid #FABC3F!important;
                background: #FABC3F!important;
            }
        .inp-calendar-date button,input {
            background-color: #FABC3F;
            color: #000 !important;
            border: 1px #FABC3F;
            padding: 4px 2px 3px 8px
        }
.calcualtorMultiOffer{display:inline-block;}

.btn-inainte {
	background-color: #387F39;
	border: 2px solid #387F39;
    color: #FFF !important;
	text-transform:uppercase;
	font-weight:600 !important;
	margin-top: 10px;
    margin-bottom: 15px;
	padding: 10px;
	border-radius: 6px;}

.btn-inainte:hover {
	background-color: #3758c9;
	border: 2px solid #3758c9;
    color: #fff !important;
	text-transform:uppercase;
	font-weight:600;
	border-radius: 6px;}

.btn-inainte:focus {
	background-color: #387F39;
	border: 2px solid #387F39;
    color: #FFF !important;
}

.btn-calculator {
	max-width: 200px;
	background-color: #FABC3F;
	border: 2px solid #FABC3F;
    color: #ffffff;
	text-transform:uppercase;
	font-weight:600 !important;
	margin-top: 10px;
    margin-bottom: 15px;
	padding: 10px;
	border-radius: 6px;}

.btn-calculator:hover 
	{background-color: #3758c9;
	border: 2px solid #3758c9;
    color: #fff !important;
	text-transform:uppercase;
	font-weight:600;
	border-radius: 6px;}

.btn-calculator:focus {
	background-color: #FABC3F;
	border: 2px solid #FABC3F;
    color: #000000;
}

.corectlinx a {padding: 0 !important; color: #3758c9; font-weight:500;text-decoration: none;}
.corectlinx a:hover {padding: 0 !important; color: #0038f7}

.app-consecutive input[type=radio]{
             margin-top:0;
             margin-right: 0.5rem !important;
             line-height:normal;
			height: 36px;
	margin-left:0.4rem;
        }

.caseta input {margin-left:6px;}

#calculator-multi-main-info {margin-bottom: 20px !important;}
/* Stil pentru prima linie impară */
#calculator-multi-main-info .row:nth-child(odd):nth-of-type(2n-1) {
    background-color: #f2f2f2; /* prima culoare pentru liniile impare */
}

/* Stil pentru a doua linie impară */
#calculator-multi-main-info .row:nth-child(odd):nth-of-type(2n) {
    background-color: #e0e0e0; /* a doua culoare pentru liniile impare */
}
@media only screen and (min-device-width: 321px) and (max-device-width: 575.98px) {
#calculator-multi-main-info .row>* {width:100% !important; margin-top: 8px;}
.calculator-multi-img {margin-top:20px !important}
}
.calculator-multi-price p {font-weight:bold;}

@media print {
    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

#form-step-3 label{display:inline-block;margin-bottom:5px;margin-left:3%;}
#form-step-3 input:not([type="button"]) {
    background: #FFF;
    width: 100%;
}
#form-step-3 input[type="radio"] {
    width: auto; /* Resetează lățimea pentru butoanele radio */
    display: inline-block; /* Asigură că butoanele radio rămân inline */
    vertical-align: inherit;
}
#form-step-3 input[type="checkbox"] {
    width: auto; /* Resetează lățimea pentru butoanele radio */
    display: inline-block; /* Asigură că butoanele radio rămân inline */
}
#company_cui_type_0 {margin-top:15px}
#company_county_div input {background: #FFF; width: 100%}
.advertisment_content_wrapper {display: flex;}
.payment-method input {width:auto !important}

#company_bank_div {padding-top:10px; padding-bottom:10px}

#client_email2_div, #company_cui_type_div, #client_county_div, #client_address2_div, #company_address_div {padding-top:10px; padding-bottom:10px;}
.responsive-step3-1 .modalitati-plata {float: none; margin-left:0}
/* bold optiuni */
dt,kbd kbd,label {
    font-weight: 700
}

@media screen and (max-width: 480px) {
	.optiuni-fix {padding-left: 0 !important; padding-right: 0 !important}
	.caseta {margin-left: 8px}
	.step-2-data-white-radio img {zoom:80% !important}
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

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

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container2-fluid:after,.container2:after,.dropdown-menu>li>a,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.container2-fluid:after,.container2-fluid:before,.container2:after,.container2:before,.row:after,.row:before {
    display: table;
    content: " "
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}




@media (min-width: 768px) {
		
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }
}

@media screen and (max-width: 767px) {
.community.style-4 .content,
.community.style-5 .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 20px !important;
}
.newspaper-details-img-wrap {text-align:center;}	
.newspaper-details-short h4 {font-size:25px; text-align:center; margin-top:20px;}
.caseta-buna-left {max-width:100% !important; margin-bottom:2% !important; margin-left:0 !important}	
	
.advertisment_options #option-bold, #option-chenar, #option-majuscule, #option-fond-galben {width: 100% !important;}
.caseta-buna {width: 100% !important; margin-top:10px}
.datepicker .ui-widget.ui-widget-content {width: 80% !important; margin-top:8px;}
.date-item{margin-left: 15px;}
.app-consecutive  #ad-days-count{margin:0; height: auto; line-height:26px; width:10% !important;}
.app-selective {margin-top: 8px;}

.corect2 {margin-left:0 !important}
.pas-hide {display:none;}
.step-2-back-div {float:none !important; text-align:center !important}
.step-2-1-back-div {float:none !important; text-align:center !important}
.step-2-1-forward-div {float:none !important; text-align:center !important}
.step-3-back-div {float:none !important; text-align:center !important}
.step-3-forward-div {float:none !important; text-align:center !important}
#platitor_sau_neplatitor_tva {
    flex-direction: column; /* Aliniază elementele flex pe verticală */
	line-height: 10px;
}

#platitor_sau_neplatitor_tva .col-md-12 {
    display: flex;
    align-items: center; /* Aliniere verticală pentru fiecare input și label */
}

#neplatitor_tva {margin-top:0.7rem}
#platitor_tva {margin-top:0.7rem}

.fourth-step .features.style-14 .tab-pay-content .info {
  text-align: left !important;
}

.step-2-data.tip-client {display: inline-grid;}
.btn-calculator {margin-bottom: 0;}
.fourth-step .choose-card .icon {text-align:center;}

.fourth-step .community.style-5 .content .commun-card {width: 100% !important; padding: 15px !important}
}

@media (min-width: 992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {float:left}
}

label {
    display: inline-block;
    margin-bottom: 5px;
	margin-top: 5px;
}

.signin-page.style-5 input[type=checkbox],input[type=radio] {
    margin-top: 0.2rem;
    line-height: normal;
	width: 12px;
    height: 12px;
    margin-bottom:5px;
    border: 1px solid #bab0b0;
	margin-right: 0.1rem;
}

.form-group {
    margin-bottom: 7px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-success {
    color: #fff !important;
    background-color: #33950e;
    border-color: #27700b;
    font-weight: 600;
    border: 1px solid #000;
}

.btn-success.focus,.btn-success:focus {
    color: #fff !important;
    background-color: #32930d;
    border-color: #0d3625;
}

/* fix casuta text anunt */
textarea.form-control {
    height: 100% !important; min-height: 200px !important; font-size: 14px; font-weight: bold;
	background: #FFFFFF;
}

<!-- mobile -->

@media only screen and (max-width:1024px){
	
	
	.user-ads-container {width:92% !important;margin-left:4% !important;margin-right:4%!important;}

    #social_elements, #ajaxdiv {display:none !important;}

    label.consecutive-days {padding-left: 10px;}
}


	.calculator-multi-price p {font-size:16px !;}
}

.row .first-step {width:auto; display:block;}


/* Stilizare pentru titlurile de dialog care pot fi mutate */
.ui-draggable .ui-dialog-titlebar {
	display:none;
}
.ui-dialog .ui-dialog-buttonpane {
    background-color: #fabc3f24; /* Fundal deschis pentru contrast */
    padding: 1em;
    display: flex;
    justify-content: center; /* Centrează butoanele pe orizontală */
    gap: 0.5em; /* Spațiu uniform între butoane */
}

/* Stilizare pentru butoanele din dialog */
.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    border-radius: 4px; /* Colțuri rotunjite */
    background-color: #565656; /* Culoare de fundal modernă */
    border: none; /* Elimină bordura implicită */
    color: #fff; /* Culoare text albă pentru contrast */
    padding: 0.5em 1.5em; /* Padding uniform pentru butoane */
    font-size: 13px; /* Dimensiune font pentru butoane */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Adaugă tranziții pentru efecte la hover */
    text-transform: uppercase; /* Transformă textul în majuscule */
}

/* Stilizare pentru butoanele din dialog la hover */
.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #3e8b41; /* Culoare mai închisă la hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Umbra pentru un efect de adâncime */
}

.ui-widget.ui-widget-content{border-color: #5757b7 !important;font-size:13px; line-height:20px;}
.color-2-1 {background: -webkit-linear-gradient(left, #384279, #3F51B5);}





.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th label input[type=search]input[type=checkbox],input[type=radio]{margin:0;}







#imageuploadbutton{        background-color: #13a12a;
        color: #ffff;
        padding: 8px;
        text-align: center;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 12px;
        margin-top: 10px;}


.step-2-forward-div{float:right;margin:0 15px;}

.step-2-1-forward-div{float:right;margin:0 15px;}

.step-2-back-div{float:left;margin:0 15px;}

.step-2-1-back-div{float:left;margin:0 15px;}

.step-3-back-div{float:left;margin:0 15px;}

.step-3-forward-div{float:right;margin:0 15px;}

.step-2-text{float:left;font-weight:bold;margin:0 15px;}

.step-2-text-white{float:left;color:#FFF;font-weight:bold;margin:0 15px;}

.step-2-text-white-center{float:left;color:#FFF;font-weight:bold;vertical-align:middle;}

.step-2-data{float:right;font-weight:bold;margin:0 15px;}

.step-2-data > div {display: inline-block;}

.step-2-data.tip-client {margin-right: 0}

.step-2-data-white{float:right;color:#FFF;font-weight:bold;margin:0 15px;}

.step-2-data-content-white{float:right;color:#FFF;font-weight:bold;margin:0 15px;word-wrap:break-word;max-width:550px;}

#form-step-3 .show input[type="text"]{width:100%;}

#form-step-3 .show select{
	width:100%;
	min-height: 30px;
	max-height:30px;
	line-height:normal;
	padding-left: 7px;
	display:block !important}


.payment-method input[type="radio"]{margin:0;height:23px;}

.action-remove-date{position:absolute;right:3px;line-height:25px;}

.action-remove-date img{margin-bottom:0 !important;height:20px;}

.date-item{float:left;margin-right:5px;margin-bottom:5px;position:relative;color:#333;min-width:174px;margin-left:10px;}


#cal_quickSaveModal.fade.in{display:table !important;width:100%;height:100%;padding-top:5%;}

#blink_annotation{        background: #3758c9;
        color: #fff;
        min-height: 40px;
        padding-top: 10px;
        padding-left: 15px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        text-transform: uppercase;
        font-weight: bold;
        padding-right: 10px;
        text-align: center;}

.first-step, .second-step, .third-step, .second-step-2-1{margin-top:25px;margin-bottom:20px;border:6px solid #FFF;border-radius:5px;-webkit-box-shadow:1px 0px 16px 0px rgba(158,158,158,1);-moz-box-shadow:1px 0px 16px 0px rgba(158,158,158,1);box-shadow:1px 0px 16px 0px rgba(158,158,158,1);}

.advertisment-price-calculator{background-color:rgb(225, 225, 225);border:1px solid rgba(0, 0, 0, .3);-webkit-background-clip:padding-box;background-clip:padding-box;font-size:14px}

#advertisment_options p{font-size:12px;display:inline-block;}
#advertisment_options label{font-size:12px;display:inline-block;}

.super-oferta{text-align:left;background-color:#FABC3F;color:#040404;border:solid #8a8501;border-width:2px;padding:5px 0px 0px 5px;font-weight:bold;margin-bottom:10px;margin-top:-5px;}

.label-caseta{font-size:12px !important; text-transform:uppercase;}


#option-bold, #option-chenar, #option-majuscule, #option-fond-galben{width:50%; /*float:left; */}

.second-step-2-1 .header-row{margin-bottom:10px;line-height:40px;}

.second-step-2-1 .header-row > div{border-bottom:1px solid #bbb;}

.second-step-2-1 .footer-row{margin:10px 0 0 0;padding-top:10px;border-top:1px solid #bbb;}



.responsive-step3-2{text-align:left;}

.step-2-data-white-radio{display:block;width:100%;color:#fff;}

.step-2-data-white-radio,

.step-2-data-white-radio .step-2-text,

.step-2-data-white-radio input[type="radio"]{float:left;}

.step-2-data-white-radio .step-2-text{margin:0 15px;}

.step-2-data-white-radio input[type="radio"]{display:inline-block;vertical-align:middle;}

.responsive-step3-1 {margin-top:15px;margin-bottom:15px;},

.responsive-step3-2{margin-top:15px;margin-bottom:15px;}

.nomargin{margin:0px !important;}

.news-details-wrap{
background-color:#12269014 !important;
padding: 15px;
padding-top:20px !important;
border: 1px dotted #12269066 !important;
-webkit-transition: 0.5s !important;
z-index: 1;
border-radius: 5px;
margin-bottom: 20px;
-webkit-box-shadow: unset;
box-shadow: unset;}

.news-details-wrap:hover{
  background-color: #12269024 !important;
  -webkit-box-shadow: 0 0 30px rgba(56, 46, 46, 0.1);
  box-shadow: 0 0 30px rgba(56, 46, 46, 0.1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 1;
  border-radius: 5px;
}

.first-step .nomargin {padding: 4px !important;color:#000} 


.corect2 {margin:0; padding: 0;color:#fff; margin-left: -3px}
.col-form-label {margin-bottom:6px;}
.newspaper_section {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    height: 100%;
    font-size: 14px;
	margin-top: 3px;
	background: #FFF;
	color:#000;
	}
.step-number {padding-top:10px !important; padding-bottom:10px !important; font-weight: bold; color: #333232;}

#form-step-3 label {
  position:block;}
.payment-method input[type=radio] {margin-top:2px !important;}


.fourth-step.container,
.fourth-step.container-lg,
.fourth-step.container-md,
.fourth-step.container-sm,
.fourth-step.container-xl {
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
}

.fourth-step.container,
.fourth-step.container-fluid {
  position: relative;
  z-index: 5;
}
.fourth-step a, span, img {
  display: inline-block;
  text-align:center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: inherit;
  text-decoration: none !important;
}



#form-step-4 p {line-height:20px; margin-bottom:10px; color:#000000;}
.payment-type-left p {color:#FFFF !important}
.purple-frame {padding: 15px !important;border:5px solid #3c763d !important}
.payment-pills {margin-top:16px !important}
.payment-type-left p {margin-top:6px; line-height:100% !important;}
.single-services-box:hover a {color: #FFF !important;}


.fourth-step .features.style-14::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  background-color: #FABC3F;
}

.fourth-step .section-head h5 {padding-top: 20px;padding-bottom: 20px;font-weight: 600;color: #000000;} 

.fourth-step .features.style-14 .content {padding: 32px 0px 0px 1vw;
    background-color: #fff;
    border-radius: 15px}

.fourth-step .features.style-14 .content p {line-height:24px; margin-bottom:20px;}

.fourth-step .community .content {padding: 0 0px 0px 1vw !important}

.fourth-step .section-padding {padding: 26px 0 !important}

.fourth-step .section-head p {font-size:24px;}

.fourth-step .tab-content {padding: 15px !important}

.fourth-step .inf h5 {font-size:16px !important}

.fourth-step .info a {color: #cc2131; font-weight:bold}
.fourth-step .info a:hover {color: #0a58ca; font-weight:bold}

.fourth-step .info li span {display: inline;}

.fourth-step .community.style-5 .content .commun-card .icon {
  margin-right: 0;
}

.fourth-step .tab-pane .info h3 {font-size:24px !important;   
  margin-top:20px !important;
  width: 100%;}
  
.fourth-step .strong {font-weight: bold}

/* --------------- features style-14 --------------- */
.fourth-step .features.style-14 {
  position: relative;
  background-color: #ecf0f3;
  padding-bottom: 20px;
}

.fourth-step .features.style-14 .nav-pills .nav-link {
  padding: 17px 30px;
  border: 1px solid rgba(153, 153, 153, 0.3333333333);
  border-radius: 50px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 10px;
  color: #000;
  font-size: 14px;
  line-height: 1;
}
.fourth-step .features.style-14 .nav-pills .nav-link:hover,
.fourth-step .features.style-14 .nav-pills .nav-link.active {
  color: #fff;
  background-color: var(--color-red1);
  box-shadow: 0 10px 30px rgba(204, 33, 49, 0.3333333333);
}

.fourth-step .features.style-14 .tab-pay-content .info {
  padding-left: 20px;
  padding-right:20px;
  text-align:justify;
}

.fourth-step .features.style-14 .tab-pay-content .info .icon {
  margin-bottom: 20px;
}
.fourth-step .features.style-14 .tab-pay-content .info .icon img {
  height: 60px;
  object-fit: contain;
}
.fourth-step .features.style-14 .tab-pay-content .info h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.fourth-step .features.style-14 .tab-pay-content .info li {
  margin: 8px 0;
}
.fourth-step .home-style-14 .features.style-14 .nav-pills .nav-link {
  font-size: 10px;
  margin: 5px;
  padding: 12px 15px;
}

/* --------------- choose-us style-14 --------------- */
.fourth-step .choose-us.style-14 {
  background-color: #ecf0f3;
}
.fourth-step .choose-us.style-14 .choose-card {
  text-align: center;
  margin-top: 30px;
}
.fourth-step .choose-us.style-14 .choose-card .icon {
  height: 60px;
  margin-bottom: 30px;
}
.fourth-step .choose-us.style-14 .choose-card .info h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fourth-step .choose-us.style-14 .choose-card .info p {
  font-size: 16px;
  color: #666;
}

/* --------------- header style-14 --------------- */
.fourth-step .header.style-14 {
  padding-top: 200px;
  background-image: url(../../../../img/domains/maxpres_ro/header/header_14_back.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.fourth-step .header.style-14 .info {
  padding-bottom: 60px;
}
.fourth-step .header.style-14 .info .vid_link {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}
.fourth-step .header.style-14 .info .vid_link .icon {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background-color: var(--color-red1);
  color: #fff;
  margin-inline-end: 10px;
  box-shadow: 3px 8px 15px rgba(204, 33, 49, 0.3333333333);
}
.fourth-step .header.style-14 .info .vid_link p {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-red1);
}
.fourth-step .header.style-14 .info h1 {
  font-size: 60px;
}
.fourth-step .header.style-14 .info h1 span {
  color: var(--color-red1);
}
.fourth-step .header.style-14 .info .form-group {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid rgba(153, 153, 153, 0.1333333333);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.0666666667);
  padding-left: 15px;
  margin-top: 60px;
}
.fourth-step .header.style-14 .info .form-group .form-control {
  border: 0;
  background: transparent;
}
.fourth-step .header.style-14 .info .form-group .btn {
  flex-shrink: 0;
}
.fourth-step .header.style-14 .info .down_store {
  margin-top: 200px;
}
.fourth-step .header.style-14 .info .down_store .btns a {
  max-width: 160px;
}

/* --------------- community style-5 --------------- */
.fourth-step .community.style-5 .content {
  border: 1px solid rgba(153, 153, 153, 0.2);
  border-radius: 15px;
  padding: 20px 0;
  display: flex;
}
.fourth-step .community.style-5 .content .commun-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33%;
  border-right: 1px solid rgba(153, 153, 153, 0.2);
  padding: 10px 0;
}
.fourth-step .community.style-5 .content .commun-card:last-of-type {
  border: 0;
}

.fourth-step .community.style-5 .content .commun-card .icon img {
  filter: drop-shadow(-10px 10px 20px rgba(8, 76, 186, 0.4666666667));
  animation: scale_up_down 1s ease-in-out infinite alternate both;
}
.fourth-step .community.style-5 .content .commun-card .inf h5 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.1;
}

.fourth-step .icon-45 {
  width: 45px;
  height: 45px;
}

.fourth-step .color-red1 {
  color: var(--color-red1) !important;
}

body {
 color:#000;
}

body ul {
  list-style-type: none;
  margin: 0;
}

@media (min-width: 768px) and (max-width: 992px) { 
#option-bold, #option-chenar, #option-majuscule, #option-fond-galben{width:50%;float:left;}
.first-step .col-sm-6 {width: 50%}
.second-step-2-1 .pas-hide {display:none;}
.fourth-step .choose-card .icon {text-align:center;}
.fourth-step .community.style-5 .content .commun-card {width: 100% !important; padding: 4px !important}
.fourth-step .style-14 {margin-bottom:60px}
.caseta {margin-left: 8px}
.col-xs-12 {width: 100%}
.first-step .caseta-buna-left {margin-top:10px;}
.third-step .payment-method {margin-left:20px}
#form-step-3 label {margin-left: 0}
.step-2-data-white-radio label {margin-left: 10px !important}
}

@media only screen and (max-width:992px){
	.local-news-wrap{padding:0px;height:400px;}


	.user-ads{display:none}

	.user-ads-responsive{display: block;}

	.advertisment_content_wrapper{
	flex-direction: column;}
	
	.signin-page .style-5 .row .col-lg-6 {width:100%;}
	}

.mt-20 {
  margin-top: 20px !important;
}

.signin-page.style-5 a,
span,
img {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: inherit;
  text-decoration: none !important;
}

.signin-page.style-5 .bg-main {
  background-color: var(--color-main) !important;
  border-color: var(--color-main) !important;
}

.signin-page.style-5 .color-blue5 {
  color: var(--color-blue5) !important;
}



/* --------------- faq-page style-5 --------------- */
.signin-page.style-5 .signin {
  position: relative;
  color: #000;
  background-image: url(../../../../img/domains/maxpres_ro/comming_back1.png);
  background-size: cover;
  background-attachment: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 56px 0;
}
.signin-page.style-5 .signin .form-content {
  background-color: #fff;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.0588235294);
          box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 10px;
}
.signin-page.style-5 .signin .form-content .info {
  padding: 50px;
  text-align: center;
}
.signin-page.style-5 .signin .form-content .info .logo {
  display: block;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  margin-bottom: 40px;
}
.signin-page.style-5 .signin .form-content .info .logo img {
  width: 200px;
}
.signin-page.style-5 .signin .form-content .info .or-line {
  position: relative;
  text-align: center;
  margin: 25px 0;
}
.signin-page.style-5 .signin .form-content .info .or-line::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: rgba(153, 153, 153, 0.3333333333);
}
.signin-page.style-5 .signin .form-content .info .or-line span {
  position: relative;
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(153, 153, 153, 0.3333333333);
  background-color: #fff;
  z-index: 10;
}
.signin-page.style-5 .signin .form-content .info .group-icon {
  position: relative;
  font-size: 13px;
}
.signin-page.style-5 .signin .form-content .info .group-icon .form-control {
  padding: 18px 15px 18px 40px;
  font-size: 13px;
}
.signin-page.style-5 .signin .form-content .info .group-icon .icon {
  position: absolute;
  left: 15px;
  top: 20px;
}
.signin-page.style-5 .signin .sign-imgs-slider {
  position: relative;
  background-color: #b6c7e1;
  height: 100%;
}
.signin-page.style-5 .signin .sign-imgs-slider .swiper-pagination {
  position: absolute;
  top: 35px;
}
.signin-page.style-5 .signin .sign-imgs-slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #fff;
}
.signin-page.style-5 .signin .sign-imgs-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 0;
  color: #fff;
}
.signin-page.style-5 .signin .sign-imgs-slider .slide-card {
  text-align: center;
  padding-top: 80px;
}
.signin-page.style-5 .signin .sign-imgs-slider .slide-card h3 {
  font-size: 36px;
  margin-bottom: 50px;
  color: #fff;
}
.signin-page.style-5 .signin .sign-imgs-slider .slide-card .img {
  padding: 0 50px;
}
.signin-page.style-5 .signin .sign-imgs-slider .slide-card .img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

@media screen and (max-width: 991px) {
  .signin-page.style-5 .signin .form-content .info {
    padding: 30px 20px;
  }
  .signin-page.style-5 .signin .form-content .info .butn {
    width: 100%;
  }
}
.signin-page.style-5 .col-md-12 {float:none}

.hide {
    display: none!important
}

.show {
    display: block !important;
	z-index:9999;
}

.help-block {font-weight:bold; color:#F44336}

.signin-page.style-5.contulmeu .signin .form-content .info .group-icon .form-control 
{padding: 12px 15px 12px 25px !important}

 .my-ads-section .btn {
    border: 1px solid;
    padding: 12px 30px;
}

/* Change text color to white on hover */
 .my-ads-section .btn-link:hover {
    color: white !important;
}

.modal-content {
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-header {
    background-color: #007bff;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-title {
    font-weight: bold;
    font-size: 1.25rem;
}

.modal-body {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333;
    padding: 20px;
}

.modal-body p {
    margin-bottom: 15px;
}

.modal-body ul {
    padding-left: 20px;
}

.modal-body ul li {
    margin-bottom: 10px;
}

.modal-body a {
    color: #007bff;
    text-decoration: underline;
}

.modal-body a:hover {
    color: #0056b3;
    text-decoration: none;
}

.btn-close {
    background-color: transparent;
    border: none;
    font-size: 1.25rem;
}

#smsPaymentModal .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
}
/* Stiluri pentru desktop */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.user-ads-responsive {
    width: 100%;
    margin-bottom: 20px;
}

.user-ads-responsive th, .user-ads-responsive td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.grad {
    background-color: #f8f9fa;
    font-weight: bold;
    color: #333;
}

.fiscal, .fiscal2 {
    background-color: #f9f9f9;
}

.fiscal2 {
    background-color: #e9ecef;
}

/* Stiluri pentru mobil */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    .user-ads-responsive {
        font-size: 0.9rem;
    }

    .user-ads-responsive th, .user-ads-responsive td {
        padding: 8px;
        font-size: 0.85rem;
    }

    .user-advertisment {
        display: block;
        text-align: left;
    }

    .user-advertisment-details {
        display: block;
        width: 100%;
    }

    .user-advertisment-details img {
        width: 24px;
        height: auto;
    }

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

/* Stiluri pentru tablete */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 15px;
    }
    
    h2 {
        font-size: 1.75rem;
    }

    .user-ads-responsive {
        font-size: 1rem;
    }

    .user-ads-responsive th, .user-ads-responsive td {
        padding: 10px;
    }
}

    /* Stilizare pentru secțiunea de resetare (card) */
    .resetare {
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 20px;
        border: 1px solid #e3e3e3;
    }

    /* Stilizare pentru antetul cardului */
    .resetare .panel-heading {
        background-color: #007bff;
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 15px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin: -20px -20px 20px -20px;
    }

    /* Stil pentru corpul cardului */
    .resetare .panel-body {
        padding: 20px;
    }
	
	/* Mesajul de succes de la început */
.payment-success-message {
    background-color: #007bff;
    color: white;
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;
}

/* Titlul confirmării plății */
.payment-title {
    color: #007bff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/* Caseta cu informații despre plată */
.payment-info-box {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 20px;
    border-radius: 5px;
    font-size: 16px;
}

/* Textul pentru "CARD" și ID-ul facturii */
.payment-card-text {
    color: #007bff;
    font-weight: bold;
}

.payment-id {
    color: #007bff;
    font-weight: bold;
}

/* Stilul linkurilor */
.payment-link {
    color: #007bff;
    text-decoration: underline;
}

.payment-link:hover {
    color: #0056b3;
}

.facturi.table-responsive>.table-bordered {
  border: solid 1px #dee2e6;
}

.facturi .btn-primary {padding: 7px 10px 7px 10px }

@media only screen and (max-width: 767px) {
  .facturi table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .facturi table thead {
    display: none;
  }

  .facturi table tbody tr {
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }

  .facturi table tbody tr td {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: none;
    font-size: 14px;
  }

  .facturi table tbody tr td:before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
  }

  /* Adjustments for buttons and text */
  .facturi .btn-primary {
    padding: 5px 10px;
    font-size: 14px;
  }

  .separator {
    display: none; /* Hide the separator on smaller screens */
  }

  .text-center h2 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Styles for tablets */
  .facturi table {
    font-size: 16px;
  }

  .facturi .btn-primary {
    padding: 7px 15px;
  }

  .text-center h2 {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }
}

/* --------------- margin classes --------------- */
.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

/* --------------- padding classes --------------- */
.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.contulmeu .group-icon {margin-bottom:15px}
.contulmeu label {margin-bottom:5px}

.inregistrare .group-icon {margin-top: 20px}


select:focus,.single-select:focus,.form-control:focus,.form-select:focus,textarea:focus,input:focus {
    outline: 0;
    box-shadow: none;
    border-color: rgba(0,0,0,0);
    background-color: #FFF;
    color:#000;
}
.advertisment-price-calculator input[type=radio] {
    display: inline-block
}
.ui-datepicker-title {
    text-align: center;
    display: block;
}
.selectate label {color:#FFF}
label {font-size:14px;}