.theme-green .bars {
    color: #000;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#IdLogoIkusi {
    opacity: 1;
    height: 200px;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #ffffff;
    background-color: #01bc70;
    border-color: #01bc70;
}
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #ffffff;
    background-color: #01bc70;
    border-color: #01bc70;
}
#btnCollapse3, #btnGuardarMovimientos, #btnGuardar, #btnCollapse, #btnGuardarFecha {
    color: #fff;
    background-color: #01bc70;
    border-color: #01bc70;
}

.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
    color: #01bc70;
}

#IdnavSideBar {
    background-color: #e8eef4;
}
.sidebar .user-info {
    padding: 13px 15px 12px 15px;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    background-color: #e8eef4;
    height: 135px;
}
*::selection {
    background: #d6d6d6;
    color: #01bc70;
}

*::-moz-selection {
    background: #01bc70;
    color: #01bc70;
}



@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: normal;
  src: url(../Tipografia/Montserrat-Regular.otf) format('opentype');
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../Tipografia/iconosgoogle.woff2) format('woff2');
}

.iconoPendiente, .iconoPendienteActivo {
    position:absolute !important;
    right:10px;
    margin-top: -2px !important;
}

.iconoPendienteActivo {
    right: 15px;
}

.iconoPendienteHeader {
    position: absolute !important;
    right: 50px;
    margin-top: 3px !important;
}

.activeOtro i {
    color: #31B404 !important;
}

.activeOtro span {
    color: #31B404 !important;
}

.cssTituloBarra {
    font-family: Montserrat;
    font-size: 21px;
    color: #fff;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /*line-height: 1;*/
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.cssSpanSubmenu {
    padding-left: 5px;
    padding-top: 3px;
    font-family: Roboto !important;
    font-weight: bold !important;
}

.cssSpanMenuUser {
    padding-left: 7px;
    padding-right: 17px;
    top: -5px !important;
    position: relative;
    font-family: Roboto !important;
    font-weight: bold !important;
}

.cssSubMenuUser {
    color: #666 !important;
}

.cssSubMenuUser:hover {
    color: #2E2E2E !important;
}

.cssDivSubMenuUser {
    height:40px;
    background-color: transparent;
}

.cssDivSubMenuUser:hover {
   background-color: #E6E6E6;
}

.cssIconMenuUser {
    padding-top: 7px;
    padding-left: 7px;
}

#arrowUser:hover {
    color: #fff !important;
}

#arrowUser:hover {
    color: #3ADF00 !important;
}

.name, .email {
    cursor: pointer;
}

.name:hover, .email:hover {
    color: #3ADF00 !important;
}

.cssNotificacionesIcon {
    color: #fff;
    position: absolute;
    top: 19px;
    right: 20px;
}

.cssNotificacionesIcon:hover {
    color: #E6E6E6;
}

.cssBarraVertical{
    background: url(/images/BarraVertical.png);
    float: left;
    height: 32px;
    width: 1px;
}

.cssAutenticator:hover {
    text-decoration-color: none !important;
    text-decoration: underline !important;
    color: #00ff21 !important;
}

.cssAlignTHRight {
    text-align:right;
}

