.sidebar[data-color="orange"]:after,
.bootstrap-navbar[data-color="orange"]:after {
    background: #CFA238;
    background: -moz-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CFA238), color-stop(100%, 'white'));
    background: -webkit-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -o-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -ms-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: linear-gradient(to bottom, #CFA238 0%, 'white' 100%);
    background-size: 150% 150%;
} 

.full-page[data-color="orange"]:after {
    background: #CFA238;
    background: -moz-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CFA238), color-stop(100%, 'white'));
    background: -webkit-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -o-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: -ms-linear-gradient(top, #CFA238 0%, 'white' 100%);
    background: linear-gradient(to bottom, #CFA238 0%, 'white' 100%);
    background-size: 150% 150%;
}

/* Login */
.full-page[data-color="ws-green"]::after {
    background: #CFA238 !important;
    background: -moz-linear-gradient(top, #CFA238 0%, #f5c555 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CFA238), color-stop(100%, #f5c555)) !important;
    background: -webkit-linear-gradient(top, #CFA238 0%, #f5c555 100%) !important;
    background: -o-linear-gradient(top, #CFA238 0%, #f5c555 100%) !important;
    background: -ms-linear-gradient(top, #f5c555 0%, #f5c555 100%) !important;
    background: linear-gradient(to bottom, #CFA238 0%, #f5c555 100%) !important;
    background-size: 150% 150% !important;
}
:disabled{
    cursor: not-allowed;
    opacity: 0.8;
}
.btn-minimizer{
    background: #CFA238;
    border: 1px solid #CFA238;
}
.btn-minimizer:hover{  background: #f5c555;}
.btn-minimizer:active, .btn-minimizer:focus{ background: #f5c555 !important; }
.sidebar .nav .nav-item .nav-link i { font-size: 1.4rem; }
.sidebar .sidebar-wrapper .nav .nav-link p { font-size: 0.75rem; } 
.sidebar .nav .nav-item .nav-link {padding: 6px 2px !important;}
.sidebar .nav .nav-item .nav-link .nav-item-title{margin-left: 15px;}
.sidebar-wrapper{
    background: url(/assets/images/bg-menu-2.png) !important;
    background-size: 363px 890px;
}
.sidebar{background-image: linear-gradient(to top, #b58c4a 0%, #b58c4a 100%);}
.sidebar .nav .nav-item .nav-link i {margin-right: 0px;}

/* SIDE MENU */
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:hover .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:focus .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item.active .nav-link {
    background: initial;
}
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link:focus,
.nav .nav-item.active .nav-link{
    background: rgba(255, 255, 255, 0.13) !important;
}

.nav-link{
    display: flex;
    align-items: center;
}
.nav-item-title{
    width: 100%;
}

.nav-item-pos{
    display: flex;
    align-items: center;
    margin-left: 20px !important;
}
.btn-grid{ padding: 6px 12px; }


/* PRIMARY BUTTON */
.btn-primary-ws{
    background-color: #CFA238 !important;
    border: 1px solid #CFA238 !important;
    color: white !important;
    cursor: pointer;
}
.btn-primary-ws:hover, .btn-primary-ws:focus, .btn-primary-ws:active{background-color: #f5c555 !important;}

.footer .copyright {float: initial;}

/* FILESTYLE */
.btn-file{
    width: 7rem !important;
    font-size: 0.75rem !important;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-file:before{
    content: '\f07c';
    font-family: 'FontAwesome'
}
.input-file{height: 2.5rem;}

/* BUTTON EXCEL */
.btn-import-excel{
    width: 7rem !important;
    font-size: 0.75rem !important;
    background-color: #CFA238 !important;
    border: 1px solid #CFA238 !important;
    color: white !important;
    cursor: pointer;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-import-excel:hover, .btn-import-excel:focus, .btn-import-excel:active{background-color: #f5c555 !important;}

.form-import-excel .bootstrap-filestyle input{
    width: 0px !important;
    padding: 0px !important;
}

.form-import-excel .bootstrap-filestyle label.btn-import-excel{
    border-radius: 0.25rem !important;
}

/* PARSLEY */
.parsley-errors-list{
    list-style: none;
    padding-left: 3px;
    font-size: 0.8rem;
    color: #d85050;
    margin-bottom: 0.5rem;
}

/* DATA TABLES */
.pagination .page-item.active .page-link {
    background-color: #CFA238;
    border: 0;
    color: #FFFFFF !important;
    padding: 7px 13px;
}
.table-general {border-spacing: 1px;}
.table-general thead{ background: #CFA238; }
.table-general thead tr th{color: white;}
.table-general tbody tr td{font-size: 0.8rem;}
.table-general thead tr th{font-size: 0.7rem;}

.modal label{
    font-size: 0.75rem;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    color: #9A9A9A;    
}

/* ALERT MESSAGES */
.alert button.close {
    right: 35px !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert .msgs-container{
    display: flex;
    align-items: center;
}
.alert .msgs-container ul{
    margin-bottom: 0px;
    padding: 0px;
    padding-left: 20px;
}
.alert-success {
    background-color: #9ecf4e !important;
}
.alert-general{
    border-radius: 4px;
}

.focus-jfilestyle > label{ border-radius: 0px 4px 4px 0px !important; }
.jfilestyle > input{border-radius: 4px !important;}

div.jfilestyle.jfilestyle-theme-asphalt label {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #888888;
    background: #888888;
}

/* VISTA PRODUCTOS */
#productos-table thead tr th:nth-child(1){width: 3.5% !important;}
#productos-table thead tr th:nth-child(2){width: 17.7% !important;}
#productos-table thead tr th:nth-child(3){width: 17.7% !important;}
#productos-table thead tr th:nth-child(4){width: 17.7% !important;}
#productos-table thead tr th:nth-child(5){width: 17.7% !important;}
#productos-table thead tr th:nth-child(6){width: 6.5% !important;text-align: center;} /* Precio */
#productos-table thead tr th:nth-child(7){width: 6.5% !important;text-align: center;}
#productos-table thead tr th:nth-child(8){width: 12.5% !important;display: inline-flex;}
#productos-table tbody tr td:nth-child(6){text-align: center;}
#productos-table tbody tr td:nth-child(7){text-align: center;}
#productos-table tbody td { font-size: 12px;}

/* VISTA ZONAS */
#zonas-table thead tr th:nth-child(1){width: 51% !important;}
#zonas-table thead tr th:nth-child(2){width: 30% !important;}
#zonas-table thead tr th:nth-child(3){width: 18% !important; display: inline-flex;}

/* VISTA SMS */
#sms-table thead tr th:nth-child(1){width: 34% !important;}
#sms-table thead tr th:nth-child(2){width: 22% !important;}
#sms-table thead tr th:nth-child(3){width: 12% !important;}
#sms-table thead tr th:nth-child(4){width: 22% !important;}
#sms-table thead tr th:nth-child(5){width: 10% !important; display: inline-flex; text-align: center;}
#sms-table tbody tr td:nth-child(5){text-align: center;}

/* VISTA SUCURSALES */
#sucursales-table thead tr th:nth-child(1){width: 3.5% !important;}
#sucursales-table thead tr th:nth-child(2){width: 25.2% !important;}
#sucursales-table thead tr th:nth-child(3){width: 25.2% !important;}
#sucursales-table thead tr th:nth-child(4){width: 34% !important;}
#sucursales-table thead tr th:nth-child(5){width: 12% !important; display: inline-flex;}
#sucursales-table tbody td { font-size: 12px;}

/* VISTA PEDIDOS */
#pedidos-table thead tr th:nth-child(1){width: 6.5% !important;}
#pedidos-table thead tr th:nth-child(2){width: 23.5% !important;}
#pedidos-table thead tr th:nth-child(3){width: 23.5% !important;}
#pedidos-table thead tr th:nth-child(4){width: 5.5% !important;} /* Importe */
#pedidos-table thead tr th:nth-child(5){width: 15.5% !important;}
#pedidos-table thead tr th:nth-child(6){width: 12.5% !important;}
#pedidos-table thead tr th:nth-child(7){width: 5.5% !important;} /* Rate */
#pedidos-table thead tr th:nth-child(8){width: 8.5% !important; display: inline-flex;}
#pedidos-table tbody td { font-size: 12px;}
#pedidos-table tbody tr td:nth-child(1){text-align: center;} 
#pedidos-table tbody tr td:nth-child(4){text-align: center;}
#pedidos-table tbody tr td:nth-child(7){text-align: center;}

/* VISTA DE PROMOCIONES */
#promociones-table thead tr th:nth-child(1){width: 16.2% !important;}
#promociones-table thead tr th:nth-child(2){width: 25.2% !important;}
#promociones-table thead tr th:nth-child(3){width: 6.2% !important;}
#promociones-table thead tr th:nth-child(4){width: 11.2% !important;}
#promociones-table thead tr th:nth-child(5){width: 11.2% !important;}
#promociones-table thead tr th:nth-child(6){width: 7.2% !important;}
#promociones-table thead tr th:nth-child(7){width: 9% !important;}
#promociones-table thead tr th:nth-child(8){width: 13.8% !important;display: inline-flex;}
#promociones-table tbody td { font-size: 12px;}
#promociones-table tbody tr td:nth-child(3){text-align: center !important;}
#promociones-table tbody tr td:nth-child(8){text-align: center !important;}

/* VISTA PAGOS */
#pagos-table thead tr th:nth-child(1){width: 22.2% !important;}
#pagos-table thead tr th:nth-child(2){width: 11.2% !important;}
#pagos-table thead tr th:nth-child(3){width: 8.2% !important;}
#pagos-table thead tr th:nth-child(4){width: 13.2% !important;}
#pagos-table thead tr th:nth-child(5){width: 12.2% !important;}
#pagos-table thead tr th:nth-child(6){width: 11.2% !important;}
#pagos-table thead tr th:nth-child(7){width: 21.2% !important;display: inline-flex;}

/* VISTA COVENIO EMPRESAS */
#convenio-empresas-table tr th:nth-child(1){width: 25.6% !important;}
#convenio-empresas-table tr th:nth-child(2){width: 8.6% !important;}
#convenio-empresas-table tr th:nth-child(3){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(4){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(5){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(6){width: 15.6% !important;display: inline-flex;}

/* VISTA DE BANNERS */
#banners-table tbody td { font-size: 12px;}
#banners-table thead tr th:nth-child(1){width: 77.3% !important;}
#banners-table thead tr th:nth-child(2){width: 8.3% !important;text-align: center;}
#banners-table thead tr th:nth-child(3){width: 8.3% !important;display: inline-flex;}
#banners-table tbody tr td:nth-child(2){text-align: center !important;}
#banners-table tbody tr td:nth-child(3){text-align: center !important;}

.json-box{
    background-color: whitesmoke;
    border: 1px solid #e1e1e1;
    padding: 1rem;
    margin-bottom: 0 !important;
}

.inactive-branch{
    width: 10px;
    height: 10px;
    background-color: #f60606;
    display: inline-block;
    border-radius: 5px;
}

/* Arregla el popup del datetimepicker */
.bootstrap-datetimepicker-widget.dropdown-menu.open{
    top: inherit !important;
    width: 19rem;
}

.product-item{
    color: green;
    font-weight: bold;
}

.complement-item{ color: #ffc258; }

.product-price{
    font-size: 13px;
    color: #cfcfcf;
}

.nav-item-title .item-title{
    margin-left: 7px;
}

.btn-gran-plaza {
    border-radius: 30px!important;
    border: 1px solid white!important;
    background-color: #CFA238!important;
    font-weight: bold!important;
    color: black!important;
    font-size: 18px!important;
    padding: 6px 17px!important;
}
.btn-gran-plaza:hover{ color: white!important; }
/* -------------------------------------------- */
#page-preloader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	opacity: 0.98;
	background: #2c2e3d;
}
.block-preloader.preloader,
.block-preloader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	height: auto;
}
.block-preloader + * {
	overflow: visible !important;
}
.block-preloader.preloader + *:not(iframe) {
	height: auto !important;
}
.block-preloader:after {
	display: none;
}
#page-preloader.preloader-loaded .page-preloader-spin,
.block-preloader.preloader-loaded .page-preloader-spin {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#page-preloader.preloader-loaded,
.block-preloader.preloader-loaded {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.no-js #page-preloader,
.no-js .block-preloader {
	display: none;
}
#page-preloader .page-preloader-spin,
.block-preloader .page-preloader-spin,
.preloader-spin {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1001;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #b9b7ff;
	-webkit-animation: PreloaderSpin 2s linear infinite;
	animation: PreloaderSpin 2s linear infinite;
}
.preloader-spin {
	border-top-color: #b9b7ff;
}
.block-preloader .page-preloader-spin {
	top: 100px;
	margin-top: 0;
}
#page-preloader .page-preloader-spin:before,
.block-preloader .page-preloader-spin:before,
.preloader-spin:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #00bcd4;
	-webkit-animation: PreloaderSpin 3s linear infinite;
	animation: PreloaderSpin 3s linear infinite;
}
.preloader-spin:before {
	border-top-color: #00bcd4;
}
#page-preloader .page-preloader-spin:after,
.block-preloader .page-preloader-spin:after,
.preloader-spin:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #a3e7f0;
	-webkit-animation: PreloaderSpin 1.5s linear infinite;
	animation: PreloaderSpin 1.5s linear infinite;
}


.tbl-prices{border-spacing: 1px;}
.tbl-prices thead{
    background: #CFA238;
    /* border-radius: 4px 4px 0px 0px; */
}
.tbl-prices thead tr th{color: white;}
.tbl-prices input{
    max-height: 1.5rem;
    max-width: 2.8rem;
    padding: 0.3rem;
}

.tbl-prices thead tr th{font-size: 0.7rem;}
.tbl-prices tbody tr td{font-size: 0.8rem;}

.table_hidden
{
    visibility: hidden;
}

.table_initial 
{
    visibility: initial;
}

.p-l-15{
    padding: 0px 0px 0px 15px !important;
}

.p-t-0{
    padding-top: 0px !important;
}

.navbar-dark
{
    background-color: rgba(0, 0, 0, 0.7) !important;
}

h3.titulos
{
    font-family: 'Montserrat' !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color:#000;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

.subtitulos
{
    font-size: 24px;
    font-weight: 400;
    font-family: 'Source Sans Pro';
    color:#000;
}

.btn-adjuntar
{
    background-color:#000 !important;
    border-color: #CFA237 !important;
    color: #fff !important;
    font-weight: 400;
}

.btn-agregarticket
{
    background-color:#CFA237 !important;
    border-color: #CFA237 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size:20px !important;
    font-family: 'Source Sans Pro';
    width:90%;
}

.footer
{
    /*position:absolute;*/
    bottom:0;
}

.pasos
{
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    background-color: #CFA237;
    height: 35px;
    width: 35px;
    border-radius:50%;
    display: block;
    float:left;
    text-align:center;
    margin-right: 5px;
    margin-top:3px;
}
span.red {
    background: red;
     border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

  /* ----------------   Mis participaciones ----------------------------------*/

.pricingTable{
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 30px 30px 70px;
    border-radius: 10px;
    box-shadow: 0 0 15px -8px rgba(0,0,0,0.5);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.pricingTable:before,
.pricingTable:after{
    content: "";
    background-color: #F4F5F9;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    top: -213px;
    right: -213px;
    z-index: -1;
}
.pricingTable:after{
    background-color: #CFA238;
    height: 300px;
    width: 300px;
    top: auto;
    bottom: -210px;
    right: auto;
    left: -160px;
}
.pricingTable .title{
    color: #1A2A3A;
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.pricingTable .title:before{
    content: "";
    background-color: #1A2A3A;
    width: 65px;
    height: 3px;
    margin: 0 auto 20px;
    display: block;
    clear: both;
}
.pricingTable .price-value{
    color: #fff;
    background-color: #CFA238;
    width: 160px;
    height: 160px;
    padding: 57px 0 0;
    margin: 0 auto 25px;
    border-radius: 50%;
}
.pricingTable .price-value .currency{
    font-size: 35px;
    font-weight: 300;
    line-height: 35px;
    vertical-align: top;
    display: inline-block;
}
.pricingTable .price-value .amount{
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 0 -5px;
    display: inline-block;
}

.pricingTable .pricingTable-signup a{
    color: #fff;
    background-color:  #CFA238;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    width: 140px;
    padding: 3px 10px;
    margin: 0 auto;
    border-radius: 15px;
    border: 2px solid transparent;
    display: block;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
    color: #CFA238;
    background-color: transparent;
    border-color: #CFA238;
}
.pricingTable.black:after{ background-color: black; }
.pricingTable.black .price-value{ background-color: black; }
.pricingTable.black .pricing-content li:before{ background-color: black; }
.pricingTable.black .pricingTable-signup a{ background-color: black; }
.pricingTable.black .pricingTable-signup a:hover{
    color: black;
    background-color: transparent;
    border-color: black;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
/* ----------------   Mis participaciones ----------------------------------*/

.pricingTable .pricing-content{
    background-color: #E5E5E5;
    padding: 15px;
    border-radius: 15px;
}
.pricingTable .pricing-content h4{
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}
.pricingTable .pricing-content ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content li{
    color: #404040;
    font-size: 16px;
    line-height: 45px;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}
.pricingTable .pricing-content li:last-child{ border: none; }
.pricingTable .pricing-content li i{
    color: #80A811;
    font-size: 14px;
    margin: 0 10px 0 0;
}

/*------------------------------*/



.participantes thead tr th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #e5e5e5;
}