body{
    /*background-color:#f3f3f3;
    
    font-family: Lato,dana,Tahoma !important;*/
    /*font-family:Roboto,sans-serif;*/
    /*font-size: .85rem;
    letter-spacing: .3px;*/
}
.content-wrapper {
    background-color: #ededed;
    /*background-color: #d2dde8;*/
    /*background-color: white;*/
    /*background: #f3f3f3;*/
    /*background: #dae8f5; /*celeste vajito*/
}
.content-wrapper1 {
    background: #f3f3f3;
}
hr {
    margin-top: 10;
    margin-bottom: 10;
    border-top: 2px solid rgba(0, 0, 0, 0.11);
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight:normal !important;
}
.list-group-item {
    padding: .5rem 1.25rem;
}
.pull-right {
    float: right !important;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
.breadcrumb {
    margin-bottom: 0;
}
.class_red{
    color:red;
}
.form-control {
	/*height: calc(2.05rem + 2px);*/
   display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
/*font-size: 14px;*/
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.alert {
    position: relative;
    padding: .5rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}
.alert-primary {
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff;
}
.alert-secondary .alert-link {
    color: #202326 !important;
}
.alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb;
}
.alert-dark {
    color: #1b1e21 !important;
    background-color: #d6d8d9 !important;
    border-color: #c6c8ca;
}
.alert-info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb;
}
.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba;
}
/***** botones*************/
/**********************************/
.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*padding: 4px 10px 4px;*/
    margin-bottom: 0;
    /*font-size: 14px;*/
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
}
.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.btn-primary {
    background-color: #0074cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-surprise, .btn-surprise:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff  !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #0055cc;
}
.btn-info {
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #2f96b4;
}
.btn-success {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #51a351;
}
.btn-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #f89406;
}
.btn-danger {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #bd362f;
}
.btn-inverse {
    background-color: #414141;
    background-image: -moz-linear-gradient(top, #555555, #222222);
    background-image: -ms-linear-gradient(top, #555555, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
    background-image: -webkit-linear-gradient(top, #555555, #222222);
    background-image: -o-linear-gradient(top, #555555, #222222);
    background-image: linear-gradient(top, #555555, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
}

/*****************/
h5, .h5 {
    font-size: 1.25rem;
}
a {
    color: 
    #007bff;
}

a:active, a:hover {
    outline: 0;
}
a:hover {
    color: #d60c0c;
}
/*mio*/
.form-group {
    margin-bottom: 0.7rem;
}
/*separador*/
.separador {
    /*margin-bottom: .5rem;*/
    border-bottom: 1px solid #d7dde3;
}
/*-------------datatable-----------------*/
table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px;
}
/*alto de la celda*/
.table td, .table th {
    padding: 6px;
}
.text-danger{
    font-weight: bold;
    color: red;
}
.form-group {
    margin-bottom: 0.4rem;
}
/****************************************/
.btn{
 /*   padding: .175rem .375rem;*/
 white-space: normal;
}
.btn-default{
    border-color: #d2d0d0;
    /*background-color: #e1e1e1;*/
    color:#171717;
}
.btn-default.hover, .btn-default:active, .btn-default:hover {
    /*background-color: #e5f1fb;*/
    border-color: #0078d7;
}
/********degrade top menu**************************/
.menu_degrade{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f3f9ff), to(#a3bee1));
    background: -moz-linear-gradient(top, #f3f9ff, #a3bee1);
    */
    
    background-color: #42494d;
    border-bottom: 2px solid #007aeb;
}

/****************************************************/

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 0 solid rgba(0,0,0,.125);*/
    border-bottom: 2px solid #ccc;
    border-radius: .25rem;
}

.card-primary{ border-top: 4px solid #3798db;}
.card-success{ border-top: 4px solid #3dcc6c;}
.card-warning{ border-top: 4px solid #fdcf20;}
.card-secondary{ border-top: 4px solid #339cfc;}


.card-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #eeeeee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
/***************************************/
/***** asterisco de requerido *****************/
.required {
    padding: 5px;
    font-weight: bold;
    content: ' *';
    color: #ff0000;
}
/*formulario bien lindo linea azul top*/
.form_linetop{
    border-top: 2px solid #5ea4f3;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    background-color: #ffffff;
    padding: 0;
    max-width: 600px;
    margin: auto;
}
form .content{
    padding: 15px;
}
/****************************PURIOS colores de fondo *****************************************/
.bg-primary {  background-color: #1a52c6;}
.bg-blue1 { background-color: #dee7f2; }
.bg-green2 { background-color: #daeff1; }
.celda_green{background: #daeff1; }
.bg-green1 { background-color: #DCF9C6; }
.bg-celeste { background-color: #CFDCEA; }
.bg-grey{background-color: #EEE;}
.bg-blue2 {  color: #fff; background-color:     #337ab7;}
.bg-plomobajo{ background-color: #ecebeb;}
.bg-dark1 {  background-color: #343a40 !important; }

.imagetest{
    width: 100%;
}
.celda-yellow { 
    border-color: #ede7cd;
    background-color:#f7f1d5;
    color:#737063;
 }
.celda-blue{
    margin: 0 0 16px;
    padding: 0 9px;
    /*color:#000 !important;*/
    color: #117ace !important;
    /*background-color:#ddffff !important;*/
    /*border-left: 6px solid #ccc !important;*/
    border-bottom: 2px solid #ccc !important;
    border-color: #2196F3 !important;
}
.celda-orange {
    color: #eb7100;
    font-size: 1.5rem;
    font-weight: 500 !important;
    line-height: 1;
    margin: 0;
    padding-bottom: 0.5rem;
}

.data_error{
    font-weight: bold;
    color:red;
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;;
}



/*****************otrito** fieldset***************/
.fcafe{
    border: 1px solid #dadbdd;
    margin: 0 2px;
    padding: 10px;
    border-radius: 4px;
    background: #f5f5f5;
}
.fcafe legend{
    border:0;
    padding:0;
    white-space:normal;
    color: #39c;
    padding-left: 10px;
    padding-right: 10px;
}
/************************************************/
form .title {
    font-size: 1em;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 0.8em;
    font-weight: 600;
    padding-bottom: 8px;
}
.card-details {
    padding: 25px 25px 15px;
}
/******************************************/
.s-input, .s-textarea {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    padding: .6em .7em;
    border: 1px solid #bbc0c4;
    border-radius: 3px;
    box-shadow: 0 0 0 rgba(255,255,255,0);
    font-size: 13px;
    font-family: inherit;
    line-height: 1.15384615;
}
/***************************************/
.form-control {
    color: #444;
    /*color: #1c1e21;/*facebook*/
    /*height: calc(1.9rem + 0.5px);*/
    /*padding: 1px 5px;*/
    padding: .15rem .50rem;
    /*color: #232526;*/
    

}
.form-control:focus {
    box-shadow: inset 0 0 0 transparent,0 0 0 .2rem rgba(0,0,0,0);
    /*border-color: #2a8de1;
    color: #232526;*/
    /*background-color: #ffc;*/
    border-width: 2px;
}
/*el alto del select */
select.form-control:not([size]):not([multiple]) {
    height: calc(1.9rem + 0.5px);
}
/****************** mejorado para el boton de alado de texto*************************/
.input-group-text {
    
    line-height: 1;
}
/**************fondo de pantalla principal*******/
.bg_sistema{
    background-color: #5c6b7e;
    min-height: 700px;
    
}

/*paneles dela version bootstrap3*/
.panel {
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
    box-shadow:0 1px 1px rgba(0,0,0,0.05)
   }
   .panel-body {
    padding:15px
   }
   .panel-body:before,
   .panel-body:after {
    display:table;
    content:" "
   }
   .panel-body:after {
    clear:both
   }
   .panel-body:before,
   .panel-body:after {
    display:table;
    content:" "
   }
   .panel-body:after {
    clear:both
   }
   .panel>.list-group {
    margin-bottom:0
   }
   .panel>.list-group .list-group-item {
    border-width:1px 0
   }
   .panel>.list-group .list-group-item:first-child {
    border-top-right-radius:0;
    border-top-left-radius:0
   }
   .panel>.list-group .list-group-item:last-child {
    border-bottom:0
   }
   .panel-heading+.list-group .list-group-item:first-child {
    border-top-width:0
   }
   .panel>.table,
   .panel>.table-responsive>.table {
    margin-bottom:0
   }
   .panel>.panel-body+.table,
   .panel>.panel-body+.table-responsive {
    border-top:1px solid #ddd
   }
   .panel>.table>tbody:first-child th,
   .panel>.table>tbody:first-child td {
    border-top:0
   }
   .panel>.table-bordered,
   .panel>.table-responsive>.table-bordered {
    border:0
   }
   .panel>.table-bordered>thead>tr>th:first-child,
   .panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
   .panel>.table-bordered>tbody>tr>th:first-child,
   .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
   .panel>.table-bordered>tfoot>tr>th:first-child,
   .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
   .panel>.table-bordered>thead>tr>td:first-child,
   .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
   .panel>.table-bordered>tbody>tr>td:first-child,
   .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
   .panel>.table-bordered>tfoot>tr>td:first-child,
   .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left:0
   }
   .panel>.table-bordered>thead>tr>th:last-child,
   .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
   .panel>.table-bordered>tbody>tr>th:last-child,
   .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
   .panel>.table-bordered>tfoot>tr>th:last-child,
   .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
   .panel>.table-bordered>thead>tr>td:last-child,
   .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
   .panel>.table-bordered>tbody>tr>td:last-child,
   .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
   .panel>.table-bordered>tfoot>tr>td:last-child,
   .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right:0
   }
   .panel>.table-bordered>thead>tr:last-child>th,
   .panel>.table-responsive>.table-bordered>thead>tr:last-child>th,
   .panel>.table-bordered>tbody>tr:last-child>th,
   .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
   .panel>.table-bordered>tfoot>tr:last-child>th,
   .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
   .panel>.table-bordered>thead>tr:last-child>td,
   .panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
   .panel>.table-bordered>tbody>tr:last-child>td,
   .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
   .panel>.table-bordered>tfoot>tr:last-child>td,
   .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom:0
   }
   .panel>.table-responsive {
    margin-bottom:0;
    border:0
   }
   .panel-heading {
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-right-radius:3px;
    border-top-left-radius:3px
   }
   .panel-heading>.dropdown .dropdown-toggle {
    color:inherit
   }
   .panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
   }
   .panel-title>a {
    color:inherit
   }
   .panel-footer {
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
   }
   .panel-group .panel {
    margin-bottom:0;
    overflow:hidden;
    border-radius:4px
   }
   .panel-group .panel+.panel {
    margin-top:5px
   }
   .panel-group .panel-heading {
    border-bottom:0
   }
   .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top:1px solid #ddd
   }
   .panel-group .panel-footer {
    border-top:0
   }
   .panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom:1px solid #ddd
   }
   .panel-default {
    border-color:#ddd
   }
   .panel-default>.panel-heading {
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
   }
   .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#ddd
   }
   .panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#ddd
   }
   .panel-primary {
    border-color:#428bca
   }
   .panel-primary>.panel-heading {
    color:#fff;
    background-color:#428bca;
    border-color:#428bca
   }
   .panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#428bca
   }
   .panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#428bca
   }
   .panel-success {
    border-color:#d6e9c6
   }
   .panel-success>.panel-heading {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
   }
   .panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#d6e9c6
   }
   .panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#d6e9c6
   }
   .panel-warning {
    border-color:#faebcc
   }
   .panel-warning>.panel-heading {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
   }
   .panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#faebcc
   }
   .panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#faebcc
   }
   .panel-danger {
    border-color:#ebccd1
   }
   .panel-danger>.panel-heading {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
   }
   .panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#ebccd1
   }
   .panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#ebccd1
   }
   .panel-info {
    border-color:#bce8f1
   }
   .panel-info>.panel-heading {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
   }
   .panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color:#bce8f1
   }
   .panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color:#bce8f1
   }

