@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500|Titillium+Web:400,600');
body{
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
.company-color{
	color: #019C00;
}
.main, .section{
	padding-top: 20px;
	padding-bottom: 20px;
}
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
}
.h6{
	font-size: 18px;
}
.nav-tabs .nav-link.active{
	font-weight: 500;
}
.btn{
	font-family: 'Titillium Web', sans-serif;
}
label, .label {
	font-weight: 500;
	font-size: 16px !important;
	/*padding-top: 0 !important;*/
}
th{
	font-weight: 500;
}
/*---/GLOBALES---*/
.navbar-brand{
	/*width: 10%;*/
}
/*---/MENU NAV---*/
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
	background-image: url(../img/times.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}
/*.was-validated .help-block,
.was-validated .control-label,
.was-validated .radio,
.was-validated .checkbox,
.was-validated .radio-inline,
.was-validated .checkbox-inline,
.was-validated.radio label,
.was-validated.checkbox label,
.was-validated.radio-inline label,
.was-validated.checkbox-inline label {
  color: #dc3545;
}*/
.is-invalid{
	background-image: url(../img/times.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}
.is-valid{
	background-image: url(../img/check.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}
/*---/FORM---*/
  
.footer{
	background-color: #f8f9fa;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #95989A
}
.footer-logo {
	width: 15%;
}
/*---/FOOTER---*/
/* The ribbons */
.corner-ribbon {
	width: 200px;
	background: #e43;
	position: absolute;
	top: 25px;
	left: -50px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	color: #f0f0f0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index:999;
}
/* Custom styles */
.corner-ribbon.sticky {
	position: fixed;
}
.corner-ribbon.shadow {
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* Different positions */
.corner-ribbon.top-left {
	top: 25px;
	left: -50px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
	top: 25px;
	right: -50px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left {
	top: auto;
	bottom: 25px;
	left: -50px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right {
	top: auto;
	right: -50px;
	bottom: 25px;
	left: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
/* Colors */
.corner-ribbon.white {
	background: #f0f0f0;
	color: #555;
}
.corner-ribbon.black {
	background: #333;
}
.corner-ribbon.grey {
	background: #999;
}
.corner-ribbon.blue {
	background: #39d;
}
.corner-ribbon.green {
	background: #2c7;
}
.corner-ribbon.turquoise {
	background: #1b9;
}
.corner-ribbon.purple {
	background: #95b;
}
.corner-ribbon.red {
	background: #e43;
}
.corner-ribbon.orange {
	background: #e82;
}
.corner-ribbon.yellow {
	background: #ec0;
}
#firmaModificacion {
    background-color: #eee;
}
.firmaModificacion{
	cursor: pointer;
}
.form-datatable {
     display: inline-block; 
     width: auto; 
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fieldtoform{
	display:none;
}
.formtofield{
	display:block;
}
.field2form2field{
	cursor:pointer;
}
/*Iconos*/
.btn-secondary {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #ccc;
    
}
button.btn.btn-secondary.buttons-print::before{
	content: "\f02f";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    
    font-weight: 900;
}
button.btn.btn-secondary.buttons-pdf.buttons-html5::before{
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}
button.btn.btn-secondary.buttons-csv.buttons-html5::before{
    content: "\f0ce";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    
    font-weight: 900;
}
button.btn.btn-secondary.buttons-excel.buttons-html5::before{
    content: "\f1c3";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}
button.btn.btn-secondary.buttons-copy.buttons-html5::before{
    content: "\f0c5";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}

.input-prepend-icon, .input-append-icon {
	position: absolute;
	z-index: 999;
	min-height: 38px;
}
.input-group>.form-input {
	width: 100%;
	border-radius: .25rem!important;
}
.form-input-pl-23 {
	padding-left: 23%;
}
.form-input-pl-20 {
	padding-left: 20%;
}
.form-input-pl-14 {
	padding-left: 14%;
}
.form-input-pl-10 {
	padding-left: 10%;
}
.form-input-pl-7 {
	padding-left: 7%;
}
.input-append-icon-position-col-6a {
	right: 4%;
	top: 0;
}
.input-append-icon-position-col-6b {
	right: 3%;
	top: 0;
}
.input-append-icon-position-col-6c {
	right: 0;
	top: 0;
}
.input-append-icon-position-col-4 {
	right: 6%;
	top: 0;
}
.input-append-icon-position-col-4b {
	right: 4.4%;
	top: 0;
}
.input-append-icon-position-col-4c {
	right: 2%;
	top: 0;
}

/*ADJUNTO*/
.uploads .block {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        height: 100px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 10px;
        background-color: white;
        border: 1px solid #CCCCCC;
	}
	.uploads .block .progressBar {
        background-color: #3E6FAD;
        width: 0px;
        height: 5px;
        margin-top: 47px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -moz-transition: .25s ease-out;
        -webkit-transition: .25s ease-out;
        -o-transition: .25s ease-out;
        transition: .25s ease-out;
	}
	.uploads .block .format {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        margin-top: 34px;
	}
	.uploads .block .error {
        text-align: left;
        font-size: 14px;
        color: red;
	}
	.uploads .eliminar_adjunto{
        cursor: pointer;
	}
    .uploads{
        overflow: hidden;
    }

    /*submenu*/
    .dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu a::after {
      transform: rotate(-90deg);
      position: absolute;
      right: 6px;
      top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: .1rem;
      margin-right: .1rem;
    }

/*---INICIO MEDIA QUERIES---*/
@media screen and (min-width: 1228px) {
.modal-lg {
		max-width: 1000px;
	}	
}
@media screen and (max-width: 1024px){
	.footer-logo {
		width: 25%;
	}
    .form-input-pl-20 {
		padding-left: 27%;
	}
	.form-input-pl-14 {
		padding-left: 25%;
	}
	.form-input-pl-10 {
		padding-left: 18%;
	}
	.input-append-icon-position-col-4b-sm{
		right: 7%;
	}
}
@media screen and (max-width: 768px){
	.navbar-brand {
		width: 20%;
	}
	.footer-logo {
		width: 35%;
	}
	.modal-lg {
		max-width: 650px;
	}
	.col-form-label {
		text-align: left !important;
	}
	.btn-100w{
		width: 100%;
	}
    .form-input-pl-20 {
		padding-left: 33%;
	}
	.form-input-pl-14 {
		padding-left: 31%;
	}
	.form-input-pl-10 {
		padding-left: 23%;
	}
}
@media screen and (max-width: 414px){
	.navbar-brand {
		width: 40%;
	}
	.h1{
		text-align: center;
	}
	.btn-sm-block{
		width: 100%;
		margin-top: 10px;
	}
	.footer{
		text-align: center;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		justify-content: center;
		margin-top: 20px;
	}
    
    .form-input-pl-20 {
		padding-left: 20%;
	}
	.form-input-pl-14 {
		padding-left: 25%;
	}
	.form-input-pl-10 {
		padding-left: 18%;
	}
	.input-append-icon-position-col-4b-sm{
		right: 3.5%;
	}
}
@media print{
	.no_imprimir{
		display: none;
	}
	.formtofield{
		display: inline-block;
	}
}