@import "bootstrap/variables";
@import "bootstrap/mixins";
/* Box contents
=================================================================================================================================================================*/
.graph-container { border-top:1px solid #cecece; background-color:#fcfcfc; padding:0 10px 10px; position:relative;overflow:hidden;}
/*.graph-container { border:1px solid #cecece; background-color:#fcfcfc; padding:0 10px 10px; position:relative;z-index:10;overflow:hidden;} Removed Z Index From Here*/
.box-row01{min-height:305px;}
.box-row02{min-height:305px;}
.graph-container .topspacing{padding-top:34px;}
.analytics-box-cont{ width:100%; margin-bottom:26px;}
.inner-box { float:left; width:48.5%;}
.inner-box.middle{margin:0 1.25%;}
.margin-r-0 { margin-right:0;}
.box-header { height:30px;}
.box-header h3 { float:left;font:19px Arial, Helvetica, sans-serif; color:#818181; padding:0px; margin:0px; white-space: nowrap;}
.box-header a { float:right;font:13px/30px Arial, Helvetica, sans-serif;text-decoration:underline !important; color:#626262 !important; }
.inner-grey-box{padding-top:5px;}
.inner-grey-box ul li{width:30.5%;  display:inline-block;border:#d5d5d5 1px solid;border-color:#d5d5d5 #e6e6e6 #efefef #e6e6e6;background-color:#efefef;float:left;-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px; }
.inner-grey-box ul li.middle{margin:0 2.75%;}
.grey-box {border-top:#e6e6e6 1px solid; padding:2px 0;  font:bold 12px Arial, Helvetica, sans-serif; color:#4c4c4c;  text-align:center; margin:0 auto; }
.grey-box p{ font:bold 18px/18px  Arial, Helvetica, sans-serif; color:#3280bd; padding:0px;  }
.grey-box span { font:11px/11px Arial, Helvetica, sans-serif; color:#9d9d9d; }
.graphTotalHolderUl{padding:10px 0;width:89%;}
.graphTotalHolderUl li{padding:0 0 0 15px;margin:0 5px 0 0; font-weight:bold;position:relative;float:left;}
.graphTotalHolderUl li span.color-box{width:10px;height:10px;position:absolute;left:0;top:5px;}
*+html .graphTotalHolderUl{display:inline;}
.legendColorBox div{border-width:0!important;padding:0!important;width:15px;}
.legendColorBox div div{border-width:5px!important;width:0!important;}
*+html .graphTotalHolderUl li{display:inline;}
td.legendLabel{padding:2px 5px 3px 0;font:bold 11px Arial, Helvetica, sans-serif;}
// #ageGenderDistribution{font:11px Arial, Helvetica, sans-serif;}
#demographics{margin:0 auto;;}
#demographicsLegend{padding-top:10px;}
.rating-listing{padding:10px 0 0;}
#browserGraphData.rating-listing{padding:0 ;} 
.rating-listing li{padding-bottom:12px;font:bold 13px Arial, Helvetica, sans-serif;color:#444}
.rating-listing span{color:#999;}
.rating-outer{background-color:#e7e6e6;height:4px;display:block;line-height:0;margin-top:2px;}
.rating-outer span{background-color:#55aff5;height:4px;line-height:0;display:inline-block}
#trafficSource,#browserGraphcontent{min-height:150px;margin-right:5px}
.tickLabel{font-weight: 600; color: #000;
    @media screen and (max-width: $screen-xs){
     font-size: 9px;
    }
}
/*==================*/
.settings { position:absolute; right:4px; top:4px; width:44px; height:23px; outline: none;     background: url(../images/date-picker.png) no-repeat 0 0; text-indent:-9999px; display:block; cursor:default;z-index:2;cursor:pointer;}
.menu-open { position:absolute; right:0px; top:2px; width:52px; height:25px;background-position:0 -251px; text-indent:-9999px; display:block; z-index:2;}
.show-box {-moz-box-shadow:0px 0px 2px #666; -webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 6px #999;display:none;background-color:#FCFCFC;position:absolute; max-width:90%;z-index:100;text-align:left;padding:12px;top: 21px; right: 4px; margin-top:5px;margin-right: 0px;*margin-right: -1px;color:#789;font-size:11px; z-index:1; *border:1px solid #ccc; *top:19px;border:1px solid #ccc\9;top:19px\9; right:3px\9;font:normal 12px; color:#444; border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;-webkit-border-radius:5px 0 5px 5px;
}
/*.submit-btn { width:60px; height:24px; background:url(../../images/submit.png) left top no-repeat; border:none; cursor:pointer;}*/
.text-box{width:auto;padding:4px;}
.search-list li div.date-field-outer{padding:0;width:175px;}
.date-field {padding:3px;background-position:left 2px!important}
.date-field-single {padding:3px 25px 3px 4px;background:url(../../images/sprite/sprite-icons.png) no-repeat right 3px ;color:#444;border:0;width:86%;}
.select-box,.text-box,.date-field{font:normal 12px Arial, Helvetica, sans-serif;}

.show-box li ul.age-gender-listing{padding:3px 0;}
.show-box li ul.age-gender-listing li .left{width:14%;text-align:right;padding-right:0; float: left;}
.show-box li ul.age-gender-listing li .right{width:78%;padding-right:0; float: left; padding-left: 12px;}
.show-box li ul.age-gender-listing li .right span,.secondScetion span{display:inline-block;padding:0 5px 5px 0; color: $dark;}
.noDataFound{ position:absolute; left:0; top:45%; font:bold 13px Arial, Helvetica, sans-serif;color:#DB1212; text-align:center; width:100%}
.date-icon { background-position:right 2px;}

.box-content{padding:10px 0 ;text-align:center;}

.box-content li .grey-box-content { -webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px; border:#eef2f3 1px solid;background-color:#f8f8f8; padding:10px 0;color:#4c4c4c;  text-align:center; margin:0 auto; margin-bottom: 10px;}
.box-content li .grey-box-content span{color:#a2a2a2;font-size:11px;}
.grey-box-content p{ font:bold 26px/30px  Arial, Helvetica, sans-serif; color:#4c4c4c; padding:5px 0;  }

  
.status{
    padding:12px 0;
    .view-status{
        border-right: 1px solid $border-color;
        text-align: center;
        color:lighten($gray-base, 20%);
        &:last-child{
            border-right: 0;
        }
        .count{
            font-size: 18px;
            font-weight: 600;
            line-height: 38px;
            @media screen and (max-width: $screen-xs-max){
               font-size: 14px;
            }
        }
    } 
}
.chosen-container-multi .chosen-choices .search-field input {
    font-family: inherit !important;
    padding: 15px 5px !important;
}
.chosen-container-multi .chosen-choices .search-choice{
    margin-top: 6px !important;
    }
    .select-box, .text-box, .date-field {
    font-size: 14px !important;
    padding: 0 9px !important;
 }
 .chosen-container {
    width: 100% !important;
}

 @import "rtl/analytics_rtl";

