/*
 -------------------------------------------------------------------------
 MyDashboard plugin for GLPI
 Copyright (C) 2015 by the MyDashboard Development Team.
 -------------------------------------------------------------------------

 LICENSE

 This file is part of MyDashboard.

 MyDashboard is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 MyDashboard is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with MyDashboard. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
 */

.addItemTD {
   width: 150px;
   text-align: center;
}

 {
   text-align: left;
   /*margin: 10px 1px 30px 30px;*/
   /*min-height: 150px;*/
}

.maint-color {
   font-weight: bold;
   color: #D4D7DA;
}

#alert-div,
#maint-div {
   text-align: left;
   /*margin: 10px 1px 30px 30px;*/
   /*min-height: 150px;*/
}

.alert-div,
.maint-div {
   position: relative !important;
}

.alert-title-div {
   margin-top: 15px;
}

.alert-content-div {
   margin-left: 5px;
   margin-top: 15px;
   margin-bottom: 15px;
   width: 95% !important;
   /*min-height: 100px !important;*/
}

.alert_date {
   font-style: italic;
}



.fa-alert-orange {
   color: orange;
}

.fa-alert-4 {
   font-size: 4em !important;
}

.fa-alert-5 {
   font-size: 5em !important;
}

#display-sc {
   width: 95% !important;
   /*text-align: left;*/
   /*padding-left: 1%;*/
}

.alert_impact {
   width: 12px;
   height: 12px;
   border-radius: 7px;
   display: inline-block;
   margin-right: 5px;
}

.weather_block {
   text-align: center;
   margin: 0 auto;
   color: #000;
   font-size: 12px;
   background-color: #FFF;
   /*width: 80%;*/
}

/*#info-div,*/
/*#maint-div,*/
/*#alert-div {*/
/*   overflow: inherit !important;*/
/*}*/

.weather_public_block {
   text-align: left;
   padding-bottom: 10px;
   margin-bottom: 10px;
   color: #000;
   font-size: 12px;
   border-radius: 5px 10px 0 5px;
   border: 1px solid #e6e6e6;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #FFF;
   /*width: 50%;*/
}

.info-ul {
   position: relative !important;
}

.alert-color {
   font-weight: bold;
   color: #D4D7DA;
}

.plugin_mydashboard_dashboard {
   /*width: 100%;*/
   /*border: initial;*/
   /*background: initial;*/
}

/*
div#tabcontent{
    width:95%;
}
*/
.plugin_mydashboard_discret {
   color: #4C4C4C !important;
   /*font-size: 12px;*/
   /* float:left; */
}

.plugin_mydashboard_header {
   /*margin-top: -8px;*/
}

.plugin_mydashboard_header_title {
   font-size: 12px;
}

.plugin_mydashboard_header_right {
   margin-right: 25px;
   /*margin-top: 5px;*/
   /*   box-shadow: 1px 3px 10px -2px rgba(0, 0, 0, 1);
      background-color: white;
      padding-top:3px;*/
   width: 300px;
   /*position: absolute;*/
   right: 0px;
}

.pull-right {
   float: right;
}

.plugin_mydashboard_header_fullscreen {
   cursor: pointer;
   margin-right: 21px;
   float: right;
}

.plugin_mydashboard_header_editmode {
   cursor: pointer;
   margin-left: 21px !important;
   float: left;
   font-size: 14px !important;
}

.md-title-status {
   text-align: center;
   font-size: 12px;
}

.md-status {
   border-radius: 5px;
   border: 1px dashed #CCC;
   padding: 10px !important;
   margin: 10px;
   font-size: 12px;
}

.md-widgetcrit {
   /*border-radius: 5px;*/
   /*border-left: 1px dashed #CCC;*/
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
}

.cadre_edit {
   /*border: none !important;*/
   /*box-shadow: none;*/
   background-color: white;
   margin-bottom: 2px;
   margin-top: 2px;
   margin-right: 2px;
}

.cadre_edit_button {
   display: block;
   background: whitesmoke;
   padding: 10px;
   text-align: center;
   border-radius: 5px;
   border: none;
}

.cadre_edit_button:hover {
   /*background: whitesmoke;*/
   /*border: 1px solid whitesmoke;*/
}

.cadre_edit th {
   font-weight: bold;
   text-align: center;
   border-radius: 5px;
   padding: 2px;
   margin: 0;
   font-size: 1.1em;
   color: #000;
   padding: 5px 5px;
   background-color: whitesmoke;
   border: none;
}

