/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - IMAGE SIZE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.cx-full-image {width: 100%; height: auto; display: block; position: relative;}
.cx-3qtr-image1 {width: 80%; height: auto; display: block; position: relative;}
.cx-3qtr-image {width: 70%; height: auto; display: block; position: relative;}
.cx-half-image {width: 50%; height: auto; display: block; position: relative;}
.cx-prd-img-slide {width: 20%; height: 15%;  display: block; position: relative;}

.cx-loading-md {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    /* animation: spin 2s linear infinite; */
    background-image: url(/static/assets/img/loader.gif);
}


.cx-loading-sm {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: 45%;
    /* animation: spin 2s linear infinite; */
    background-image: url(/static/assets/img/loader.gif);
}

.rating li i {
    color: #e7c619 !important;
}

.panel-poll .panel-heading {
    border: 2px solid #22baae !important;
    color: #22baae;
    border-bottom: 1px solid #ccc !important;
}

.panel-poll .panel-body {
    border: 2px solid #22baae !important;
    border-top: 0px !important;
}

.panel-poll .panel-body .options {
    padding-top: 0.2em;
}

.panel-poll .panel-body .options .radio {
    margin-top: 0.5em;
}

.panel-thread .panel-heading {
     background-color: #22baae !important; 
     color: #fff;
}

.statuses{
    color: #22baae; 
}


/* 0---- */


.admin-menu {
    background-color: none;
    color: #fff;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    width: 10px; /* very important*/
}
.admin-menu  a{
    color: #22baae;
    font-size: 1.5em;
}
.admin-menu a:hover{
    color: #22baae;
}

.toggle-btn  a{
    color: #22baae;
    font-size: 1.5em;
}
.toggle-btn a:hover{
    color: #22baae;
}
.toggle-menu-actions{
    display: none;
}
.scrollme{
    overflow:scroll;
    height: 100%;
}
.wn-h-list{
    border-bottom: #22baae solid 1px;
}
/*new responsivedashboard */

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

@media (max-width: 978px) {
.fld{padding: 3px;}
.fld-pull{ margin-left: -2em;}
.fld-left{margin-left:-3.8em;}
.fld-lft-adjust{margin-left:1.8em; width:120%; padding:0;}
/* .background-white{} */
.page-title {font-size: 14px;}
.fld-cir-img img{width:75px; height:75px;}
.fld-img-lft {padding-left: 4.2em;}
.fld-img-lft h2 {font-size: 14px;}

}

.mobi-off{display: block;}
.mobi-on{display: none;}
@media only screen 
and (min-device-width: 270px) 
and (max-device-width: 640px){
  .mobi-off{display: none;}
  .mobi-on{display: block;}
}