/* Minification failed. Returning unminified contents.
(141,2): run-time error CSS1019: Unexpected token, found '@import'
(141,10): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:400,700)'
(192,17): run-time error CSS1036: Expected expression, found ';'
 */
#head2{
	  background-color: #444;
	width:100%;
	position: relative;
}
#head2 ul {
	float:left;
	background-color: #444;
	width:100%;
}
 
 
 
.bit-seg-menu li {
    line-height: 38px;
    display: inline-block;
    float: left;
/*  margin-right: 1px;  */
  
}
.bit-seg-menu a {
    color: #aaa;
    font-weight: 700;
    text-decoration: none;
    padding: 0 15px;
    display: block;
    text-transform: uppercase;    
}
.bit-seg-menu a:hover, .bit-seg-menu a.active {
    background: #333;
    color: #fff;
 
}
/**/


ul.bit-seg-menu-ul-main, ul.bit-seg-menu-ul-main li, ul.bit-seg-menu-ul-main ul {  
 list-style: none;
    margin: 0;
    padding: 0;
}
 ul.bit-seg-menu-ul-main
{
   background-color: #444;  width:100%;
    }

ul.bit-seg-menu-ul-main li { float: left; position: relative;    width: auto; display:inline-block; }
ul.bit-seg-menu-ul-main li.iehover { z-index: 1000;   }

ul.bit-seg-menu-ul-main ul {
 display: none;
 position: absolute;
 top: 38px;
 left: 0;
 z-index: 9999; 
 
}
 
 
ul.bit-seg-menu-ul-main ul li{ 
 
	background-color: #6E6E6E;
	border-bottom:1px solid #fff;
 
	width:187px; 
	 z-index: 9999; 	
	 
} 

/* Root Menu */
ul.bit-seg-menu-ul-main a {    		 
 
	text-decoration:none;
	line-height:38px;		
	padding:0 10px;
	display:block;
	
}
 
/* 2nd Menu */
ul.bit-seg-menu-ul-main ul ul {
	left:187px;
	top:0;
	 z-index: 9999; 
}
ul.bit-seg-menu-ul-main li:hover li a, ul.bit-seg-menu-ul-main li.iehover li a {
 float: none;
   display:block;
}

 

ul.bit-seg-menu-ul-main li:hover li a.more, ul.bit-seg-menu-ul-main li.iehover li a.more{
	 
	display:block;
}

/* 2nd Menu Hover Persistence */
ul.bit-seg-menu-ul-main li:hover li a:hover, ul.bit-seg-menu-ul-main li.iehover li a:hover{
	text-decoration:none;
 } 

ul.bit-seg-menu-ul-main li:hover li a.more:hover, ul.bit-seg-menu-ul-main li:hover li:hover a.more, ul.bit-seg-menu-ul-main li:hover li:hover li:hover a.more:hover, ul.bit-seg-menu-ul-main li:hover li:hover li:hover a.more, ul.bit-seg-menu-ul-main li.iehover li a.more:hover, ul.bit-seg-menu-ul-main li.iehover li.iehover a.more {
  
 display:block;
}

/* 3rd Menu */
ul.bit-seg-menu-ul-main li:hover li:hover li a,ul.bit-seg-menu-ul-main li.iehover li.iehover li a {
 
 text-decoration:none;
}

/* 3rd Menu Hover Persistence */
ul.bit-seg-menu-ul-main li:hover li:hover li a:hover, ul.bit-seg-menu-ul-main li:hover li:hover li:hover a,
ul.bit-seg-menu-ul-main li.iehover li.iehover li a:hover, ul.bit-seg-menu-ul-main li.iehover li.iehover li.iehover a {
 
 text-decoration:none;
}

/* 4th Menu */
ul.bit-seg-menu-ul-main li:hover li:hover li:hover li a, ul.bit-seg-menu-ul-main li.iehover li.iehover li.iehover li a {
 
 text-decoration:none; 
}

/* 4th Menu Hover */
ul.bit-seg-menu-ul-main li:hover li:hover li:hover li a:hover, ul.bit-seg-menu-ul-main li.iehover li.iehover li.iehover li a:hover {
 
 text-decoration:none;
}

