@import url("../fonts/font-opensans.css");

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;	/* Sticky footer ie11 compatible */
}

body {
	font: normal 15px 'Open Sans', Arial, sans-serif;	
	background: url('../../images/portalNotarios/login_img.jpg');
	background-repeat: no-repeat;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}

body.login #overlay {
	display: none;
 height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index:1;
}

body.login #img1,
body.login #img2 {
	display: none;
	position:absolute;
    background: #EEE;
    text-align: center;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
	z-index: 1;
	
}

body.login #img1 .mdi-close-circle-outline,
body.login #img2 .mdi-close-circle-outline {
	position: absolute;
	top: -33px;
	right: -26px;
	font-size: 30px;	
	cursor: pointer;
	color: #fff;
}

body.login button {
	font: normal 15px 'Open Sans', Arial, sans-serif;	
	font-weight: 400;
	border-radius: 2px;
	margin: 0 0 2em 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.10);	
	cursor: pointer;
	border: 0;
	padding-left: 0.5em;
}

body.login input[type=text],
body.login input[type=number],
body.login textarea {
	font: normal 18px 'Open Sans', Arial, sans-serif;	
	padding: 0.5em;
	border-radius: 2px;
	border: 1px solid #ccc;
}

body.login textarea {
	width: 365px;	
	margin: 0 0 1.5em 0;
}

body.login input[type=number],
body.login input[type=text],
body.login #tramiteCode {
	width: 380px;
	padding: 17px;
	box-sizing: border-box;
}

body.login .center .mdi-help-circle {
	position: absolute;
	margin: 12px 10px;
	color: #FFFFFF;
	font-size: 25px;
}

body.login .center .mdi-help-circle:hover {
	cursor: pointer;
}
	
body.login button:hover {
    background-color: #000;
	color: #fff;
}

body.login .btn {
	background: #fff;	
	border: 0;
	padding: 1em 0.5em;
	color: #000;
	font-size: 1.2em;
	text-transform: uppercase;
	width: 380px;
	font-weight: 600;
}

body.login .center {
	text-align: center;
}

body.login p,
body.login h2 {
	color: #fff;
}

body.login p {
	font-size: 1.2em;
	margin: 0 0 5px 0;
}

body.login .hide {
	display: none;
}

body.login p.alert {
	margin: 0 0 3em 0;	
	font-weight: bold;
	font-size: 18px;
	padding: 0 20px;	
}

body.login p.alert.alert-warning:before {
	font: 18px "Material Design Icons";
	content: "\f159";	
	margin-right: 5px;
}

body.login p.alert.alert-success:before {
	font: 18px "Material Design Icons";
	content: "\f5e0";	
	margin-right: 5px;
}

body.login h2 {
	margin: 0 0 2em 0;
	font-size: 1.6em;
	text-transform: uppercase;	
}

body.login #content {	
}

body.login #column {
	width: 730px;
	background-color: rgba(0,138,201,0.85);
	float: right;
	min-height: 100vh;
}

body.login #column h1 {
	text-align: center;
	margin-top: 4em;
	margin-bottom: 1.7em;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #fff;
	width: 60%;	
	padding-bottom: 25px;
}

body.login #column h1 img {
	border: 0;
}

body.login #column .fileContainer {
    overflow: hidden;
    position: relative;
	width: 24.6em;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.10);		
}

body.login #column .fileContainer [type=file] {
    cursor: inherit;
    display: block;
	width: 29.6em;	
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;	
}

body.login #column .fileContainer {
    background: #fff;	
    border-radius: .2em;
	padding: 1.2em 0.5em;
	margin: 0 auto 2em;
	display: block;
}

body.login body.login #column .fileContainer:hover {
	background: #000;
}

body.login #column .fileContainer:hover p {
	color: #fff;
}

body.login #column .fileContainer [type=file] {
    cursor: pointer;
}

body.login #column .fileContainer p {
	color: #000;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;	
}

body.login #procesando {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: white;
	position: fixed;
	width: 300px;
	height: 70px;
	top: 0%;
	left: 50%;
	margin-left: -150px;
	margin-top: 220px;
	filter: alpha(opacity = 70);
	opacity: .9;
	display: none;
	z-index: 666;
}

body.login .center {
  margin: auto;
  padding: 10px;
}

/* LO DE DENTRO */

body.portal h3 {
	font-size: 19px;
}

body.portal h4 {
	font-size: 18px;
}

body.portal h5 {
	font-size: 17px;
	font-family: 'roboto_condensedregular';
}

body.portal {
	color: #000;	
	display: flex; /* Sticky footer ie11 compatible */
	min-height: 100vh; /* Sticky footer ie11 compatible */
	height: 100%; /* Sticky footer ie11 compatible */
  flex-direction: column; /* Sticky footer ie11 compatible */
	font-size: 13px;
}

body.portal header .container {
	border-top: 5px solid #0380b8;
}

body.portal .container.p-4 {
	padding: 2rem !important;	
}

