body {font-family:Arial, Helvetica, sans-serif!important;}
.col-md-4.login .panel-body {
    background: #f7eded;
    border: 2px solid #e9e7e7;
}
.col-md-12.login.text-center {
}
.middle-container .col-sm-4.form-group input.form-control{
    outline:none;
}
.middle-container .col-sm-4.form-group input.form-control.active#postedFile{
    border:1px solid red!important;
}
.col-sm-12.form-group .btn:focus{
    outline:none;
}
.uppercase {
        text-transform: uppercase;
    }

    .lowercase {
        text-transform: lowercase;
    }

    .capitalize {
        text-transform: capitalize;
    }
.col-md-4.login .panel-default > .panel-heading {color: #fff;  background-color: #655f5f;}
.col-md-4.login input.btn.btn-lg.btn-success.btn-block {display: block; width: 100px; margin: 0 auto;}
.col-md-4.login span.field-validation-error {color: red; font-size: 12px;}
#user_logout h4{float:left;}
#user_logout a{

    float: left;
}
.calender.form-control.hasDatepicker{
       padding-left: 34px!important;
    background-image: url(/Content/Images/cal-icon.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left 6px;
}
body{margin:0; padding:0;    background: #215f00; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #215f00, #e4e4d9); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #215f00, #e4e4d9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.pad10 {padding:10px 0;}
.wrapper{float:left; width:100%;}
header {width: 100%;  float:left; background: #fff;
    
    cursor: default;
    z-index:1;
    position:relative;
    padding: 4px 0 4px 0;
}
 header .container {max-width:1241px;}
div#user_logout {
    margin-right:20px;
    margin-top:11px;
}

 input.btn.btn-success,  input.btn.btn-danger {

    padding: 6px 35px;
}
.login input.btn.btn-danger{margin-left:15px;}
a.recycle.pull-right {color:red; text-decoration: underline; margin-top: 6px; font-size:12px; margin-right: 23px;
}
section.middle-container {margin-top:0; float: left; width:100%;padding-bottom:65px;}
.screen-login h4 {float: left; width: 100%; margin-top: 40px; z-index: 2; font-size: 40px; color: #fff; margin-bottom:70px;}
.screen-login .panel.panel-default {display: inline-block;
    width: 35%; float:none;}
.screen-login .form-control {max-width:100%;}
input.btn.btn-lg.btn-success.btn-block {float: none; width:auto; display:inline-block; padding:7px 16px; margin-right:15px;}
    input.btn.btn-lg.btn-success.btn-block.reset { background:Red;
    }
.field-validation-error, .validation-summary-errors{float:left; margin:5px 0 5px 0; width:100%; text-align:left;  color: #a70909;  font-size:12px;}

input#txtUploadFile {
    display: inline-block;
    width: 198px;
    position:relative;
    top:10px;
}
.screen-login ul {
    list-style: none;
    float: left;
    padding: 0;
}
section.middle-container h2 {
    color: #fff;
    padding: 7px 0 7px 11px;
    margin: 0 0 0 0;
    font-size: 23px;
    text-align: center;
}
span.information {color: #FF4500; font-size:12px;}
.form-group{margin-bottom:7px;}
button.btn.btn-lg.btn-info {
    margin-top: 15px;
}
.wrapper {
    float: left;
    width: 100%;
}
.middle-container .padding-10 {padding:0 10px;}
.padding-left-none {padding-left:0; padding-right: 10px;}
.padding-none{padding:0;}

.panel-title {
    font-weight: bold;
    font-size: 21px;
    color: #2476a8;
}

input#btnYMSExcelUpload {
    background: #3a701b;
    box-shadow: 2px 2px 3px #988d8d;
    border: none;
    border-radius: 20px;
    margin-left: 20px;
}
input#btnYMSExcelExport {
    margin-right: 10px;
}
#AddUpdateYMSform .break_line{margin:5px 0 !important;
}
.middle-container .col-sm-4.form-group  .form-control{padding: 6px 9px;
}
textarea#txtOND {padding: 5px 9px; resize:none;
}
.ui-menu .ui-menu-item {
 margin: 3px!important;
}

