/*================================================================================
	Item Name: Custom CSS CTS
	Version: 5.0
	Author: MrCh0n
	Author URL: https://connectit.com.mx
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* STYLE DOM */
fieldset { border:1px solid green; }

legend {
  padding: 0.2em 0.5em;
  /*border:1px solid green;*/
  color:green;
  font-size:90%;
  text-align:left;
  }

/* STYLE OBJETOS Materialize */
/* titulo del sistema */
.navbar h4 {
	border:0 solid #fff;
	color:#fff;
	margin-top:-16px;
	text-align:center;
}



.sidenav li > a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
}



.sidenav-active-square .sidenav li > a, .sidenav-active-square .sidenav li a.collapsible-header {
    padding: 0 0px 0px 11px !important;
    margin-right: 1.15rem;
    transition: none;
}

.sidenav li > a, .sidenav li a.collapsible-header {
    padding: 0 16px !important;
    height: 44px;
    line-height: 44px;
    font-weight: 400;
}


.sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #e8f0fe;
}

/* background del boton seleccionado */
.sidenav li a.active
{
    color: #fff;
    background: #D9DCE0;
    /*background: linear-gradient(90deg, rgba(239,157,11,1) 0%, rgba(221,68,44,1) 100%);*/
     box-shadow: none;
}
.sidenav-active-square .sidenav li:not(.open) > a.active {
    color: #202124;
}
.sidenav-active-square .sidenav li:not(.open) > a.active > i {
    color: #202124;
}
.sidenav-active-square .sidenav li > a.active {
    border-radius: 20px 20px 20px 20px;
    color: #fff;
    margin-right: 1.15rem;
}
/*.sidenav li a.active
{

  -webkit-box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, .5);
            box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, .5);


    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 10px;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    background-color: #ebeff1;
    background: linear-gradient(45deg, #ebeff1, #ebeff1);
    box-shadow: none;
    color: #fff;
    margin: 0;

}*/

.sidenav li a.active i
{
    color: #fff;
}

/* boton de grid edit */
.btn-gridInterno
{
    line-height: 26px;
    width: 26px;
    height: 26px;
    background-color: transparent;
    box-shadow: none;
}
.btn-gridInterno i
{
    font-size: 1rem;
    line-height: 26px;
}
.btn-gridInterno:hover
{
    background-color: #F8F8F8;
}

.errorTotast{
  background-color:#f00;
}
.exitoTotast{
  background-color:#4CAF50;
}

.help-block{
  color:#f00;
}

.text-row{
	/*border-bottom:1px solid #dfdfdf;*/
}
.text-title{
	font-size: 1.4em;
    color:#000;
    font-weight: bolder;
}
.text-title-rojo{
	font-size: 1.4em;
    color:#f00;
    font-weight: bolder;
}

.text_label{
    display:inline-block;
    font-size: 1.4em;
}

/*========================== Text label focus in ===========================*/

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label
{
    color: #1e88e5;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly])
{
    border-bottom: 1px solid #1e88e5;
    -webkit-box-shadow: 0 1px 0 0 #1e88e5;
            box-shadow: 0 1px 0 0 #1e88e5;
}

.btn-atras
{
    color: #455A64;
}

.text-white{
    color:#fff;
}
.waves-button-input{
     color:#fff;
}


.collapsible-labelchk {
  display:block;
}

/*======================= Select materialize ========================*/
.dropdown-content li>a, .dropdown-content li>span {
   /* color: #3c4043; //negro sistema google */
   color: #1a73e8;
}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #3c4043;
}

/*========================== BOTONES ===========================*/
.btn-flat-transparent
{
    color: #455A64;
    background-color: #fff;
}
.btn-flat-transparent:hover
{
    color:  #fff;
}


.btn-reg-rojo{
    background-color:#fe0002;
}
.btn-reg-rojo:hover{
    background-color:#ff6e00;
}