body.portal main {
  flex: 1 0 auto;	/* Sticky footer ie11 compatible */
}

body.portal main .separe {
	border-top: 2px solid #0380b8;
}

body.portal footer {
	min-height: 40px; /* Sticky footer ie11 compatible */	
}

body.portal form {
  flex: 1 0 auto;	/* Sticky footer ie11 compatible */
  flex-direction: column; /* Sticky footer ie11 compatible */
	display: flex;	
}

body.portal .bg-primary {
	background: #0380b8 !important;
}

body.portal .bg-secondary {
	background: #1a171b !important;
}

body.portal .table thead.bg-primary tr th {
	background-color: #0380b8 !important;
}

body.portal .table thead.bg-secondary tr th {
	background-color: #e1e1e1 !important;
	color: #000 !important;
}

body.portal .form-control,
body.portal .custom-select {
  height: 2rem;
  font-size: 13px;
}

body.portal textarea.form-control {
  height: auto !important;
}

body.portal .btn {
	font-size: 0.8rem;
}

body.portal .modal-content {
	border: 0;
}

body.portal .modal-header {
	padding: 0.1rem 1rem;
}

body.portal .custom-control-label::before {
	top: 0.1rem;
	
}

body.portal .custom-control-label::after {
	top: .1rem;
}

body.portal .btn-primary {
	background-color: #0380b8;
	border-color: #0380b8;
}

body.portal .btn-outline-primary {
	border-color: #0380b8;
	color: #0380b8;
}

body.portal .btn-primary:hover,
body.portal .btn-outline-primary:hover {
	background-color: #158cc2;
	border-color: #158cc2;
}

body.portal .btn-primary:focus,
body.portal .btn-primary.focus,
body.portal .btn-outline-primary:focus,
body.portal .btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(21, 140, 194, 0.5);
	background-color: #158cc2;
	border-color: #158cc2;
	color: #fff;
}

body.portal .btn-primary.disabled,
body.portal .btn-primary:disabled,
body.portal .btn-outline-primary.disabled,
body.portal .btn-outline-primary:disabled {
	background-color: #9ecde2;
	border-color: #9ecde2;
	color: #999;
}

body.portal .btn-primary:not(:disabled):not(.disabled):active,
body.portal .btn-primary:not(:disabled):not(.disabled).active,
body.portal .show > .btn-primary.dropdown-toggle,
body.portal .btn-outline-primary:not(:disabled):not(.disabled):active,
body.portal .btn-outline-primary:not(:disabled):not(.disabled).active,
body.portal .show > .btn-outline-primary.dropdown-toggle {
	background-color: #2c95c4;
	border-color: #2c95c4;
}

body.portal .btn-primary:not(:disabled):not(.disabled):active:focus,
body.portal .btn-primary:not(:disabled):not(.disabled).active:focus,
body.portal .show > .btn-primary.dropdown-toggle:focus,
body.portal .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
body.portal .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
body.portal .show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(21, 140, 194, 0.5);
}

body.portal .btn-secondary {
	background-color: #a7a7a7;
	border-color: #a7a7a7;
}

body.portal .btn-outline-secondary {
	border-color: #a7a7a7;
	color: #2d2d2d;
}

body.portal .btn-secondary:hover,
body.portal .btn-outline-secondary:hover {
	background-color: #100f0f;
	border-color: #100f0f;
	color: #fff;
}

body.portal .btn-secondary:focus,
body.portal .btn-secondary.focus,
body.portal .btn-outline-secondary:focus,
body.portal .btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(16, 15, 15, 0.5);
	background-color: #100f0f;
	border-color: #100f0f;	
	color: #fff;	
}

body.portal .btn-secondary.disabled,
body.portal .btn-secondary:disabled,
body.portal .btn-outline-secondary.disabled,
body.portal .btn-outline-secondary:disabled {
	background-color: #bebebe;
	border-color: #bebebe;
}

body.portal .btn-secondary:not(:disabled):not(.disabled):active,
body.portal .btn-secondary:not(:disabled):not(.disabled).active,
body.portal .show > .btn-secondary.dropdown-toggle,
body.portal .btn-outline-secondary:not(:disabled):not(.disabled):active,
body.portal .btn-outline-secondary:not(:disabled):not(.disabled).active,
body.portal .show > .btn-outline-secondary.dropdown-toggle {
	background-color: #100f0f;
	border-color: #100f0f;
}

body.portal .btn-secondary:not(:disabled):not(.disabled):active:focus,
body.portal .btn-secondary:not(:disabled):not(.disabled).active:focus,
body.portal .show > .btn-secondary.dropdown-toggle:focus,
body.portal .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
body.portal .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
body.portal .show > .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(16, 15, 15, 0.5);
}

body.portal .error {
	color: #cc0000;	
	margin-top: 0.4rem;
	font-style: italic;
	font-size: 11px;
	display: block;
}


body.portal textarea.form-control-modal {
  height: 100% !important;
}

body.login button[disabled] {
opacity: .55;
}