label.discount {margin-bottom:0; font-size: 18px; padding: 5px 0;  border-left:1px solid #ccc;}
label.discount input[type="radio"] {
    margin-right: 5px;
    
}
.margin-0 {margin:0 8px 0 0;}

input.es-input {
    background-color: #fff!important;
}
li.airList.ui-menu-item {
    padding: 5px 5px;
    font-size: 12px;
}

li.airList.ui-menu-item:hover {
    background:gray;
    color:#fff;
}

input#txtDiscountAmount,input#txtMarkupAmount{width: 82px; border-radius: 0; float:left; border:0;}
.border-radius {
    background: #eae4e4;
    float: left;
    border-radius: 4px;
    width: 100%;
    border:1px solid #ccc;
    height:28px;
}
.border-radius .form-control{
    height:26px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0.4em 1em!important; font-size:13px!important;}
.label-text {
    padding:0  0 0 10px;
    float:left;
    border-left:1px solid #ccc;

}

.maxl{
  float:left;
  width:50%;
  float: left;
  width: 50%;
  border-left: 1px solid #ccc;
  padding-bottom: 4px;
}
.inline{
  display: inline-block;
}
.inline + .inline{
  margin-left:6px;
}
.radio{
  color:#999;
  font-size:15px;
  position:relative;
  padding:0;
  margin: 8px 3px 0 4px;

}
.radio span{
  position:relative;
   padding-left:20px;
}
.radio span:after{
  content:'';
  width:15px;
  height:15px;
  border:3px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
   cursor: pointer; 
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
  color:#0B8;  
}
.radio input[type="radio"]:checked + span:before{
    content:'';
  width:5px;
  height:5px;
  position:absolute;
  background:#0B8;
  left:5px;
  top:6px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}
.toggle.btn {width:61px!important; min-height: 28px!important;}
input#btnSearchDealPatternTmp {
    margin-top: 24px;
}
label.btn.btn-primary.toggle-on, label.btn.btn-default.active.toggle-off{top:0; display:block;}
.margin-left16{margin-left:16px;}
label.radio.inline:first-child {
    margin-top: 3px;
    position: relative;
    left: 3px;
    padding-top: 3px;
}


label.radio.inline:last-child {
    margin-top: 8px;
}
.padding-right {padding-right:30px;}

#divList,#divTmpList, div#tmpdivList{
     width: 70em;
    overflow-x: auto;
    white-space: nowrap;
}
div#tmpdivList input#btnApproveAll {
    margin-bottom: 15px;
    margin-right: 0;
    background: #388e09;
    float:right;
}
#divUTMList #divList , div#tmpdivList{width:98%;}
div#tmpdivList .ui-tabs-panel.ui-corner-bottom.ui-widget-content {border: 1px solid #bdbdbd; border-top:0; height:auto;}
div#tmpdivList  h3 {margin: 10px 0 10px 0;  font-weight: bold; font-size: 14px;}
div#tmpdivList  h3 span.pull-left { margin-top: 10px; margin-bottom: 5px;}

