.box-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 150px;
        height: 150px;
      }

      .box-loading > div {
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
      }

      .box-loading img{
        margin-top: 35px;
      }

      body::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
        }

        body::-webkit-scrollbar-track {
            background-color: #F5F5F5;
        }

        /* Handle */
        body::-webkit-scrollbar-thumb {
            background: #d3d3d3;
            border-radius: 7px;
        }

        /* Handle on hover */
        body::-webkit-scrollbar-thumb:hover {
            background: #6c757d;
        }
     

      .loader {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        border: 8px solid transparent;
        border-top: 8px solid #0080c3;
        border-bottom: 8px solid #0080c3;
        border-radius: 100%;
        animation: rotate 5s linear infinite;
      }

      .loader-1 {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        border: 8px solid #aca9aa;
        border-radius: 100%;
        animation: rotate 5s linear infinite;
      }

      .loader-2 {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        border: 8px solid transparent;
        border-top: 8px solid #0080c3;
        border-bottom: 8px solid #0080c3;
        border-radius: 100%;
        animation: rotate 1s linear infinite reverse;
      }

        

      .scroll-personalizado::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
        }

        .scroll-personalizado::-webkit-scrollbar-track {
            background-color: #F5F5F5;
        }

        /* Handle */
        .scroll-personalizado::-webkit-scrollbar-thumb {
            background: #d3d3d3;
            border-radius: 7px;
        }

        /* Handle on hover */
        .scroll-personalizado::-webkit-scrollbar-thumb:hover {
            background: #6c757d;
        }


      @keyframes rotate {
        0%{transform: rotate(0deg);}
        100% {transform: rotate(360deg);}
      }




/*MENU PROCESOS*/

	#wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}


    .left-menu{
    	position: relative;
        top: 0 !important;
        float: left;
        z-index: 1;
      /*  transform: translateY(125%); */
    }

    .left-menu {
        display: inline-block;
        white-space: nowrap;
        width: 50px;
        transition: width .5s;
        height: 100vh;
        background: #2c3e50;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #3498db, #2c3e50);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #3498db, #2c3e50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

		
    }

    .bg_acordeon{
        background-color: #2980b9;
    }

    .bordes_superiores{
        border-radius: 18px 18px 0px 0px !important;
        -moz-border-radius: 18px 18px 0px 0px !important;
        -webkit-border-radius: 18px 18px 0px 0px !important; 
        border: 0px solid #000000;
    }

    /*.left-menu:hover {
        width: 250px;
    }

    .left-menu .item-menu:hover {
        background-color: #7899BF;
    }*/

    .left-menu .icon-menu {
        margin: 15px;
        width: 20px;
        color: #fff;
    }

    .left-menu .item-menu img.icon-menu {
        font-size: 17px;
        vertical-align: middle !important;
    }

    .left-menu .item-menu, .item-menu a {
        height: 50px;
        overflow: hidden;
        color: #fff;
    }
    .item-menu:hover{
        background: #2c3e50;
        background: -webkit-linear-gradient(to bottom, #3498db, #2c3e50);
        background: linear-gradient(to bottom, #3498db, #2c3e50);
        border-radius: 0px 28px 28px 0px;
        -moz-border-radius: 0px 28px 28px 0px;
        -webkit-border-radius: 0px 28px 28px 0px;
        border: 0px solid #000000;
    }

    .acordeon_borders{
        border-radius: 18px !important;
        border: 0px solid #000000;
        margin-top: 2px;
    }
    .acordeon_borders:hover{
        opacity: 0.8;
    }

    .bg_card{       
        background-color: #eeee!important;
    }

    .bg_modal{
        background-color: rgba(255,255,255, 0.6);
    }

    .borde_card{
        border-radius: 18px !important;        
    }

    

    .acordeon_hijos{
        border-radius: 0px 18px 18px 0px;
        -moz-border-radius: 0px 18px 18px 0px;
        -webkit-border-radius: 0px 18px 18px 0px;
        border: 1px solid #CBCBCB;
    }
    .acordeon_hijos:hover{
        background-color:#eeee; 
    }

    .select_border{
        border-radius: 0px 18px 18px 0px;
        -moz-border-radius: 0px 18px 18px 0px;
        -webkit-border-radius: 0px 18px 18px 0px;
        border: 1px solid #CBCBCB;
    }

    .borde_multiselect{
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border: 1px solid rgb(206, 212, 218);
    }

    .inhabilitar_input{
      pointer-events:none;
      opacity: 0.4;
    }

    .ocult{
      display: none !important;
    }
    th,td { font-size: 9px; }
   

/*FIN MENU PROCESOS*/


.icon{
	width:15px;
	height:15px;			
}


label.error{
	color:red;
}


/*fomulario generales*/



	.label_general{
		font-weight:bold !important;		
	}
	.contenedor_general{
		-webkit-box-shadow: 0px 10px 58px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 10px 58px 0px rgba(0,0,0,0.35);
		box-shadow: 0px 10px 58px 0px rgba(0,0,0,0.35);
        background-color: rgba(255,255,255, 0.6);
		
    	margin-top: 10px;
    	
		border-radius: 18px 18px 0px 0px;
	}
	.titulo_general{
		text-align: center;  
    	margin-top: 10px;		
	}
	.titulo_general h1{
		color:white;
        font-size:12pt !important;
	}
	.titulo_general_row{
		border-radius: 8px 8px 0px 0px;
		background-color:#2980b9!important;
        margin-bottom: 1%;
	}



/*fin formularios generales*/


/*tables generales*/
.color_general{
	background-color:#2980b9!important;
	color:white;
}

.table_general thead tr{
	background-color:#2980b9!important;
} 
.table_general tbody tr td{
	color:black;
}
.table_general_2 tbody tr td{
    color:black;
    font-size: 18px !important;

}
.table_general {	
	border-collapse: collapse;
	overflow: hidden;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.35);
    background-color: rgba(255,255,255, 0.6);
}
.table_general thead tr th{
	color:white;
}


/*fin tables generales*/



/*tamaños de letras*/

.table_general tr,table tr{
	font-size:8pt !important;
}

select,input,button,textarea,a,label{
	font-size:11px !important;
}


/*fin tamaño de letras*/


/*nav-link  pestañas bootstrap*/

	
	.nav-link:hover{
-webkit-box-shadow: inset 0px -30px 43px -34px rgba(41,128,185,1);
-moz-box-shadow: inset 0px -30px 43px -34px rgba(41,128,185,1);
box-shadow: inset 0px -30px 43px -34px rgba(41,128,185,1);
		
	}
	.nav-link.active{
		background-color:#007bff !important;
		color:white !important;
	}

/*fin nav-link  pestañas bootstrap*/


/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 5px;
    border-style: solid;
    border-color: #2980b9 !important;
    border-width: 1px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #2980b9;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 4px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}