body{
margin:0;
padding:0;
background-color:#f1f1f1;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size: 14px;
/*line-height: 1.42857143;*/
color: #333;
}
.container{
margin-top:10px;
}
.menu_btn{
    float: left;
    margin: 17px 15px 10px 10px;
}
.header_left{
margin-bottom:30px;
}
.header_right{
margin-top:10px;
margin-bottom:30px;
}
.welcome_msg{
   float: left;
   margin: 0 10px 0 0;
}
.welcome_msg p{
   margin: 0 0 5px 0;
   line-height: 1;
   text-align: right;
   color:#333333;
}
.user_wrapper,.report_type_wrapper,.Report_wrapper,.country_wrapper,.Brand_wrapper,.Department_wrapper,.Division_wrapper,.Branch_wrapper,.Generate_wrapper{
margin-bottom:30px;
}
.user_wrapper h1{
font-size:24px;
color:#666666;
margin:0;
}
.Report_wrapper h1{
font-size:24px;
color:#777777;
}
.user_wrapper p{
color:#ce0000;
margin-bottom:2px;
font-weight: bold;
}
.report_type_wrapper select{
width:240px;
border-top:none;
border-right:none;
border-left:none;
border-bottom:1px solid #9d9d9d;
background-color:#f1f1f1;
color:#ce0000;
background:url(../Images/Icons/form-down-arrow.png) 100% 50% no-repeat,url(Images/input-side-line-grey.png) 0% 98% no-repeat;
-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	padding:14px 0 5px 10px;
	outline:none;
}
.report_type_wrapper select::-ms-expand {
    display: none;
} 
.report_type_validate{
    width:300px;
    text-align:right;
}
.date_range_wrapper input{
width:240px;
border-top:none;
border-right:none;
border-left:none;
border-bottom:1px solid #9d9d9d;
background-color:#f1f1f1;
color:#ce0000;
background:url(Images/Icons/ico-datepicker.png) 100% 50% no-repeat,url(Images/input-side-line-grey.png) 0% 98% no-repeat;
-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	padding:11px 0 5px 10px;
	outline:none;
	margin-bottom:0;
}
.date_validate{
    width:309px;
}
h2{
font-size:20px;
color:#777777;
}
.container ul{
list-style:none;
margin:0;
padding:0;
}
#MainContent ul li{
border-radius:3px;
/*background-color:#e1e1e1;*/
/*text-align:left;*/
/*margin-bottom:10px;*/
/*padding:0 0 0 50px;*/
/*color:#777777;*/
}
.area_list{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.area_list li { width: 100%; display: inline-block; font-size: 15px !important;  line-height: 31px;}
.area_list li:nth-last-child(1):nth-child(odd) { float: right; }

.mid_division,.mid_branch{
background-color:#e1e1e1;
border-radius:3px;
}

 .mid_division .chosen-container, .mid_branch .chosen-container{
    width:96% !important;
    margin-left:2%;
    margin-bottom:2%;
}
  .mid_division .chosen-container ul li, .mid_branch .chosen-container ul li{
 background:none; 
}
   .mid_division .chosen-container .chosen-drop ul li, .mid_branch .chosen-container .chosen-drop ul li{
text-align:left; 
padding-left: 15px;
}
   .mid_division .chosen-container .chosen-drop ul li:hover, .mid_branch .chosen-container .chosen-drop ul li:hover {
    background: #c2c2c2;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #c2c2c2 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container .chosen-results li.highlighted{
background-color: #c2c2c2 !important;
background-image:none !important;
}
.chosen-container-multi .chosen-choices li.search-choice{
    border:none !important;
}
.mid_division p,.mid_branch p{
    margin: 0;
    padding: 10px;
	color:#777777;
}
.mid_division input,.mid_branch input{
    width: 94%;
    padding: 10px;
    margin: 10px;
	color: #252525;
	border: 1px solid #c9c9c9;
}
.Generate_wrapper input{
background-color:#a0c749;
text-transform:uppercase;
color:#fff;
padding:10px 20px;
border-radius:5px;
border:none;
}

.mid_reporttype .chosen-container .chosen-results li.highlighted {    
  background-color:#ce0000 !important;
}

#countrylist .ui-selected {
        background: url("../../Content/Images/Icons/ico-tag-remove.png") no-repeat 20px 11px #c2c2c2;        
}