div#tmpdivList div#tmptabs {background:none !important; border:none;}
#tempDivUTMList #divList {width:98%; padding-left: 22px;}
#DivTFNList #divList {width:98%; padding-left: 22px;}
div#tmpdivList ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    border-bottom: 2px solid #056b9c;
    border-radius: 0;
    margin: 5px 0 0 0;
    padding:0;
}
.col-sm-3.form-group {
    width: 20%;
}
#DealsPatternform .col-sm-3.form-group {
    width: 25%;
}
.padding-0 {padding:0;}
/*.file-input-wrapper {
     display: inline-block;
    overflow-y: hidden;
    float: left;
    z-index: 1;
    position: relative;
    width: 100%;
    margin-right: 51px;
    background: #b1b5b0;
    padding: 5px;
    box-shadow: 4px 4px 3px #797575;
    margin-top:16px;
}
}*/
.file-input-wrapper {
    display: inline-block;
    overflow-y: hidden;
    float: right;
    z-index: 1;
    position: relative;
    width: 91%;
    background: none!important;
    padding: 0 0px;
    box-shadow: 0px 0 0px #797575;
    margin-top: 23px;
    height:28px;
}
.col-sm-4.form-group .file-input-wrapper{width:100%; margin-top:10px;}
.file-input-wrapper .file-input-button {
  color: white;
 background: #056b9c;
  box-sizing: border-box;
  font-family: sans-serif;
  width: 140px;
  height: 40px;
  display: inline;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-top: 20px;
  padding-top: 9px;
  text-align: center;
 
  border-radius: 5px;
}
.file-input-wrapper .file-input-button:hover {
  color: #fff;
  background:#3a701b;
  text-decoration: none;
}
.file-input-wrapper input {
  display: none;
}
span.buttonText {
    background: #3276b1;
    float: left;
    padding: 7px 15px 6px;
    color: #fff;
}
.bootstrap-filestyle.input-group .btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}
.bootstrap-filestyle.input-group label.btn.btn-secondary {
padding:0;
}
.bootstrap-filestyle.input-group  input.form-control{
        border-radius: 3px 0 0 3px;
        padding: 0 8px;
}
form-group.bootstrap-filestyle {
    margin-top: 3px;
    margin-bottom:0;
}
.margin-12 {margin-top:0; margin-bottom: 10px;}

.destination {
    width: 442px!important;
}

.form-group.bootstrap-filestyle{margin-bottom:0;}
div#tblList_info, div#tblList_length, div#example_info, div#tblList_filter {display: none;} 
span.multiselect-selected-text {
    width: -13px;
    width: 93%;
    word-wrap: break-word;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:2px;
    font-size: 12px;
    padding-left: 15px;
}
a.paginate_button.first, .paginate_button.previous, .paginate_button.last, .paginate_button.next {text-indent: -9999999px;}
button.multiselect.dropdown-toggle.btn.btn-default {
    width: 100%;
    text-align: left;
}
span.ellipsis{display:none;}
.btn-group {
    width: 100%;
    float: left;
}
.paginate_button {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.btn .caret {
    margin-left: 0;
    float: right;
    margin-top: 8px;
}
    -moz-osx-font-smoothing: grayscale;}
.paginate_button.last{background: url("Images/left-right-arrow.png") no-repeat left top!important;}
.multiselect-filter-ui + .btn-group.open ul.multiselect-container.dropdown-menu >li{width:33%; display: inline-grid;min-height: 34px;}
.paginate_button{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; display:block;}
.multiselect-filter-ui + .btn-group.open ul.multiselect-container.dropdown-menu >li>a {white-space: inherit;}
.multiselect-filter-ui + .btn-group.open ul.multiselect-container.dropdown-menu {
    width: 590px!important;
}
.paginate_button.previous{ background: url("Images/single-left.png") no-repeat left top!important;}
.paginate_button.next{ background: url("Images/single-right.png") no-repeat left top!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > a, .dropdown-menu > a:hover, .dropdown-menu > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
    color: #000;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{    background-color: #2c5b9a !important;
}
.wordwrap
{
    word-wrap:break-word;
}
li.multiselect-item.divider {
}
.loader-indicator {
        background: #e9e9e9;
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(../Content/Images/ajax-loader_new.gif) 50% 50% no-repeat rgba(0, 0, 0, 0.5);
    }
