body {font-family: 'Open Sans', sans-serif;  overflow-x:hidden; }

/* RESETERS Y VARIOS */

@media screen and (max-width: 400px){
.pull-right-responsive{float:left;!important}
.grid-space-0-responsive{padding:0}
}
.pull-right-responsive{float:right;!important}


.grid-space-0{margin:0;padding:0}
.row-space-0 {margin-bottom:0!important; padding-bottom:0!important;  padding-top:0!important;  margin-top:0!important; }
.row-separator-0 {margin-left:0!important; padding-left:0!important;  padding-right:0!important;  margin-right:0!important; }

.tasa-descarte {
    font-size:20px !important; 
    border: 3px solid #175DA8 !important;
    padding:10px !important;
}
.clearfix() {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

.bordes-rectos {border-radius:0 !important;}
.no-border {border:0 !important;}
.border-bottom-1 {border-bottom:1px solid #e7e7e7 !important;}

.main-container{padding:0; width:100%!important; }

.display-inline{display:inline !important; }

.text-300{font-weight:300  !important; }
.text-400{font-weight:400  !important; }
.text-500{font-weight:500  !important; }
.text-700{font-weight:700  !important; }

.spacing-05 {letter-spacing: 0.5px  !important;}

.hidden_mobile{display:inline !important;}
.display_mobile{display:none !important;}

.text-link-center{text-align:center ;}

@media (max-width: 767px){
.text-center-mobile {text-align:center !important;}
.text-link-center{text-align:left ;}
.hidden_mobile{display:none !important;}
.display_mobile{display:inline !important;}
.center-block-mb {display:block;margin-right:auto;margin-left:auto}
}

.full-width{width:100% !important;}


@media (max-width: 767px){.text-center-mobile {text-align:center}}


.pointer-cursor  {cursor:pointer;}

.round-corners  {border-radius: 7px}

/*---------------------*/



/* COLORES */

.black {color:#000;}
.white {color:#FFF;}
.grey {color:#d2d2d2;}
.dark-grey {color:#666;}
.bg-white {background-color:#FFF;}
.bg-grey {background-color:#f5f5f5;}
.bg-naranja {background-color: rgb(255,204,41);}

/*---------------------*/


main {
  min-height: calc(100vh - 158px);
}
.main2 {
	min-height: calc(100vh - 182px);
}

/* Layout classes for CSP compliance (no inline styles) - TKT_3085 */
.layout-header-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999 !important;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.66);
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.66);
}
.layout-main-spacing {
	margin-bottom: 70px;
	margin-top: 100px;
}
.layout-main-spacing-login {
	margin-bottom: 70px;
}
.layout-footer-fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999 !important;
}
.layout-logo-height {
	height: 39px;
}
.layout-sidebar-fixed {
	position: fixed;
	left: 0;
	overflow-y: scroll;
	height: 75%;
	z-index: 888 !important;
}
.layout-content-offset {
	padding-left: 25%;
	width: 100%;
}
.layout-brand-text {
	text-align: center;
	font-size: 15px;
	font-family: Trebuchet MS, sans-serif;
	color: #d82f43;
}

/* Utility classes for CSP (replace inline styles) - TKT_3085 */
.util-word-break { word-break: break-word; }
.util-text-center { text-align: center; }
.util-ml-8 { margin-left: 8px; }
.util-pl-15 { padding-left: 15px; }
.util-pl-50 { padding-left: 50px; }
.util-pr-15 { padding-right: 15px; }
.util-font-bold { font-weight: bold; }
.util-text-uppercase { text-transform: uppercase; }
.util-d-flex-end { display: flex; align-items: flex-end; }
.util-display-none { display: none; }
.util-color-red { color: red; }
.util-w-60 { width: 60px; }
.util-w-100px { width: 100px; }
.util-cell-actions { display: inline-block !important; height: 60px !important; width: 100px; }
.util-cell-actions-only { display: inline-block !important; height: 60px !important; }
.util-img-adjuntar { filter: opacity(0.3) drop-shadow(0 0 0 grey); }
.util-bg-white { background-color: #ffffff; }
.util-btn-orange { background-color: orange; }
.util-max-h-400 { max-height: 400px; }
.util-max-w-260 { max-width: 260px; }
.util-max-w-120 { max-width: 120px; }
.util-max-w-300 { max-width: 300px; }
.util-max-w-180 { max-width: 180px; }
.util-table-full { width: 100%; }
.util-border-top-black { border-top-color: black; }
.util-mt-2 { margin-top: 2%; }
.util-mt-1 { margin-left: 1px; margin-top: 2%; }
.util-max-h-300 { max-height: 300px; max-width: 550px; margin-top: 2%; }
.util-btn-remove { background-color: red; border-color: red; }
.util-bg-green { background-color: green; }
.util-bg-red { background-color: red; }
.util-bg-olivedrab { background-color: olivedrab; }
.util-bg-yellow { background-color: rgb(255,204,41); }
.util-color-green { color: green; }
.util-fs-11 { font-size: 1.1em; padding-bottom: 5px; }
.util-progress-wrap { width: 30%; margin: 0 auto; display: none; }
.util-progress-bar { width: 300px; height: 15px; }
.util-progress-stripe { position: relative; top: 10px; width: 100%; }
.util-progress-bar-full { width: 100%; border: none; }
.util-display-block { display: block; }
.util-dropdown-transparent { background: none; border: none; }
.util-tr-height { height: 60px !important; }
.util-modal-loading-dialog { vertical-align: middle; height: 123px; width: 600px; }
.util-modal-loading-header { background-color: #88acc4; }
.util-modal-loading-title { margin-left: 20%; text-align: center; }
.util-modal-loading-icon { color: #10384f; vertical-align: middle; }
.util-modal-loading-text { font-family: Calibri, sans-serif; color: #ffffff; vertical-align: middle; font-style: normal; font-size: 20px; font-weight: bold; }
.util-loading-gif { height: 80px; width: 80px; }
.util-navbar-custom { background: #063e6b; vertical-align: top; }
.util-logo-nav { max-width: 180%; max-height: 130%; }
.util-visibility-hidden { visibility: hidden; }
.util-mt-8 { margin-top: 8px; }
.util-ml-4 { margin-left: 4px; }
.util-align-center { align-items: center; }
.util-w-100 { width: 100%; }
.util-mt-1pct { margin-top: 1%; }
.util-mt-2px { margin-top: 2px; }
.util-color-aliceblue { color: aliceblue; }
.util-mb-1 { margin-bottom: 1%; }
.util-w-90 { width: 90px; }
.util-float-left { float: left; }
.util-w-16 { width: 16%; }
.util-w-34 { width: 34%; }
.action-image-img { display: inline-block; height: 80%; }
.util-color-orange { color: orange; }
.util-color-blue { color: blue; }
.util-h-0 { height: 0; }
.child_table_last_col_nowrap td:last-child { width: 1%; white-space: nowrap; }
.child_table_last_col_full td:last-child { width: 100%; white-space: nowrap; }

.footer {
	/*height: 60px;*/
	padding-top: inherit;
	background-color: #282828;
	text-align: center;
	position: sticky;
}	
.footer.layout-footer-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
}
.footer p {
  color:#ff9500;
}

.footer a {
  color:#ff9500;
}

.footer a:hover {
  color:#ff9500;
	text-decoration: underline;
}

/* PORTADA */

.btn-white {
	background-color:transparent;
	display:inline-block;
	color: #000 !important;	
	font-size:16px;
	font-weight:bold;
	padding:7px 12px;
	text-decoration:none;
		
}
.btn-white:hover {
	background-color:#175da8;
	text-decoration: none;
	color: #fff;
	 -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}

.nav-pills {
	border: 1px solid #ccc;

}

.white-box {
    background: rgb(240,240,240);
    padding: 25px;
    margin-bottom: 30px;
}

.nav-pills h3 {
	padding: 15px;
	background-color: rgb(255,204,41);
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin: 0;

}

.nav-pills > li {
	border-bottom: 1px solid #ccc;
	margin-top: 0px;

}

.nav-pills > li:last-child {
	border-bottom: 0px ;


}

.nav-pills > li + li {
	margin-top: 0px;

}


.nav-pills > li > a {
	color: #333;
	border-radius: 0px;
	padding: 15px;

}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #333;
	background-color:#eeeeee;
}

@media (min-width: 767px){
.form-width-dektop {width: 100px !important;}
	.mr-15-desktop {margin-right:15px !important;}
}

.tabla-custom  td { padding: 15px 10px 15px 10px !important}

.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    display: none !important;
}

.dataTables_wrapper table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#table_files_wrapper .dt-length,
#table_files_wrapper .dt-info,
#DataResult_wrapper .dt-length,
#DataResult_wrapper .dt-info {
    font-weight: 400 !important;
    padding-left: 15px !important;
    padding-top: 10px !important;
}

#table_files_wrapper .dt-length label,
#DataResult_wrapper .dt-length label {
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.bordered {border: 1px solid #ccc;}


.btn-volver {
  border-radius: 5px !important;
	border-width:1px !important;
	border-style: solid !important;
	border-color: #333 !important;
	color: #333 !important;
  font-size: 18px;
  background: #transparent !important;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	width: 100% !important;


}

.btn-volver:hover {
  background: #eee;
  text-decoration: none;
	  color: #333;
}


.btn-blue {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  background: #175da8;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
    border: 1px solid #175da8;
	width: 100% !important;


}

.btn-blue:hover {
  background: #3681d1;
  text-decoration: none;
	  color: #ffffff;
}


/*--------- MARGINS *----------------*/
.margin-clear {margin:0 !important;}
.margin-30 {margin:30px !important;}
.margin-15 {margin:30px !important;}

.mt-0 {margin-top:0px !important;}
.mt-3 {margin-top:3px !important;}
.mt-5 {margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}

.mt-5-negativo {margin-top:-5px !important;}

.mt-20{margin-top:20px !important;}
.mt-22{margin-top:22px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-39{margin-top:39px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-80{margin-top:80px !important;}

.mb-0 {margin-bottom:0px !important;}
.mb-3 {margin-bottom:3px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}

.ml-0 {margin-left:0px !important;}
.ml-5 {margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}

.mr-0 {margin-right:0px !important;}
.mr-5 {margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}

/*----------------------------------*/

/*--------- PADDINGS  *----------------*/

.padding-clear {padding:0 !important;}

.pt-0 {padding-top:0px !important;}
.pt-3 {padding-top:3px !important;}
.pt-5 {padding-top:5px !important;}
.pt-8 {padding-top:8px !important;}
.pt-10{padding-top:10px !important;}
.pt-12{padding-top:12px !important;}
.pt-14{padding-top:14px !important;}
.pt-15{padding-top:15px !important;}
.pt-18{padding-top:18px !important;}
.pt-20{padding-top:20px !important;}
.pt-23{padding-top:23px !important;}
.pt-25{padding-top:25px !important;}
.pt-30{padding-top:30px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}
.pt-70{padding-top:70px !important;}
.pt-80{padding-top:80px !important;}
.pt-110{padding-top:110px !important;}


.pb-0 {padding-bottom:0px !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-8 {padding-bottom:8px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-12{padding-bottom:12px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-16{padding-bottom:16px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-60{padding-bottom:60px !important;}
.pb-70{padding-bottom:70px !important;}
.pb-110{padding-bottom:110px !important;}
.pb-130{padding-bottom:130px !important;}

.pl-0 {padding-left:0px !important;}
.pl-5 {padding-left:5px !important;}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-18{padding-left:18px !important;}
.pl-20{padding-left:20px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}
.pl-35{padding-left:35px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}
.pl-70{padding-left:70px !important;}

.pr-0 {padding-right:0px !important;}
.pr-5 {padding-right:5px !important;}
.pr-8{padding-right:8px !important;}
.pr-10{padding-right:10px !important;}

.pr-15{padding-right:15px !important;}
.pr-18{padding-right:18px !important;}
.pr-20{padding-right:20px !important;}
.pr-25{padding-right:25px !important;}
.pr-30{padding-right:30px !important;}
.pr-35{padding-right:35px !important;}
.pr-40{padding-right:40px !important;}
.pr-50{padding-right:50px !important;}
.pr-70{padding-right:70px !important;}

.padding-5{padding:5px !important;}
.padding-12{padding:12px !important;}
.padding-15{padding:15px !important;}
.padding-25{padding:25px !important;}
.padding-35{padding:35px !important;}

/*----------------------------------*/



/*------------ FONT SIZES --------------*/
.txt10 {font-size:10px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important;}
.txt16 {font-size:16px !important;}
.txt18 {font-size:18px !important;}
.txt20 {font-size:20px !important;}
.txt25 {font-size:25px !important;}
.txt28 {font-size:28px !important;}
.txt30 {font-size:30px !important;}
.txt40 {font-size:40px !important;}
.txt45 {font-size:45px !important;}
.txt50 {font-size:50px !important;}
.txt60 {font-size:60px !important;}
.txt70{font-size: 60px;  }


@media screen and (max-width: 787px){
.txt16 {font-size:14px !important;}
.txt18 {font-size:16px !important;}
.txt20 {font-size:17px !important;}
.txt25 {font-size:20px !important;}
.txt30 {font-size:25px !important;}
.txt40 {font-size:25px !important;}
.txt45 {font-size:30px !important;}
.txt50 {font-size:35px !important;}
.txt60 {font-size:35px !important;}
}

@media (max-width: 767px) {
.padding-section-mb {padding:0 10px 0 10px !important;}
}

/*----------------------------------*/


