/*************************** 
ETIQUETAS
***************************/
* {
    margin:0;
}

input
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding-left: 3px;
    border: 1px solid silver;
    height: 18px;
    background-color: #FBFCFD;
}

textarea
{
    padding:3px;
    border:1px solid silver;
    font: 12px 'Open Sans', sans-serif;
    background-color: #FBFCFD;
}

/*************************** 
IDENTIFICADORES
***************************/

/***************************
CLASES
***************************/
.ip-cargando-animacion {
    color: #0591cc; 
    position: absolute; 
    top: 45%; 
    left: 48%;
}

.ip-label {
	font: 12px 'Open Sans', sans-serif;
}

.ip-label-codigo {
	font: bold 12px 'Open Sans', sans-serif;
}

/*Grid*/
.ip-grid-header {  
    padding: 10px 0;
    border-left-style: none;
    border-right-style: none;
    border-bottom: 1px solid silver;
    background-color: white;
    font-size: 1em;
    font-weight: 400;
    color: #333;
}

/***************************
REGLAS ANIDADAS (EXCEPCIONES)
***************************/

/*DevExpress*/
.dxmLite_Moderno {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
}
.dxeTextBox_MetropolisBlue, .dxeTextBox {
    border: none;
    border-bottom: 1px solid #dbdbdb;
}

.dxgvControl_MetropolisBlue, .dxgvDisabled_MetropolisBlue {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    border: 1px solid silver !important;
    border-right: none !important;
    border-left: none !important;
}

.dxgvDataRow_MetropolisBlue td.dxgv {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
    border-bottom: 1px solid silver !important;
    /*padding: 10px 0 !important;*/
}

.dxucNameCell span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    vertical-align: text-bottom;
}

.dxucFileList {
    margin: 5px 0 0 0;
}

.dxucFileList li {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    padding: 4px 8px;
    margin: 5px;
    border: 1px solid #8bc6ec;
    background-color: #f5fafe;
}

.dxeEditArea_MetropolisBlue, body input.dxeEditArea_MetropolisBlue {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.1em !important;
    font-weight: 300 !important;
}

.dxucControl_MetropolisBlue, .dxucEditArea_MetropolisBlue, input[type='text'].dxucEditArea_MetropolisBlue {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
}

.dxtcLite_Moderno {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
}

.dxeButtonEdit_MetropolisBlue {
    border: none;
    border-bottom: 1px solid #dbdbdb;
}

.dxeListBoxItemSelected_MetropolisBlue {
    background-color: gray;
    color: white;
}

.dxeButtonEditButtonHover_MetropolisBlue {
   background-color: silver;
}

.dxucTextBox_MetropolisBlue {
    border: 1px solid silver;
    background-color: #FBFCFD !important;
}

.dxucBrowseButton_MetropolisBlue {
    border: 1px solid silver;
    background-color: #f1f8fd !important;
}

.fa-lg {
    font-size: 1em;
}

.dxgvEditFormDisplayRow_MetropolisBlue td.dxgv, .dxgvDetailCell_MetropolisBlue td.dxgv, .dxgvDataRow_MetropolisBlue td.dxgv, .dxgvDetailRow_MetropolisBlue.dxgvADR td.dxgvAIC {
    border-right: none;
}

.dxgvFooter_MetropolisBlue td.dxgv {
    padding: 1em 0 !important;
    border-bottom: none !important;
}

header {
    height: 48px;
}

::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 9px;
    background-color: #dbdbdb;
}
/*Input CheckBox*/
 input[type="checkbox"] {
	-webkit-appearance: none;
    -moz-appearance: none;
	background-color: #fafafa;
	border: 1px solid #dbdbdb;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	padding: 6px;
    height: 0;
	border-radius: 2px;
	display: inline-block;
	position: relative;
    outline: none;
}
input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
input[type="checkbox"]:checked {
	/*background-color: #e9ecee;*/
	border: 1px solid #dbdbdb;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	color: #99a1a7;
}
input[type="checkbox"]:checked:after {
	content: '\2714';
	font-size: 11px;
    font-weight: bold;
	position: absolute;
	top: -3px;
	left: 1.5px;
	color: var(--ip-pay-site-boton-rg-bcolor);
}

/*CheckBox*/
.ip-checkbox {
	-webkit-appearance: none;
    -moz-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	padding: 7px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
    outline: none;
}
.ip-checkbox:active, .ip-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.ip-checkbox:checked {
	/*background-color: #e9ecee;*/
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	color: #99a1a7;
}
.ip-checkbox:checked:after {
	content: '\2714';
	font-size: 11px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
/*input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: white;
}

input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}*/
/*input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    padding: 6px;
    height: 0;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    outline: none;
}*/

.dxpcLite_MetropolisBlue .dxpc-content, .dxdpLite_MetropolisBlue .dxpc-content {
    white-space: normal;
    padding: 0 40px !important;
}

#cphCuerpoNoAjax_pRua {
    margin: 0 0 20px 0;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #f0f3f7;
}