/* styles for validation helpers */
.field-validation-error { color: #b94a48;}
.field-validation-valid { display: none;}
input.input-validation-error {border: 1px solid #b94a48;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors { color: #b94a48;}
.validation-summary-valid { display: none;}
.validation-error {border: 1px solid #b94a48;}
.validation-warning {border: 1px solid #ffd800;}
textarea.input-validation-error {border: 1px solid #b94a48;}

.autocomplete-suggestions { border: 1px solid #d1d1d1; background: #fff; overflow: auto; max-height:350px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) }
.autocomplete-suggestion { padding: 8px 12px;text-transform:capitalize; /*white-space: nowrap;*/ overflow: hidden; border-bottom: 1px solid #d1d1d1}
.autocomplete-selected { background: #206ab0; color:#fff; }
.autocomplete-suggestions strong { font-weight: normal; color: #206ab0; }
.autocomplete-selected strong { color:#fff;}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #d1d1d1; }

.table-wrapper {overflow-x:auto; margin-bottom:20px;}
.dataTables_paginate  {margin-top:-11px;}
.filter-box { border-bottom:1px solid #ccc; margin-bottom: 10px;}
.filter-box .item{ margin-bottom: 10px;}
.filter-box .form-group, .filter-box .input-group { margin-bottom: 0px;}
.treegrid-indent {width: 0!important;}

.drop-box { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);display: none; margin-top: 1px; position: absolute;  z-index: 1000;}
.outlet-options {display: none; top: 30px; color: #000; padding:10px;max-height: 400px;overflow-y: auto;}
.outlet-options ul{ margin:0; padding:0;}
.outlet-options ul li{ list-style: none; border-bottom: 1px solid #ccc; padding:3px; cursor:pointer;}
.outlet-options ul li:last-child{ border-bottom: 0px solid #ccc;}
.outlet-options ul li:hover{ color:#044f1d}
.business-info{ margin-top:8px;}
.business-name{font-size:1.5em; color:#0f9dea; }
.business-address{ display:block; color:#7f8fa4; }
.business-info a:hover, .business-info a:focus{text-decoration:none; color: #0f9dea;}
.action-th-1{ width:25px;}
.action-th-2{ width:40px;}
.action-th-3{ width:65px;}
.action-td{ text-align:center;}
.action-td a{ font-size: 15px; margin: 0 3px;}
.form-buttons{ margin-top:15px;}
.block form{  padding-bottom:20px;}
.light-back {background-color: #f9f9f9;}
.green-row { background-color:#b3f7b8 !important}
.red-row{ background-color:#fb9191 !important}
.no-indent .treegrid-indent {width: 0;}

.search-results {-moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;   background-color: #fff;   border-color: -moz-use-text-color #ccc #ccc;  border-image: none;  border-radius: 0 0 5px 5px;   border-style: none solid solid;  border-width: 0 1px 1px;  max-height: 355px;  max-width: 100%;   min-height: 33px;   position: absolute; width: 100%;  z-index: 500; overflow-y:auto;}
.search-items {  margin: 0;padding: 0;list-style: outside none none;}
.search-items li { border-top: 1px solid #ccc; cursor: pointer; min-height: 35px; padding: 5px;}
.search-items li:hover{ background-color:#f0f3f4;}
.search-image-box {float: left; width: 72px;}
.search-name-box {  }
.search-name { font-size: 0.9em;font-weight: bold;margin-top: -2px;}
.search-description {font-size: 0.8em;}
.search-box { font-size: 0.9em;}
.search-box .remove-link, .search-done-box .remove-link, .search-items .balance-item  { display:none;}
.search-select-box .remove-link { display:none; display:inline; font-weight:normal; font-size:.85em;}

.btn-inline{min-width: 25px; padding: 0 5px; height:23px; line-height:22px; display:none; margin-left:-25px; border-radius:0px 4px 4px 0px; float: right;}
.input-inline, .input-inline-2{ padding: 0 25px 0 5px; height:24px; text-align:left;line-height:22px;}
.change-value{ border:1px solid #fad718;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #fad718}
.disabled-item{ background-color:#e9e3e3;}
.inside-lebel{padding: 3px 5px; font-size: 0.7em; float: right; margin-right: 3px; margin-top: 2px;}
.pagination-container ul { float:  none; }

.number-spinner-td .btn{ line-height: 22px;padding: 0 10px;}
.number-spinner-td .input-group{ margin:0;}
.form-title{border-bottom: 1px solid #ccc; font-size: 14px; font-weight: 600; margin-bottom: 10px; padding-bottom: 5px;}

.item-row input{ max-width: 90px !important; text-align:right;}
.total-td input{ max-width: 90px !important; text-align:right;}
.summary-box  input{ max-width: 90px !important; text-align:right;}
.control-label span{ font-size: .85em; color:#c30b1e; padding-left:10px;}

/*overrideed classes*/
.app .breadcrumb {padding: 0;}
.app-navigation .app-navigation-logo-n {  float: left;  font-size: 30px;height: 60px; padding: 15px; position: relative;  transition: background-color 0.1s linear 0s;width: 100%; color:#fff; text-transform:uppercase;}
.app-navigation.app-navigation-style-blue nav > ul > li a.active span, .app-navigation.app-navigation-style-blue nav > ul > li a.active span.nav-icon-hexa {color: #e69c0f;}
.content-box .app-spinner, .modal-body .app-spinner{ margin-left:-18px;}
.outlet-options .app-radio {margin: 5px 0;}
.modal .modal-dialog .modal-content .modal-header { border-radius: 0;}
.pagination > li { margin-right: 5px;}
.app .pagination li > a, .app .pagination li > span {border-radius:5px;}
.bs-datepicker .input-group-addon{ cursor: pointer;}
.app .block{padding: 20px;}
.app .app-container { overflow-y: hidden;}



.custom-tab .nav-tabs {
    border-bottom: 1px solid #ddd;
}
.custom-tab .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.custom-tab .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    display: block;
    position: relative;
    list-style: outside none none;
}
.custom-tab .nav-tabs > li.active > a::after, 
.custom-tab .nav-tabs > li.active > a:focus::after, 
.custom-tab .nav-tabs > li.active > a:hover::after {
    background: #ff2e44 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}
.custom-tab .nav-tabs > li.active > a,
.custom-tab .nav-tabs > li.active > a:focus, 
.custom-tab .nav-tabs > li.active > a:hover {
    border-color: transparent;
    color: #ff2e44 !important;
    position: relative;
    background:none;
}
.custom-tab .nav > li > a:hover {
    background: none;
    border-color: none;
}

.custom-tab .nav.nav-tabs > li > a {
    color: #858383;
    font-weight: 600;
}

.modal-title{ text-transform:uppercase;}
.table-wrapper .select2-selection--single {height: 24px;}
.table-wrapper .select2-selection__rendered {line-height: 21px !important; padding-left: 10px !important;}
.table-wrapper .select2-selection__arrow { height: 23px !important;}
.app .app-header .app-header-search::after {content: "";}

.app-navigation-logo-button-alert {  background: rgb(240, 78, 81) none repeat scroll 0 0; border-radius: 6px;  color: rgb(255, 255, 255);  font-size: 10px !important;  height: 16px; line-height: 16px !important;   position: absolute;    right: 3px;   text-align: center !important;    top: 3px; width: 16px !important;}
nav.nav-pills > li > a, .nav.nav-tabs > li > a {text-transform:uppercase;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center{text-align:center;}
/*.app-navigation-style-sky-blue{
        background-color: #66b3ff!important;
}
.app-footer-dark-blue {
      background-color: #3f606f!important;
      color:lightgrey;
}*/


.file {position: relative;}
.file label {
  /*background: #39D2B4;
  padding: 5px 20px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
  transition: all .4s;*/
  width: 100%;
}
.file input {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  opacity: 0.01;
  cursor: pointer;
}
/*.file input:hover + label,
.file input:focus + label {
  background: #34495E;
  color: #39D2B4;
}*/

add-image label.upload-image::before {
    color: #c2c2c2;
    content: "?";
    cursor: pointer;
    font-family: "FontAwesome";
    font-size: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -14px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
}
add-image label.upload-image {
    margin-left: 0;
    width: 19%;
}
.add-image label.upload-image {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    cursor: pointer;
    height: 75px;
    margin-bottom: 0;
    margin-left: 20px;
    position: relative;
    width: 20%;
}
.adpost-details label {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.add-image label.upload-image input {
    display: none;
}
.add-image div.progress-box {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    display: inline-block;
    height: 75px;
    margin-bottom: 0;
    position: relative;
    width: 19%;
}
.add-image img.upload-image {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    display: inline-block;
    height: 75px;
    margin-bottom: 0;
    position: relative;
    width: 19%;
}
.add-image img {
    vertical-align: top;
}

.add-image a.remove-img-link {
    font-size: 20px;
    margin-left: -24px;
    margin-right: 25px;
    position: relative;
    vertical-align: top;
    width: 5%;
    color:red;
}
 a.remove-video-link {
    font-size: 20px;
    vertical-align: middle;
    float:right;
    margin-top:4px;

}
.two-column-row {
 margin-bottom:10px;
}

/*.app-navigation.app-navigation-style-blue nav>ul>li {
    border-bottom: 1px solid #66b3ff!important;
}*/
.app-navigation.app-navigation-style-blue nav>ul>li a {
    background: #66b3ff!important;
 }   
.app-navigation.app-navigation-style-blue {
       background: #66b3ff!important;
}
.app-navigation.app-navigation-style-blue nav>ul>li a span {
    color: #FFF;
}
.app-navigation.app-navigation-style-blue nav>ul>li.openable>a:after {
    color: #FFF;
}
.date-picker-wrapper {
z-index:99999;
}
#csv-temp-table intput, select {
min-width:150px!important;

}

.form-control:focus {
 outline: none !important;
border:0.5px solid #4fb5dd;
box-shadow: 0 0 10px #719ECE;
}

.requiredfield{
    color: red;
    font-size: 15px !important;
    padding: 2px !important;
}
.label-yellow{
    background-color: #e8e808 !important;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-orange{
    background-color: orange;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.requiredfieldtextval {
    color: indianred !important;
    margin-left: 2%;
}

.DimensionTextBox{
    width: 27%;
    padding: 1%;
    height: 35px;
    border-radius: 3px;
border: 1px solid #ccc

}
.DimensionTextBox:focus {
 outline: none !important;
border:0.5px solid #4fb5dd;
box-shadow: 0 0 10px #719ECE;
}
 .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile-1 + label {
    color: #f1e5e6!important;
    background-color: #d3394c;
}
.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}
    .inputfile + label svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
        fill: currentColor;
        margin-top: -0.25em;
        margin-right: 0.25em;
    }
table.part-allocation-table tr td{
    padding:2px!important;

}
table.part-allocation-table .amount {
    width: 100px !important;
}

.hasDatepicker{
    width:100px !important;
}