/* This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
-----------------------------------------------*/


/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/

/* navbar bottom border disabled by default */
.navbar {
    border-bottom: 1px solid transparent;
}
/* header button states - text colors */
.header-btns > div > button:focus {
    color: #666;
}
.header-btns > div > button:hover {
    color: #0094d2;
}
#content > .container {
    max-width: none !important;
}

.buttonGridModal{
    margin-left: 14px;
}
.gridModal .modal-dialog{
    width: 1100px;
}
/*---------------------------------------------
 * Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
----------------------------------------------*/
/* SIDEBAR */
#sidebar ul.sidebar-nav > li > a{background: #FFF;border-color: #ddd;}
#sidebar ul.sidebar-nav li ul.sub-nav{background: #F8F8F8;border-color: #ddd;}
.navbar{background-color:#FFF;background-image:none;} 
.navbar-brand{padding: 11px 0px 0px 5px;width: auto;}
.navbar-brand .navbar-logo{max-width: 250px;}
#sidebar{border-right: 1px solid #DDDDDD;}

ul.sidebar-nav > li > a .sidebar-title{/*width: 200px;*/}
body.sidebar-collapsed ul.sidebar-nav > li > a .sidebar-title{width: 240px;}

/*Others*/
.a-panel:hover{color:#666666;text-decoration: none;}
.a-panel:active{color:#666666;text-decoration: none;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}
.mediumIcon{font-size: 40px !important;float: left;margin-right: 20px;}
.mediumIcon+span{font-size: 20px; line-height: 45px;}
#content > .container {max-width: none;}
.clear{clear:both;}

/*Forms*/
.datepicker{margin-top: 0px;}
form#tablaForm {font-size: 11px;}
.chosen-container-single .chosen-single div b {background-position: 0 8px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 8px;}

/*DateTimePicker*/
.timepicker-picker td span {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    margin: 2px 1.5px;
    width: 54px !important;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute {margin-left: 24px;}
.bootstrap-datetimepicker-widget .btn {color: #666666;}.bootstrap-datetimepicker-widget .btn:hover {color: #666666;}

/* Edit */
.cke_contents {height: 200px !important;}
.cke_editable {line-height: 1.1em}
.cke_editable p {margin: 5px 0 5px 0;}

/* Grid */
.dataTable thead{border-bottom: 1px solid #DDDDDD;background-color: #F8F8F8}
.dataTable tfoot{background-color: #F8F8F8}
.dataTable tr:hover{cursor: pointer;}
.squareColor{width: 100%;height: 25px;}
.table-hover > tbody > tr:hover > td{background-color: #e9e9e9 !important;}

textarea {resize: none;}
.imagen {width:230px; float: left;padding-left: 15px;padding-right: 15px;}
.fileinput{display: block;}
.btn-file > input{width: 0}
.btn-file{background-color: #EEEEEE;}
.int-input {position: relative;}
.input-group .ui-spinner .form-control:first-child {border-radius: 4px 0 0 4px;}
.ui-spinner-input {min-height: 0px;}
.checkbox-inline{font-weight: bold; padding: 0 0 0 20px;}
.checkbox-inline div{float:left;margin-left: -24px}
fieldset .checkbox-inline{width:400px;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-right: 15px;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0px;}
.checkbox-visible{text-align: center;margin: 0 auto;width: 100%;}
div.checker.vertical{width: 100%;margin: 0;text-align: center;padding-top: 10px;cursor: default;}
div.checker.vertical label{margin-right: 5px;cursor: pointer;}
input#visible{width: 0;float: left;}
div.checker input+label {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    *display: inline;
    zoom: 1;
    background-position: 0 -260px;
}
div.checker input:checked+label { background-position: -76px -260px }
div.checker input+label{width: 19px;height: 19px;}
div.checker input+label{ 
    background-image: url("../img/form/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}
textarea.form-control.seo {height: 120px;}
.form-horizontal .form-group {margin-left: 0;margin-right: 0;}
.modalBack{background-color:black;opacity:0.4;width:100%;height:100%;z-index:1000;position:fixed;}

/* Menu */
ul.sidebar-nav .navIcon {/*border-right: 1px solid #c9c9c9;*/width: 35px;height: 30px;text-align: center;line-height: 30px;font-size: 18px;float: left;margin-right: 0px;padding-right: 0px; /*margin-left: 2px;*/top: 0;}
ul.sidebar-nav .sub-nav .navIcon {border-right: none;width: 35px;height: 28px;text-align: center;line-height: 25px;font-size: 16px;float: left;margin-right: 5px;padding-right: 0px;margin-left: 0px;top: 0;}
ul.sidebar-nav ul.sub-nav > li > a, ul.sidebar-nav ul.sub-nav > li:last-child a {padding: 12px 0px;}
ul.sidebar-nav li > a:hover .navIcon, body.sidebar-collapsed ul.sidebar-nav li > a:hover .navIcon {color: #0094d2; background:#f5f5f4;}
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav > li > a {padding: 12px 8px;}
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {width: 240px;}
/* Usuarios */
.user-menu .dropdown-signout {border-left: none}

/*File Manager*/
.elfinder-button,.elfinder-button:before,.elfinder-button:after{-moz-box-sizing: content-box !important;}
.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{display: none !important;}
.ui-state-default.elfinder-navbar.ui-resizable{height: 100% !important;}
#elfinder div[title="Editar fichero"]+span,#elfinder div[title="Editar fichero"]+span+div,#elfinder div[title="Sobre este programa"],.ui-widget-content.ui-corner-all.elfinder-buttonset:last-child{display: none;}

/*Grid Filters*/
.opciones{position: absolute;margin: 0;padding: 0; top: 34px;right: 0;white-space: nowrap;z-index: 1000;}
.opciones li{list-style: none ;display: block;margin: 0;height: 34px;width: 41px; background-color: #555555;z-index: 100000; border: 1px solid #CCCCCC;color: #EEEEEE;font-size: 15px;font-family: arial;font-weight: bold;line-height: 1;text-align: center;padding-top: 9px;}
.input-group-addon{position: relative;}
.panel{overflow: visible;}
.panel-heading {overflow: visible;}
.opSign{color: #555555;font-size: 20px;font-family: arial;font-weight: bold;line-height: 1;text-align: center;padding: 0;} 
.inputRight {border-left: none;border-radius: 0 4px 4px 0 !important;display: none;}
.deleteRow{padding:6px 8px;margin-left:5px;}
.caret-white{border-color: #FFF rgba(0, 0, 0, 0) -moz-use-text-color;}
.tabState {border: 1px solid #666666;float: left;width: 120px;color:#666666;cursor: pointer;padding: 5px;height: 50px;}
.blockTabs {overflow: hidden;width: 100%;}
.tabsBackground .nav-tabs > li > a {
    background-image: none;
    text-shadow: none;
    color: #333333;
    padding: 5px 10px;
}
.tabsBackground .nav-tabs > li.active > a, .tabsBackground .nav-tabs > li.active > a:hover, .tabsBackground .nav-tabs > li.active > a:focus {
    border-color: transparent;
    color: #333333;
}
.tabsBackground .nav-tabs > li > a:hover {
    text-decoration: underline;
}
.tabsBackground .panel{
    margin-bottom: 0px;
}
.tabsBackground .tab-content{
    padding: 8px;
}


/*Reducciones de Tamaño*/
.panel-heading{font-size: 13px;height: 38px;line-height: 26px;padding: 5px; border:1px solid #c9c9c9;}
.panel-title{font-size: 13px;padding-top: 1px;}
/*.table-striped > tbody > tr > td {padding: 2px 8px !important;}*/

.filtersPanel .btn,.gridPanel .btn,.gridModal .dataTable .btn{line-height: 1.1;padding: 4px 9px;}
/*.filtersPanel .btn,.gridPanel .btn,.gridModal .dataTable .btn-sm{line-height: 1;padding: 5px !important;}
*/
.filtersPanel .form-control,.gridPanel .form-control{font-size: 13px;height: 26px;padding: 0px 5px;}
.opSign{font-size: 15px;line-height: 1;padding: 0;}
.filtersPanel .input-group-addon{min-width: 25px;}
.opciones{margin: 0;padding: 0;right: 0;top: 26px;}
.opciones li{font-size: 13px;height: 26px;line-height: 1;margin: 0;padding-top: 4px;width: 26px;}
.deleteRow {padding: 4px 5px !important}
.filtersPanel .chosen-container-single .chosen-single{height:26px;}
.filtersPanel .chosen-container-single .chosen-single span{line-height: 24px;}
.filtersPanel .chosen-container-single .chosen-single div b {background-position: 0 3px;}

form fieldset{
    border: 2px solid #666666;
    padding:12px;
    float: left;
}
form fieldset.noBorder{
    border: none;
}
form fieldset.large{
    width: 900px;
}
form fieldset legend{
    border: none;
    width: auto;
    font-size: 14px;
    margin: 0;
    padding: 0 5px 0 5px;
}
.form-control{
    padding: 4px 12px;
    height: 
}
.nav-tabs > li > a {
    font-weight: 400;
}
.nav-tabs > li.active > a {
    font-weight: 700;
}

.progress{margin: 0 0 25px 0;margin-top: 0}
.col-sm-12 {float: left; width:100% !important;}
.formGridPopUp button {
    margin-top: 24px;
}
.formGridPopUp{
    border: 1px solid #666666;
    padding:15px;
    margin-top: 10px;
}
.formGridPopUp .checker.vertical input{
    display: none;
}
/*.col-px-2 {width: 75px;}
.col-px-3 {width: 75px;}
.col-px-4 {width: 75px;}
.col-px-5 {width: 75px;}
.col-px-6 {width: 75px;}
.col-px-7 {width: 75px;}
.col-px-8 {width: 75px;}
.col-px-9 {width: 75px;}
.col-px-10 {width: 75px;}
.col-px-11 {width: 75px;}
.col-px-12 {width: 75px;}

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

.nav.sidebar-nav {
    height: 30px;
    margin-right: 5px;
	margin-top:10px;
}
.nav > li {
    border: medium none !important;
    display: inline-block !important;
    position: relative !important;
}
.ml5{
	margin-left:5px;
}
#Recomendaciones .panel-title{
	font-size:28px;
}
#BonosViewCliente .panel-title{
	font-size:16px;
}
.numPuntos{
	font-size:24px;
	font-weight:bold;
}
.h35{
	height:35px;
}
.pull-left.header-btns{
	
	margin-left:20px;
}
/*estilos para el listado de bonos*/
#RecomendacionesSemana {
	width:100%;
	overflow:hidden;
	/*margin:30px 0;*/
	margin:0;
}
#RecomendacionesSemana .bonoList {
	float:left; 
	width:19%;
	margin-top:1.25%;
	margin-right:1.25%;
	padding:1%;
	background-color:#F5F5F5;
	overflow:hidden;
	cursor:pointer;
}
/*#RecomendacionesSemana .bonoList:nth-child(5n){
		margin-right:0% !important;
}*/
#RecomendacionesSemana .bonoTit {
	min-height:75px;
}
#RecomendacionesSemana .bonoList:hover {
	background-color:#F1F1F1;
}
#RecomendacionesSemana .bonoList img {
	min-width:100%;
}
#RecomendacionesSemana .bonoList h2 {
	font-size:18px;
	margin:15px 0 3px 0;
	padding:0;
	line-height:1em;
	letter-spacing:0.01em;
}
#RecomendacionesSemana .bonoList h3 {
	font-size:14px;
	font-weight:normal;
	line-height:1.2em;
}
#RecomendacionesSemana .bonoList .price {
	margin:10px 0;
	font-size:20px;
	color:#4A9ABF;
}
#RecomendacionesSemana .bonoList button {
	margin:0 0 10px 0;
}
#RecomendacionesSemana .bprice{
	padding-top: 15px;
}
#pantallas .datepicker{
	height: 24px;
	font-size:12px;
}
#Bonos.dataTable.client td:nth-child(2){
	font-size: 14px;
}
#Bonos.dataTable.client td:nth-child(4),
#Bonos.dataTable.client td:nth-child(5){
	font-size: 15px;
}
#MovimientosPuntos.dataTable.client td:nth-child(3),
#MovimientosPuntos.dataTable.client td:nth-child(4){
	font-size: 15px;
}
#pantallas tr.promo {
}
#BonosComprados.dataTable thead th {
	padding: 3px 3px 3px 5px !important;
}
.login-page .panel{
	padding:5px;
}
.panel-heading{
	margin-bottom:10px;
}
.login-page .panel-heading, .login-page .panel-body{
	margin-bottom:15px;
}
.filtersPanel .panel-body{
	display:none;
}
.datatables-toolbar{
	display:none;
}
.form-inline .form-control {
    display: inline-block !important;
}
.col-sm-5 {
    display:inline !important;
}
.col-sm-4 {
    display:inline !important;
}
.panelBusqueda .col-sm-12{
	padding:0px;
}

footer.login-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}

.label-checkbox{
    font-weight: normal !important;
}

.text-yellow3 { color: #E1BC4A }
.btn-yellow3 { background-color: #E1BC4A }
.btn-yellow3.btn-gradient { background-color: #e9bb2d }

.btn-invoice-table { padding: 4px 7px !important; }