#brandlist .ui-selected {
        background: url("../../Content/Images/Icons/ico-tag-remove.png") no-repeat 20px 11px #c2c2c2;        
}

#departmentlist .ui-selected {
        background: url("../../Content/Images/Icons/ico-tag-remove.png") no-repeat 20px 11px #c2c2c2;        
}

.ui-datepicker {
    width: 300px;
    height: 250px;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-title {    
    font-family: 'HelveticaReg', helvetica, arial, sans-serif !important;
    background-color:#f6f8f9 !important
}
.ui-datepicker .ui-datepicker-header {
    background-color:#f6f8f9 !important
}

.ui-widget-header .ui-icon {
    background-image: none;
}

.ui-widget-header {
    border: none;
    background: none;
}

.ui-widget {
    font-family: 'HelveticaReg', helvetica, arial, sans-serif !important;
    font-size: 20px;
}

.ui-widget-content {
    background-color:#f6f8f9 !important
}

.ui-datepicker table {    
    font-size: 13px;    
}

.ui-datepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
    padding: 4px 5px
}

.ui-datepicker td span, .ui-datepicker td a {    
    text-align: center;    
}

.ui-state-default, .ui-widget-content .ui-state-default {    
    border: none;
    background: none;
    font-weight: normal;
    color: #555555;
}

.ui-state-hover, .ui-widget-highlight {        
    background-color: red;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {        
    color:white;
    background-color: #ce0000 !important;
}

/* BUTTON STYLING */
.GlobalBtn {
  width: auto;
  min-width: 134px;
  height: 44px;
  display: block;
  padding: 0 10px;
  font-family: 'HelveticaBold', helvetica, arial, sans-serif;
  font-size: 15px;
  color: #ffffff;
  line-height: 44px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  border: none;
  outline: none!important;
  background-color: #6c8f1b;
  background-image: -moz-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
  background-image: -webkit-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
  background-image: -ms-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
}
.GlobalBtn:hover,
.GlobalBtn:focus {
  color: #ffffff;
  text-decoration: none;
}
.filterBtn {
  font-family: 'HelveticaLight', helvetica, arial, "Lucida Grande", sans-serif;
  color: #666666;
  padding: 0 5px 5px 40px;
  background: url(Images/Icons/ico-filter.png) no-repeat 0 center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.filterBtn:hover,
.filterBtn:active {
  color: #666666;
  outline: none!important;
}
.headerBtn {
  padding: 0 10px;
  font-family: 'HelveticaReg', helvetica, arial, sans-serif;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background: #f31424 !important;
}
.headerBtn:hover {
  color: #ffffff;
  text-decoration: none;
}
.tableHeaderBackIco {
  display: block;
  float: left;
  padding: 1px 10px 0 0;
}
#divider {
  width: 100%!important;
  height: 30px;
  padding-top: 93px;
  margin-left: 349px;
  border-bottom: 1px solid #f1f4f9;
}
.ddlStyle + .chosen-container-active .chosen-single{
    box-shadow:none;
}
/* END BUTTON STYLING 
-----------------------------------
*/
/*v2 css*/
/* BUTTON STYLING */
.v2-global-btn {
  width: auto;
  min-width: 134px;
  height: 44px;
  display: block;
  padding: 0 10px;
  font-family: 'HelveticaBold', helvetica, arial, sans-serif;
  font-size: 15px;
  color: #ffffff;
  line-height: 44px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.64);
  border: none;
  outline: none!important;
  background-color: #6c8f1b;
  background-image: -moz-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
  background-image: -webkit-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
  background-image: -ms-linear-gradient(90deg, #6c8f1b 0%, #a4cc4d 100%);
}
.v2-global-btn:hover,
.v2-global-btn:focus {
  color: #ffffff;
  text-decoration: none;
}