/* preloader */



.sidebar.menu-min .sidebar-shortcuts {
    z-index: 998 !important;
}
.h1-sis{
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 300;
}
.title-box{
    float: left;
    margin: 0px 10px;
    
    text-align: left;
}
.box-sis{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

.contentsis{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.center-vertical{
    vertical-align: inherit !important;
    text-align: center;
}
.row-sis{
    width: 100%;
    padding: 10px 0px;
    overflow: hidden;
}

.icon-indicative{
    float: left;
    width: 50px;
    height: 50px;
    padding: 9px 0px;
    margin: 0px 10px;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    opacity: 0.5;
    /*  @22 filter: alpha(opacity=50);  For IE8 and earlier  */
}

.title-label{
    text-transform: uppercase;
    opacity: 0.5;
   /*  @22 filter: alpha(opacity=50);  For IE8 and earlier  */
}
.bg-green{ background: #1CAF9A; }
.bg-blue{ background: #428BCA; }
.bg-red{ background: #D9534F; }
.bg-dark{ background: #1D2939; }

.cl-green{ color:#1CAF9A; }
.cl-blue{ color:#428BCA; }
.cl-red{ color:#D9534F; }
.cl-dark{ color:#1D2939; }
.cl-white{ color:#FFFFFF; }

.LetrasIcontec {font-size: 11px}
.TituloImputar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }
.Titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.Datos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.NroNC {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }


#preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e4e7ea; 
    z-index: 1800; 
 }
 .Tgrande{
    color: blue;
    font-size: 18px !important;
     
 }
 
 #status {
    width: 30px;
    height: 30px;
    position:fixed;
    margin-left:50%;
    margin-top:50%;
    margin-left:-200px; 
    margin-top:-200px; 
    left: 50%; 
    top: 50vh;
    margin: -15px 0 0 -15px;
    font-size: 32px;
    z-index:1000;
 }

 .father-page {
    padding-top: 10px;
    padding-bottom: 5px;
 }

 .page-content {
    width: 97%;
    /* max-width: 1320px; */
    margin: 0px auto 25px auto;
    padding-top: 25px !important;

/* @22   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); 
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); */
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
 }
 
 /******MENU **********/
.navbar {
    background: #333333;
}

.navbar-toggle{
    background: gray !important;
}

.opc-module {
    height: 30px;
    /*margin-top: 2px;
    margin-right: 0;
    display: inline-block;
    float: right;*/
    position: relative;
    margin-top: -20px;
}

.opc-module button {
    border: none;
    margin-left: 2px;
    z-index: 1;
    width: 40px;
}

.sidebar .sidebar-shortcuts-large>.btn {
    margin-bottom: 1px;
}

/********* /MENU **************/
/********* ESTILOS LISTADOS ******************/
body {
    /* @22 -ms-overflow-style: scrollbar; */
}
.div-radio{
    /* display: table; **/
     /* width: 100%;**/
    text-align: left;
}

.div-radio div {
    display: table-cell;
}

#list-loader {
    display: none;
    text-align: center;
}
#list-loader2 {
    display: none;
    text-align: center;
}
/********* /ESTILOS LISTADOS *****************/

/******** ESTILOS FORMULARIOS ***************/

@media only screen and (min-width:768px) {

    .info_add {
        position: absolute !important;
        
    }
    
}

.info_add {
    position: inherit;
    right: 20px;
    top: 10px;
    font-weight: bold;
}
.info_add > span:nth-child(1) {
    color: #0000FF;
}

.info_add > span:nth-child(2) {
    color: #FF0099;
}

.clear-date {
    position: absolute;
    right: 43px;
    top: 12px;
    z-index: 200;;
}

.clear-date i{
    font-size: 20px;
}

.div-inputs-separate {
    position: relative;
}

.div-inputs-separate:after {
    content: '';
    border: 1px dotted #E2E2E2;
    position: absolute;
    right: 0;
    top: 65px;
    bottom: 0;
    margin-right: 15px;
}

.widget-toolbar {
    float: right;
}

.soloMayus {
    text-transform:uppercase;
}

.link-red-social {
    background: none;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.link-red-social i{ color:#fff; }


/******** /ESTILOS FORMULARIOS ***************/

/****** ESTILOS GENERALES *****************/
.page-header h1 {
    font-size: 2.7em;
}

.page-header h4 {
    font-size: 22px;
    color: #2e597d;
    width: 70%;
}

.btn-scroll-up {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: bold;
    touch-action: manipulation;
    color: #FFF!important;
    border: 5px solid #FFF;
    border-radius: 0;
    background: #428bca;
}

.page-subtitle {
    border-bottom: 1px dotted #2e597d;
    padding-bottom: 5px;
    padding-top: 7px;
    margin-bottom: 14px;
    background: linear-gradient(to right, rgba(179, 220, 237, 0) 0%, rgba(107, 160, 204) 95%, rgba(107, 160, 204) 100%); 
    border-top-right-radius: 12px;
}

.page-subtitle h5 {
    font-size: 18px;
    color: #2e597d;
}

.form-group {
    position: relative;
}

.form-group label {
    font-weight: bold;
}


.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.footer .footer-inner .footer-content {
    left: 0;
    right: 0;
}

.input-require {
    position: absolute;
    bottom: 24px;
    right: 3px;
}

input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea, select {
    border: none;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 0;
    padding-top: 15px;
}
textarea{
    height: 100px;
    width: 100%;
}
.chosen-container-single .chosen-single {
    border: none;
    border-bottom: 1px solid #aaa;
    padding-top: 13px;
}

/****** modal general ***********/
.modal-content > .modal-header {
    background: #428BCA;
    color: #fff;
    text-align: center;
}

#modal-body {
    padding: 6px;
}
/****** /modal general ***********/
/****** /ESTILOS GENERALES *****************/

/************* PESTAÑAS ********************/

.tabsModulos {
	position: relative;
	z-index: 1;
    /*white-space: nowrap; */ /*para q se acomoden y no se salgan de la pagina*/ 
    font-size: 0.95em;
}

.tabsModulos:after {
    content: '';
    border: 1px solid #4d87b7;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
}

.tabsModulos a {
	position: relative;
	display: inline-block;
    color: #fff;
    font-weight: bold;
	text-decoration: none;
	padding: 1em 2em 1em 1em;
	margin: 0 -7px;
} 

.tabsModulos a:hover {
    color: rgb(26, 22, 43);
    font-size: 1.01em;
    transition: all 0.5s ease-in;
}

.tabsModulos a::before {
	content: ''; /* To generate the box */
	position: absolute;
	top: 0; right: 0; bottom: .5em; left: 0;
    z-index: -1;
	border: .1em solid #4d87b7;    
	border-radius: 10px 10px 0 0;
    background: #6ba0cc;
    transform: perspective(5px) rotateX(2deg);
	transform-origin: bottom left;    
}

.tabsModulos a.selected {
    z-index: 2;
    color: #8186a0;    
}

.tabsModulos a.selected::before {
	margin-bottom: -1px;
    border-top-width: 1px;
    background: #fff;
    border-bottom: none;
}

.main-form {
	display: block;
	padding: 1em;
	border-radius: 3px;
}

.chosen-container-single {
    width: 100% !important;
}
.chosen-container-multi {
    width: 100% !important;
}

/************* /PESTAÑAS **************/

@media screen and (max-width: 58em) {
    /* Btnmodulos */
    .opc-module button {
        display: block;
    }

    .page-header{
        margin-top: 35px;
    }
    
    /* Pestañas */
    .tabsModulos {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;

    }
	.tabsModulos:after {
        border: none;
    }

    .tabsModulos span{
        display:none;
    }
}

@media (min-width: 768px) {
    .is-mobile {
        display: none;
    }

    .opc-module {
        /*margin-top: -2px;
        margin-right: 9px;*/
       
        position: absolute;
        top: 25px;
        right: 3px;
        z-index: 900;
    }

    .form-list {
        width: 95%;
    }
}

@media only screen and (min-width: 992px) {
    .sidebar.h-sidebar{
        margin-top: 5px;
    }
}

@media (max-width: 992px) {
    .div-inputs-separate:after {
        border: none;
    }
}


/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
    border-radius: 10px;
    width: fit-content;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    background-color: #57a0d1;
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 9px 16px;
    text-decoration: none;
    font-size: 16px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
  
  /* Add an active class to highlight the current page */
  .activenav {
    background-color: #2f75b3 !important;
    color: white;
  }
  /* .active {
    border-bottom: 4px solid var(--color-gfg);
    color: var(--color-gfg);
    bottom: 0px;
    width: 100%;
    border-radius: 3px;
} */
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }
  
  
  /* Add a dark background on topnav links and the dropdown button on hover */
  .topnav a:hover {
    background-color: #528cb1;
    color: white;
  }
  .topnav a:nth-last-child(2) {
    border-radius: 0px 0px 10px;
  }
  
  
  /* Add a grey background to dropdown links on hover */
  
  
  /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
  @media screen and (max-width: 600px) {
    .topnav a:not(.activenav) {
      display: none;
    }
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  @media screen and (max-width: 820px) {
    .topnav a:not(.activenav) {
      display: none;
    }
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      border-top: 1px solid #ffffff;
    }
    .topnav.responsive  {float: none;}
    .topnav.responsive  {position: relative;}
    .topnav.responsive  {
      display: block;
      width: 100%;
      text-align: left;
    }
  }

  @media screen and (max-width: 820px) and (min-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      border-top: 1px solid #ffffff;
    }
    .topnav.responsive  {float: none;}
    .topnav.responsive  {position: relative;}
    .topnav.responsive  {
      display: block;
      width: 100%;
      text-align: left;
    }
  }