/*	
*	################################################################################
*	
*	My Custom Style for KINGADMIN
*	---------------------------------------------------------------------
*
*	Version		1.0
*	Author		Angel Torres
*	
*	Override theme style or create your new styles. Direct change to main.css
*	is not recommended to avoid problems when theme updates arrived in the future
*	
*	################################################################################
*/

/* Interaction Cues
----------------------------------*/
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }

/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-mail-close:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-mail-close:before {
  content: '\f003';
}

/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-mail-close:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-mail-close:hover {
  color: #2bc64e;
}


/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-print:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-print:before {
  content: '\f02f';
}

/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-print:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-print:hover {
  color: #45ab5f;
} 

/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cogs:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-cogs:before {
  content: '\f085';
}

/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cogs:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-cogs:hover {
  color: #55aa00;
} 




/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-disk:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-disk:before {
  content: '\f0c7';
}


/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-disk:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-disk:hover {
  color: #45ab5f;
} 


/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cancel:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-disk:before {
  content: '\f05e';
}


/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cancel:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-disk:hover {
  color: #e33d0d;
} 

/* line 426, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-sgcollapsed .sgcollapsed span.ui-icon.ui-icon-plus:before,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-plus:before {
  content: '\f067';
  width: 30px;
}
/* line 430, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-sgcollapsed .sgcollapsed span.ui-icon.ui-icon-plus:hover,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-plus:hover {
  color: #54c21f;
}

/* line 426, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-sgcollapsed .sgexpanded span.ui-icon.ui-icon-minus:before,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-minus:before {
  content: '\f068';
  
}
.ui-jqgrid .ui-sgcollapsed .sgexpanded span.ui-icon.ui-icon-minus:before,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-minus:before {
  color: #da1707;
}


/* line 426, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-sgcollapsed .sgexpanded span.ui-icon.ui-icon-list-alt:before,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-list-alt:before {
  content: '\f022';
  
}
.ui-jqgrid .ui-sgcollapsed .sgexpanded span.ui-icon.ui-icon-list-alt:before,
.ui-jqgrid .ui-sgcollapsed .ui-icon.ui-icon-list-alt:before {
  color: #da1707;
}

/* line 455, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-list-alt:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-list-alt:before {
  content: '\f022';
}

/* line 458, ../../sass/partials/_tables.scss */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-list-alt:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-list-alt:hover {
  color: #11df5f;
} 



/*Icono de Sobre de Correo */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-envelope:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-envelope:before {
  content: '\f0e0';
}



.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-envelope:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-envelope:hover {
  color: #07e918;
} 



/*Icono de Sobre de Correo Abierto */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-envelope-o:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-envelope-o:before {
  content: '\f003';
}



.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-envelope-o:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-envelope-o:hover {
  color: #ae0de3;
} 


/*Icono de Sobre de Correo Abierto */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cog:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-cog:before
{
	content: '\f013';
}


.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-cog:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-cog:hover
{
	color: #55ff00;
} 

/* Acepta mas de una linea en el encabezado de jqrid */
th.ui-th-column div {
	white-space: normal !important;
	height: auto !important;
	padding: 2px;
}
/*  
#myModal {
	overflow-y: auto;
	width:whatever;
}
 */ 


.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    padding: 10px;
    z-index: 1050;
	}

#myModal .modal-body {
	overflow-y: auto;
	max-height: 900px;
	width:whatever;
	overflow: visible;
}  



#myModal1 .modal-dialog
{
	overflow-y: auto;
	max-height: 900px;
	width: 500px;
	overflow: visible;
}

#myModal2 .modal-dialog
{
	overflow-y: auto;
	max-height: 900px;
	width: 500px;
	overflow: visible;
}


#myModal3 .modal-dialog
{
	overflow-y: auto;
	max-height: 800px;
	width: whatever;
	overflow: visible;
}

.modal-dialog
{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding: 10px;
	z-index: 1050;
}


/*Agranda el largo del jqgrid-pager que cambio de la version 4 a la 5  
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table {
	width:100%;
	table-layout:fixed;
	height:100%;
}
*/




.ui-jqgrid .ui-jqgrid-hbox {
  float: left;
  padding-right: 1px;
}

.ui-jqgrid .ui-jqgrid-pager{
	height: 45px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
    padding-top: 15px;
}

.top-bar .logged-user .btn img {
    border: none; 
}
/* Si el contenido de un div es de mayor tamaño que el div */
.widget-content{
	overflow-x: auto;
}




/*Opciones de ComboBox*/
.elegir
{
	color:white;
	font-size:0px;
	display:none;
}



/*Estados de Validate Plugin*/
/*
 * error state
 */
.state-error input,
.state-error select,
.state-error textarea,
.radio.state-error i,
.checkbox.state-error i,
.toggle.state-error i {
  background: #fff0f0;
  border-color: #A90329;
}
.toggle.state-error input:checked + i {
  background: #fff0f0;
}
.state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;
}
.rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.state-error select + i {
  background: #FFF0F0;
  box-shadow: 0 0 0 9px #FFF0F0;
}
.state-error .icon-append,
.state-error .icon-prepend {
  color: #ed1c24;
}
/*
 * success state
 */
.state-success input,
.state-success select,
.state-success textarea,
.radio.state-success i,
.checkbox.state-success i,
.toggle.state-success i {
  background: #f0fff0;
  border-color: #7DC27D;
}
.toggle.state-success input:checked + i {
  background: #f0fff0;
}
.note-success {
  color: #6fb679;
}
.state-success select + i {
  background: honeyDew;
  box-shadow: 0 0 0 9px honeyDew;
}
/*

/*Responsive JQgrid*/
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
  height: auto;
}
.ui-jqgrid .ui-pager-control td[id$="_toppager_center"], .ui-jqgrid .ui-pager-control td[id$="pager_center"] {
  width: auto !important;
  white-space: normal !important;
    height: auto;
}
.ui-jqgrid .ui-pager-control td[id$="_toppager_left"], .ui-jqgrid .ui-pager-control td[id$="pager_left"] {
  width: auto !important;
  white-space: normal !important;
    height: auto;

}
.ui-jqgrid .ui-pager-control td[id$="_toppager_right"], .ui-jqgrid .ui-pager-control td[id$="pager_right"] {
  width: auto !important;
  white-space: normal !important;
    height: auto;
}
.ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-view.table-responsive, .ui-jqgrid, .ui-jqgrid-pager,
.ui-jqgrid-toppager, .ui-jqgrid-hdiv {
    width: auto !important;
}
.ui-jqgrid .ui-pager-control td[id$="_toppager_left"], .ui-jqgrid .ui-pager-control td[id$="pager_left"],
.ui-jqgrid .ui-pager-control td[id$="_toppager_center"], .ui-jqgrid .ui-pager-control td[id$="pager_center"] {
    overflow-x: auto;
    overflow-y: hidden;
}

/*Dividers*/


hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

.text-divider{margin: 2em 0; line-height: 0; text-align: left;}
.text-divider span{background-color: #f1f1f1; padding: 1em;}
.text-divider:before{ content: " "; display: block; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f7f7f7;}

hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: left;
}
hr.style-eight:after {
    content: "Titulo";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: #f1f1f1;
}