.note{
    font-style:italic;
}
span.required{
    color:red;
}
div.error label:first-child,label.error,span.error{
    color:#333;
}
div.error input,div.error textarea,div.error select,input.error,textarea.error,select.error{
    background:#FEE;
    border-color:#C00;
}
div.success input,div.success textarea,div.success select,input.success,textarea.success,select.success{
    background:#E6EFC2;
    border-color:#C6D880;
}
div.success label{
    color:inherit;
}
.errorSummary{
    border:2px solid #C00;
    padding:7px 7px 12px 7px;
    margin:0 0 20px 0;
    background:#FEE;
    font-size:0.9em;
}
.errorMessage{
    color:red;
    font-size:0.9em;
}
.errorSummary p{
    margin:0;
    padding:5px;
}
.errorSummary ul{
    margin:0;
    padding:0 0 0 20px;
}
div.wide.form label{
    float:left;
    position:relative;
    text-align:left;
    color:#666;
    font-weight:bold;
}
div.wide.form .row{
    clear:left;
}
div.wide.form .buttons,div.wide.form .hint,.errorMessage{
    clear:left;
    padding-left:0px;
}
.blanco{
    background:#ffffff
}
.loader{
    border:16px solid #f3f3f3;
    border-top:16px solid #3498db;
    border-radius:50%;
    width:120px;
    height:120px;
    animation:spin 2s linear infinite;
}
.tablaGral{
    border-color:#d6e9c6;
}
@keyframes spin{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
.dropdown-submenu{
    display:block;
    content:"";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:15px;
    margin-right:-10px;
    line-height:40px;
}
.colores{
    width:30px;
    text-align:center;
    border:1px #ddd solid;
}
.filaGris{
    border-left:1px #ddd solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
}
label{
    display:inline-block;
    margin-bottom:.5rem;
    color:#666;
}
.grid-view{
    padding:10px;
}
.fa.icon-primary{
    color:#0283CC;
    text-decoration:none;
    padding:1px;
    font-size:15px;
}
.grid-view table.background-primary thead tr th{
    color:#616263;
    text-align:center;
    padding:15px;
    background:#ddd;
    border-bottom:2px #ddd solid;
    font-weight:bold;
}
.fa.icon-success{
    color:#28a745;
    text-decoration:none;
    padding:1px;
    font-size:15px;
}
.fas.icon-success{
    color:#28a745;
    text-decoration:none;
    padding:1px;
    font-size:15px;
}
.grid-view table.background-success thead tr th{
    color:#616263;
    text-align:center;
    padding:15px;
    background:#ddd;
    border-bottom:2px #ddd solid;
    font-weight:bold;
}
label:not(.form-check-label):not(.custom-file-label){
    font-weight:100;
}
.oculto{
    display:none;
}
.linkDashboard{
    color:#333;
    text-decoration-line:underline;
    text-decoration-style:solid;
    background-color:transparent;
}
.modal-full{
    min-width:95%;
    margin:0 auto;
}
.modal-full .modal-content{
    min-height:100vh;
}
.colores{
    width:30px;
    text-align:center;
    border:1px #ddd solid;
}
.filaGris{
    border-left:1px #ddd solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
}
.clError{
    background-color:rgba(219,62,77,0.5);
    color:black;
    padding-bottom:0;
}
.clWarning{
    background-color:rgba(244,206,113,0.5);
    color:black;
    padding-bottom:0;
}
.clSuccess{
    background-color:rgba(54,166,146,0.8);
    color:black;
    padding-bottom:0;
}
.clDecline{
    background-color:rgba(149,150,150,0.5);
    color:black;
    padding-bottom:0;
}
.clApart{
    background-color:rgba(228,169,201,0.5);
    color:black;
    padding-bottom:0;
}
.clSign{
    background-color:rgba(100,100,100,0.5);
    color:black;
    padding-bottom:0;
}
.clOrange{
    background-color:rgba(246,145,121,0.5);
    color:black;
    padding-bottom:0;
}
.clBrown{
    background-color:rgba(147,115,101,0.5);
    color:black;
    padding-bottom:0;
}
.clPurple{
    background-color:rgba(171,38,170,0.5);
    color:black;
    padding-bottom:0;
}
#contCanvas{
    border:0px solid #000;
    background-image:url("<?= $url ?>");
    background-repeat:no-repeat;
    margin:auto;
}
.inbox_people{
    background:#f8f8f8 none repeat scroll 0 0;
    float:left;
    overflow:hidden;
    width:50%;
    border-right:1px solid #c4c4c4;
}
.recent_heading{
    float:left;
    width:40%;
}
.headind_srch{
    padding:10px 29px 10px 20px;
    overflow:hidden;
    border-bottom:1px solid #c4c4c4;
}
.recent_heading h4{
    color:#05728f;
    font-size:21px;
    margin:auto;
}
.chat_ib p{
    font-size:14px;
    margin:auto;
    padding-left:4em;
}
.chat_people{
    overflow:hidden;
    clear:both;
}
.chat_list{
    border-bottom:1px solid #c4c4c4;
    margin:0;
    padding:10px;
}
.chat_list:hover{
    background:#eee;
    cursor:pointer;
}
.inbox_chat{
    max-height:320px;
    overflow-y:scroll;
}
.messaging{
    padding:5px;
    background:#ddd;
}
.mesgs{
    height:365px;
    overflow-y:scroll;
    background:#eee;
    width:50%;
    border:none;
}
.chat_date{
    line-height:60px;
    float:right;
    font-size:x-small;
}
.breadcrumb{
    padding:0.5rem 1rem;
    margin-bottom:0.5rem;
}
.cta-100{
    padding-left:0%;
}
.white{
    color:#fff !important;
}
.mt{
    float:left;
    margin-top:-20px;
    padding-top:20px;
}
.bg-blue-ui{
    background-color:#708198 !important;
}
figure img{
    width:300px;
}
#blogCarousel{
    padding-bottom:100px;
}
.blog .carousel-indicators{
    left:0;
    top:-50px;
    height:50%;
}
.blog .carousel-indicators li{
    background:#fff;
    border-radius:50%;
}
.blog .carousel-indicators .active{
    background:#0fc9af;
}
.item-carousel-blog-block{
    outline:medium none;
    padding:15px;
}
.item-box-blog{
    border:1px solid #dadada;
    text-align:center;
    z-index:4;
    padding:20px;
}
.item-box-blog-image{
    position:relative;
}
.item-box-blog-image figure img{
    width:100%;
    height:auto;
}
.item-box-blog-date{
    position:absolute;
    z-index:5;
    padding:4px 20px;
    top:-20px;
    right:8px;
    background-color:#41cb52;
}
.item-box-blog-date span{
    color:#fff;
    display:block;
    text-align:center;
    line-height:1.2;
}
.item-box-blog-date span.mon{
    font-size:18px;
}
.item-box-blog-date span.day{
    font-size:16px;
}
.item-box-blog-body{
    padding:10px;
}
.item-heading-blog a h5{
    margin:0;
    line-height:1;
    text-decoration:none;
    transition:color 0.3s;
}
.item-box-blog-heading a{
    text-decoration:none;
}
.item-box-blog-data p{
    font-size:13px;
}
.item-box-blog-data p i{
    font-size:12px;
}
.item-box-blog-text{
    max-height:100px;
    overflow:hidden;
}
.mt-10{
    float:left;
    margin-top:-10px;
    padding-top:10px;
}
.btn.bg-blue-ui.white.read{
    cursor:pointer;
    padding:4px 20px;
    float:left;
    margin-top:10px;
}
.btn.bg-blue-ui.white.read:hover{
    box-shadow:0px 5px 15px inset #4d5f77;
}
.view-image{
    max-width:60%;
    margin-top:2em;
}
.parrafo{
    font-size:18px;
}
.grid-view table.background-danger thead tr th{
    color:#616263;
    text-align:center;
    padding:15px;
    background:#ddd;
    border-bottom:2px #ddd solid;
    font-weight:bold;
}
.modal-fullEsp{
    min-width:70%;
    margin:0 auto;
}
/*.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{
    color:#28a745 !important;
}*/