.cssFieldset { 
    border:1px solid #FFF;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}

.rotateMe {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}

.rotateMe:hover {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}

.cssPopUp {
    width:84%; 
    height:84%; 
    background-color:#fff; 
    position:absolute; 
    left:8%; 
    z-index:888888;

     /*para Firefox*/
    -moz-border-radius: 8px 8px 8px 8px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 8px 8px 8px 8px;
    /* para Opera */
    border-radius: 8px 8px 8px 8px;

    -webkit-box-shadow: 0px 4px 72px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 4px 72px 0px rgba(255,255,255,1);
    box-shadow: 0px 4px 72px 0px rgba(255,255,255,1);
}

.divShowHide {
    float: right; 
    height: 40px; 
    width: 40px; 
    margin-top: 8px; 
    background-color: #E6E6E6;
    padding-top:4px;
    padding-left:3px;
    cursor: pointer;
    -webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
}

.cssLegend {
    font-weight: bold;
	font-size: 16px;
	color: #FFF;
}



.cssBotones {	
    /*width:200px;*/
	background-color: #39ae29; /*Verde proporcionado por Imágen*/
	font-family: Montserrat, Trebuchet MS, Arial;
	font-size:17px;
    font-weight: bold;
	color:#FFF;
    text-align:center;
    padding: 10px;
     /*para Firefox*/
    /*-moz-border-radius: 5px 5px 5px 5px;*/
    /*para Safari y Chrome*/
    /*-webkit-border-radius: 5px 5px 5px 5px;*/
    /* para Opera */
    /*border-radius: 5px 5px 5px 5px;*/
	cursor:pointer;
}

.cssBotones:hover {
    background-color: #3ADF00;
}

.cssBoton {	
    /*width:200px;*/
	background-color: #64B216;
	font-family: Trebuchet MS, Arial;
	font-size:20px;
    font-weight:bold;
	color:#FFF;
    text-align:center;
    
    padding: 9px;
    
     /*para Firefox*/
    -moz-border-radius: 5px 5px 5px 5px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 5px 5px 5px 5px;
    /* para Opera */
    border-radius: 5px 5px 5px 5px;
	cursor:pointer;
}

.cssBoton:hover {
    background-color: #3ADF00;
}

.cssTextBoxReg {
    font-family: Arial;
	width:100% !important;
	height:28px !important;
    padding-left:10px;
	border-style:solid;
	border-width:1px;
	border-color:#BDBDBD;
	color:#151515;
    font-size:18px;
	 /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    /* para IE */
    behavior:url(border.htc);
}

.cssTextBoxAsLabelComment {
    font-family: Arial;
	width:500px;
	height:50px;
    padding-left:10px;
	border-style:none;
	/*border-width:1px;
	border-color:#BDBDBD;*/
	color:#151515;
    font-size:18px;	
	 /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    /* para IE */
    behavior:url(border.htc);
}

.cssTextBoxAsLabelCommentWithBorders {
    font-family: Montserrat;
    font-size:18px;
    width:500px;
	height:28px;
    padding-left:10px;
	border-style:solid;
	border-width:1px;
	border-color:#BDBDBD;
	color:#151515;
	 /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    /* para IE */
    behavior:url(border.htc);
}

.cssTextBoxAsLabel {
    font-family: Arial;
	width:250px;
	height:28px;
    padding-left:10px;
	border-style:none;
	/*border-width:1px;
	border-color:#BDBDBD;*/
	color:#151515;
    font-size:18px;
	 /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    /* para IE */
    behavior:url(border.htc);    	
}

.cssLabelReg {
    font-family: Montserrat;
    font-size:18px;
}

.cssTituloForm {
    font-family: Montserrat;
    font-weight: bold;
	font-size: 25px;
	color: #585858;
}

.cssSubTituloForm {
    font-family: Montserrat;
    font-weight: bold;
	font-size: 20px;
	color: #585858;
}

div.growlUI { background: url(../images/check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 { color: white; padding: 5px 5px 5px 75px !important; text-align: left }
div.growlUI h2 { font-size: medium !important }

.cssCarga {
   font-size: 4vw !important;
}

.cssTitNotif{
     font-family: Montserrat;
     font-size:37px;
}

.cssToglePass {
    background: #E6E6E6 url(../images/ver.svg) repeat 100%;
}

.cssToglePassActive {
    background: #E6E6E6 url(../images/ocultar.svg) repeat 100%;
}

.cssDetNotif {
     font-family: Montserrat;
     font-size: 30px;
}

.lblError{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    color: #FF0000;
}

.lblError ul {
    margin:0 !important;
    padding:0 !important;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: 'Seleccionar Una';
  display: inline-block;
 
	background-color: #64B216;
	
	font-family: Trebuchet MS, Arial;
	font-size:20px;
    font-weight:bold;
	color:#FFF;
    text-align:center;
    
    padding: 13px;
    
     /*para Firefox*/
    -moz-border-radius: 5px 5px 5px 5px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 5px 5px 5px 5px;
    /* para Opera */
    border-radius: 5px 5px 5px 5px;

	cursor:pointer;

}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.custom-file-input {
  color: transparent;
}

.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}

.tituloVentanaInformacion
{
    font-family: Montserrat;
    font-weight: bold;
	font-size: 14px;
	
    padding: 3px;
}

.ventanaInformacion, .tablaVentanaInformacion
{
    font-family: Montserrat;
}

.tablaVentanaInformacion th, .etiquetaVentanaInformacion
{
    font-weight: bold;
}

.tablaVentanaInformacion th, .tablaVentanaInformacion td
{
    
    border: 1px solid black;
    padding: 3px;
}

.cssHeaderB {
    font-family: Montserrat;
    color: #fff;
    font-size: 16px;
}

.cssNameLogo {
    font-family: Montserrat;
    color: #000;
    font-size: 20px;
}

.cssContenedorGeneralAdmin {

    margin-top:0px;

    height:auto;
    background-color: #FFF;

        box-shadow: 2px 2px 5px #999;
        -webkit-box-shadow: 2px 2px 5px #999;
        -moz-box-shadow: 2px 2px 5px #999;
        filter: shadow(color=#999999, direction=135, strength=2);
        font-family: Montserrat;
}

.divider-vertical {
    height: auto;
    margin: 0 9px;
    border-right: 1px solid #FFF;
}

.cssLogin {
        /*para Firefox*/
    -moz-border-radius: 9px 9px 9px 9px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 9px 9px 9px 9px;
    /* para Opera */
    border-radius: 9px 9px 9px 9px;

    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    filter: shadow(color=#999999, direction=135, strength=2);
}

/*Menu Vertical*/
a {
    text-decoration-color: none !important;
    text-decoration: none !important;
}

.dropdown-menu li {
    padding: 0px !important;
    margin: 0px !important;
}

.user-helper-dropdown ul {
    margin-left: -140px !important;
}

.user-helper-dropdown i {
    margin-bottom: 10px !important;
}
/*Termina CSS de Menu Vertical*/