label {
    display: inline-block;
    margin-bottom: 1px; 
    font-weight: normal; 
}
.clear-input {
    right: 33px;
    font-weight: 600;
    width: 13px;
    text-align: center;
    height: 20px;
    color: #000;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    display: none;
    position: absolute;
    top: 30px;
    font-size: 14px;
    font-family: Arial;
    text-transform: lowercase;
}
.clear-input:hover{color:#969696;}
.row {
    margin-left: -10px;
}
/**
 * Styling top level items
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
.nav a,
.nav label {
  display: block;
  padding: .85rem;
  color: #fff;
  background-color: #036c9b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}
.nav a:focus, .nav a:hover,
.nav label:focus,
.nav label:hover {

      background: #739c0f;
    text-decoration: underline;
}

.nav label {
  cursor: pointer;
}

/**
 * Styling first level lists items
 */
.group-list a,
.group-list label {
  padding-left: 1rem;
      background: #afd2e2;
  -webkit-box-shadow: inset 0 -1px #373737;
          box-shadow: inset 0 -1px #373737;
          color:#000;
}
.group-list a:focus, .group-list a:hover,
.group-list label:focus,
.group-list label:hover {
  background:#cfdac7;
    color:#1b0e0e;
}

/**
 * Styling second level list items
 */
.sub-group-list a,
.sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  -webkit-box-shadow: inset 0 -1px #474747;
          box-shadow: inset 0 -1px #474747;
}
.sub-group-list a:focus, .sub-group-list a:hover,
.sub-group-list label:focus,
.sub-group-list label:hover {
  background: #232323;
}

/**
 * Styling third level list items
 */
.sub-sub-group-list a,
.sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  -webkit-box-shadow: inset 0 -1px #575757;
          box-shadow: inset 0 -1px #575757;
}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover,
.sub-sub-group-list label:focus,
.sub-sub-group-list label:hover {
  background: #333333;
}

/**
 * Hide nested lists
 */
.group-list,
.sub-group-list,
.sub-sub-group-list {
  height: 100%;
  /*max-height: 0;*/
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list  ul.group-list {
 display:none;
}
/*.nav__list input[type=checkbox]:checked + label + ul.group-list.slide{
    max-height:0px;
}*/
/**
 * Rotating chevron icon
 */
label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
}

/*.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}*/
.nav__list ul ul li a {
color:#fff; 
text-decoration:none;
background: #8c8888
}
li.navli .fa-angle-right.active:before{
    content: "\f107";
}