/*========================== Modal ===========================*/
.modal {   
    width: 70%;
}
.modal_loader {
  display:none;
  position:absolute;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #000;
  z-index: 20000;
  margin:0;
  padding:auto;
  text-align:center;
}
.modal_loader > img {
  margin-top:50%;
}
.centerbox{
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;

  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;

  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;
}
/*========================== date picker ===========================*/
.datepicker-table td
{
    padding: 0;
    border-radius: 50%;
    color: #000;
}
/*========================== List info ===========================*/
.listInfo:hover{
  border:1px solid #448AFF;
  cursor:pointer;
  background-color:#fff;
  color:#000;
  
  box-shadow: 0 4px 5px 0 rgba(34,118,210, 0.14), 
  0 1px 10px 0 rgba(34,118,210, 0.12),
  0 2px 4px -1px rgba(34,118,210, 0.3);
}
.listInfo:nth-child(2n){
  background-color: #ECEFF1;
  /*background-color:#bce4f9;*/
}
.listInfo h6{
	font-size:1em;
	 word-break: break-all;
}
.listInfo p{
	font-size:0.9em;
	color:#000;
	word-break: break-all;
}
small{
	word-break: break-all;
}
.listInfoContentScroll{
	display:block;
  height:300px;
  overflow:auto;
}
.infored{
	color:#fe0002;
}
.infogral{
	color:#202124;
	font-weight:bold;
}
/*========================== badgages ===========================*/
span.badge{
	font-size:0.7em;
}
span.badge.badgage-blue{
	background-color:#2196F3;
}
span.badge.badgage-green{
	background-color:#4CAF50;
}

span.badge.badgage-verificacion{
	background-color:#B3E5FC;
	color:#212121;
}
span.badge.badgage-devuelto{
	background-color:#FF5722;
}
span.badge.badgage-recotizacion{
	background-color:#303F9F;
}
span.badge.badgage-atrasado{
	background-color:#FFC107;
}
span.badge.badgage-ajustado{
	background-color:#757575;
}





span.badge.badgage-progress{
	background-color:#607D8B;
}
span.badge.badgage-autorizado{
	background-color:#FFA000;
}
span.badge.badgage-vencido{
	background-color:#E64A19;
}
span.badge.badgage-borrado{
	background-color:#D32F2F;
}

span.badge.badgage-cancelado{
	background-color:#616161;
}

span.badge.badgage-terminado{
	background-color:#0288D1;
}



/*========================== nested sort ===========================*/

/*========================== Tablas alert ===========================*/
table thead{
  border-bottom:1px solid #455A64;
  color:#000;
  font-weight: bold;
}



table.table032019{
  border:1px solid #455A64;
  width: 98%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
  box-sizing: border-box;
  margin:auto;
}
table.table032019 thead{
  border:1px solid #455A64;
  background-color: #607D8B;
  color:#fff;
}

table.table032019 thead th{
  text-align: left;
}

table.table032019 tbody tr:nth-child(2n){
  background-color: #ECEFF1;
  /*background-color:#bce4f9;*/
}