/****mi panelcito****/
.panel_nu{
    padding: 9px 2px 7px 15px;
    background-color: #ECEBEB;
    border-top: 1px solid #e8e8e8;
    border-bottom: 2px solid #ccc;
}
/***************ahora el toolstrip ********/
.tools_panel{
    padding: 7px 1px 2px 5px;
    background-color: #ECEBEB;
    border-top: 1px solid #e8e8e8;
    border-bottom: 2px solid #ccc;
}
.tools_ini{
    background-image: url('../img/tools_ini.png');
    display: inline;
}
.tools_label{
    display: inline;
    padding: 5px;
}
.tools_label2{
    display: inline;
    padding-left: 5px;
    font-weight: bold;
}
/******************************************/



/**************NAVBAR***********************/
.menu-fondo {
    /*aplicable al contenedor*/
    background: #563d7c;
}
.nav_bg{
    padding: 0px;
    margin: 0px;
    background-color: #f1f2f5;
    /*border-style: solid;*/
    border-width: 1px;
    border-color: #c6cacd;
    
}
.nav_bg ul a{
    color:    #444 !important;
}

 /*resalte de item seleccionado*/
 .dropdown-item:focus, .dropdown-item:hover {
    background-color: #e3e5e8;
 }
/*********************/
/**************other cards ******************************/
.card_ex{
    min-width: 10rem;
    padding: 10px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color:#212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    
}
/************tabla para input de datos*********************/
.modal-box-block {
    padding: 20px 12px;
    color: #454545;
}
/************************** panel principal ***********/
.panel-primary {
    border-color: #DDD;
    border-top-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-top: 5px solid #369289;
    border-bottom: 5px solid #369289;
    background:     #FFF;
}
.panel-body {
    padding: 10px; /*antes 15*/
}
.panel-primary .panel-meta {
    background: #f5f5f5;
    padding: 10px;
    border-bottom: 1px dotted    #CCC;
    font-size: 85%;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5; 
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*************especial de la pagina*/
.user-menu-bar {
    background-color: 
    #095082;
    font-size: 13px;
}
.user-menu-bar .link-item {
    color: white;
    opacity: .8;
    margin: 5px 5px;
    display: inline-block;
    transition: all .2s;
}
.user-menu-bar .link-item:hover {
    text-decoration: none;
    opacity: 1;
    transition: all .2s;
}
/******************************/

.footer {
    background-color: 
    #003052;
    padding-top: 20px;
    padding-bottom: 20px;
    /*margin-top: 35px;*/
}
.footer .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
    color: 
    white;
}
.footer-list a:hover {
    color: 
    #fafafa;
    text-decoration: none;
    margin-left: 5px;
    transition: all .2s;
}
.footer-list a, .footer-list span {
    color: #f5f5f5;
    font-size: 14px;
    transition: all .2s;
}
.footer img {
    max-width: 100%;
}
.footer p {
    color: 
    #fafafa;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}
.footer .copy-right {
    display: block;
    font-size: 14px;
    text-align: center;
    color: 
    #96999c;
    margin-top: 25px;
}
.mar-v-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
.post-card-ribbon {
    position: absolute;
    top: -12px;
    left: -10px;
    padding: 5px 30px;
    margin: 0;
    color: 
    #fff;
    font-size: x-small;
    text-align: center;
    z-index: 999;
}
/*sombra del label de new product*/
.post-card-ribbon::before {
    left: 0;
    border-left: 10px solid 
    transparent;
}
.post-card-ribbon::before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    top: 100%;
    border-top: 10px solid 
    #343a40;
}
.bg-danger {
    background-color: 
    #dc3545 !important;
}
.card {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 
    rgba(0,0,0,.2);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.card:hover {
    -webkit-box-shadow: 0 4px 20px 0 rgba(168,182,191,.6);
    box-shadow: 0 4px 20px 0 
    rgba(168,182,191,.6);
}
.card-title a {
    color: #444;
    text-decoration: none !important;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.card-title a:hover, .card-title a:active {
    color: #fb9200;
}
/*pie de panel*/
.float-end {
    float: right;
}
.like-btn {
    background: 0;
    border: 0;
    color: 
    #c92d2d;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin: 0 3px;
}

.fs-10 {
    font-size: 10px !important;
}
.text-warning {
    color: 
    #ffc107 !important;
}
.t-pad-20 {
    padding-top: 20px !important;
}
.panel-title {
    padding: 16px;
    display: block;
    position: relative;
    background-color: #003052;
overflow: hidden;
color:    white;
    border-radius: 4px 4px 0 0;
}

.fs-16 {
    font-size: 16px !important;
}
.b-mar-20 {
    margin-bottom: 20px !important;
}
.d-block {

    display: block !important;

}
.fs-13 {

    font-size: 13px !important;

}
.pad-10 {

    padding: 10px !important;

}
.panel {

    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    display: block;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background:     #fff;
    overflow: hidden;
}
.panel:hover {

    -webkit-box-shadow: 0 4px 20px 0 rgba(168,182,191,.6);
    box-shadow: 0 4px 20px 0 

    rgba(168,182,191,.6);

}
.pad-15 {

    padding: 15px !important;

}

.pad-10 {

    padding: 10px !important;

}
.jssocials-share-logo {

    width: 1em;
    vertical-align: middle;
    font-size: 1.5em;

}
.jssocials-shares {

    margin: .2em 0;

}
.jssocials-share {

    display: inline-block;
    vertical-align: top;
    margin: .3em .6em .3em 0;

}
jssocials-share-email .jssocials-share-link {

    color: 

    #3490F3;

}
.jssocials-share-link {

    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;

}
.jssocials-share-link {

    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;

}
.jssocials-share-stumbleupon .jssocials-share-link {  color:  #eb4823;}
.jssocials-share-email .jssocials-share-link { color:  #3490F3;}
.jssocials-share-twitter .jssocials-share-link {  color:   #00aced;}
.jssocials-share-facebook .jssocials-share-link {  color:  #3b5998;}
.jssocials-share-whatsapp .jssocials-share-link {  color:  #29a628;}
.jssocials-share-viber .jssocials-share-link {    color:     #7b519d;}
.jssocials-share-messenger .jssocials-share-link {   color:   #0084ff;}

.keyword-cloud {

    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 255px;
    overflow-y: scroll;
    overflow-x: hidden;

}
.keyword-cloud li {

    display: inline-block;
    margin: 0 .3em .3em 0;
    padding: 0;

}
.keyword-cloud li a:hover {
    background-color: #3498db;
    border: 1px solid #3498db;
    color:     #fff;
}
.keyword-cloud li a {

    display: inline-block;
    max-width: 235px;
    height: 18px;
    line-height: 18px;
    padding: 0 .3em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:    #333;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;

}
.tag-cloud {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tag-cloud li {
    display: inline-block;
    margin: 0 .3em .3em 0;
    padding: 0;
}
.tag-cloud li a {
    display: inline-block;
    max-width: 235px;
    height: 28px;
    line-height: 28px;
    padding: 0 1em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
}
.tag-cloud li a:hover {
    background-color: 
#3498db;
border: 1px solid
#3498db;
color:
    #fff;
}

.mar-h-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: 
rgba(0,0,0,.03);
border-bottom: 1px solid
    rgba(0,0,0,.125);
}
/******************************par el menu**************/
.navbar .navbar-links {
    margin-right: auto !important;
    padding-left: 0;
}
.search-box {
    width: 160px;
    display: inline-block;
    margin: 0 3px;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/**********acordion************************************************************************/
.accordion .card {
    color: #424e5d;
    border: 1px solid #dddddd;
}
.accordion .card a {
    color: #424e5d;
    text-decoration: none;				
}
.accordion .card-header {
    background: linear-gradient(#fff, #f1f1f1);
    padding: .75rem 1rem;
    position: relative;
}
.accordion .card-header:hover {
    background: linear-gradient(#f1f1f1, #e8e8e8);
}
.accordion .card-header h2 {
    font-size: 1rem;
}
.accordion .fa {
    width: 20px;
    margin-right: .25rem;
}
.accordion .card-header a {
    float: left;
    width: 100%;
    cursor: pointer;
}
.accordion .toggle {
    font-size: .8rem;
    line-height: .8rem;
    cursor: pointer;
    opacity: 0.7;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 14px;
    margin: 0;
}
.accordion .toggle:hover {
    opacity: 1;
}
.accordion .card-body {
    padding: 0;
}
.accordion .list-group-item {				
    border-radius: 0;
    border-width: 1px 0 1px 0;
    padding-left: 30px;
    background: #d6dbe0;
    font-weight: 500;
}
.accordion .list-group-item:hover {
    background: #007bff;
    /*background:#6e8695;*/
}
.accordion .list-group-item:hover a {
    color: #fff !important;
}
.accordion .list-group-item:hover .badge{
    background: #fff;
    color: #007bff;
}
.accordion .list-group-item a {
    color: #495057;
    display: block;
}
.accordion .list-group-item .badge {
    float: right;
    min-width: 36px;
}
.accordion .rotate{
    transform: rotate(180deg); 
}
/**********fin acordion************************************************************************/
/************************* botones especiales de opciones li ***********/
#terms .nav:not(.nav-tabs) {
    white-space: nowrap;
    overflow-x: auto;
}
#terms .nav {
    margin: 0;
    padding: 3px 0;
    list-style: none;
}
#terms .nav li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
li.term-item.current {
    background-color: #7e7e7e;
}

li.term-item {
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 4px;
    background-color: #e6e6e6 ;/*#f2f2f2;*/
}
li.term-item.current > a {
    color: #fff;
}
li.term-item > a {
    padding: 5px 10px;
}
.nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}
#terms .nav li:not(.current) a {
    color: #4c4c4c;
}
.fft-terms-tabs {
    position: relative;
}    
.tab-pane:not(.all-expanded) .moreLess_inner {
    /*position: absolute;*/
    bottom: 18px;
    right: 0;
    background: #fff;
    padding: 12px 10px;
}
.all_terms li.moreLess {
    color: #0372f2;
    cursor: pointer;
}
/*********** adorno top card************************************/
.card_bordetop_gold {
    border-width: 6px 1px 1px 1px;
    border-top-color: #e9c155;
}
.card_bordetop_green {
    border-width: 6px 1px 1px 1px;
    border-top-color: #02b880;
}
/*********************************************/
.iconp {
    height: 24px;
    width: 24px;
    padding: 1px;
    float: left;
    /*margin-left: 15px;*/
    margin-right: 15px;
    /*border: 1px solid #ebebeb;*/
    /*border-radius: 50%;*/
}
.iconp1 {
    height: 24px;
    width: 24px;
    padding: 1px;
    float: left;
    /*margin-left: 5px;*/
    margin-right: 5px;
    /*border: 1px solid #ebebeb;*/
    /*border-radius: 50%;*/
}

/**************************para el header ful bien **********thene ******************/
.app-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #009688;
    z-index: 1030;
    padding-right: 15px;
}
.app-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style-type: none;
}
.app-nav__item {
    display: block;
    padding: 15px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.app-nav__item:hover, .app-nav__item:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.app-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 15px;
    padding: 10px 0;
}
.app-search__input {
    border: 0;
    padding: 5px 10px;
        padding-right: 10px;
    padding-right: 30px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.app-search__button {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    padding: 0 10px;
    border: 0;
    color: rgba(0, 0, 0, 0.8);
    background: none;
    cursor: pointer;
}
.app-notification__title {
    padding: 8px 20px;
    text-align: center;
    background-color: rgba(0, 150, 136, 0.4);
    color: #333;
}
.app-notification__content {
    max-height: 220px;
    overflow-y: auto;
}

.app-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #FFF;
    /*margin: -30px -30px 30px;*/
    padding: 20px 30px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.app-title h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
}
.app-title p {
    margin-bottom: 0;
    font-style: italic;
}
.app-breadcrumb {
    margin-bottom: 0;
    text-align: right;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    padding: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
}
.app-content {
    margin-top: 50px;
    min-width: 100%;
}
.app-content2 {
    min-height: calc(100vh - 50px);
    padding: 30px;
    /*background-color: #E5E5E5;*/
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
}
/****************colores*****************************************/
.bg-yellow {
    background-color: #e18f0c;
}
.bg-violet0 {
    background-color: #435d7d;
}
.bg-blue0 {
    background-color: #205b80;
}
/****************** nav2 lista vertical ****************************/
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.nav2 {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav2 > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav2 > li > a:hover, .nav2 > li > a:active, .nav2 > li > a:focus {
    color: #444;
    background: #f7f7f7;
}
.nav2 > li > a:focus, .nav2 > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}
/*************/
.img-circle {
    border-radius: 50%;
}

.titulo3 {
    border-bottom: 2px solid #9f7b5e;
    /*box-shadow: 0 1px 0 red;*/
    color: #b07200;
    padding-left: 1px;
    margin-bottom: 10px;
}
.titulo4{
    /*border-bottom: 2px solid #9f7b5e;*/
    /*box-shadow: 0 1px 0 red;*/
    color: #b07200;
    padding-left: 1px;
    margin-bottom: 10px;
    font-size: 1.25rem;
}
/**********imagelist upload files *****************/
.image-list {
    padding: 0px;
    
}
.image-list li.single_image {
    width: 110px;
    height: 90px;
    background: #f2f2f2;
    margin: 12px;
}
.image-list li {
    display: inline-block;
    padding: 5px;
}
.image-list li.single_image .image_thumb {
    display: block;
    margin: 0 auto;
    height: 74%;
}
.image-list li.single_image .remove_image {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    padding: 3px 14px;
    background: #ff4b74;
    color: white;
    border-radius: 2px;
    font-size: 15px;
}
/******************************/
/**************para los bloques de cursos **********/
ul.productos_destacados {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    list-style-type: none;
}
.productos_destacados li {
    max-width: 270px;
}
.productos_destacados li:hover {
    opacity: 0.95;
}
.productos_destacados a {
    text-decoration: none;
}
/*.productos_destacados a:hover {
    font-weight: bold;
}*/

/*este es el li bloque*/
li .ejecutiva_cover {
    display: flex;
    height: 145px;
    margin: 28px 0 0;
    padding: 22px 38px;
}
.bg_01 { background-image: url(../images/bg01.jpg);}
.bg_02 { background-image: url(../images/bg02.jpg);}
.bg_03 { background-image: url(../images/bg03.jpg);}
.bg_04 { background-image: url(../images/bg04.jpg);}

h1.iso_logo_formacion {
    width: 100%;
    height: 100%;
   
    transition: .3s;
    color: white;
}
h1.iso_logo_formacion:hover {
    height: 95%;
}
li .intro_producto_ejecutiva {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 10px 28px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    
    font-size: 1.0625rem;
    line-height: 1.25rem;
    color: #0b89c4;
    text-align: center;
    border-bottom-right-radius: 10px;
    border: 1px solid #0b89c4;
        border-top-color: rgb(11, 137, 196);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: transparent;
    border-bottom-left-radius: 10px;
}
h1.iso_logo_desempeno {
    width: 100%;
    height: 100%;
    background: url(img/ejecutiva_desempeno_isologo.png) center no-repeat;
    font-size: 1px;
    text-indent: -9999px;
    transition: .3s;
}
h1.iso_logo_desempeno:hover {
    height: 95%;
}

.color-grey{
    color: #666;
}
.top_title2 {
    
    /*background-color: #9cc7ec;*/

    padding: 10px 5px inherit;
    color: #2c6e86;
    font-size: 14px;
    font-weight: 400;
    font-size: 22px;
}
.top_title2 h4{
    border-bottom: 3px solid #17A2B8;
}

.top_title2 a{
    color: #2c6e86;
}
.borde_botton_grey{
    border-bottom: 3px solid #666;
}
/**mejorando las tablas */
.table-wrapper {
    background: #fff;
    padding: 20px 25px;
    border-radius: 3px;
    /*min-width: 1000px;*/
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {
    padding-bottom: 15px;
    background: #435d7d;
    color: #fff;
    padding: 6px 20px;
    min-width: 100%;
    margin: -20px -25px 10px;
    border-radius: 3px 3px 0 0;
}
.ancho-150{
    width: 150px;
}
/********** transparente **********/
div.bjqs-caption {
    background: rgba(255,255,255,0.6);
    background: rgba(1,1,1,0.5);
}
div.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #abc;
    border-radius: 5px;
    /*color: #fff;*/
}
/*** imagen escala de grises*************/
.img_gris {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
/**********lista de nombres de docentes*********************/
.listab a {
    text-decoration: none;
    display: block;
    padding: 2px 1px 1px 16px;
    color: #000000;
    border-bottom: 1px solid darkgray;
}
.listab a:hover, .listab a:focus {
    color: #000000;
    background-color: #cccccc;
}
/**************animacion de miCarusel *********/
/*#miCarrusel .carousel-inner .carousel-item img{*/
    /*height: 100vh;*/
    /*width: 100%;*/
/*}*/
.carousel-inner .carousel-item>img{
    -webkit-animation: thing 20s;
    -o-animation: thing 20s;
    animation:thing 20s;
}

@keyframes thing{
    from{
        transform: scale(1,1);
    }
    to{
        transform: scale(1.5, 1.5) ;
    }
}
/*---------------------------*/
/* especial de botones */
.btn-info2 {
    background-color: #00c0ef;
    border-color: #00acd6;
    color: white;
}
.btn-info2:hover, .btn-info2:active, .btn-info2.hover {
    background-color: #00acd6;
    color: white;
}
/***********/
.badge_esp { 
    position: relative; 
    top: -20px; 
    left: -25px; 
    border: 1px solid black; 
    border-radius: 50%; 
}
.badge_abs{
    position: absolute;
    z-index: 2;
}

.button_esp { 
    margin:1px; 
   } 

/*********pie de pagina lte3 ************/
.main-footer3 {
    padding: 15px;
    color: #555;
    border-top: 1px solid #dee2e6;
    background: #fff;
}
/*herramientas alineadas derecha*/
.tools {
    color: #dc3545;
    /*display: none;*/
    float: right;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important; 
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}
  
legend.scheduler-border {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}
/**/
.titulo1{
    
    background-color: #9cc7ec;
    padding: 10px 5px inherit;
    color: #3d6a7b;
    font-weight: 400;
    font-size: 20px;
    border-bottom: 3px solid #17A2B8;
}
.titulo2 {
    font-size: 20px;
    /*margin: 10px 10px 10px 0;*/
    padding: 5px 5px;
    color: #7fb3d5;
    line-height: 15px;
    border-bottom: 2px solid #5499c7;
}
/*************************************/
/* adorno seleccion actividades*/
.section-heading {
    margin: 0 0 15px;
        margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
.sh-t3 {
    margin-bottom: 20px;
    line-height: 12px;
    padding: 0 0 4px;
    /*border-bottom: solid 1px #abc100;*/
    
}
.section-heading  > .h-text {
    color: #0e0d0d;
    /*padding: 0 0 12px;*/
    line-height: 12px;
    font-style: italic;
}

/**************theme loader*****************************/
 /**  =====================
      Theme-preloader css start
==========================  **/
.theme-loader {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999999; }
  
  @keyframes ball-scale {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  @-webkit-keyframes ball-scale {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  .ball-scale {
    left: 50%;
    top: 50%;
    position: absolute;
    height: 100px;
    width: 100px;
    margin: -50px 0 0 -50px; }
  
  .ball-scale > div {
    -webkit-animation: ball-scale 2s  linear infinite;
    animation: ball-scale 2s  linear infinite;
    border: 5px solid #0073aa;
    border-top-color: transparent;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: relative; }
    .ball-scale > div:before, .ball-scale > div:after {
      -webkit-animation: ball-scale 1s linear infinite;
      animation: ball-scale 1s linear infinite;
      content: "";
      position: absolute;
      border: 5px solid #0073aa;
      border-top-color: transparent;
      border-radius: 50%; }
    .ball-scale > div:before {
      height: 80%;
      width: 80%;
      top: 10%;
      left: 10%; }
    .ball-scale > div:after {
      -webkit-animation: ball-scale 0.5s linear infinite;
      animation: ball-scale 0.5s linear infinite;
      height: 50%;
      width: 50%;
      top: 25%;
      left: 25%; }
  
  /**====== Theme-preloader css end ======**/

.dropzone.dz-clickable {
    cursor: pointer;
}

.vue-dropzone {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    font-family: "Arial", sans-serif;
    letter-spacing: 0.2px;
    color: #777;
    transition: 0.2s linear;
}
/**************theme loader*****************************/
 /**  =====================
      Theme-preloader css start
==========================  **/
.theme-loader {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999999; }
  
  @keyframes ball-scale {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  @-webkit-keyframes ball-scale {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  .ball-scale {
    left: 50%;
    top: 50%;
    position: absolute;
    height: 100px;
    width: 100px;
    margin: -50px 0 0 -50px; }
  
  .ball-scale > div {
    -webkit-animation: ball-scale 2s  linear infinite;
    animation: ball-scale 2s  linear infinite;
    border: 5px solid #0073aa;
    border-top-color: transparent;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: relative; }
    .ball-scale > div:before, .ball-scale > div:after {
      -webkit-animation: ball-scale 1s linear infinite;
      animation: ball-scale 1s linear infinite;
      content: "";
      position: absolute;
      border: 5px solid #0073aa;
      border-top-color: transparent;
      border-radius: 50%; }
    .ball-scale > div:before {
      height: 80%;
      width: 80%;
      top: 10%;
      left: 10%; }
    .ball-scale > div:after {
      -webkit-animation: ball-scale 0.5s linear infinite;
      animation: ball-scale 0.5s linear infinite;
      height: 50%;
      width: 50%;
      top: 25%;
      left: 25%; }
  
  /**====== Theme-preloader css end ======**/
  /***** para menu *******/
.category h3.category-heading {
    background-color: #2b5071;
    color: #FFFF00F0;
    margin-bottom: 0;
    padding: 8px;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    
}
.category ul {
    padding: 0;
    margin: 0;
    /*border: 1px #f1f1f1 solid;*/
    border-top: none;
    border-radius: 0 0 3px 3px;
}
/*.category li:nth-child(2n+1) {
    background-color: #F1F1F1;
    
}*/
.category li {
    list-style: none;
    line-height: 1.3;
    border-radius: 0 0 3px 3px;
    /*color: black;*/
}
.category li:hover {
    background-color: #f4f5f7;
}
.category li a.item-link {
    padding: 5px 5px;
    display: inline-block;
    width: 100% !important;
    /*color: black;*/
}

/********************************************/
/*para el timer de sesion*/
#counterBar {
    font-size: 11px;
    color: #fafafb;
    background-color: #202328;
    padding: 0 10px;
    margin-right: 100px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    right: 0;
    bottom: -24px;
    text-align: center;
    z-index: 2000;
    top: 0;
    height: 30px;
}
#counterBar {
    font-size: 11px;
    color: #fafafb;
    text-align: center;
    line-height: 24px;
}
/***************************/
.block_orange{   
    background: #ececec;
    border-left: 3px solid orange;
    padding: 5px;
    width: 100%;
    margin-bottom: 8px;
}
.celda_celeste{
    background-color : #00aaff;
    color: white;
}
/**************************/
.lock_icon{
    position: absolute;
    top: 5px;
    right: 0px;
    display: block;
    width: 30px;
    height: 30px;
}
.tabla_center {
    margin-left: auto;
    margin-right: auto;
}
/***** fondo de celda ************/
.gcelda_header1 {
    border-right: 1px solid #fff;
    background-image: linear-gradient(#fff, #ccc);
}
/* titulo*/
.boxpe {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
.boxpe-header {
    /*background-color: #f2e2e2;*/
    border: medium none;
      border-bottom-color: currentcolor;
      border-bottom-style: none;
      border-bottom-width: medium;
    margin: 0 -28px 20px;
    padding: 15px 14px;
    border-bottom: 1px solid #f7f7f7;
  }
  .boxpe > .boxpe-title::before, 
  .boxpe > .boxpe-title::after {
    content: " ";
    display: table;
  }
  .boxpe.boxpe-header > .boxpe-title {
    border-bottom: none;
  }
  .boxpe > .boxpe-title {
    border-bottom: 1px solid #eef0f4;
    color: #817d7d;
    margin-bottom: 0;
    padding: 0 19px;
    min-height: 44px;
  }
  .boxpe > .boxpe-title > .caption {
    float: left;
    /*display: inline-block;*/
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    padding: 6px 0px;/*cabalito centrado*/
    
  }
  
  .margin-left-10 {
    margin-left: 10px !important;
  }
  .boxpe > .boxpe-title > .actions {
    float: right;
    /*display: inline-block;*/
    padding: 6px 0;
  }
  
  .fieldset_plomo2 {
    border: 1px solid #ffffff;
    border: 1px solid #d5dfe5;
    border-radius: 4px;
    /*background: none repeat scroll 0 0 #F2F2F2;*/
    display: inline;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 3px;
    /*position: relative;
    width: 350px;*/
}
.fieldset_plomo2 legend {
    width: auto;
    padding: 5px 12px;
    border-bottom: none;
    font-size: 15px !important;
    text-align: left !important;
    margin-bottom: 0;
    border-radius: 5px;
    color: #FFF;
    background-color: #607d8b;
    margin-left: 5px;
}

.bloque_plomo{
    
    border-radius: 0px 0px 5px 5px;
    background-color: #ECF0F1;
    padding: 15px;
    border-top: 1px solid #c2c2c2;
      
}