.cadre_edit td {
   /*border: none !important;*/
   /*box-shadow: none;*/
   /*background-color: white;*/
}

#zone1 {
   /*border: 1px solid whitesmoke;*/
   /*background-color: #CCC;*/
}

#zone2 {
   /*border: 1px solid whitesmoke;*/
   /*background-color: #CCC;*/
}

#btn_zone1 {
   cursor: pointer;
}

#btn_zone2 {
   /*display: none;*/
   /*cursor:pointer;*/
}

/*#zone1_content {*/
/*   display: none;*/
/*}*/

#menutop {
   position: fixed;
   /*top: 115px;*/
   right: 10px;
   /*cursor: pointer;*/
   z-index: 99;
   background-color: white;
   /*opacity: .6;*/
   /* Behind debug panel */
}

#editmode {
   border-radius: 5px;
   border: 1px dashed #CCC;
   /*padding: 10px !important;*/
   /*width: 300px;*/
   text-align: center;
}

.editmode_test {
   color: #000;
   text-decoration: none;
   font-size: 11px;
   font-weight: 500;
}

#editmode a {
   color: #000;
   text-decoration: none;
   font-size: 11px;
   font-weight: 500;
}

#editmode a:hover {
   text-decoration: none;
}

#plugin_mydashboard_container {
   width: 100%;
   height: 100%;
   display: table;
   /* background-color: white;*/
   /*    background-image: url('./pics/liege.jpg');
       box-shadow: inset 0px 3px 10px -2px rgba(0, 0, 0, 1);
       border-radius: 16px;*/
}

.plugin_mydashboard_interface_selector {
   border: #CCC 1px solid;
   font-weight: bold;
   width: 18%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   padding: 5px;
   box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 1);
   border-radius: 5px;
}

/*STA==Profile config==============================*/
.plugin_mydashboard_authorize_all:hover {
   background-color: #F6E8B3;
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   cursor: pointer;
}

.plugin_mydashboard_authorized {
   font-weight: bold;
   background-color: rgb(205, 255, 205);
}

.plugin_mydashboard_unauthorized {
   /*    opacity :0.9;*/
}

/*END==Profile config==============================*/
/*STA===plugin_mydashboard_menu============================*/
.plugin_mydashboard_add_button {
   /*padding-top: -5px;*/
   /*margin-left: 10px;*/
}

.plugin_mydashboard_menuDashboard {
   position: fixed;
   /*right: 0px;*/
   /*top: 0px;*/
   /*z-index: 99;*/
   display: none;
}

.plugin_mydashboard_menuWidget {
   position: absolute;
   display: none;
   border: 1px solid lightgray;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: 12px;
   background-color: #FFF;
   padding: 10px;
   z-index: 1001!important;
}

/**/
.plugin_mydashboard_menuDashboard {
    position: fixed;
    right : 0px;
    width: 27px;
    height:100%;
    top:0px;
    z-index: 1000;
    float: right;
    margin-bottom: 3%;
    padding-bottom: 3%;
}

.plugin_mydashboard_menuSlider {
   /* position: relative; */
   /*background-color: #476E95;*/
   /*    background-color: #68BD80;
       margin-right:-369px;
       margin-top: -25px;
       height:100%;
       width:364px;
       cursor:pointer;
       border-left:2px solid black;
       padding-bottom: 5%;
       color:white;
       text-align:left;
       opacity:0.7;
       -webkit-transition: opacity .15s ease-in-out;
           -moz-transition: opacity .15s ease-in-out;
           -ms-transition: opacity .15s ease-in-out;
           -o-transition: opacity .15s ease-in-out;
           transition: opacity .15s ease-in-out;*/

   background-color: white;
   width: 450px;
   cursor: pointer;
   color: black;
   text-align: left;
   -webkit-transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -ms-transition: opacity .15s ease-in-out;
   -o-transition: opacity .15s ease-in-out;
   transition: opacity .15s ease-in-out;
   border: lightgrey 1px solid;
   /*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);*/
}

.plugin_mydashboard_menuDashboard:hover .plugin_mydashboard_menuSlider {
   /*opacity:1;*/
}

/*.plugin_mydashboard_menuSliderHeader {
    border-bottom: 2px black solid;
    padding: 3px;
    font-size: large;
}*/

.plugin_mydashboard_menuSliderContent {
   height: 90%;
}

