.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;
}

/*input.success,
div.success input,*/
div.success textarea,
div.success select,
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;
    /*margin-right: 10px;*/
    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; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    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;
}

/*CGridView*/
.grid-view {
    padding: 10px;
}

/*-------------------------------------- PRIMARY --------------------------------------*/ 
.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;
}
/*-------------------------------------- DANGER --------------------------------------*/ 
.fa.icon-danger {
    color: #dc3545;   
    text-decoration: none;
    padding: 1px;
    font-size: 15px;
}
.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;
}
/*-------------------------------------- SUCCESS --------------------------------------*/ 
.fa.icon-success {
    color: #28a745;    
    text-decoration: none;
    padding: 1px;
    font-size: 15px;
    /*opacity: 0.5;*/
}

.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;
    font-size: x-small;
}

.modal-full {
    min-width: 90%;
    margin: 0 auto;  
    /*width: 70%;*/
    padding: 150px;
    max-height: 100%;
}

.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 {  /*Rojo*/
    background-color: rgba(219, 62, 77, 0.5);
    color: black;
    padding-bottom: 0;
}
.clWarning {    /*Amarillo*/
    background-color: rgba(244, 206, 113, 0.5);
    color: black;
    padding-bottom: 0;
}
.clSuccess {    /*Verde*/
    background-color: rgba(54, 166, 146, 0.8);
    color: black;
    padding-bottom: 0;
}
.clDecline {    /*Gris*/
    background-color: rgba(149, 150, 150, 0.5);
    color: black;
    padding-bottom: 0;
}
.clApart {  /*Rosa*/
    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 { /*Naranja*/
    background-color: rgba(246, 145, 121, 0.5);
    color: black;
    padding-bottom: 0;
}
.clBrown {  /*Café*/
    background-color: rgba(147, 115, 101, 0.5);
    color: black;
    padding-bottom: 0;
}
.clPurple { /*Purpura*/
    background-color: rgba(171, 38, 170, 0.5);
    color: black;
    padding-bottom: 0;
}
.clLightPink { /*Rosa claro*/
    background-color: rgba(255, 182, 193, 0.5);
    color: black;
    padding-bottom: 0;
}

.clTeal { /*Teal*/
    background-color: rgba(0, 128, 128, 0.5);
    color: black;
    padding-bottom: 0;
}
#contCanvas{
    border:0px solid #000;
    background-image: url("<?= $url ?>");
    background-repeat: no-repeat;
    margin:auto;
}

/*Chat*/ 
.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;
}

/*Breacrumb*/
.breadcrumb {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

/* Mi Muro */

.cta-100 {
  padding-left: 0%; 
}
/*.col-md-4{
    padding-bottom:20px;
}*/

.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%;
}


/* The colour of the indicators */

.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;
}

.modal-fullEsp {
    min-width: 70%;
    margin: 0 auto;
}

.icon-primary {
  color: #0283CC;
}