/*ovveriding bootstrap span left margin*/
.row-fluid [class*="span"] {
    margin-left: 0px;
}

.navbar .brand {
  color:#eee;
  text-shadow:#777777 0 1px 0;
}

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #000000, #000000);
    background-image: linear-gradient(to bottom, #000000, #000000);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar .nav > li > a {
  color:#eee;
  text-shadow:#ccc 0 0 0;
}

.navbar .operations > li > a {
  color:#1d2e7b;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-search .search-query {
    color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}
/*
a, a:hover, .sidebar-nav ul > li > a, .sidebar-nav ul > li > a:hover, .summary-number {
	color: #1d2e7b;
}

ul.yiiPager > li > a{
	color: #1d2e7b!important;
	
}

ul.yiiPager .selected a {
  background-color:#1d2e7b;
  background-image: -moz-linear-gradient(top, #1d2e7b, #3a4a8c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d2e7b), to(#3a4a8c));
  background-image: -webkit-linear-gradient(top, #1d2e7b, #3a4a8c);
  background-image: -o-linear-gradient(top, #1d2e7b, #3a4a8c);
  background-image: linear-gradient(to bottom, #1d2e7b, #3a4a8c);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff1d2e7b', endColorstr='#ff3a4a8c', GradientType=0);
  background-repeat: repeat-x;
  border-color:#1D2E7B;
  color:#DEDEDE !important;
  text-shadow:#CCCCCC 0 0 0;
  font-weight:bold;
}
*/

/************************ Flash messages  ***********************/


.flash{
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin: 10px 0px;
    padding: 10px 50px; 
}
.flash-error {
    
    border-color: #eed3d7;        
    color: #b94a48;    
    background: url(../images/error.gif) left center no-repeat #f2dede;
    background-position: 10px;
}

.flash-notice {
        
    color: #c09853;    
    background: url(../images/alert.gif) left center no-repeat #fcf8e3;
    background-position: 10px;    
    border: 1px solid #fbeed5;
}

.flash-success {    
    
    background: url(../images/success.gif) left center no-repeat #dff0d8;
    background-position: 10px;
    color: #468847;    
    border-color: #d6e9c6;
}

.flash-general {
    border-radius: 10px; 
        -moz-border-radius: 10px; 
     -webkit-border-radius: 10px;
    border: 3px solid #0058A0;
    color:#000000;
    margin: 10px 10px;
    padding: 10px 60px;
    background: url(../img/plus.png) left center no-repeat #FFFFFF;
    background-position: 10px 10px;
}

.flash-error a {
    color:#8a1f11;
}

.flash-notice a {
    color:#514721;
}

.flash-success a {
    color:#264409;
}

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

/************************ Validtion Error messages  ***********************/


.errorSummary{
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}
.errorSummary ul li,.errorSummary p{color:#000;}
.errorMessage {
    color: #C00;
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}

div.form input.error,div.form textarea.error
, div.form select.error 
, div.form .chosen-single.error{
    background: #FEE;
    border-color: #C00;
}
/******************************/

.clear{
    clear:both;
}

ul.form-fields{
    margin-left: 2px;
}
.form-field{
    /*display: -webkit-flex;*/
    margin: 3px 0px;
    clear: both;
}
.form-field .label-left{
    float: left;
    padding-right: 5px;
    width: 80px;
    text-align: left;
    padding-top: 6px;
}


/*********Scroll Bar***********/
html{
 overflow: auto;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;    
}
 
/* Track */
::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: none repeat scroll 0 0 #ebebeb;
    border-radius: 2px 2px 2px 2px;
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 9px;
    width: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 5px;
    border-radius: 5px;*/
    /*background: #D7D7D7;*/
    background: #B8B3B3;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    
    /*background: url("../images/scrl.png") no-repeat scroll 0 0 transparent;
    height: 100% !important;*/
    /*height: 63px !important;*/
}
::-webkit-scrollbar-thumb:window-inactive {
	/*background: transparent; */
}

.hscroll{
    max-height:300px;    
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap!important;
}
.vscroll{
    max-height:300px;
    overflow: scroll;
    overflow-x: hidden;   
}
/* *** New in Bootstarp 3*** */