table.table032019 td{
  padding:5px;
}
.tablelinkajax{
  display:block;
  font-weight: bolder;
  width:100%;
  text-align:center;
}
.nav-wrapper-report {
  border:1px solid #000;
  position: relative;
  height: 100%;
  font-size:0.8em;
}
.input-srch-report{
  color: #fff;
  border: 0 solid #f00;
 

  position: relative;
  display: inline-block;
  width:90%;
  /*
  width: -webkit-calc(100% - 500px);
  width: -moz-calc(100% - 500px);
  width: calc(100% - 500px);
  */
  height: 40px;
  /*margin: 10px auto 0 20px;*/
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.input-srch-report i {
    color:#455A64;
    font-size: 24px;
    line-height: 32px !important;
    position: absolute;
    top: 6px;
    left: 10px;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
}



.input-srch-report  input.header-search-input2 {
    color: #455A64;
    border: 0 solid rgba(230, 230, 230, .05);
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: 87%;
    height: 24px;
    padding: 8px 8px 8px 50px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border: none;
    border-radius: 3px;
    outline: none;
    background: rgba(255, 255, 255, .3);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}


/*========================== Pagination ===========================*/
.btn-toolbar{
  width:100%;
 text-align:center;
}
.pull-center{
  width:100%;
  text-align:center;
}
ul {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

.pull-center ul.pagination li {
   display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}

.pull-center ul.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
}

.pull-center ul.pagination li.active a {
  color: #fff;
}

.pagination li.active {
  /*background-color: #448AFF;*/
  background-color: #CFD8DC;
  padding: 0 10px;
  line-height: 30px;
  color: #000;
}
ul.pagination li.disabled{
  padding: 0 10px;
  line-height: 30px;
}

ul.pagination li.disabled a {
  cursor: default;
  color: #999;
  padding: 0 10px;
  line-height: 30px;
}

.pagination li i {
  font-size: 2rem;
}

.pagination li.pages ul li {
  display: inline-block;
  float: none;
}


/*========================== Tablas sin Rapyd laravel ===========================*/

.srchReporteEdit .input-field .prefix{
  font-size:2em;
  top: 0; 
}
.srchReporteEdit > .input-field > label{
  font-size:0.9em;
}

.srchReporteEdit > .input-field > input{
  font-size:0.9em;
  height:2rem;
}



/*========================== preview alerts ===========================*/
.previewImgAlert{
  width:50%;
  height:50%;
}

.autocomplete-suggestion { 
    cursor: pointer;
    background-color:#fff;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.infoEscuela{
  color:#F44336;
}

/*========================== Objetos ===========================*/
.tabs .tab a:hover, .tabs .tab a.active {
    color: #0160db;
}
.tabs .tab a {
    color: rgba(1, 96, 219, 0.7);
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
   background-color: #e8f0fe;
}
/*========================== LOGO ===========================*/
.brand-sidebar .brand-logo {
 padding:10px 0;
}
.logo{
	display: inline-block;
}
.logo-wrapper{
	display: inline-block;
}

.btn-gridSelProy
{
    line-height: 32px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    box-shadow: none;
}
.btn-gridSelProy i
{
    font-size: 1.5rem;
    line-height: 32px;
}
.btn-gridSelProy:hover
{
    background-color: #F8F8F8;
}


.btn-reg-verde{
    background-color:#388E3C;
}

.btn-reg-verde:hover{
    background-color:#4c9e45;
}

i.btn-reg-verde{
    background-color:#388E3C;
}

i.btn-reg-verde:hover{
    background-color:#4c9e45;
}


.btn-reg-blue-text{
    background-color:#1976D2;
}
.btn-reg-blue-text:hover{
    background-color:#2196F3;
}

/*========================== PHOTO ===========================*/
.photo-thumbs-squared {
    border-radius: 6px;
}

/*========================== SELECT 2 ===========================*/
select.select2.conicon {
    width: calc(100% - 45px) !important;
    margin-left: 45px;
}

/*========================== quill editor wyciwyg ===========================*/
.ql-editor {
	font-size: initial;
	color:#000;
	font-family: 'Arial,sans-serif';
}

/*========================== quill editor wyciwyg ===========================*/
.ulinfo label{
	width:50%;
	display:inline-block;
	border:0 solid #000;
	font-size:1em;
	color:#000;
}
/*============= Nested select drag and drop ====================*/
.nestdragcontent{
	margin-top:4px;
	border:0 solid #000;
	width:86%;
	display:inline-block;
	height:28px;
	overflow-y: auto;
}
.nestdragicon{
	text-align:right;
	border:0 solid #000;
	width:10%;
	display:inline-block;
}
.dd-input{
	border:0 solid #fff;
	width:100%;
}
.dd-input-hrs{
	border:0 solid #fff;
	width:50%;
}
.tasknormal{
	color:#000;
	font-weight:bold;
}
.taskextra{
	color:#D32F2F;
	font-weight:bold;
}