label{
    margin-bottom: 9px;
    font-size: 12px;
}
.top15{padding-top:15px;}
.form-control, .btn {font-size:13px!important; height:32px; padding: 2px 12px;}
.form-control,input[type=text]{border:1px solid #ccc!important; border-radius:4px;}
input[type=text]{
    padding:5px;
    margin-bottom:5px;
}
.priceHolder .form-control[readonly]{
    width:50%;
    margin:0 auto;
}

.ui-tabs-panel.ui-corner-bottom.ui-widget-content table td{
position:relative;
padding:4px 8px 4px 15px!important;
}
.user-payment .form-control{
  width:auto;
}
.fa-dollar{
    position: absolute;
    left: 90px;
    top: 13px;
}
input[type="radio"], input[type="checkbox"] {
margin:0;
}
label.btn.btn-primary.toggle-on, label.btn.btn-default.active.toggle-off {
padding-top:5px;
}
#divTmpList, #divList {
    width: 98%;
}
div#divTmpList h3, #divList h3{float: left; margin-top: 17px; font-weight: bold; margin-right:20px;}
#divList h3{margin-top:10px; margin-bottom:10px;}
/*table#tblYMSTmpList {margin-top: 55px;}*/
#divTmpList input#btnApproveAll {background:#388e09; float:right;}
input#btnRejectAll{float:right;}
textarea#txtComment {width:250px; float:right; resize: none; margin-right:20px;}
.campDetailsBtnHolder{padding-top:24px;width:50%;}
.profile {width: 173px; float: left; margin: 10px 0 10px 0; font-family:Arial;}
.profile ul{width:100%; float:left;}
.profile ul li{width:100%; float:left;}
.profile .dropdown a{ background:#f5f2f2; color:#000; font-size: 15px; padding:3px 0 3px 8px; width:100%; float:left; line-height:27px;}
.profile .dropdown-menu{background: #f5f2f2; border-radius:0; border: 0; min-width:100%; top:90%;}
.profile .dropdown-menu a{background:none; padding:3px 0 3px 8px; width:auto; box-shadow:none; -webkit-box-shadow:none;}
 .profile .dropdown-menu a.smalltext { font-size:13px;}
.profile .dropdown-menu a:hover{background:none;}
span.pull-left{margin-left:7px; margin-top: 2px;}
.profile .dropdown-menu a.logouttext { color:red;}
/** Styling footer **/
input#btnApproveAll {
    float: right;
}
.margin-bot { margin-bottom: 15px;}
select#ddlApprovalStatus { width: 92%;}
.padding-0{ padding:0;}
.top-contain h3 { font-weight: bold; margin-top: 0; font-size: 18px;}
ul.dropdown-menu .divider { margin: 0; background-color: #cecbcb;}
ul.dropdown-menu > li > a { clear: none; font-size: 13px!important; color: #3181b9!important; font-weight: 600;}
.dropdown-toggle span.pull-left { margin-left: 0;}
.dropdown-toggle { padding-left: 0;}
.profile {
    padding: 7px 8px;
    background: #f5f2f2;
    position:relative;
    cursor:pointer;
    width:150px;
    float:right;
}
.profile img {
    width: 20px;
    height: auto;
    float: left;
    margin-right: 10px;
}
.profile .name {
    font-size:12px;
    color:#fff;
    line-height:26px;
    margin-left:10px;
}
.profile.icon-rotate::after{
    transform: rotate(180deg);
    top:8px;
}
.profile::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 10px;
    border-color: #333 transparent transparent;
    border-width: 6px;
    border-style: solid;
}
span.text {float: left;  margin-top: 5px; font-size: 13px;}

/* hide menu */
.menu {
    clear: both;
    list-style: none;
    cursor:pointer;
    padding: 0;
    position: absolute;
    left: 0;
    top: 39px;
    background: #f5f2f2;
    width: 100%;
    padding: 5px;
    border-top: 0;
    display:none;
    border-top: 1px solid #cecbcb;
	
}
.menu li {
    font-size: 12px;
    margin: 7px 0 7px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #cecbcb;
}
.menu li a {
    display: inline-block;
    color: #3181b9;
    font-weight: 600;
}

.menu li:last-child img {margin-top: -5px;} 
.break_line { 
    margin: 25px 0;
    height: 2px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, gray));
}
.utm-buttons { margin-top: 7px; }
input#btnUTMSearch, input#btnUTMSearch + input, input#btnTFNSearch, input#btnTFNSave,  input#btnTFNSave + input {
    margin-top: 12px;
}

nav.pagination-container .pagination > li > a {padding: 4px 0; font-size: 12px;  min-width: 50px; max-width: 50px;  text-align: center }
nav.pagination-container .pagination li.pageNumbers a { min-width:auto; padding: 4px 14px; max-width:none;white-space:nowrap;}
nav.pagination-container .pagination > li > a:hover {background-color: #739c0f; color: #fff;} 
nav.pagination-container .pagination > li.active > a {background-color: #056b9c; }
#txtTollFreeNumber, #txtTollFreeNumberLi, #txtTollFreeNumberPa, #txtTollFreeNumbers, #txtTollFreeNumbersLi, #txtTollFreeNumbersPa {cursor: pointer;}
.recordTab label.radio.inline {left:0; font-size:12px;}
.recordTab .radio span {padding-left:15px;}
.recordTab .radio input[type="radio"]:checked + span:before {left: 4px;top: 4px;}
.recordTab .radio span:after {width: 13px; height: 13px;border: 2px solid;left: 0;top: 0;}
#SearchDetailform input#btnSearch, #SearchDetailform input#btnSearchExport {margin-top: 23px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #056b9c!important;
}
table.table.gridTable.reportTable th{text-align:center; background: #056b9c; color: #fff;text-align: center; padding: 13px 8px; border: 1px solid white;font-size:13px; font-weight:bold; height:33px; vertical-align:middle;}
table.table.gridTable.reportTable td{padding: 10px 4px; text-align:center;border: 1px solid black;font-size:13px;}