.loading{    
    
    /*background: url('../img/loading.gif') no-repeat;*/
    background: url('../images/ajax-loader.gif') no-repeat;
    width: 200px;
    height: 100px;
    display: block;
   /* position: absolute;*/
    /*left: 50%;
    top: 50%;*/
    margin-left:50%; /* -1 * image width / 2 */
    margin-top: 50%;  /* -1 * image height / 2 */
    display: block; 
}

.app-followed{
    background: url('../images/folder_green_15.png') no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.app-not-followed{
    background: url('../images/folder_red_15.png') no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.app-will-follow{
    background: url('../images/folder_orange_15.png') no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

/******************/
table.scroll thead, table.scroll tbody { display: block; }

table.scroll tbody {
    height: 300px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

table.scroll thead tr th,table.scroll tbody tr td{
    width:25%;
}

.sentiment-happy{
    background: url('../images/happy.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.sentiment-unhappy{
    background: url('../images/unhappy.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}

span.font4{
    font-size: 14px;
}
span.font4-bold{
    font-size: 14px;
    font-weight: bold;
}

span.font3{
    font-size: 20px;
}
span.font3-bold{
    font-size:20px;
    font-weight: bold;
}

/*=============Star Icons=================*/
.star-orange-14{
    display: inline-block;
    width: 14px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    vertical-align: text-top;
}

.star-orange-16{
    display: inline-block;
    width: 16px;
    height: 16px;
    
    background-image: url("../images/star_orange_16.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.star-light-16{
    display: inline-block;
    width: 16px;
    height: 16px;
    
    background-image: url("../images/star_light_16.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.star-orange-24{
    display: inline-block;
    width: 24px;
    height: 24px;
    
    background-image: url("../images/star_orange_24.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.star5-orange-14{
    display: inline-block;
    width: 70px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.star4-orange-14{
    display: inline-block;
    width: 56px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.star3-orange-14{
    display: inline-block;
    width: 42px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.star2-orange-14{
    display: inline-block;
    width: 28px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.star1-orange-14{
    display: inline-block;
    width: 14px;
    height: 14px;    
    background-image: url("../images/star_orange_14.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

/* ======= bootstarp 3 styles    */

/* ======Filters row ======= */
ul.filter-area {
    list-style: none;        
    margin-left: 0px;
    /*clear: both;*/
}
ul.filter-area li.filter{        
    float: left;
    margin-right: 5px;
}
ul.filter-area li.filter-submit{
    margin-left:20px;
    margin-top: 23px;
}
ul.filter-area li.filter-vert{            
    margin-top: 8px;
}
/*========Loading image=======*/

.loading-box{
/*    height:200px;*/
    height: 100%;
}
.loading-content{
    height: 40px;
    width: 40px;
    display: block;        
    background: url(../images/loading-small.gif) no-repeat 0 0;
    background-size: 40px;        
    left: 50%;
    top: 40%;
    position: relative;    
}
/*
.loading-orange-25{
    height: 20px;
    width: 20px;
    display: block;        
    background: url(../images/loading-orange-25x25.gif) no-repeat 0 0;
    background-size: 16px;        
    left: 10%;
    top: 25%;
    position: relative;    
}*/
.loading-orange-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/loading-orange-25x25.gif) no-repeat 0 0;
    background-size: 25px;        
    left: 10%;
    top: 25%;
    position: relative;    
}
.loading-orange-20{
    height: 20px;
    width: 20px;
    display: block;        
    background: url(../images/loading-orange-20x20.gif) no-repeat 0 0;
    background-size: 20px;        
    left: 10%;
    top: 20%;
    position: relative;    
}
.loading-orange-16{
    height: 20px;
    width: 20px;
    display: block;        
    background: url(../images/loading-orange-16x16.gif) no-repeat 0 0;
    background-size: 16px;        
    left: 10%;
    top: 25%;
    position: relative;    
}
.loading-content2{
    height: 40px;
    width: 40px;
    display: block;        
    background: url(../images/loading-small.gif) no-repeat 0 0;
    background-size: 40px;        
    left: 50%;
    top: 40%;
    position: fixed;    
}
.loading-modal{
    height: 90px;
    width: 90px;
    display: block;        
    background: url(../images/loading-blue.gif) no-repeat 0 0;
    background-size: 90px;        
    left: 46%;
    top: 40%;    
    position: fixed;
}

.loading-image-30{
    height: 20px;
    width: 35px;
    display: block;        
    background: url(../images/ajax-loader.gif) no-repeat 0 0;
    background-size: 40px;         
}

.loading-image-30-global-search{    
    background: url(../images/ajax-loader.gif) no-repeat 0 0;
    background-size: 45px;       
    background-position: 215px;
}

.bg-dimmer {
    display: none; 
    position: absolute;
    top: 0!important;
    left: 0!important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(185, 185, 185, 0.58);
   /* opacity: 0;*/
    line-height: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000;
}

.text-translation{
    height: 20px;
    width: 20px;
    display: block;        
    /*background: url(../images/translation-128.png) no-repeat 0 0;*/
    background: url(../images/rotate-image-blue.png) no-repeat 0 0;
    background-size: 20px;         
}

/*=======================autocomplete=================*/
.autocomplete-app-list{
    position: absolute;
    margin-left: 0px;
    /*top: 30px;*/
    /*margin-top: -10px;*/
}

.autocomplete-os-logo{
    float:left; 
    padding-top: 8px;
}
.autocomplete-app-logo{
    float:left;
    padding-top: 2px;
    padding-left: 5px;
}              
.autocomplete-name{
      display:block;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 20px;
      white-space: nowrap;
      padding-top: 2px;
      padding-left: 5px;
}
.autocomplete-editor{
      display:block;                  
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 20px;
      white-space: nowrap;
      padding-top: 1px;
      padding-left: 5px;
      color: #aaa;
      font-size: 11px;                   
}

.autocomplete-item-list {
    margin-left:2px;
    border: 1px solid #eee ;
    background: #fff;
    /*width:300px;*/
    /*margin-top:3px;*/
    border-radius: 4px;                  
}
.autocomplete-item-list li{                  
  border-radius: 4px;       
  min-height: 40px;
  border-bottom: 1px solid #eee;
  padding: 2px; 
  list-style-type: none;
  line-height:40px;
  overflow-y: hidden;
}
.autocomplete-item-list a{                  
    text-decoration: none;
}
div.autocomplete-item-info:hover { 
    background-color: #ddd;
}

       
/*===date range picker style start=====*/

.daterange-box-text i {
    position: absolute;
    margin-left: 198px;
    margin-top: -31px;
    cursor: pointer;
}
.daterange-box-text .fa {
    font-size: 15px;  
}


.daterange-box-select {
    background: #fff; 
    cursor: pointer; 
    padding: 5px 7px; 
    border: 1px solid #ccc; 
    border-radius: 4px;
    width: inherit;
    line-height: 18px;
}
.daterange-box-select i {
    position: absolute;   
    cursor: pointer;
    margin-left: 0px;
    margin-top: 2px;
}
.daterange-box-select .fa {
    font-size: 15px;  
}
.daterange-box-select span{
   padding-left: 20px;
   padding-right: 8px;
}
.daterange-box-select .caret{
    margin-top: 7px;
}

.daterangepicker * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box ;
}
/*===date range picker style end=====*/

/*=========btn group=================*/
/*===custom btn-group styling ==*/
.btn-select-group {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.btn-select-group .dropdown-menu {
    margin-top: 0px;
}
.btn-select-group.open .dropdown-toggle{
    /*box-shadow: 0px 0px 4px  #0073cc;
    webkit-box-shadow: 0px 0px 4px  #0073cc;*/
    box-shadow: 0px -1px 5px 1px #bbb;
    webkit-box-shadow: 0px -1px 5px 1px #bbb;
    border: 1px solid #bbb;
}
.btn-select{
    background-color: #fff;
   /* width: 120px; */
    line-height: 20px;
    display: inline-block;
    padding: 4px 14px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;    
    border: 1px solid #bbb;
    border-radius: 4px;
}

.btn-select .caret{
    margin-top: 8px;
    /*float: right;*/
}

/*
.btn-group.open .arrow, .btn-group .open .arrow {
    border-bottom: 7px solid #bbb;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: -1px;
    display: inline-block;
    position: absolute;
    z-index: 1039;
    left: 9px;
    right: auto;
}*/
/*
.dropdown-menu.opensright:before {
    left: 9px;
}

.dropdown-menu:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}
.dropdown-menu:before, .dropdown-menu:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}*/

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

/**====chosen library=====*/
.chosen-single img, .chosen-results img {
    margin-right: 4px;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 5px !important;    
}

.chosen-container .chosen-results li.highlighted {
 /* background-color: #F29400 !important;  */
}
/*===========================*/


/**====app page start=====*/


@media (min-width: 1200px){
    .app-page-global-rating-chart{
        /* width:70%; */
        width:73%;
        float: left;
    }
    .app-page-global-rating-block{
        /* width: 28%; */
        width: 26%;
        float: left;
    }
    .app-page-local-rating-chart{
        width:70%;
        float: left;
    }
    .app-page-local-rating-block{
        width: 28%;
        float: left;
    }
}

.app-page .box-title{
        color: #666;
        margin: 5px 0px;
}

/**====app page end=====*/


/**==============**/
.app-title-block{    
   /* display: inline-block;
    margin-right: 10px;   */ 
}

.app-title-block .os-logo{
    float: left;
    margin: 5px 5px;
}

.app-title-block .app-logo{
    float:left; 
    margin-right: 6px;
}

.app-title-block .app-url{
    display: grid;
    line-height: 22px;
}

.icon{
    position: relative;        
    vertical-align: middle;
    display: block;   
}

.icon-list-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/icon-list-25.png) no-repeat 0 0;
    background-size: 25px;        
    /*left: 10%;
    top: 25%;*/
    position: relative;    
}

.icon-chart-bar-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/icon-chart-bar-25.png) no-repeat 0 0;
    background-size: 25px;        
   /* left: 10%;
    top: 25%;*/
    position: relative;    
}

.icon-chart-bubble-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/icon-chart-bubble-25.png) no-repeat 0 0;
    background-size: 25px;        
   /* left: 10%;
    top: 25%;*/
    position: relative;    
}

.icon-chart-pyramid-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/icon-pyramid-25.png) no-repeat 0 0;
    background-size: 25px;        
   /* left: 10%;
    top: 25%;*/
    position: relative;    
}

.icon-chart-line-25{
    height: 25px;
    width: 25px;
    display: block;        
    background: url(../images/icon-chart-line-25.png) no-repeat 0 0;
    background-size: 25px;           
    position: relative;    
}

.icon-export-25{
    position: relative;    
    height: 25px;
    width: 25px;
    vertical-align: middle;
    display: block;
   /* float: left;*/
    background-size: 25px;   
    background: url('../images/icon-export-25.png') no-repeat;
    /*background: url('images/ico_export-24x28.png') no-repeat;*/
}

.icon-share-25{    
    height: 25px;
    width: 25px;    
    background-size: 25px;   
    background: url('../images/icon-share-25.png') no-repeat;    
}
.icon-export-grey-25{
    position: relative;    
    height: 25px;
    width: 25px;
    vertical-align: middle;
    display: block;
   /* float: left;*/
    background-size: 25px;   
    background: url('../images/icon-export-grey-25.png') no-repeat;
    /*background: url('images/ico_export-24x28.png') no-repeat;*/
}

.icon-share-grey-30{    
    height: 25px;
    width: 30px;    
    background-size: 25px;   
    background: url('../images/icon-share-grey-30.png') no-repeat;    
}
/*=======Highcharts======*/

.highcharts-label a, .highcharts-data-labels a{
    color: #000;
    opacity: 0.8;
  /* z-index: 1 !important;*/
}
.highcharts-label , .highcharts-data-labels {   
    /*z-index: 1 !important;*/
}
.highcharts-tooltip,.highcharts-tooltip-box {
    
    /*background-color: #FF7500;*/
    /*border: 1px solid #FF7500;*/
    /*opacity: 1;*/
    /*z-index: 9999 !important;*/
    min-width: 350px;
}
.highcharts-tooltip span {  
    /*opacity: 1;*/
    /*z-index: 9999 !important;*/
}
.highcharts-export-menu-list li:first-child{
    font-weight: bold;
}
/*==================*/
.app-name{
    display: block;
}


.rotate-icon-16{
    background: url(../../../images/rotate_icon_25x25.png) no-repeat;
    background-size: auto auto;
    width: 16px;
    height: 16px;
    display: block;    
    background-size: 16px;
    margin: 2px 5px;
}
.rotate-icon-18{
    background: url(../../../images/rotate_icon_25x25.png) no-repeat;
    background-size: auto auto;
    width: 18px;
    height: 18px;
    display: block;    
    background-size: 18px;
    margin: 1px 5px;
}

/*****/
    .multiselect{
        height:29px;
    }        
    
    .multiselect-container > li > a > label > input[type="checkbox"] {
        margin-right: 10px;
    }
    .multiselect-container > li > a > .checkbox {             
        min-height: 20px;        
    }
    .multiselect-container {
        height: auto;       
        overflow-y: scroll;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: -1px;
        width: inherit;
        min-width: auto;
    }
    .multiselect-container .input-group-btn {
        display: none;
    }
    .multiselect-container > li > a > label{
        padding: 3px 20px 3px 28px;
    }
    .multiselect-container .multiselect-search{
        width: 90%;
    }
    
    
    .btn-group button.multiselect        {
        background-color: #ffffff;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border: 1px solid #cccccc;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-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);
        color: #555555;
        display: block;        
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        background-image: none;
        text-align: left;
        padding-left: 7px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    button.multiselect:hover{
        background-color: #fff;
    }
    .multiselect-native-select .btn-group.open .btn.dropdown-toggle {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 0px;             
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-bottom-left-radius: 0px;    
        border-bottom-right-radius: 0px;   
        border: 1px solid #66afe9;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
        -webkit-transition: border linear .2s, box-shadow linear .2s;
        -o-transition: border linear .2s, box-shadow linear .2s;
        transition: border linear .2s, box-shadow linear .2s;
    }
    .multiselect-native-select .btn {    
        padding: 4px 6px;
    }
    .multiselect .multiselect-selected-text{
       font-size: 12px;
       float: left;
    }
    .multiselect .caret{
        height: 6px;
        padding-left: 1px;
        border-top: 4px solid #8e8585;
        float: right;
    }

    
    .auto-logout{
        position: absolute;
        top: 49px;
        left: 100px;
        background-color: #bbb;
        padding: 6px 12px;
        border-radius: 4px;
        color: #000;
    }
    
 /*********crashpilot style*********/

/*@font-face end*/
.crash-pilot {
    font-family: Roboto, sans-serif;
    font-size: 0.875rem;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 32px;
    background-color: #FAFAFA;
}    
.crash-pilot_menu-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.crash-pilot ol, ul, nav {
    list-style-type: none;
}
/*.crash-pilot ol, ul, p, h1, h2, h3, h4, h5, h6, body {
    padding: 0;
    margin: 0;
}*/
.crash-pilot_menu-list_item {
    margin-right: 1.5rem;
}
.crash-pilot ol, ul, nav {
    list-style-type: none;
}

.crash-pilot li {

    line-height: 20px;

}
.crash-pilot_menu-list_item.active a {
    pointer-events: none;
    cursor: default;
}
.crash-pilot_menu-list a:focus, .crash-pilot_menu-list a:hover, .crash-pilot_menu-list_item.active a {
    color: #F0780A;
}
/*
.crash-pilot_menu-list_item a, 
.crash-pilot_menu-list_item.active a {    
    font-weight: bold;
}*/
.crash-pilot_menu-list a {
    position: relative;
    display: block;
    padding: 1.875rem 0;
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #747474;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
a, a:hover {
    text-decoration: none;
    
}

.crash-pilot_menu-list_item.active a::before {

    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: rgba(240,120,10,1);

}
.crash-pilot_menu-list_item.active a {
    pointer-events: none;
    cursor: default;
}
.crash-pilot_menu-list a:focus, .crash-pilot_menu-list a:hover, .crash-pilot_menu-list_item.active a {
    color: #F0780A;
}
.crash-pilot_menu-list a {
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #747474;
    cursor: pointer;
}

.download-list-block {
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    float: right;
}
.download-list-block img{
    width: 25px;
    height: 25px;
}
.download-button {
    display: -webkit-box;
    display: -ms-flexbox;
   /* display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
   /* height: 100%;*/
    cursor: pointer;
}
.download-list {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 0.25rem 0;
    width: 11.25rem;
    background-color: #fff;
    z-index: 10;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.06);
}
.list-active .download-list {
    display: block;
}
.download-list p {
    font-weight: 500;
}
.download-list a {
    display: block;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.download-list p, .download-list a {
    padding: 0 0.75rem;
    font-size: 0.999rem;
    line-height: 2rem;
    color: #292929;
    text-align: left;
}
.download-list a:hover {
  color: #F0780A;
  background-color: rgba(240,120,10,.1);
}
.download-list a, .download-list a:hover {
    text-decoration: none;
}


/***===================multiselect===========**/


.multiselect-container > li > a > label{
    padding: 4px 20px 4px 28px !important;
}


/***===================table grid===========**/
#global-search-grid .table thead th
,#global-grid .table thead th
,#live-search-grid .table thead th
,#search-grid .table thead th
,#light-grid .table thead th{        
     /*padding-top: 8px;
     padding-bottom: 8px;
     line-height: 21px;*/
     background-color: #FAFAFA;        
     text-align: center;       
     text-align: left;
     font-weight: bold;
     font-size: 13px;     
     color: #9E9E9E;
     /*text-transform: uppercase;*/
     font-family: Roboto, sans-serif !important;
     font-size: 13px !important;
}


/*========*/
.review-category-set{ background-color: #8aee8a59;}
.review-category-l1-set{ background-color: #8aee8a59;}
.review-category-l2-set{ background-color: #8aee8a59;}
.review-category-select-box{ padding: 0px 0px 0px 0px;float: right;}
.reviews-star-rating-left {float: left;}



.evol-indicator-green {        
    height: 17px;
    width: 24px;    
    background-image: url("../images/ico_indicator_green.png");    
    background-repeat: no-repeat;
    /* display: inline-block; */
  }
  
.evol-value-green {        
    height: 20px;
    width: 30px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #44af50;
    text-align: center;
    line-height: 16px;
    margin-bottom: -6px;  
}

.evol-indicator-red {
    height: 17px;
    width: 22px;    
    background-image: url("../images/ico_indicator_red.png");
    /* background-color: #44af50; */
    background-repeat: no-repeat;
    display: inline-block;
}

.evol-value-red {    
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #dd2929;
    text-align: center;
    line-height: 16px;
    margin-bottom: -6px;
}

.evol-indicator-orange {   
    width: 22px;
    background-image: url("../images/ico_indicator_orange.png");    
    background-repeat: no-repeat;
    display: inline-block;
}

.evol-value-orange {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #F8A30E; 
    text-align: center;
    line-height: 16px;
    margin-bottom: -6px;

}

.db-group-logo{
    padding: 5px 5px 0px 20px;       
    width: 120px;
    text-align: center; 
}
.db-group-logo img {
    max-width: 120px;
    height: 50px;
}

/* da check box style */
.da-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fff;
    width: 16px !important;
    height: 16px  !important;
    border: 2px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;    
    display: inline-block;
    box-sizing: border-box; /* prevents shrinking */        
}

.da-checkbox:focus,
.da-checkbox:active {
    outline: none !important;
}
/* checked state */
.da-checkbox:checked {
    background-color: #F0780A;
    border-color: #F0780A;    
    background-image: url(../img/checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;    
    width: 16px;
    height: 16px;
    border-radius:3px;        
}

/* white checkmark */
.da-checkbox:checked::after {
    /* content: "✔"; */
    content: none;    
}