.plugin_mydashboard_fa-thermometer-0:before {
   content: "\f2cb";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-1:before {
   content: "\f2ca";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-2:before {
   content: "\f2c9";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-3:before {
   content: "\f2c8";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-4:before {
   content: "\f2c7";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-5:before {
   content: "\f2c7";
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_menuSliderButtonClose:hover {
   content: "\f0d9";
   font-weight: 900;
   font-family: "Font Awesome 5 Free";

}

.plugin_mydashboard_menuDashboardListTitle1,
.plugin_mydashboard_menuDashboardListTitle2 {
   font-size: 11px;
   font-weight: normal;
   border-bottom: lightgray 1px solid;
   padding: 7px;
   /*0.85*/
   margin: 0px;
}

.plugin_mydashboard_menuDashboardListTitle2 {
   margin-left: 5px;
}

.plugin_mydashboard_menuDashboardListTitle1:hover,
.plugin_mydashboard_menuDashboardListTitle1Opened {
   background-color: whitesmoke;
}

.plugin_mydashboard_menuDashboardListTitle1:before,
.plugin_mydashboard_menuDashboardListTitle2:before {
   content: "\f0da";
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   margin-right: 5px;
}

.plugin_mydashboard_menuDashboardListTitle1.plugin_mydashboard_menuDashboardListTitle1Opened:before,
.plugin_mydashboard_menuDashboardListTitle2.plugin_mydashboard_menuDashboardListTitle1Opened:before {
   content: "\f0d7";
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_menuDashboard li {
   font-size: 11px;
   margin-left: 5px;
   /*background: #476E95;*/
   /*padding-left: 3px;*/
}

.plugin_mydashboard_menuDashboardListOfPlugin {
   max-height: 90%;
   /* overflow-y: auto;*/
}

.plugin_mydashboard_menuDashboardListContainer {
   max-height: 600px;
   overflow-y: auto;
   /*border-bottom: white 1px dashed;*/
}

li.plugin_mydashboard_menuDashboardList {
   /*border: #476E95 1px solid;*/
   border-bottom: 1px solid dashed;
}

.plugin_mydashboard_html_content {
   /*  position: absolute;*/
   background-color: rgb(237, 246, 255);
   z-index: 100;
   /*  border:1px dotted white;*/
}

.plugin_mydashboard_html_content:hover {
   /*   border:1px dotted gray;*/
}

.plugin_mydashboard_fullscreen_view {
   overflow-y: auto;
   background-color: white;
}

.plugin_mydashboard_header_info_logbox {
   display: inline-block;
   position: absolute;
   /*    right: 10px;*/
   padding: 10px;
   z-index: 992;
   /*    top: 195px;*/
   top: 25px;
   background-color: white;
   border: lightgrey 1px solid;
   box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.plugin_mydashboard_header_info_img {
   width: 14px;
}

.plugin_mydashboard_log {
   /*    max-height: 200px;
       overflow-y: auto;*/
}

.plugin_mydashboard_log_item {
   padding: 2px 0px 2px 0px;
   border-bottom: 1px lightgrey dashed;
}

/*
li.plugin_mydashboard_menuDashboardList:hover{
    border: lightgray 1px solid;
}*/

li.plugin_mydashboard_menuDashboardListItem:hover {
   background-color: #E7E7E7;
}

/*END===plugin_mydashboard_menu============================*/
/*STA===sDashboard============================*/

.sDashboard {
   padding-left: 6px;
   padding-top: 0px;
}

.sDashboardWidget {
   /* height : 250px;*/
   -webkit-border-radius: 4px 4px;
   -moz-border-radius: 4px 4px;
   -o-border-radius: 4px 4px;
   -ms-border-radius: 4px 4px;
   border-radius: 4px 4px;
   box-shadow: 2px 3px 9px -3px rgba(0, 0, 0, 0.5);
   border: rgba(230, 230, 230) 1px solid;
   height: 300px;
   width: 100%;
}

/*
.sDashboardWidget:hover .sDashboardWidgetHeader{
    background-image: linear-gradient(#F7F7F7, #E6E6E6);
}*/

.sDashboard-clearfix:before, .sDashboard-clearfix:after {
   display: none;
}

/*XACA
.sDashboardWidgetHeader {
    font-size: 12px;
    margin :0px;
    background-image: linear-gradient(#F6F3F3, #E0E0E0);
    border-radius: 4px 4px 0px 0px;
    border-bottom: rgb(182, 182, 182) 1px solid;
    height: 16px;
}
*/
.sDashboardWidgetContent {
   height: 249px;
}

.sDashboard li {
   width: 33.2%;
   height: 300px;
   padding: 0px;
   margin: 3px 12px 3px 0px;
}

.sDashboardWidgetContainerMaximized .sDashboard-circle-remove-icon {
   display: none;
}

.sDashboardWidgetContainerMaximized .sDashboardWidgetContent {
   height: 89%;
}

.sDashboardWidgetContainerMaximized .sDashboard-circle-minus-icon {
   background-position: -2px -55px;
}

.sDashboardWidgetContainerMaximized {
   min-width: 75%;
   min-height: 75%;
   max-height: 75%;
   left: 13%;
   top: 13%;
   width: 73%;
   z-index: 999;
   margin-top: 0px;
   margin-left: 0px;
}

.sDashboard-overlay {
   /*height :100% !important;*/
}

.ui-sortable-helper {
   box-shadow: 10px 10px 9px -3px rgba(0, 0, 0, 0.3);
}

.ui-sortable-placeholder {
   border: 1px dotted black;
   visibility: visible !important;
   height: 300px !important;
   border-radius: 4px 4px;
   background-color: rgb(240, 240, 240) !important;
   margin: 3px 10px 0px 0px !important;
}

.scaledContent {
   height: 0px;
   width: 0px;
   -webkit-transform: scale(0.55);
   -moz-transform: scale(0.55);
   -o-transform: scale(0.55);
   -ms-transform: scale(0.55);
}

svg {
   /* font-size:15px; */
   height: auto;
}

svg:hover {
   /* -webkit-transform: none;*/
   /* font-size:17px; */
}

.unscaledContent {
   -webkit-transform: none;
   -moz-transform: none;
   -o-transform: none;
   -ms-transform: none;
}

.flotr-datagrid {
   width: 100%
}

.flotr-datagrid-container {
   background-color: white;
}

.flotr-tab {
   border: 1px solid #666;
   border-top: none;
   margin: 0 3px;
   padding: 1px 4px;
   cursor: pointer;
   -webkit-border-radius: 0 0 4px 4px;
   -moz-border-radius: 0 0 4px 4px;
   -o-border-radius: 0 0 4px 4px;
   -ms-border-radius: 0 0 4px 4px;
   border-radius: 0 0 4px 4px;
   opacity: .5;
   -moz-opacity: .5;
}

.flotr-tab.selected {
   background-color: #DDDDDD;
   opacity: 1;
}

.dataTable th, .dataTable td {
   border-right: 2px solid white;
   border-bottom: 2px solid white;
}

/*END===sDashboard============================*/

/*
.ui-accordion-header plugin_mydashboard_menuAccordion-header {
    border-top: thin solid white;
    background: linear-gradient(#fddb6f, #ffb94b);
    color: #8f5a0a;
    padding: 1px;
}

.ui-accordion-header:hover {
    background: linear-gradient(#ffb94b, #fddb6f);
}

.ui-accordion-content {
    border:thin solid rgb(218, 242, 250);
    color:red;
}
*/

/*****Chartjs******/

#chart-container {
   background: white;
}

.md-button {
   position: relative;
   margin: 0;
   float: left;
   outline: none;
   cursor: pointer;
   border-radius: 0;
   background-color: #FFF;
   border-style: none;
}

.pull-right {
   float: right;
}

/*****datatable export******/

a.buttons-collection {
   margin-left: 1em;
}

div.dt-button-background {
   width: 0% !important;
}

/*****fullscreen******/

.fullscreen_view {
   overflow-y: auto;
   background-color: white;
   width: 100%;
}

.header_fullscreen {
   cursor: pointer;
}

/*****todolists******/

.pmd-card-list {
   padding-top: 8px;
   padding-bottom: 8px;
   background-color: #fff;
}

.pmd-list .list-group-item {
   padding-top: 12px;
   padding-bottom: 12px;
}

.list-group-item:first-child {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.list-group-item {
   padding-top: 16px;
   padding-bottom: 18px;
   margin-bottom: -1px;
   line-height: 1.4;
   border: inherit;
}

/*****activity stats widget******/

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

/*.col_half {*/
/*width: 49%;*/
/*}*/

/*.col_third {*/
/*width: 32%;*/
/*}*/

/*.col_fourth {*/
/*width: 23.5%;*/
/*}*/

/*.col_fifth {*/
/*width: 18.4%;*/
/*}*/

/*.col_sixth {*/
/*width: 15%;*/
/*}*/

/*.col_three_fourth {*/
/*width: 74.5%;*/
/*}*/

/*.col_twothird {*/
/*width: 66%;*/
/*}*/

/*.col_half,*/
/*.col_third,*/
/*.col_twothird,*/
/*.col_fourth,*/
/*.col_three_fourth,*/
/*.col_fifth {*/
/*!*position: relative;*!*/
/*!*display: inline-block;*!*/
/*!*margin-right: 2%;*!*/
/*!*margin-bottom: 20px;*!*/
/*}*/

/*.end {*/
/*margin-right: 0 !important;*/
/*}*/

/* Column Grids End */

.tickets-stats {
   display: inline-block;
   width: 100%;
   text-align: center;
   min-height: 100px;
   margin: 10px;
}

.tickets-stats .nb {
   display: inline-block;
   margin: 0 30px 0 10px;
   position: relative;
   vertical-align: top;
   text-align: center;
   width: 95px;
}

.tickets-stats .nbstock {
   display: inline-block;
   margin: 20px;
   position: relative;
   vertical-align: top;
   text-align: center;
   /*width: 80px;*/
}

.count-number {
   font-size: 20px;
}

.count-title {
   font-size: 14px;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 0;
   text-align: center;
}

.count-text {
   font-size: 11px;
   font-weight: bold;
   text-align: center;
}

.equip-text {
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   padding: 5px;
   border: 2px dashed #8080804d;
   float: left;
   /*width: 90% !important;*/
   min-height: 100px!important;
   margin-right: 10px;
}

.equip-item {
   min-height: 100px!important;
   margin-right: 10px;
}

.md-fa-2x {
   margin: 0 auto;
   float: none;
   color: steelblue;
}

.fa-border-green {
   padding: .2em .25em .15em;
   border: solid .08em darkgreen;
   border-radius: .1em;
}

.fa-border-red {
   padding: .2em .25em .15em;
   border: solid .08em indianred;
   border-radius: .1em;
}

#map_wrapper {
   height: 600px;
   position: static;
}

#TicketsByLocationMap {
   width: 100%;
   height: 100%;
}

.tickets-ind {
   display: inline-block;
   width: 100%;
   text-align: center;
   min-height: 100px;
}


.tickets-ind .nb {
   display: inline-block;
   position: relative;
   vertical-align: top;
   text-align: center;
   border: 1px solid #e6e6e6;
   width: 70px;
   min-height: 85px;
   font-size: 12px;
}

.ind-link {
   font-size: 32px;
}

.ind-widget-new {
   background: #FFF;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.ind-widget-late {
   background: #D9534F;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.ind-widget-process {
   background: #49BF8F;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.ind-widget-pending {
   background: #FFA830;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.ind-widget-validate {
   background: #FFA830;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.dem-widget-process {
   background: #337AB7;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

.ind-widget-solved {
   background: #CCC;
   padding-top: 15px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
}

/* Planning widget */
.fc-scroller {
   height: auto !important;
}


/*****Gridstack******/
/* 9.3 */
/*  If used tabs
.ui-tabs {
   background: #FFF repeat-x top left;
   box-shadow: 0px 1px 1px #7F7979;
   width: 100% !important;
}

.ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 0em !important;
   background: none;
}
*/
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content {
   font-size: 11px;
   font-weight: normal !important;
   text-align: center;
   overflow: hidden;
   cursor: move; /* fallback */
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: grab;
}

#mygrid {
   width: 100%;
   /*margin-left: 10px;*/
   /*margin-right: 5px;*/
}

.ui-state-disabled {
   opacity: 1 !important;
}

.md-grid-stack {
   background: #FFF;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
   left: 1px !important;
   right: 1px !important;
}

.md-grid-stack-item {
   background: white !important;
   text-align: center;
   margin-bottom: 16px;
   min-height: 100px;
   padding: 0 5px 0 5px !important;
}

.md-grid-stack-item-content {
   border: 1px dashed lightgray;
   /*border: 1px solid #e6e6e6;*/
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: 12px;
   background-color: #FFF !important;
   padding: 5px 5px 5px 5px;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
   border: 1px dashed #000 !important;
   background-color: #FFF !important;
}

.ajax_loader {
   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, .8) url(../pics/spinner.gif) 50% 50% no-repeat;
}

.hidden {
   display: none;
}