/* Hover Function */
ul.bit-seg-menu-ul-main li:hover ul ul, ul.bit-seg-menu-ul-main li:hover ul ul ul, ul.bit-seg-menu-ul-main li.iehover ul ul, ul.bit-seg-menu-ul-main li.iehover ul ul ul { display: none; }
ul.bit-seg-menu-ul-main li:hover ul, ul.bit-seg-menu-ul-main ul li:hover ul, ul.bit-seg-menu-ul-main ul ul li:hover ul,
ul.bit-seg-menu-ul-main li.iehover ul, ul.bit-seg-menu-ul-main ul li.iehover ul, ul.bit-seg-menu-ul-main ul ul li.iehover ul {
 display: block; 
}


 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button, html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled], html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body {
    font-family: 'Open Sans', sans-serif; 
    font-size: 13px;
    color: #2F2F2F;
    background: rgba(189, 195, 199,.5);
}
.login-bg {
    background: url(../img/bg.jpg) 0 0 repeat;
}
.login {
    background: #fff;
    padding: 20px 60px;
    width: 300px;
    margin: 10% auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}
.login img {
    height: 80px;
}
.login label {
    display: block;
    margin: 10px 0;
}
.login label span {
    display: block;
    padding: 5px 0;
}
.login a {
    color: #666;
}
.login a:hover {
    color: #333;
}
.login input[type=text], .login input[type=password] { 
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.login button {
    color: #fff;
    background: ;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 100%; 
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.clearfix {
    clear: both;
}
.header {
    padding: 15px;
    background-color: #2F2F2F;
}
.logo {
    float: left;
    height: 38px;
    line-height: 38px; 
}
.logo img {
    max-width: 100%;
    height: 100%;
}
.right-menu {
    float: right;
    color: #fff;
    line-height: 38px;
}
.right-menu a {
    color: #aaa;
    text-decoration: none;
    padding: 0 10px;
}
.right-menu a:hover {
    color: #fff;
}

.padding {
    padding: 20px;
}
.content {
    background: #fff;
    margin: 15px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
h1 {
    background-color: rgba(239,240,244,.7);
    padding: 14px 20px;
    color: #444;
    margin: 0; 
    font-size: 22px;
    font-weight: 400;
} 
.form {
    padding-bottom: 50px;
}
.form label {
    display: block;
    margin: 10px 0;
}
.form label span {
    display: inline-block;
    width: 120px;
}
input[type=text], input[type=password], select, textarea {
    padding: 4px;
    border: 1px solid #666;
    font-family: 'Open Sans', sans-serif; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-color: #ccc;
    min-width: 200px;
}
textarea {
    min-width: 400px;
}
button,.botones {
    color: #fff;
    background: #2980b9;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 8px 15px;
    margin-top: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2); 
    text-decoration:none;
}
button:hover,.botones:hover {
    background: #3498db;
}
button.marginLeft {
    margin-left: 122px;
}


fieldset {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 40px 12px;
    width: 42%;
    float: left;
}
legend {
    margin-left: -11px;
    font-weight: 700;
    padding-right: 10px;
    background: #fff;
}
.checkbox label {
    display: inline-block;
    float: left;
    margin-right: 35px;
}
input[type=checkbox] {
    position: relative;
    bottom: -2px;
}
fieldset input[type=text] {
    border: 0;
    border-bottom: 1px solid #666;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
textarea {
    vertical-align: top;
    width: 70%;
}
label em {
    color: #fff;
    background: #e74c3c;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-style: normal;
}
.datepicker {
    background: url(../img/calendar.png) 96% center no-repeat;
} 
.solicitud-viajes {
    width: 800px;
    margin: 20px auto;
}
.solicitud-viajes h1 {
    background-image: url(../img/solicitud-viajes.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 55px;
}
.solicitud-viajes .datepicker {
    margin: 0 10px 0 5px;
}
.estado-envio h1 {
    background-image: url(../img/estado-envio.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 55px;
}

.catalogos h1 {
    background-image: url(../img/catalogos.jpg);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 55px;
}

.reportes h1 {
    background-image: url(../img/reportes.jpg);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 55px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}
table th {     
    padding: 10px;
    text-align: left;
    background: #444;
    color: #fff;
}
table th:first-child {
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}
table th:last-child {
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
}
table td {
    padding: 10px;
    color: #666;
}
table tr:nth-child(odd) td {
    background: rgba(239,240,244,.6);
}
.icon-detail, .icon-catdetail {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/detail.png) center center no-repeat;
    background-size: 18px;
    float: right;
}
.icon-cancel {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/cancel.png) center center no-repeat;
    background-size: 24px;
    float: right;
}
.filter p {
    margin-top: 0;
}
.filter label span {
    display: inline-block;
    width: 100px;
}
.filter input[type=text] {
    margin-right: 10px;
}
.filter button {
    padding: 6px 15px;
    margin-top: 0;
}
.pag {
    margin: 1em 0;
}
.pag.right {
    text-align: right;
}
.pag a {
    text-decoration: none;
    color: #666;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #eee;
}
.pag a:hover {
    background: #ddd;
}
.pag .active, .pag .active:hover {
    color: #fff;
    background:#2980b9;
}
.visor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.pp {
    background:#fff;
    width: 500px;
    margin: 10% auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.pp h2 {
    margin-top: 0;
    font-weight: normal;
    border-bottom: 3px solid rgb(239,240,244);
    padding-bottom: 10px;
    padding-left: 36px;
    background: url(../img/file.png) 0 0 no-repeat;
    background-size: 28px;
}
.pp .form {
    color: #999;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.pp .form label {
    margin: 0;
    
}
.pp .form label span {
    color: #333;
    border-right: 1px solid #eee;
    padding: 10px;
    margin-right: 10px;
    width: 120px;
}
.pp .close {
    overflow: hidden;
    margin: 1em 0 0;
}
.pp .close a {
    float: right;
    color: #3498db;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
.ui-datepicker {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

 .prioridades{
             float:right;
         }
        .prioridades li{ 
            list-style:none;
            display:inline-flex;
            padding:8px;
        }
        .prioridades-2 li{
             list-style:none;
            display:inline-flex;
        }
        .input-sinfondo{
             background: none !important;
             border: 0 !important;
             border-bottom: 1px solid #111 !important;
        }
        .chk-orden{
            padding:8px;
            display:inline-flex !important;
        }
        .dev-cambiar-estado{           
            padding-right:15px;
            text-decoration:none;
            color:#2980b9;
        }
        .dev-cambiar-estado:hover{
            background:url(../img/edit_icon.png) no-repeat right;   
            text-decoration:underline;        
            color:#111;
        }
        .dev-cambiar-estado-no-edit{
             padding-right:15px;
            text-decoration:none;
            color:#2980b9;
            cursor:default;
        }
        .ul-cambiarestado li{
            list-style:none;
        }

.error-asignacion {
    background-image: url(../img/cancel.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 28px;
 
    background-color: rgba(239,240,244,.7);
    padding: 14px 55px;
    color: #444;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}
.exito-asignacion {
    background-image: url(../img/exito.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 28px;
   
    background-color: rgba(239,240,244,.7);
    padding: 14px 55px;
    color: #444;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}

.anormal {
    padding-right: 15px;
    text-decoration: none;
    color: #2980b9;
}
 .anormal:hover {
        text-decoration: underline;
        color: #111;
    }


.datos-container{
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
}

.dato-box{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    background-color: #f1f3f5;
    padding: 15px;
    border-radius: 8px;
    box-sizing: border-box;
}

.dato-box h6{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 10px 0;
}

.dato-box p{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1.1;
}

.charts-container{
    padding-bottom: 50px;
}

.chart-inner{
    height: 350px;
    margin-bottom: 30px;
}

.inner-content{
    min-height: 100%;
}

.inner-content{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    overflow: auto;
}

.chart3{
    height: auto;
}

.chart3 h3{
    font-size: 14px;
    margin: 0 0 10px 0;
}

.chart3 table{
    width: 100%;
    margin: 0;
}

.chart3 table th:nth-child(2),
.chart3 table td:nth-child(2){
    width: 100px;
    text-align: center;
}

.chart3 table tfoot td{
    background-color: #f1f1f1;
    font-weight: bold;
    border-top: 1px solid #aaa;
}

.chart-inner .table-container table td:nth-child(2){
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px){

    .datos-container{
        grid-template-columns: repeat(auto-fill, minmax(150px, 220px));
    }

    .charts-container{
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }

    .chart-inner{
        flex-grow: 1;
        max-height: 450px;
        min-height: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        overflow: visible;
        margin: 0;
    }

    .chart1, .chart2{
        max-width: 50%;
        flex: 0 0 50%;
    }

    .chart3{
        margin-top: 30px;
    }

    .chart3 .inner-content{
        justify-content: flex-start;
    }

    .chart-inner .table-container{
        overflow: auto;
        max-height: 280px;
        position: relative;
        flex-grow: 1;
    }

}

@media (min-width: 1600px){

    .chart3{
        max-width: 20%;
        flex: 0 0 20%;
        margin-top: 0;
    }

    .chart1, .chart2{
        max-width: 40%;
        flex: 0 0 40%;
    }

    .chart-inner{
        min-height: 380px;
    }
}
.circleActive {
    display: inline-block;  
    width: 7px;  
    height: 7px;  
    border-radius: 50%;  
    background-color: green;  
}