@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');


.full {width:100%;display:block;float:left;margin-right: auto;margin-left: auto;}
.fullHalf{width:50%;float:left;}
.myCol-5{width:41.66666667%;float:left;}
.myCol-7{width:58.33333333%;float:left;}
.bgBrown {background:#E2D9CA;}
.bgWhite {background:white;}
.bgBlack {background:#1c1d1e;color:white;}
.padding{padding:2% 8%;}
.miniPadding{padding:10px 40px;}
.alignCenter{text-align:center;}
.cRed{color:#fe2508;}
.cGray{color:#a9a9a9;}

h2 {margin-top:0;margin-bottom:20px;}
h3{margin-top:0;font-size:21px;margin-bottom:30px;}
h4{line-height: 22px;font-size:16px;text-transform: uppercase;font-weight:bold;background:#f2f2f2;padding:10px 16px;}

body{font-family: 'Montserrat', sans-serif;font-size:18px;}
a {color:#CC7B61;}
a:hover{color:#b5664d;}
#logo {margin-bottom:30px;}
form {margin-bottom:20px;}
label{font-family: 'Lato', sans-serif;}

input{background:none;border:0;border:1px solid #1c1d1e;}


input[type="checkbox"] {margin-right:10px;}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="file"],
select,
textarea {width:100%;color:#7f6f6b;padding:9px;}

select {border:1px solid #E6E6E6;}




/* ********* HEADER ********** */

header {background:#e6e6e6;padding:10px 0;display:block;width:100%;}
header ul {float:right;margin:0;padding:0;}
header ul li{display:inline;margin-left:20px;}
header ul li:first-child a {color:#1c1d1e;background: url("../img/user-icon.svg") no-repeat left 1px center;padding-left:32px;background-size:20px;text-transform: uppercase;font-weight:500;}
/* header ul li:last-child a {color:#1c1d1e;background: url("../img/close-red-icon.svg") no-repeat left 1px center;padding-left:31px;background-size:15px;text-transform: uppercase;font-weight:500;} */

/* ********* //HEADER ********** */





/* ********* LOGIN INDEX ********** */

.login {background:#efefef;padding-top:50px;}
.login h1 {font-size:66px;color:#fe2508;border-bottom:2px solid #f1f1f1;margin-right:20%;padding:20px 0 10px 40px;}
.login form{text-align:left;padding:40px 80px;opacity: 0.9;}
.login form h2 {margin-bottom:80px;color:#fe2508;font-size:24px;font-weight:600;}
.login form p{margin-bottom:35px;}
.login form input[type="submit"] {margin-top:50px;border:1px solid #1c1d1e;color:#fe2508;background: url("../img/red-arrow-icon.png") no-repeat right 14px center;padding:10px 41px 10px 20px;text-transform: uppercase;font-weight:600;}
.login form .user{background: url("../img/pass-icon.jpg") no-repeat left 12px center;padding-left:50px;}
.login form .pass{background: url("../img/user-icon.jpg") no-repeat left 12px center;padding-left:50px;}

.login .texto p{padding:8% 11% 2% 8%;}
.login .texto ul{padding:3% 11% 6% 11%;}
.login .texto ul li{list-style: none;padding-left:0;margin-bottom:16px;}
.login .texto ul li i {margin-right:20px;}

.forget{float:right;}

/* ********* //LOGIN INDEX ********** */



/* ********* PANEL ********** */
.panel section{padding:35px 0;}
.panel h2 {margin-bottom:40px;color:#fe2508;font-size:29px;font-weight:500;text-transform: uppercase;border-bottom:2px solid black;padding-bottom:6px;}

.panel label{color:#999999;font-size:16px;font-weight:300;}
.panel form p{margin-bottom:30px;}
.panel form ul {padding-left:16px;margin-bottom:30px;}
.panel form ul li{font-size:15px;list-style: none;}
.panel form input {border:0;padding-left:0;color:black;font-weight:500;border-bottom:1px solid #E6E6E6;}
.panel form input::-webkit-input-placeholder{color:black;}
.panel form input::-moz-placeholder{color:black;}
.panel form input::-ms-input-placeholder{color:black;}

.panel form input[type="submit"],
.panel button {margin-top:20px;border:1px solid #1c1d1e;color:#fe2508;background: url("../img/red-arrow-icon.png") no-repeat right 14px center;padding:10px 41px 10px 20px;text-transform: uppercase;font-weight:600;}
.panel button.btn-previous{background: url("../img/red-arrow-icon-left.png") no-repeat left 14px center;padding:10px 20px 10px 41px;}

.panel .documentacion a{display:block;margin-bottom:14px;}
.panel .documentacion a {color:black;text-decoration: none;}
.panel .documentacion a i{color:#fe2508;margin-right:6px;}

.panel .titleForm {background:#f2f2f2;border-bottom:1px solid black;margin-bottom:30px;padding: 15px;box-sizing: border-box;float:left;width:100%;box-sizing: border-box;}
.panel .titleForm h2{margin-bottom:0;border:0;color:black;font-weight:200;}

.panel .listCheckbox p{margin-bottom:10px;}

.panel #areasForm{padding:0 20px;}
.panel #areasForm p{margin-bottom:10px;}

.panel .add-cliente {background: url("../img/add-user.png") no-repeat center center !important;padding:30px;border:0;margin-top:0;}

.panel .info {background:#fff6f5;padding:30px;margin-bottom:40px;}
.panel .info h5{color:#a5584e;margin-top:0;}
.panel .info ul{padding-left:3px;color:#867676;margin-bottom:0;}
.panel .info button{color:#a5584e;font-size:14px;background:none;padding:10px;border:1px solid #a5584e;}
.panel .info button:hover{background:#a5584e;color:white;}
.panel .info #btnAnalisis{color:#d06c25;font-size:14px;background:none;padding:10px;border:1px solid #d06c25;}
.panel .info #btnAnalisis:hover{background:#d06c25;color:white;}

#avisoCampana{display:none;}

.panel .serviciosEmpresas,
.panel .compartirEmpresas,
.panel .compartirAsesorias,
.panel .contrataEmpresas,
.panel .externalizaServicios,
.panel .contrataEmpresasVideovigilancia,
.panel .formulariosEmpresa410 {display:block;overflow:hidden;width:100%;margin-bottom:30px;}

.panel .servicioEmpresa,
.panel .compartirEmpresa,
.panel .compartirAsesoria,
.panel .contrataEmpresa,
.panel .externalizaServicio,
.panel .contrataEmpresaVideovigilancia,
.panel .formularioEmpresa410 {padding: 22px;border: 1px solid #E6E6E6;width: 47%;float: left;margin: 1%;}

.panel .servicioEmpresa ul,
.panel .compartirEmpresa ul,
.panel .compartirAsesoria ul,
.panel .contrataEmpresa ul,
.panel .externalizaServicio ul,
.panel .contrataEmpresaVideovigilancia ul{padding-left:0;margin-bottom:6px;}

.panel .servicioEmpresa ul li,
.panel .compartirEmpresa ul li,
.panel .compartirAsesoria ul li,
.panel .contrataEmpresa ul li,
.panel .externalizaServicio ul li,
.panel .contrataEmpresaVideovigilancia ul li{margin-bottom:12px;}

.panel .servicioEmpresaa ul li:last-child,
.panel .compartirEmpresa ul li:last-child,
.panel .compartirAsesoria ul li:last-child,
.panel .contrataEmpresa ul li:last-child,
.panel .externalizaServicio ul li:last-child,
.panel .contrataEmpresaVideovigilancia ul li:last-child{margin-bottom:0;}

.panel #generacion {text-align:center;}
.panel #generacion h1 {color:#e4563a;font-weight:bold;}

 table.dataTable td,
 table.dataTable th{padding:6px 10px;border-bottom:1px solid #f5f0f0;font-size:14px;min-width:25%;}
 table.dataTable td:last-child{font-size:12px;}
 #dataTable_wrapper .row{margin-bottom:20px;}

  table.dataTable td input {border:1px solid #efefef;}

 .panel .alert {font-size:12px;}

 .panel .steps {display:block;text-align:right;line-height:36px;}

/* ********* //PANEL ********** */



input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus{border-bottom:1px solid #cecece;box-shadow: none;outline: none;}


@media (max-width: 991px)  {

  body{font-size:16px;}
  .fullHalf { width:100%;float:none;display:block; }
  input[type="submit"] {width:100%;}

  .myCol-5,
  .myCol-7{float:none;width:100%;display:block;padding: 1px 0;}

  .login form{text-align:left;padding:30px 30px;opacity: 0.9;}

  .titleForm h2{text-align:center;}
  .panel .steps {text-align:center;}

}



/***** Top content *****/



form .form-bottom button.btn {
    min-width: 105px;
}

form .form-bottom .input-error {
    border-color: #d03e3e;
    color: #d03e3e;
}

form.registration-form fieldset {
    display: none;
}

/**** Forms *****/
#envioColoriuris {margin-top:20px;border:1px solid #1c1d1e;color:#fe2508;background: url("../img/red-arrow-icon.png") no-repeat right 14px center;padding:10px 41px 10px 20px;text-transform: uppercase;font-weight:600;}

section.generandoDocumentos .container {
  width: fit-content;
}
section.generandoDocumentos {
    width: fit-content;
    position: absolute;
    border: 1px solid gray;
    background: white;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 9999999999999999999999;
}