@import "icons.css";

/*base*/
html{font-size:13px;scroll-behavior:smooth}
html.logged{font-size:13px}
html.logged p{font-size:1.3rem}
html.logged.front{font-size:16px}
html.logged.front p{font-size:1rem}
html.logged table td{color:#777;font-size:13px}

html.falabella body{background:#fbfbfb}
html.falabella, html.falabella body{height:100%;margin:0}
html.falabella #page-content{display:flex;flex-direction:column;min-height:100vh}
html.falabella #page-content #main{flex:1;padding-bottom:100px}
html.falabella #page-content footer{padding:1rem;text-align:center}

html.falabella .form-control{border:1px solid #ccc}
html.falabella .form-control:focus{box-shadow:0 0 0 .2rem rgba( 50, 252, 52, .25)}
html.falabella .form-group label{color:#000}

html.falabella .logo-banner img{width:100%;margin:0}
html.falabella header nav{background:#01fd08;border:0px}
html.falabella header .logo-header{display:block;background:#101010;text-align:center;min-height:120px}
html.falabella header nav a{text-transform:uppercase;font-weight:600}
html.falabella header nav .navbar{min-height:50px}
html.falabella header a.navbar-brand{margin-top:25px}
html.falabella header a.navbar-brand img{max-width:350px}

html.falabella footer{background-color:#101010;background-image:url( ../img/estrella.png );background-repeat:no-repeat;background-position:-90px 50%;min-height:250px;background-size:180px auto;}
html.falabella footer .container{text-align:left}
html.falabella footer .container .col-lg-6.offset-lg-3 .logo{max-width:300px;margin-top:75px}
html.falabella footer .container img{display:inline-block}
html.falabella footer .container .old_logo{max-width:70px;margin:92px 0 0 50px}

html.falabella#affiliates_page .container-fluid.logo-banner{padding:0;border-bottom:45px solid #01fd08;margin-bottom:-60px}
html.falabella#affiliates_page .container .col-4.steps, html.falabella .container .line-pub, html.falabella .container hr{border-bottom:0px;border-top:0px}
html.falabella#affiliates_page .container .col-4.steps h6{font-weight:600;font-size:1.05rem}
html.falabella#affiliates_page .container .col-4.steps .text-pub{background:#000;color:#fff;border-radius:30px}
html.falabella#affiliates_page .publishers-form{padding:50px 80px;border:1px solid;background:#f6f6f6;border:1px solid #32fc34;margin-top:-20px}
html.falabella#affiliates_page #formscroll{background:#fff}

html.falabella #login-form .input-group-prepend, html.falabella #login-form .input-group-prepend .input-group-text{background:#fff;border-right:0}
html.falabella #login-form .input-group-prepend~input{border-left:0}
html.falabella #login h2{color:#01fd08}

html.falabella#login-page footer{background-position:right -90px top 50%;min-height:250px;background-size:180px auto;}
html.falabella#login-page #page-content #main{padding-bottom:0}
html.falabella#login-page #main{background-image:url( ../img/sol.png );background-repeat:no-repeat;background-position:-150px 30%}
html.falabella#login-page #main .banner{margin-top:100px;padding-top:50px;padding-bottom:50px;background-color:#03fd05;color:#000}
html.falabella#login-page #main .banner a{color:#000;font-weight:600}
html.falabella#login-page #main .banner h6:last-child a{position:relative}
html.falabella#login-page #main .banner h6:last-child a::after{content:'';width:60px;height:60px;display:inline-block;background-image:url( ../img/flecha.png );background-repeat:no-repeat;background-size:50% 50%;position:absolute;left:-90px;top:-20px}
html.falabella.logged #dl_generator_block{padding-top:40px;padding-bottom:40px;border-bottom:1px solid #000;margin-bottom:60px}
html.falabella.logged nav.navbar{padding-top:0;padding-botttom:0}

html.falabella .my-btn{background:#131313;color:#fff;text-transform:uppercase;font-weight:600;border:0px}
html.falabella .my-btn:hover, html.falabella .my-btn:active,
html.falabella .my-btn:not(:disabled):not(.disabled).active, html.falabella .my-btn:not(:disabled):not(.disabled):active,
html.falabella .show > .my-btn.dropdown-toggle{background:#444;color:#fff;border:0px;box-shadow:0 0 0 .2rem rgba( 10, 10, 10, .25)}
html.falabella #sign-up-aff #fb_declares .form-group input{float:left;margin:2px 5px 0 0;position:relative;z-index:10}
html.falabella #sign-up-aff #fb_declares .form-group label{display:block;position:relative;z-index:8}

html.falabella #plain_terms p{font-size:1.1rem}
html.falabella #plain_terms ol{list-style-type:none}
html.falabella #plain_terms li{font-size:1.1rem;padding-bottom:15px}
html.falabella.advertiser_page #page-content #main{padding-bottom:10px}

html.falabella.logged#dashboard_page #main{background:#fff}
html.falabella.logged#adv_log_page-conversions #adv-dashboard{min-height:1000px}


b, strong {font-weight:600}
body{background:#fbfeff;font-family:'Montserrat',sans-serif;color:#303030;font-weight:300}
a:hover{text-decoration:none}
h1{font-size:3.75rem;line-height:4.5rem;font-weight:700}
h2{font-size:3rem;line-height:3.5rem;padding:1.25rem 0 2rem;font-weight:600}
h3{font-size:2.5rem;line-height:3.25rem}
h4{font-size:2.25rem;line-height:3rem}
h5{font-size:1.5rem;line-height:2rem}
h6{font-size:1.25rem;line-height:1.6rem;font-weight:500}
a{color:#116A2B}
a:hover, a.active{color:#419A2B}
.logged .table-hover tbody tr td, .logged .table-hover tbody tr th{color:#333}
.logged .table-hover tbody tr td a, .logged .table-hover tbody tr th a{color:#116A2B}
.logged .table-hover tbody tr td a:hover, .logged .table-hover tbody tr th a:hover{color:#419A2B}
.page-link:focus{box-shadow:0 0 0 .1rem rgb(0, 174, 239,.25)}
.logged .nav.nav-tabs a{padding:0.5rem 2rem}
h5.card-title{padding:20px 20px 20px 0;border-bottom:1px solid #ddd}
#adv-dashboard #graph{margin:0 0 20px}

footer{background-color: black !important;border-top: none !important;margin-top: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;}

/* Falabella */
.card{border: 1px solid #02fd05;}
.card-header{background-color: #02fd05; border: 1px solid #02fd05}
.textarea-danger{background-color: #f8d7da !important; color: #721c24;}
.textarea-success{background-color: #d4edda !important;color: #155724;}

/* Falabella HOME*/
.highlight-green {background-color: #03fd05;padding: 0 6px;border-radius: 12px}
.creators-section {display: flex;gap: 32px;justify-content: center;flex-wrap: wrap;padding: 20px;}
.creators-card {width: 263px;height: 354px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 32px;box-sizing: border-box;padding: 40px 20px;text-align: center;}
.creators-card h4 {margin: 0 0 20px 0;font-size: 28px;}
.creators-card p {margin: 0;font-size: 18px;line-height: 1.5;}
.card-green {background-color: #35fd38;color: #000;}
.card-gray {background-color: #f2f2f2;color: #000;}
.card-black {background-color: #333333;color: #fff;}

@media (max-width: 1200px) {
    .custom-card {width: 90%;max-width: 526px;height: auto;min-height: 400px;font-size: 20px;}
}

/*cookie_consent*/
#cookies-consent{position:fixed; bottom:0; left:0; right:0; height:auto; background-color:white; border-top:2px solid #f0f3f4; padding:1em}
.cookies-btn{display:flex;align-items:center;justify-content:flex-end}

/*sm_accounts*/
#sm_accounts_table .wrap-column{word-wrap:break-word;max-width:400px}

/*Activation Check*/
.ig-connect-box {max-width: 480px;margin: 40px auto;color: #333; padding: 0 20px; text-align: center;}
.btn-instagram {  display: inline-flex;align-items: center;gap: 10px;margin-top: 20px;padding: 12px 20px;background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);color: #fff;text-decoration: none;font-weight: bold;border-radius: 8px;box-shadow: 0 3px 6px rgba(0,0,0,0.2);transition: transform 0.1s ease-in-out;}
.btn-instagram:hover {transform: scale(1.05);}
.ig-logo {width: 24px;height: 24px;}

/*Instagram Auth Modal*/
#instagram_auth_modal .modal-body {padding: 40px 40px; text-align: center;}

/*tools*/
#special_offers_page #logo{margin-top:-10px;max-width:8rem;position:absolute;right:1rem}
#special_offers_table .wrap-column{word-wrap:break-word;max-width:600px}
#tools_page #tools p{margin:0.75rem 0}
.tab-content{border:1px solid #eee;border-top:0;background:#fff;padding:3rem 1rem}
.nav.nav-tabs a{font-size:1.15rem;font-weight:600;padding:1rem 3rem}
#tool_tabs table tr td:last-child{text-align:right}
#tool_tabs table.table-bordered td, #tool_tabs table.table-bordered th{border:0;vertical-align:middle}

.page-title h2 {word-wrap: break-word;}
.csv_row a, #available_programs ul .dropdown-item a{display:block;font-size:1.2rem}
.csv_row_adv a, ul .dropdown-item a{display:block;font-size:1.2rem}


.form-control-file{border:1px solid #dedede;padding:0.5rem}

/*date-selector*/
#date-selector{margin-top:20px}
#date-selector form div *{float:left;margin:0 5px}
#date-selector form input{margin-top:-5px;max-width:100px;font-size:13px}
#date-selector span.glyphicon{opacity:0.8}

/*my_account*/
#legal_entities{margin-top:2rem}
#legal_entities .card{margin-bottom:2rem; min-height:345px;max-height:345px;background-color:#f5f5f5}
#legal_entities .btn{margin:0 4% 4% 4%}
#legal_entities p{margin-bottom:0.2rem;font-size:1.2rem}
.card-add{padding-top:10rem}

/*copied_clipboard*/
#copied_clipboard{position:fixed;top:24%;right:2%;background:rgba(255,255,255,255.2);padding:10px 20px 12px;border:2px solid rgba(255,0,0,0.3);color:#000}

/*generic*/
.page-item.active .page-link{background-color:rgb(0, 174, 239)}
.modal-content{border:0;border-radius:1rem;box-shadow:0px 0px 5px 5px rgba(125,125,125,0.3)}
.modal-dialog{border:0}
.modal-header{border-top-left-radius:5rem;border-top-right-radius:5rem}
.modal-footer{border-bottom-left-radius:5rem;border-bottom-right-radius:5rem}
.modal-backdrop.show{opacity:0.2}
.btn, .text-l{font-size:1.25rem}
.text-xl{font-size:1.5rem}
.text-xxl{font-size:2rem}
.text-sm{font-size:1rem;line-height:1.25rem}
.text-pub{color:#116A2B;font-weight:600}
.text-adv{color:#63bc46;font-weight:600}
.form-control{height:calc(1.7em + 1rem + 2px)}
.my-btn{background:transparent;border:2px solid #116A2B;line-height:2.5rem;padding:0 2rem;border-radius:3rem;color:#116A2B;transition:400ms}
.logged .my-btn{font-size:1.15rem}
.my-btn:focus{box-shadow:none}
.my-btn:hover{background-color:#116A2B;color:#fff}
.my-btn.btn-secondary{border-color:#dadada;color:#dadada}
.my-btn.btn-secondary:hover{color:#fff;background-color:#dadada}
.my-btn.btn-disable{border-color:#d9534f;color:#d9534f}
.my-btn.btn-disable:hover{color:#fff;background-color:#d9534f}
.my-btn.btn-enable{border-color:#5cb85c;color:#5cb85c}
.my-btn.btn-enable:hover{color:#fff;background-color:#5cb85c}
.my-btn.btn-invite{border-color:#ffc107;color:#ffc107}
.my-btn.btn-invite:hover{color:#fff;background-color:#ffc107}
.my-btn.wh{border-color:#fff;color:#fff}
.my-btn.wh:hover{background:#fff}
#advertisers_page .my-btn.wh:hover{color:#63bc46}
#affiliates_page .my-btn.wh:hover{color:#116A2B}
.my-btn.pub{background-color:#116A2B;border-color:#116A2B;color:#fff;font-size:1.15rem}
.my-btn.pub:hover{background-color:#fff;color:#116A2B}
.my-btn.adv{background-color:#63bc46;border-color:#63bc46;color:#fff;font-size:1.15rem}
.my-btn.adv:hover{background-color:#fff;color:#63bc46}
.my-btn.contact{font-size:1rem;padding:0.3rem 1.5rem 0.3rem 1.5rem}
.my-btn.submit{font-size:1rem;padding:0.3rem 1.5rem 0.3rem 1.5rem}
.float-left{float:left}
.float-right{float:right}
.error-form {color:red}
.ui-autocomplete{z-index:9999}
.ui-autocomplete.ui-widget{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:400}
.ui-autocomplete.ui-widget li.ui-menu-item{padding:2px 7px;list-style-image:none;font-size:12px;border:0;color:#555;background:none}
.ui-autocomplete.ui-widget li.ui-menu-item.ui-state-focus{list-style-image:none;border:0;background:none;background-color:#eee;margin:0}
.my_sort th[data-field]{cursor:pointer}
.my_sort th[data-field]:before{content:'';width:20px;height:20px;display:inline-block;float:right;background-image:url(../../images/tablesorter/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;opacity:0.3}
.my_sort th[data-field].sort.desc:before{background-image:url(../../images/tablesorter/desc.gif);opacity:1}
.my_sort th[data-field].sort.asc:before{background-image:url(../../images/tablesorter/asc.gif);opacity:1}
.nav.nav-tabs li{border:1px solid #e9ecef;border-bottom:0;margin-right:2px;border-radius:4px}
.nav.nav-tabs{border-bottom:1px solid #e9ecef;margin-left:-1px}
.nav-tabs > li > a{margin-right:0}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border:0;border-bottom:3px solid #fff}
.hidden{display:none !important}
.text-wrap {word-wrap: break-word}
.input-readonly{background-color:#e9ecef}
.badge-pending{border-color:#f0ad4e;background-color:#f0ad4e}
.badge-accepted{border-color:#28a745;background-color:#28a745}
.badge-rejected{border-color:#d9534f;background-color:#d9534f}
.badge-tag{border-color:#6c757d;background-color:#6c757d; color:#fff}

.logged:not(.front) #main{margin-top:2rem;padding-bottom:9rem}
#dashboard_page #executive{font-size:14px;line-height:19px}
#dashboard_page #earnings, #dashboard_page #executive{height:12rem}
#dashboard_page .card{background:#f8f8f8}
#dashboard_page .table-responsive table td{font-size:12px;padding:8px}
#dashboard_page .table-responsive table{background:#fff}
#dashboard_page .table-responsive table tbody td{text-align:center}
#dashboard_page .table-responsive table tbody td:first-child{text-align:left}
#dashboard_page .table-responsive table{margin:21px 0 0}
#dashboard_page .well-title h4{color:#000}
#dashboard_page #wname{margin-bottom:30px}
#earnings .col-6{color:#333;margin-top:1rem;font-size:1.2rem}
#earnings .col-12{margin-top:1rem}
#earnings{margin-bottom:2rem}
#dashboard_page .breadcrumb-wrap{margin:1.5rem}
#dashboard_page .col-12.col-lg-4 .col-12{margin-bottom:1.5rem}
table#payment-table td{font-size:14px;padding:12px}
#payment-details p{margin-bottom:0}
.chart-container{padding:1rem 2rem}
.chart-container h4{font-size:1.3rem;text-align:center;border-bottom:1px solid #ccc;margin:0 20% 20px 20%;font-weight:500;color:#444}
.chart-container .btn-warning.float-right{margin:0 20px -20px 0}
#advertisers_page h2, #affiliates_page h2{margin-top:2rem}
#start-payment-process .modal-body > h5{margin:2rem 0}
.my-pager .float-left:first-child{margin-top:5px}

/*date*/
.ui-widget{font-family:"Montserrat"}
#comiseo-date *{font-size:1rem;line-height:1.8rem}
.comiseo-daterangepicker-buttonpanel *, .comiseo-daterangepicker-main *{font-size:12px;line-height:14px}
#comiseo-date .ui-state-default,
.comiseo-daterangepicker .ui-state-hover,
.comiseo-daterangepicker .ui-widget-content .ui-state-hover,
.comiseo-daterangepicker .ui-widget-header,
.comiseo-daterangepicker .ui-widget-header .ui-state-hover,
.comiseo-daterangepicker .ui-state-focus,
.comiseo-daterangepicker .ui-widget-content .ui-state-focus,
.comiseo-daterangepicker .ui-widget-header .ui-state-focus
.comiseo-daterangepicker .ui-state-default{background:#eee;background-image:none;list-style-image:none;border-color:#ddd}
.pagination > li > a, .pagination > li > span{padding:6px 12px}
#ui-datepicker-div{font-size:13px}
#date_selector .comiseo-daterangepicker-triggerbutton{width:100%;background-color:#fff}
#gfilter_data .form-check{padding:1.7rem;font-size:1rem}
#adv_log_page-performance #gfilter_data .form-check{padding:2.7rem 0 0 1rem}

/*postbacks*/
.postback-table .action {margin-left:16px}

/*payment_status*/
.payment_status{font-weight:bold}
.ps-initiated{color:#a4e466}
.ps-validation{color:#64a416}
.ps-cancelled{color:#ff0000}
.ps-pending{color:#ffa500}
.ps-processing{color:#62b6fb}
.ps-done{color:#1165aa}

/*conversions status*/
.conversion{font-weight:bold}
.cv-ok{color:#64a416 !important}
.cv-invalid, .cv-canceled{color:#fc0 !important}
.cv-blocked{color:#f00 !important}
.cv-invalid-country{color:#ffaa00 !important}
.cv-pending{color:#26ade3 !important}
.cv-undefined{color:#fffb00 !important}

.app-pending{color:#26ade3 !important}
.app-rejected{color:#f00 !important}
.app-declined{color:#f00 !important}
.app-accepted{color:#64a416 !important}
.app-suspended{color:#ffaa00 !important}

/*date-selector*/
#date-selector{margin-top:20px}
#date-selector form div *{float:left;margin:0 5px}
#date-selector form input{margin-top:-5px;max-width:100px;font-size:13px}
#date-selector span.glyphicon{opacity:0.8}

/*ajax loading*/
.modal-ajax{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, .8 ) url('../img/ajax-loader.gif') 50% 50% no-repeat}
body.ajax-loading{overflow:hidden}
body.ajax-loading .modal-ajax{display:block}

/*      recover_pass      */
#recover_pass{padding-top:50px;padding-bottom:70px}
#recover_pass_ok{padding-top:50px;padding-bottom:70px}

/*      first_time      */
#first_time_page #main{text-align:center;padding-bottom:200px}
#first_time_page h2.aff-color{padding:40px 0}


/*      advertisers      */
#adv-dashboard .summary-table a{color:#006eaf;transition:color 300ms}
#adv-dashboard .summary-table a:hover{color:#116A2B}
#adv-dashboard{min-height:750px}
#adv-dashboard .btn-group{margin:20px 0}
#adv-dashboard .btn-group .dropdown-toggle{text-transform:capitalize}
#adv-dashboard .tab.tab-content{border:1px solid #eee;border-top:0}
#adv-dashboard .well{box-shadow:none}
#adv-dashboard .dl-horizontal{font-size:16px}
#adv-dashboard .dl-horizontal dd{padding-bottom:10px}
#adv-dashboard #modal-content{clear:both}
#adv-dashboard br.clear{clear:both}
#adv-dashboard #download_button{position:relative;margin:-10px 0 20px 0}

/*nav*/
header nav{background:#fff;border-bottom:2px solid #f0f3f4}
header #nav li.nav-item{height:5.625rem;font-size:1.5rem;white-space: nowrap;}
header #nav li.nav-item a{display:inline-block;line-height:5.625rem;color:#303030;padding:0 1.75rem;transition:300ms}
header #nav li.nav-item a.my-btn{line-height:3rem;margin-top:1.25rem;color:#116A2B}
header #nav li.nav-item.active a, header #nav li.nav-item a:hover{color:#116A2B}
header #nav li.nav-item a.my-btn:hover{color:#fff}
header #nav li.nav-item .dropdown-menu a{font-size:1.2rem;line-height:4rem}
.dropdown-item.active, .dropdown-item:active{background-color:transparent !important}
header nav .navbar-brand, footer .navbar-brand{transform:scale(0.8);margin-left:-1.3rem}
footer .navbar-brand{margin-top:-19px}
.logged header nav li.nav-item{height:3rem}
.logged header nav li.nav-item a{line-height:3rem;font-size:1.3rem}

/*footer*/
.logged footer{padding-top:3rem;margin-top:3rem}
footer{color:#9e9e9e;padding-top:4rem;margin-top:4rem;box-shadow:0px -5px 5px 0px rgba(180,180,180,0.39)}
footer a{transition:300ms color}
footer a:hover{color:#555}
.footer-btm{background:#fff;font-size:1.25rem;padding:2.25rem 0}
footer ul{list-style-type:none;padding:0}
footer ul li.list-inline-item:not(:last-child){margin-right:0}
footer ul a{color:#9e9e9e;font-size:1.5rem;display:block}
footer h4{color:#116A2B;font-weight:bold;font-size:1.875rem}
footer .footer-social li{margin-right:-40px}
footer .footer-social li a i{transition:300ms}
footer .footer-social li a i:hover{transform:scale(1.1)}


/*home*/
#home_page #home-banner{background-image:url( ../img/new/banner.jpg );background-repeat:no-repeat;background-position:center center;background-size:cover;padding:5% 0;min-height:400px}
#home_page #home-banner hgroup{padding-top:5%;max-width:600px}
#home_page #home-banner .my-btn{font-size:1.5rem;margin:2rem 0}
#home_page #advertisers h2{margin:1.5rem auto 0}
#home_page #advertisers{margin-bottom:50px}
#home_page #advertisers ul.list-inline{text-align:center}
#home_page #advertisers ul.list-inline li a{color:#303030;transition:300ms;display:inline-block}
#home_page #advertisers ul.list-inline li a:hover{color:#116A2B}
#home_page #advertisers ul.list-inline li{background:#fff;display:inline-block;vertical-align:top;padding:1.7rem 2rem;margin:1.5rem;border-radius:1rem;box-shadow:0px 0px 5px 5px rgba(230,230,230,0.3);min-width:275px;max-width:275px;min-height:19rem;transition:500ms}
#home_page #advertisers ul.list-inline li:hover{box-shadow:0px 0px 5px 5px rgba(230,230,230,0.9)}
#home_page #advertisers ul.list-inline li h6{font-weight:600;min-height:50px}
#home_page #advertisers ul.list-inline li i{margin:0 0 1rem -0.5rem}
#home_page #publishers{margin-bottom:3rem}
#home_page #publishers img, #home_page #aboutus img{margin:3rem 0}
#home_page #publishers div.col-12.col-md-6 h5{margin-bottom:0;text-transform:uppercase;font-weight:600}
#home_page #publishers div.col-12.col-md-6 p{font-size:1.5rem;line-height:1.75rem;margin-bottom:1.25rem}
#home_page #aboutus{background:#f6f6f6}
#home_page #offices h2{margin:2rem auto 1rem}
#home_page #offices .col-6.col-md-3{opacity:1;overflow:hidden}
#home_page #offices .col-6.col-md-3 h4{visibility:visible;transition:300ms;text-shadow:0 0 1rem #000}
#home_page #offices .col-6.col-md-3 ul{position:absolute;bottom:-110%;transition:500ms opacity;list-style:none;padding:55% 10% 0;display:block;text-align:center;height:100%;width:100%;left:0;background:rgba(50,50,50,0.6);margin:0;font-size:1rem;opacity:0}
#home_page #offices .col-6.col-md-3 li{font-size:1.25rem;font-weight:600;color:#fff;font-weight:600;text-align:left}
#home_page #offices .col-6.col-md-3 li span{font-weight:400}
#home_page #offices .col-6.col-md-3:hover ul{bottom:0%;opacity:1}
#home_page #offices .col-6.col-md-3:hover h4{position:relative;z-index:900}
#home_page #offices h4{color:#fff;font-weight:bold;margin-top:40%}
#home_page #offices div.col-6.col-md-3{background-repeat:no-repeat;background-position:center center;background-size:cover;padding-bottom:10%}
#home_page #brands h2{margin:2rem auto 1rem}
#home_page #brands ul.list-inline{margin-left:5rem;margin-right:5rem;text-align:center;background:#fff}
#off-ar{background-image:url( ../img/new/ar.jpg )}
#off-ch{background-image:url( ../img/new/ch.jpg )}
#off-co{background-image:url( ../img/new/co.jpg )}
#off-mx{background-image:url( ../img/new/mx.jpg )}

/*publishers*/
.add-tags h5{color:#116A2B}
.add-tags.row ul{padding:1rem}
.add-tags.row li{padding:0.5rem;width:30%}
#formscroll{margin-top:3rem}
#formscroll > .text-center > img{width:60%}
#formscroll h5{font-weight:300 !important}

/*tyc-modal*/
#tyc-modal{color:#9e9e9e;font-size:1.13rem}
#tyc-modal h3{font-size:3.75rem}
#tyc-modal .modal-header, #tyc-modal .modal-body{padding:2rem 4rem}
.modal-footer .mx-auto .my-btn{margin:1rem}

/*adv pub*/
#myimg{background-repeat:no-repeat;background-position:center center;background-size:cover;padding:10% 0;min-height:400px;color:#fff}
#myimg.adv{background-image:url( ../img/new/banner2.jpg )}
#myimg.pub{background-image: url('https://res.soicos.com/creators_f/invitation/mail_page-2-0-0.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 400px;}
#myimg .my-btn.wh{margin-top:3rem}

.steps{padding-top:2rem;padding-bottom:3rem}
.steps .line-adv{border-color:#63bc46}
.steps .line-pub{border-color:#116A2B}
.input-check, .input-error{content:" ";height:29px;width:29px;float:right;margin-top:-37px;margin-right:8px}
.input-check{background-image:url( ../img/new/icon-check.png )}
.input-error{background-image:url( ../img/new/icon-cross.png )}
.input-check.website{margin-top:5px}

/*documentations*/
#documentations .card:hover {background-color: rgba(0, 0, 0, 0.05);transition: background-color 0.3s ease;}
#documentations .card-img-top {transition: transform 0.3s ease;}
#documentations .card:hover .card-img-top {transform: scale(1.1);}
#documentations .card:hover .overlay-text {transform: scale(1.1);}
#documentations .position-relative {position: relative;}
#documentations h5 {font-size: 1.3rem;font-weight: 510;}
#documentations .overlay-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: black;text-align: center;transition: background-color 0.3s ease, color 0.3s ease;text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);}

/*blog*/
h5.mb-5{font-size:2rem}
.fancybox{width:100%;display:block}
#blog_page .col-12.col-md-3.offset-md-1{margin-top:8rem}
.blog_row{margin-bottom:3rem}
.post-detail{border-bottom:1px solid #eee}
#blog_page p{font-size:1.25rem}
#blog_page h2{margin-top:2rem}
.cat-list li{font-size:1.25rem;padding:1rem 0;border-bottom:1px solid #eee}
.carousel-inner img{width:100%}
ul.socials{margin-top:-4rem}
.socials li{display:inline-block}
.social-icon{margin:0 5px 5px 0;width:40px;height:40px;font-size:20px;line-height:40px!important;color:#555;text-shadow:none;border-radius:3px;overflow:hidden;display:block;float:left;text-align:center;border:1px solid #AAA}
.social-icon:hover{border-color:transparent}
.social-icon i{display:block;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;line-height:40px;position:relative}
.social-icon i:last-child{color:#FFF!important}
.social-icon:hover i:first-child{margin-top:-40px}
.social-icon-lg{margin:0 5px 5px 0;width:60px;height:60px;font-size:30px;line-height:60px!important;color:#555;text-shadow:none;border-radius:3px;overflow:hidden;display:block;float:left;text-align:center;border:1px solid #AAA}
.social-icon-lg:hover{border-color:transparent}
.social-icon-lg i{display:block;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;line-height:60px;position:relative}
.social-icon-lg i:last-child{color:#FFF!important}
.social-icon-lg:hover i:first-child{margin-top:-60px}
.social-icon-sm{margin:0 5px 5px 0;width:30px;height:30px;font-size:18px;line-height:30px!important;color:#555;text-shadow:none;border-radius:3px;overflow:hidden;display:block;float:left;text-align:center;border:1px solid #AAA}
.social-icon-sm:hover{border-color:transparent}
.social-icon-sm i{display:block;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;line-height:30px;position:relative}
.social-icon-sm i:last-child{color:#FFF!important}
.social-icon-sm:hover i:first-child{margin-top:-30px}
.social-icons:after,.social-icons:before > .divide10:after,.social-icons .divide10:before{display:table;content:"";width:100%;clear:both}
.si-border{border:1px solid #AAA!important}
.si-border-round{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.si-dark-round{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.si-gray-round{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.si-gray{background:#f3f3f3;border:0}
.si-dark{background-color:#333;border:0!important;color:#fff!important}
.si-colored-facebook,.si-facebook:hover{background-color:#3B5998!important}
.si-colored-twitter,.si-twitter:hover{background-color:#00ACEE!important}
.si-colored-google-plus,.si-g-plus:hover{background-color:#DD4B39!important}
.si-colored-skype,.si-skype:hover{background-color:#00AFF0!important}
.si-linkedin:hover,.si-colored-linkedin{background-color:#0E76A8!important}
.si-pin:hover,.si-colored-pinterest{background-color:#C8232C!important}
.si-rss:hover,.si-colored-rss{background-color:#EE802F!important}
.si-pinterest:hover,.si-colored-pinterest{background-color:#C8232C!important}
.si-tumblr:hover,.si-colored-tumblr{background-color:#34526F!important}
.si-vimeo:hover,.si-colored-vimeo{background-color:#86C9EF!important}
.si-digg:hover,.si-colored-digg{background-color:#191919!important}
.si-instagram:hover,.si-colored-instagram{background-color:#3F729B!important}
.si-flickr:hover,.si-colored-flickr{background-color:#FF0084!important}
.si-paypal:hover,.si-colored-paypal{background-color:#00588B!important}
.si-yahoo:hover,.si-colored-yahoo{background-color:#720E9E!important}
.si-android:hover,.si-colored-andriod{background-color:#A4C639!important}
.si-appstore:hover,.si-colored-apple{background-color:#000!important}
.si-dropbox:hover{background-color:#3D9AE8!important}
.si-dribbble:hover,.si-colored-dribbble{background-color:#EA4C89!important}
.si-soundcloud:hover,.si-colored-soundcoloud{background-color:#F70!important}
.si-xing:hover,.si-colored-xing{background-color:#126567!important}
.si-phone:hover,.si-colored-phone{background-color:#444!important}
.si-behance:hover,.si-colored-behance{background-color:#053eff!important}
.si-github:hover,.si-colored-github{background-color:#171515!important}
.si-stumbleupon:hover,.si-colored-stumbleupon{background-color:#F74425!important}
.si-email:hover,.si-colored-email{background-color:#6567A5!important}
.si-wordpress:hover,.si-colored-wordpress{background-color:#1E8CBE!important}
.si-whatsapp:hover,.si-colored-whatsapp{background-color:#075e54!important}
/*faqs*/
#faqs{padding:6% 20% 6% 20%;background-color:#fbfeff}
.accordion .card{background-color:transparent;border-left:0;border-right:0;border-top:0}
.accordion .card:last-child{border-bottom:0}
.accordion .card-header{cursor:pointer;padding:0}
.accordion .card-header > div::after{content:" ";height:23px;width:23px;position:absolute;right:10px;top:21px;background-image:url( ../img/new/faqs/open.png )}
.accordion .card-header.open > div::after{background-image:url( ../img/new/faqs/close.png )}
.accordion .card-header h6{transition:300ms;padding:1.25rem 1.25rem;margin:0}
.accordion .card-header.open h6{font-weight:600}
.accordion .card-header.open{border-bottom:0}
.accordion .card-header{background-color:transparent}
.accordion > .card .card-header{margin-bottom:0px}

.dropdown-item #login-form{min-width:250px;max-width:600px}
#login-form h5{margin:1rem 0 1.5rem}
#login-form-trg .dropdown-menu.show{background:#f8f9fa;left:-50%}
.navbar-expand-lg .navbar-nav ul.dropdown-menu.show{padding:0;margin:0;left:-90px}
#nav li.nav-item #login-form a{margin-top:0;line-height:2.5rem;text-decoration:underline}
#login-form .form-group a:last-child{padding:0}

/*offers*/
html#offers{font-size:14px}
#offers #offers_table_filter{margin-right:80px}
#offers #download_csv{top:73px;z-index:300}
#available_programs table.dataTable thead th, #available_programs table.dataTable thead td{border-bottom:1px solid #ddd}
#available_programs table.dataTable.no-footer{border-bottom:1px solid #ddd}
#offers_table_filter input{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;font-size:12px;color:#7a7a7a;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;background:#FFF;-moz-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;display:block;width:100%;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;box-sizing:border-box;margin-bottom:20px}
#offers_table_filter input:focus{border:1px solid #bbb}
.table-responsive, #offers_table_wrapper{border:0}

#offers_table td .img-rounded{margin:10px;max-width:60px}
#offers_table td.geo{max-width:150px}
#offers_table td{vertical-align:middle}
table#offers_table{color:#777;font-weight:400;font-family:"Montserrat",sans-serif;font-size:13px}
table#offers_table td:nth-child(1) span{display:inline-block;max-width:90px}
#offers #main{padding-top:1rem}
table#offers_table td{border:1px solid #e5e5e5}
#available_programs table#offers_table td:nth-child(9) span,
#available_programs table#offers_table td:nth-child(10) span{display:inline-block;max-width:100px;margin-right:20px;word-wrap:break-word;font-size:11px}
#available_programs table h3{font-size:20px !important;font-weight:300;padding-bottom:20px}
.page-title{text-align:center}
#filters h5{font-size:1.2rem;line-height:1rem}
#offers_table_filter #offers_table tr td{max-width:30px}

@media (min-width: 1024px) {
    #tools_page #logo{margin-top:-10px;max-width:8rem;position:absolute;right:1rem}
    #payments button.ui-datepicker-trigger{padding:0.47rem 0.57rem 0.67rem}
    #offers #offers_table_filter{position:relative;top:-18px;margin:0 8rem 0 0}
    #offers #offers_table_wrapper{position:relative;top:-60px}
    #gfilter_data #fd-submit{margin-top:30px;margin-left:2rem}
    #poffers_table{max-width:88%;width:88%}
    #avprograms_page #offers_table_wrapper{margin-top:-70px}
    #pfilters {max-width: 12%;}
    .csv_row{margin:2rem 0 -4.9rem 0}

}
.dynamic-text {display: block;}

@media (max-width:1200px) {
    #faqs{padding:6% 4% 0% 4%}
    h1{font-size:3rem;line-height:3.5rem;font-weight:700}
    h2{font-size:2.5rem;line-height:3rem;padding:1rem 0 2rem;font-weight:600}
    h3{font-size:2rem;line-height:2.25rem;margin-bottom:2rem}
    h4{font-size:1.75rem;line-height:2.25rem}
    h5{font-size:1.25rem;line-height:1.5rem}
    h6{font-size:1rem;line-height:1.5rem;font-weight:500}
    .navbar-brand img{transform:scale(0.5);margin-left:-25%}
    #home_page #home-banner hgroup{padding-top:15%}
    #poffers_table {padding: 0;}

    .dynamic-text {text-align: center;}
    .table-container { overflow-x: auto; smax-width: 100%;}
    #offers_table_filter {padding-top: 10px;}
    .chart-container { padding-left: 0;padding-right: 0; }
    .rp-0{ padding-left: 0;padding-right: 0;}
    .rm-0{ margin-right: 0; margin-left: 0}
    .rpm-0{ margin-right: 0; margin-left: 0; padding-left: 0;padding-right: 0;}
}

#poffers_table .table-responsive{overflow-x:unset}
#offers_csv{position:relative;z-index:200;margin-top:20px}
#filters .card{border:0px;background-color:transparent}
#filters .card-header{background-color:transparent}
#filters .card-body input{margin-right:6px}
#filters .arrow-icon{margin-top:-30px}

/*implementations*/
#tool-details .imp-tool-url{background-color:#e7f8ff;font-size:24px;width:100%;float:left;height:44px;color:#068Dc3}
#tool-details .imp-tool-url-label{display:inline-block;color:#fff;background-color:#26ADE3;border:2px solid #26ADE3;padding:5px;height:43px;width:47px}
#tool-details .imp-tool-url-val{display:inline-block;padding:5px;height:30px;width:90%}
#tool-details .imp-tool-url-val input{width:100%;background:#e7f8ff}
#tool-details .card-header h5{padding:15px 20px 15px 10px;color:rgb(0, 174, 239);margin:0}
#tool-details .card-header h5:hover, #tool-details .card-header h5.active{color:rgb(0, 174, 239, 0.8);background:#ddd}
#tool-details .collapse.show{border-bottom:1px solid #eee;background:#eee}
#tool-details .card-header h5[aria-expanded=true]:hover{background:none}
#tool-details .accordion#implementations{border:1px solid #dedede;background:#fff;;margin:3rem 0}
#tool-details #implementations .lead{margin:15px 0 5px}
#tool-details #implementations .panel-collapse .panel-body{padding-bottom:40px}
#tool-details #implementations > li{padding:5px 0 35px}
#tool-details #implementations > li label h5{line-height:35px}
#tool-details #implementations .panel-heading a{color:#428bca}
#tool-details #implementations #no_more_imp{font-size:18px;font-weight:100}
#tool-details #implementations .panel-title small{float:right;line-height:23px}
#tool-details .banner-options label {font-size:13px;font-weight:normal}
#tool-details #implementations textarea{font-size:10px;width:100%;height:230px;resize:none;overflow:hidden;padding:5px;font-family:monospace;line-height:14px}
#tool-details #implementations .tool_url textarea, #tool-details #implementations .tool_popup textarea{width:100%;min-height:220px;height:auto}
#tool-details #implementations .tool_email textarea{width:100%;height:500px;overflow-y:scroll}
#tool-details .thirdParty-preview, #tool-details .piece-preview{width:300px;height:230px;border:1px solid #ddd;background:#eee;padding:20px;border-radius:2px}
#tool-details .thirdParty-preview, #tool-details .piece-preview > *{max-height:230px}
#tool-details .thirdParty-preview{width:340px}
#tool-details .imp-name-edit:not(.active) input{border:1px solid #eee;background:none;padding:8px 13px;box-shadow:none}
#tool-details .impts{margin:5px 0 15px}
#tool-details #logo img{max-width:80px;float:right;margin-top:-20px}
#tools_page .well.well-sm{font:normal 300 1rem/1.5rem "Montserrat",​sans-serif;color:#555;border:0}
#tools_page #program-tools .well{background:#f3f3f3;border:0}
#tools_page #program-tools .well h4, .tpreview h4{font:normal 300 17px/20px "Montserrat",​sans-serif}
#tools_page #program-tools h2{font-size:24px;line-height:28px;margin-bottom:10px;margin-top:40px}
#tool-details #imp_config .trackerID{}
#tool-details h4{font:normal 300 1.5rem/3.25rem "Montserrat",​sans-serif}
#tool-details .banner-options{margin-left:-16px}
#tool-details #submit_dltid{margin-top:42px}
#tool-details td{min-width: 14rem}
.tool_filter button{margin:20px 0}
.tool_filter p{margin:20px 0 0 0}

#privacy_page h4, #privacy_page h3{margin:2.5rem 0}
#privacy_page p{font-size:1.2rem}

/*aff_dashboard*/
#payment_amount .my-btn{margin-top:2.3rem}
#payments #date-selector{margin-top:-40px}
#payments .form-check{font-size:1rem;margin:1.7rem 0}
.factura_file{font-size:1rem}
.summary-table.table{font-size:13px}
.summary-table.table a{color:#428bca}
.summary-table.table .st-first{position:relative;left:15px}
button.ui-datepicker-trigger{display:inline-block;padding:7px 9px 11px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#333;background-color:#fff;border-color:#ccc;margin:-5px 0 0 -10px !important;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus, button.ui-datepicker-trigger:active{color:#333;background-color:#f5f5f5}
.ui-datepicker.ui-widget{background:#fff;border:2px solid #ddd}

#programs_summary{font-size:13px}
#programs_summary tr td:first-child, #programs_summary tr td:nth-child(3), #programs_summary tr td:nth-child(4){text-align:center}
#programs_summary tr td:nth-child(2){max-width:200px}
#programs_summary tr td:nth-child(1n+4){text-align:right}
.appstatus{display:inline-block;width:8px;height:8px;border-radius:8px;margin-left:-3px}
.testing, .suspended{background:#ffbf00}
.accepted{background:#009000}
.paused, .rejected, .revoked{background:#e1111e}
.pending{background:#0087bd}
.tab-content p.error-form{overflow:visible}

.my_data h3{margin-bottom:2%}
.mybox{border:1px solid #ddd;padding:5%;margin-bottom:7%;height:330px;background:#f9f9f9;border-radius:4px;position:relative}
.mybox.add{border:1px dashed #999;min-height:100%;text-align:center;transition:padding 300ms ease}
.mybox a{text-align:right}
.mybox p{margin-bottom:0}
.mybox.add a{margin-top:30%;text-align:right}
.mybox .btns{text-align:right;position:absolute;bottom:20px;right:20px;width:100%}
dl.row{font-size:1.2rem}
dl.row dt{width:50%;text-align:right;padding:0 1rem}
dl.row dd{width:50%;text-align:left;padding:0 1rem;font-weight:300}
.advertiser_page #logo img{max-width:80px;float:right;margin-top:-20px}
.advertiser_page #details{padding-bottom:2rem}
.advertiser_page fieldset{border:1px solid #ddd;margin-bottom:1rem;position:relative;padding-top:1rem}
.advertiser_page #details legend{font-size:1rem;line-height:1rem;background-color:#fff;position:absolute;left:1rem;top:-1rem;width:auto;padding:0.5rem 1rem}
#adv_log_page-conversions #download_button, #adv_log_page-affiliations #download_button{margin:30px 20px 0}

#cookies_cont{padding-bottom:3%}
#cookies_cont .mw900{max-width:900px}
.cookies-btn{display:flex;align-items:center;justify-content:flex-end}
.cookies-btn #reject_cookies{margin-right:20px}

.chart-don{position:relative;width:90%;padding-top:4rem;margin-left:5%}
.chart-comm{position:relative;width:80vw}

#api_feed_table{font-size:13px}
#api_feed_table tr td:first-child, #programs_summary tr td:nth-child(3), #programs_summary tr td:nth-child(4){text-align:center}
#api_feed_table tr td:nth-child(2){max-width:200px}
#api_feed_table tr td:nth-child(1n+4){text-align:right}
#api_feed_table tr th:first-child{width:20%}

.col-12.pbo3{padding-bottom:30px}
.col-12.col-md-8.banner-preview .piece-preview{width:500px}
.tool-ifrm{width:100%;height:550px;overflow-y:scroll;border:1px solid #ddd}
#mlogo2{margin:-10px 0 -10px 10px;display:inline-block;width:100px}
#application_status{margin-bottom:20px}
#application_status .my-btn{margin-right:10px}

.grey-clr{color:#333}
.uprcs{text-transform:uppercase}
.piece-imp-code textarea.url{min-height:110px}
#pftycbtn{padding-right:5px}
#websites-input .input-group-addon{padding-top:6px;padding-left:8px}
.lnhweb{line-height:30px}
.container.content#my_data h3.text-pub{margin-left:2.5%; margin-bottom:2%}
.navbar-light .navbar-toggler-icon{background-image:url(../../images/hamburger.svg)}

@media (max-width:1440px) {
#home_page #home-banner, #myimg{height:527px}
#home_page #home-banner hgroup{max-width:600px}
html{font-size:14px}
#home_page #advertisers ul.list-inline li{min-height:22rem}
#publishers h2{line-height:0}
#home_page #publishers div.col-12.col-md-6 p{font-size:1.25rem}
#home_page #publishers div img{margin:4rem 0}
#home_page #aboutus div.col-12.col-md-6 h2{margin-top:1.5rem}
#payment_amount .my-btn{margin-top:2.5rem}
}

@media (min-width:1480px) {
.container{max-width:1440px}
}

@media (min-width:1200px) {
.container{max-width:1200px}
}



@media (min-width:768px) {
#home_page #publishers div.col-12.col-md-6:last-child > *{margin-left:4rem}
#home_page #aboutus div.col-12.col-md-6:first-child > *{margin-right:4rem}
}

@media (max-width:767px) {
#myimg{padding:40% 0}
#dashboard_page #earnings, #dashboard_page #executive{height:15rem;margin-top:1rem}
i.hic{margin:0 auto}
#home_page #offices .col-6.col-md-3 li{font-size:1rem}
#home_page #brands ul.list-inline{padding:0;margin-left:0;margin-right:0}
#home_page #brands ul.list-inline li{width:50%;float:left;margin:0}
#home_page #home-banner hgroup{padding-top:25%}
#tool_tabs .my-btn{font-size:0.9rem; padding:0.2rem 1rem}
#payment_amount{margin-top:1.5rem}
#payment_amount .my-btn{margin-top:1rem}
.payment-form{margin-top:2rem}
.adv-home{text-align:left}
#adv_log_page-conversions #download_button, #adv_log_page-affiliations #download_button{margin:30px 20px}
#adv-dashboard #download_button{position:relative;margin:30px 0px}

}

@media (max-width:992px) {
html.falabella header .logo-header .navbar-brand img{margin:0 auto}
html.falabella#login-page #main{background-position:-150px 100px}
html.falabella#affiliates_page .publishers-form.col-lg-6.offset-lg-3{padding:20px;margin:10px}
html.falabella.logged nav.navbar{padding-top:5px}
html.falabella#avprograms_page .text-right .my-btn{margin-top:5px}
}

@media (max-width:390px) {
html.falabella#affiliates_page .container .col-4.steps h6{font-size:0.75rem}
html.falabella#affiliates_page .container .col-4.steps .text-pub{border-radius:5px}
html.falabella#affiliates_page .container-fluid.logo-banner{border-bottom:70px solid #01fd08;margin-bottom:-85px}
html.falabella .logo-banner{overflow-x:hidden}
html.falabella .logo-banner img{margin-left:-70px;width:150% }
}