/*$padding-horizontal:20px;*/
/*$highlight-color:#16abf0;*/

* {
    margin: 0;
    padding: 0;
}

textarea:focus, input:focus {

    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only;
    outline: none !important;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #f0f0f0;
    margin: 0;
    padding: 0;
}

.overflowSpace {
    display: block;
    margin-top: 70px;
}

.header {
    width: 100%;
    background: #00AEEF;
    padding: 5px 0 0 0;
    margin: auto;
    color: #FFFFFF;
    border: 0px solid red;
}

.stock-blade-one-header {
    font-family: 'EB Garamond', serif;
    text-align: center;
}

.form-group label {
    font-family: 'EB Garamond', serif;
    font-size: medium;
}

#verify-otp-div {
    display: none;
}

#message-display {
    display: none !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

#message-display-success {
    display: none !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

#msisdn {
    border-radius: 0px !important;
}

#otp {
    border-radius: 0px !important;
}

#verify-msisdn {
    border-radius: 0px !important;
}

#verify-otp {
    border-radius: 0px !important;
}

#back-to-verify-msisdn {
    border-radius: 50px !important;
}

.mainHeader {
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    position: fixed;
    background: #222;
    border-bottom: 2px outset #000;
    color: #f0f0f0;
    z-index: 999;
}

.dealerActive td:first-child {
    color: green;
}

.headerLogo {
    width: 120px;
    height: 30px;
    margin: 5px 0 0 5px;
    float: left;
    border: 0px solid red;
    font-size: 23px;
    font-weight: bold;
    overflow: hidden;
}

.goToHomePage {
    width: 60px;
    height: 40px;
    float: right;
    border: 0px solid red;
    display: block;
    background: url('/images/home.png') no-repeat center;
    background-size: 30px;
}

.contactus {
    width: 60px;
    height: 40px;
    float: right;
    border: 0px solid red;
    display: block;
    background: url('/images/tel.png') no-repeat center;
    background-size: 54px;
}

.logout {
    width: 60px;
    height: 40px;
    float: right;
    display: block;
    border: 0px solid red;
    background: url('/images/logout.png') no-repeat center;
    background-size: 26px;
}

.mainSubHeader {
    top: 40px;
    left: 0;
    right: 0;
    height: 30px;
    position: fixed;
    background: #0F8EC1;
    color: #f0f0f0;
}

.locationCover  {
    width: 100%;
    height: 30px;
    margin: 5px 0 0 5px;
    color: #DDD;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.salemaneName {
    width: 100%;
    height: 20px;
    margin: 5px 0 0 5px;
    font-size: 13px;
    color: #DDD;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

#showName, #showLocation {
    font-weight: bold;
    color: #EEE;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

#dealerPerformanceRank {
    width: 100%;
    height: 90px;
    margin: 0px auto 0 auto;
    background: #DDD;
    text-align: center;
    border: 0px solid #F00;
}

#rankingCover {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    background: #DDD;
    text-align: center;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB;
}

.rankingMainTop {
    width: 23%;
    height: 80px;
    margin: 5px auto 0 auto;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #BBB;
}

.rankingMainTop:last-child {
    border: 0;
}

.rankingMain {
    width: 18%;
    height: 80px;
    margin: 5px auto 0 auto;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #BBB;
}

.rankingMain:last-child, .rankingMainTop:last-child {
    border: 0;
}

.rankingMainHeader {
    width: 100%;
    height: 15px;
    margin: 2px 0 0 0;
    text-align: center;
    border: 0px solid red;
    font-size: 12px;
    color: #888;
    font-weight: bold;
    text-transform: uppercase;
}

.rankingTopMainBody {
    width: 100%;
    height: 60px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
}

#dealerPerfomStatus {
    width: 100%;
    height: 40px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
}

#dealerTearLabel {
    width: 100%;
    margin: 4px 0 0 0;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #888;
    border: 0px solid red;
}

.rankingMainBody {
    width: 100%;
    height: 40px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
}

.rankingMainFooter {
    width: 20px;
    height: 20px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
}

.dealerStatusName, #dealerViewFirstCall {
    width: 100%;
    height: 20px;
    margin: 5px auto 0 auto;
    text-align: center;
    border: 0px solid red;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.dealerTargetStatus {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px solid red;
    color: #666;
    font-weight: bold;
}

.lastTransaction {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px solid red;
    color: green;
    font-weight: bold;
}

#dealerDealAmnesty {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px solid red;
    color: red;
    font-weight: bold;
}

#dealerDealSuper {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px solid red;
    color: green;
    font-weight: bold;
}


#dealerDealNormal {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px solid red;
    color: #00AFEF;
    font-weight: bold;
}

#dealerTierType {
    width: 32px;
    height: 26px;
    padding-top: 6px;
    margin: 5px auto 0 auto;
    border-radius: 50%;
    text-align: center;
    border: 0px solid red;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

.img-dealer-deal{
    width: 40px;
    height: 40px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
}

/**/
.footer_bottom {
    width:5%;
    text-align:center;
    border-bottom: 2px solid #FFF;
    line-height:0.1em;
    margin: auto;
}

img.img-circle {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 2px solid #FFF;
    margin: auto;
    background-color: #00AFEF;
}

img.img-circles {
    width: 15px;
    height: 15px;
    border: 2px solid white;
}

.container{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

#section-bar-1, #section-bar-2{
    padding: 5px;
}
.center {
    margin-top: 10px;
    text-align: center;
}

.title {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: 700;
}

/*****************************/
/* Bar */
/*****************************/

.tabs-style-bar nav {
    margin-left: 5px;
    margin-right: 5px;
    background: rgba(40,44,42,0.05);
    margin-top: 10px;
}

.tabs-style-bar nav ul {
    border: 0px solid transparent;
}

.tabs-style-bar nav ul li a {
    background-color: #f7f7f7;
    color: #74777b;
    transition: background-color 0.2s, color 0.2s;
}

/*.tabs-style-bar nav ul li a:hover,*/
/*.tabs-style-bar nav ul li a:focus {*/
/*color: #C17DC1;*/
/*}*/

.tabs-style-bar nav ul li a span {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 0.6em;
    font-family: Arial, Helvetica, sans-serif;
}

.tabs-style-bar nav ul li.tab-current a {
    background: #2196F3;
    color: #fff;
}

#tbl_dealer_counter{
    width: 100%;
    margin: auto;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    background: #BBB;
}

#tbl_dealer_counter tr th{
    margin: auto;
    font-weight: bold;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    width: 10%;
    height: 40px;
    background: #AAA;
    color: #555;
    text-align: center;
    border: 1px solid #DDD;
    vertical-align: middle;
}

/*#tbl_dealer_counter tr th:last-child, #tbl_dealer_counter tr td:last-child{
	border-right: 0;
}*/

#tbl_dealer_counter tr td{
    width: 10%;
    height: 30px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: 600;
    border: 1px solid #DDD;
}

input[type="text"].focus {
    width: 100%;
    text-align: center;
    margin: 2px auto;
    height: 30px;
    padding-bottom: 3px;
    font-size: 14px;
    border: solid 1px #9E9E9E;
    -webkit-box-shadow: 0 0 5px 1px #9E9E9E;
    -moz-box-shadow: 0 0 5px 1px #9E9E9E;
    box-shadow: 0 0 5px 1px #9E9E9E;
}

.btn_new_profit_share{
    width: 100%;
    height: 30px;
    color: #9E9E9E;
    font-size: 14px;
    background-color: #E0E0E0;
    margin: 2px auto;
    padding-top: 5px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    text-align: center;
    float: right;
}

.lb_error{
    width: 95%;
    text-align: center;
    margin: 5px auto;
    color: white;
    background: red;
    font-size: 15px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

#btnDealerAgreedAmnesty, #btnDealerAgreedSuper{
    width: 45%;
    margin:auto;
}

#btnDealerDealHistory{
    width: 45%;
    margin:auto;
}

.display_normal_payout{
    width: 100%;
    height: 30px;
    color: #1565C0;
    font-size: 14px;
    margin: 5px auto;
    border: 1px solid #1565C0;
    border-radius: 3px;
    text-align: center;
    float: right;
    -webkit-box-shadow: 0 0 5px 1px #1565C0;
    -moz-box-shadow: 0 0 5px 1px #1565C0;
    box-shadow: 0 0 5px 1px #1565C0;
}

.display_super_bonus_payout{
    width: 100%;
    height: 30px;
    color: #880E4F;
    font-size: 14px;
    margin: 5px auto;
    border: 1px solid #880E4F;
    border-radius: 3px;
    text-align: center;
    font-weight: 900;
    float: right;
    -webkit-box-shadow: 0 0 5px 1px #880E4F;
    -moz-box-shadow: 0 0 5px 1px #880E4F;
    box-shadow: 0 0 5px 1px #880E4F;
}

.lb_success{
    width: 100%;
    text-align: center;
    margin: 5px auto;
    color: #004D40;
    font-size: 15px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

.boxSuccess{
    width: 45%;
    height: inherit;
    margin: auto;
    padding: 5px;
    border: 1px solid #303030;
    border-radius: 3px;
    background: #FFFFFF;
}

@media only screen and (max-width: 320px) {
    body { font-size: 2em; }
    #box_Success{
        width: 100%;
    }

    #btnDealerAgreedAmnesty, #btnDealerAgreedSuper{
        width: 100%;
    } 
}

@media (max-width: 500px) {

    #box_Success{
        width: 99%;
        margin-left: 2px;
    }

    #btnDealerAgreedAmnesty, #btnDealerAgreedSuper, #btnDealerDealHistory{
        width: 100%;
    }
}
/**/

.tierNotGood {
    background: #F00;
}

.tierIsGood {
    background: green;
}

#dealerLinkedStatus {
    background: url("/images/linked.png") no-repeat center;
    background-size: 32px;
}

.BlueDealer {
    background: url("/images/blueDealer.png") no-repeat center;
    background-size: 36px 48px;
}

.GoldDealer {
    background: url("/images/goldDealer.png") no-repeat center;
    background-size: 36px 48px;
}

.DiamondDealer {
    background: url("/images/diamondDealer.png") no-repeat center;
    background-size: 36px 48px;
}

#isHelloPaisa {
    background: url("/images/hellopaisa_logo.png") no-repeat center;
    background-size: 32px;
}

#isHelloMobile {
    background: url("/images/HelloMobile.png") no-repeat center;
    background-size: 32px;
}

#isQmart {
    background: url("/images/Qmobile_logo.png") no-repeat center;
    background-size: 32px;
}

#haveDealerCert {
    background: url("/images/certificate.png") no-repeat center;
    background-size: 32px;
}

.isRight {
    background: url("/images/tick.png") no-repeat center;
    background-size: 20px;
}

.isWrong {
    background: url("/images/wrong.png") no-repeat center;
    background-size: 20px;
}

.isWorkingGood {
    background: url("/images/like.png") no-repeat center;
    background-size: 48px;
}

.isNotWorkingGood {
    background: url("/images/unlike.png") no-repeat center;
    background-size: 48px;
}

.isHidden {
    display: none;
}

.isVisible {
    display: block;
}

.searchForm {
    width: 96%;
    height: auto;
    margin: 20px auto 10px auto;
}

.btn-search {
    width: 15%;
    height: 30px;
    float: right;
    background: url("/images/search.png") no-repeat center;
    background-size: 48px;
}

#yourPerformanceCover {
    width: 100%;
    min-height: 80px;
    margin: auto;
}

#openMenu {
    bottom: 20px;
    right: 20px;
    position: fixed;
    width: 64px;
    height: 44px;
    padding-top: 20px;
    margin: auto;
    box-shadow: 0 0 4px #666;
    border-radius: 50%;
    background: #D00;
    color: #FFF;
    text-align: center;
}

.showMenuCover, .showdealerPopCover {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    text-align: center;
    display: none;
}
.showUpdateCover{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    text-align: center;
    display: none;
    opacity: 0.3;
}

#MenuHeader {
    width: 100%;
    height: 30px;
    margin-bottom: 25%;
    border-bottom: 1px solid #444;
    background: rgba(0, 0, 0, .96) url("/images/back_button.png") no-repeat 10px center;
    background-size: 32px;
    padding: 10px 0 0 60px;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}

#popHeader {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #444;
    background: rgba(0, 0, 0, .96) url("/images/back_button.png") no-repeat 10px center;
    background-size: 32px;
    padding: 10px 0 0 100px;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}

.menuBtn {
    width: 80px;
    height: 110px;
    display: inline-block;
    border: 0px solid red;
    margin: 4px;
    overflow: hidden;
}

.menuIconShow {
    width: 64px;
    height: 64px;
    margin: auto;
    border: 1px solid #999;
    border-radius: 50%;
}

.muneTextLabel {
    width: 80px;
    min-height: 15px;
    margin: 4px auto 0 auto;
    border: 0px solid red;
    color: #FFF;
    font-size: 11px;
    text-align: center;
}

#stockAllocation {
    background: url("/images/allocation.png") no-repeat center;
    background-size: 48px;
}

#performances {
    background: url("/images/performance.png") no-repeat center;
    background-size: 48px;
}

#createDealer {
    background: url("/images/add.png") no-repeat center;
    background-size: 48px;
}
#UpdateSearchDealer {
    background: url("/images/dealerEdit@2x.png") no-repeat center;
    background-size: 48px;
}

#warehouseTransfer {
    background: url("/images/transfer.png") no-repeat center;
    background-size: 48px;
}

#wholesaler {
    background: url("/images/wholesaler.png") no-repeat center;
    background-size: 44px;
}

#changeLocationIcon {
    background: url("/images/location.png") no-repeat center;
    background-size: 72px;
}

#changePasswprdIcon {
    background: url("/images/password.png") no-repeat center;
    background-size: 44px;
}

#helpdeskIcon {
    background: url("/images/helpdesk.png") no-repeat center;
    background-size: 44px;
}

#searchDealerIcon {
    background: url("/images/ic_action_search.png") no-repeat center;
    background-size: 44px;
}

div#salesman-firstcall-cover {
    width: 100%;
    height: auto;
    border: 0px solid red;
    background-color: #00AFEF;
    margin: 65px auto 90px auto;
    padding: 20px 0 10px 0;
}

div#first-call-report {
    width: 95%;
    height: 190px;
    border: 0px solid red;
    margin: auto;
    overflow: hidden;
}

#stockEfficiencyVisit {
    width: 95%;
    height: auto;
    border: 0px solid red;
    margin: 40px auto 0 auto;
    font-family: arial;
    overflow: hidden;
}

div.report-header {
    width: 100%;
    height: 40px;
    border: 0px solid #0F8EC1;
    background: #0F8EC1;
    color: #FFF;
    font-weight: bold;
}

div.successCounterHeader {
    width: 100%;
    height: auto;
    border: 0px solid #0F8EC1;
    background: #0F8EC1;
    color: #FFF;
    font-weight: bold;
}

div.report-heading {
    width: 300px;
    height: 20px;
    float: left;
    margin: 5px 0 0 10px;
    text-align: left;
    font-size: 16px;
    border: 0px solid red;
}

div.stockEfficiencyVisitHeading {
    width: 100%;
    height: 30px;
    font-size: 16px;
    padding-top: 10px;
    margin: 5px 0 0 10px;
    text-align: left;
    border: 0px solid red;
}

div#report-date {
    width: 80px;
    height: 20px;
    float: right;
    margin: 5px 10px 0 0;
    text-align: right;
    font-size: 16px;
    border: 0px solid red;
}

div.report-content {
    width: 100%;
    height: 140px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #666;
    padding: 10px 0 10px 0;
}

div.success-counter-content {
    width: 100%;
    min-height: 40px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #666;
}

div.top-report-bars {
    width: 95%;
    height: 20px;
    border: 1px solid #E6E6E6;
    margin: 2px auto;
    background: #E6E6E6;
}

div.report-bar-label {
    width: 20%;
    height: 15px;
    float: left;
    border: 0px solid red;
    margin: 3px 0 0 4px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}

div.report-progress-bar {
    width: 60%;
    height: 20px;
    float: right;
    background: #E6E6E6;
    overflow: hidden;
}

div#target-report-bars {
    background: #00AFEF;
}

div#actual-progressbar {
    height: 100%;
    float: left;
}

div#variance-progressbar {
    height: 100%;
    border: 0px solid red;
    background: #00AFEF;
    float: left;
}

div.report-count {
    width: 15%;
    height: 18px;
    float: right;
    border: 0px solid red;
    background: #666;
    padding-top: 2px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    margin-left: 3px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.below-target {
    background: #F00;
}

div.bottom-report-bars {
    width: 31%;
    height: 50px;
    border: 1px solid #BBB;
    display: inline-block;
    background: #BBB;
    text-align: center;
    color: #FFF;
}

.stockEffiencyBar {
    width: 31%;
    height: 50px;
    border: 1px solid #BBB;
    display: inline-block;
    margin: auto;
    background: #BBB;
    color: #FFF;
}

div#bottom-report, div.stockEfficiencyContent {
    width: 95%;
    height: 52px;
    margin: 5px auto;
    border: 0px solid red;
    text-align: left;
}

div.bottom-report-header {
    width: 100%;
    height: 15px;
    border: 0px solid red;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 0 2px 0;
}

div.bottom-report-content {
    width: 98%;
    height: 25px;
    margin: auto;
    text-align: center;
    border: 0px solid red;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.showSpinner {
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 0px solid red;
    position: fixed;
    background: url("/images/spinner.gif") no-repeat center;
    background-size: 64px;
    display: none;
}

.header-bottom {
    width: 100%;
    background: #2856A1;
    padding: 5px 0 5px 0;
    margin: 5px 0 0 0;
    color: #FFFFFF;
}

.wrap {
    width: 100%;
    margin: auto;
}

.logo {
    text-align: center;
    padding: 5px 0;
}

#nav {
    text-align: center;
    padding: 5px 0 5px 0;
}

#nav li {
    display: inline-block;
}

#nav li a {
    color: #fff;
    padding: 6px;
    margin-left: -8px;
    font-size: 12px;
}

#nav li a:hover {
    background: #FFFFFF;
    color: rgb(0, 0, 0);
}

/*--header-banner--*/
.header-banner {
    width: 100%;
    border: 0px solid red;
    background: #f0f0f0;
    padding: 10px 0 10px 0;
    margin: auto;
}

.header-red {
    background: #D00F1E;
    padding: 5px 0 5px 0;
    color: #FFFFFF;
}

.header-blue {
    background: #2856A1;
    padding: 5px 0 5px 0;
    color: #FFFFFF;
}

.header-purple {
    background: #8526A4;
    padding: 5px 0 5px 0;
    color: #FFFFFF;
}

.header-whiteOnRed {
    background: #000000;
    padding: 5px;
    color: #D00F1E;
}

.header-greyOnBlack {
    background: #E0E0E0;
    padding: 5px 0 5px 0;
    color: #000000;
    font-size: 11px;
}

.con-text {
    border-bottom: 2px ridge #fff;
}

.grid1-img {
    float: left;
    margin-right: 10px;
}

.grid1-desc {
    float: left;
    margin-top: 5px;
}

.grid1-desc p {
    color: #555;
    font-size: 18px;
}

.indent {
    text-align: center;
}

h2 {
    font-size: 25px;
    line-height: 29px;
    font-family: "Century Gothic", Helvetica, sans-serif;
    color: #00AEEF;
    margin-bottom: 10px;
}

.preview {
    margin-top: 20px;
}

/*--content--*/
.content {
    background: #fff;
    padding: 10px;
}

.main-grids {
    padding: 10px 0 10px 0;
}

.con-top h3 {
    font-size: 22px;
    color: #00AEEF;
    font-family: "Century Gothic", Helvetica, sans-serif;
    margin-bottom: 5px;
}

.con-top p {
    color: #555;
    font-size: 13px;
    line-height: 1.5em;
}

.left-text p {
    color: #555;
    font-size: 13px;
    line-height: 1.5em;
    margin: 5px 0 15px 0;
}

.bot-left {
    padding: 10px 0;
    margin-bottom: 10px;
}

.bot-left img {
    display: block;
}

.left-text h4 {
    color: #00AEEF;
    font-size: 14px;
    margin: 8px 0;
    font-weight: bold;
}

span.doller {
    color: #555;
    font-size: 18px;
    font-family: "Century Gothic", Helvetica, sans-serif;
    font-weight: bold;
}

.read {
    /*height: 40px;*/
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: #535353;
    margin: 10px auto;
    padding: 10px 4px 10px 6px;
    border: 1px solid #303030;
    border-radius: 3px;
    text-align: center;
}

.showPassword {
    font-size: 13px;
    color: #888;
    font-weight: bold;
    text-align: left;
}

#back-button {
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}

#dealerActivityDiv, #stockAllocateDiv, #confirmStockAllocDiv, #dealerDealDiv, #dealerDealHistoryDiv, #stockAllocationPallet {
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 100px;
    border: 0px solid red;
    overflow: hidden;
}

#dealerDealDiv, #dealerDealHistoryDiv{
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 100px;
    border: 0px solid red;
    overflow: hidden;
    background-color: #00AFEF;
}

#dealerDealHistoryDiv{
    height: 100%;
}

.dealerInfo_cover {
    width: 100%;
    min-height: 40px;
    text-align: center;
    margin: 10px auto 5px auto;
    padding: 5px 0 5px 0;
    border: 0px solid red;
}

.dealerInfo_cover_bars {
    width: 48%;
    height: 50px;
    display: inline-block;
    margin: 2px auto;
    vertical-align: middle;
    background: #BBB;
    color: #FFF;
}

.dealer-report-heading {
    width: 100%;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: -1px;
    color: #DDD;
    background: #1C1C39;
    text-align: center;
    overflow: hidden;
}

.dealer_area_ranks {
    width: 100%;
    height: 50px;
    display: inline-block;
    margin: 2px auto;
    vertical-align: middle;
    background: #BBB;
    color: #FFF;
}

#agentCommDiv, #paymentHistoryDiv {
    width: 98%;
    margin: auto;
    padding-bottom: 30px;
}

.dealerActivityInfoCover {
    width: 99.5%;
    margin: 0 4px 4px auto;
    background: #BBB;
    border: 1px solid #1C1C39;
    overflow: hidden;
    font-weight: bold;
    overflow-x: hidden;
}

.dealerDealInfoCover {
    width: 99.5%;
    margin: 0 auto 4px auto;
    background: #BBB;
    border: 1px solid #1C1C39;
    overflow: hidden;
    overflow-x: hidden;
}

.dealerAllocateAndHistory {
    width: 98%;
    margin: 0 auto 4px auto;
    background: #BBB;
    border: 1px solid #888;
    overflow: auto;
    overflow-x: hidden;
}

.dealer_perf_tbl tr td{
    width: auto;
    height: auto;
    border: 2px solid #DDD;
}


.dealer_perf_tbl tr th{
    text-align: center;
}

@media (min-width: 768px){
    .dealer_perf_tbl{
        width: 100%;
    }

}

.tbl_dealer_info {
    table-layout: fixed;
    border: 0;
    padding: 0;
    border-collapse: collapse;
    margin: auto;
}

.tbl_dealer_info tr th {
    width: 70px;
    height: 25px;
    background: #b780bd;
    color: #FFF;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    vertical-align: middle;
    font-size: 12px;
}

.tbl_dealer_info tr td {
    width: 70px;
    height: 20px;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    vertical-align: middle;
    font-size: 11px;
    word-wrap: break-word;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
}

.tbl_dealer_info tr th:first-child, .tbl_dealer_info tr td:first-child {
    border-left: 0;
    padding-left: 5px;
    text-align: left;
}

.tbl_dealer_info tr td a {
    color: #008FEF;
    text-decoration: none;
}

.tbl_dealer_info select {
    width: 100%;
    border: 0;
    background: #BBB;
}

.activityTableRedHeader {
    background: #F00;
    color: #FFF;
}

.read:hover {
    background: #8D8D8D;
}

.padding h4, .padding1 h4, .desti-middle h4, .desti-right h4 {
    color: #00AEEF;
    font-family: "Century Gothic", Helvetica, sans-serif;
    margin-bottom: 5px;
    font-size: 22px;
}

.list .list-bg {
    background: rgb(252, 247, 248);
}

.list li {
    height: 26px;
    margin-bottom: 1px;
    padding: 5px 0px 0px 14px;
    font-size: 13px;
}

.list span {
    width: 21px;
    display: inline-block;
}

.list a {
    text-decoration: none;
    color: #555;
    font-weight: normal;
}

.list a:hover {
    color: #00AEEF;
    font-weight: bold;
}

.link1 {
    font-size: 12px;
    line-height: 18px;
    color: #00AEEF;
    font-weight: bold;
    background: url(/images/link1-bg.gif) right 8px no-repeat;
    padding-right: 7px;
    display: inline-block;
}

.link1:hover {
    color: rgb(155, 45, 82);
    text-decoration: underline;
}

.bot-img {
    float: left;
    margin: 0 10px 10px 0;
}

.bot-desc {
    width: 40%;
    float: left;
}

.bot-desc p, .bot-desc1 p {
    color: #555;
    font-size: 13px;
    line-height: 1.5em;
}

/*--about--*/
.about h3, .contact-top h3 {
    font-size: 25px;
    color: #00AEEF;
    font-family: "Century Gothic", Helvetica, sans-serif;
    padding: 4px 0;
}

.about img {
    margin-bottom: 8px;
}

.about p, .contact-top p {
    color: #555;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 8px;
}

/*--destinations--*/
.desti-text {
    width: 40%;
    float: left;
    margin-right: 20px;
}

.list1 a {
    color: #555;
    font-size: 13px;
}

.list1 a:hover {
    text-decoration: underline;
}

.desti-right p {
    color: #555;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

/*--footer--*/
.footer-bottom {
    background: url(/images/head_bg.png);
    padding: 12px;
}

.copy {
    text-align: center;
}

.copyBold {
    text-align: center;
}

.copy p {
    font-size: 12px;
    color: #fff;
}

.copyBold h1 {
    font-size: 20px;
    color: #fff;
}

.copy a {
    color: #fff;
}

.copy a:hover {
    text-decoration: underline;
}

/*--contact--*/
.contact {
    padding: 12px;
}

.form textarea {
    width: 95%;
    font-size: 13px;
    margin: 5px 0 10px 0;
    border: 1px solid #f0f0f0;
    color: #555;
    background: #f0f0f0;
    outline: none;
    margin-bottom: 10px;
    height: 100px;
    padding: 5px;
    resize: none;
    font-family: Arial, Helvetica, sans-serif;
}

.contact-left {
    margin-top: 10px;
}

.contact-left h3 {
    font-size: 18px;
    color: #00AEEF;
}

.contact-left p {
    font-size: 13px;
    color: #555;
    line-height: 1.5em;
}

.contact-map {
    font-size: 13px;
}

.buttonStyle {
    padding: 5px 4px 5px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: #E9050B;
    margin-bottom: 20px;
    border: 1px solid #FF6468;
}

.buttonStyle:hover {
    background: #FF6468;
}

#selected_image {
    width: 120px;
    height: 28px;
    border: 1px solid #BBB;
    border-radius: 3px;
    background: #DDD;
    box-shadow: 0 0 5px #BBB inset;
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
    margin: 4px 0 4px 4px;
    display: none;
    float: left;
}

#selected_image_status {
    width: auto;
    height: 20px;
    float: left;
    font-size: 14px;
    margin: 16px 0 0 10px;
    border: 0px solid red;
}

#button_footer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    overflow: hidden;
    background: #535353;
    border-top: 1px solid #535353;
    text-align: center;
    position: fixed;
    margin-top: 70px;
}

#button_footers {
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    height: 40px;
    overflow: hidden;
    background: #535353;
    border-top: 1px solid #535353;
    text-align: center;
    position: fixed;
    margin: 0px auto;
}

.bottom_buttons {
    width: 22.5%;
    height: 28px;
    padding-top: 12px;
    color: white;
    font-size: 11px;
    text-align: center;
    border-right: 1px solid #888;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.bottom_button_whole {
    width: 22.5%;
    height: 28px;
    padding-top: 12px;
    color: white;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #888;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.vc-list-pallet{
    width: 100%;
}

.div-pallet{
    margin: 0px auto;
    text-align: center;
    font-weight: 800;
}

.bottom_buttons:last-child {
    border: 0;
}

.bottom_button_whole:last-child {
    border: 0;
}

.showSuccessCounterNavigator {
    width: 100%;
    height: 35px;
    margin: auto;
    padding-top: 3px;
    text-align: center;
    border-top: 1px solid #fff;
}

#goToLastMonth {
    width: 32px;
    height: 32px;
    margin: 0 auto 0 auto;
    vertical-align: middle;
    vertical-align: center;
    text-align: center;
    background: url("/images/ic_prev.png") no-repeat center;
    background-size: 32px;
    display: inline-block;
}

#showMonthNameAndYear {
    width: 50%;
    height: 20px;
    font-family: arial;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
    color: #0F8EC1;
    background: #DDD;
    vertical-align: middle;
    display: inline-block;
}

#goToNextMonth {
    width: 32px;
    height: 32px;
    margin: 0 auto 0 auto;
    vertical-align: middle;
    background: url("/images/ic_next.png") no-repeat center;
    background-size: 32px;
    text-align: center;
    display: inline-block;
}

.helloMobile {
    background: url("/images/HelloMobile.png") no-repeat center;
    background-size: 24px;
}

.cellc {
    background: url("/images/cellc.png") no-repeat center;
    background-size: 24px;
}

.vodacom {
    background: url("/images/vodacom.png") no-repeat center;
    background-size: 24px;
}

.mtn {
    background: url("/images/mtn.png") no-repeat center;
    background-size: 24px;
}

.telkom {
    background: url("/images/telkom.png") no-repeat center;
    background-size: 24px;
}

.megatel {
    background: url("/images/megatel.png") no-repeat center;
    background-size: 24px;
}

.dashmobile {
    background: url("/images/dashmobile.png") no-repeat center;
    background-size: 24px;
}

#tbl_success_counter {
    width: 100%;
    margin: auto;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    background: #BBB;
}

#tbl_success_counter tr th {
    width: 20%;
    height: 40px;
    background: #AAA;
    color: #555;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    vertical-align: middle;
}

#tbl_success_counter tr th:last-child, #tbl_success_counter tr td:last-child {
    border-right: 0;
}

#tbl_success_counter tr td {
    width: 20%;
    height: 30px;
    color: #666;
    text-align: center;
    font-size: 11px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    vertical-align: middle;
}

.happy {
    background: url("/images/like.png") no-repeat center;
    background-size: 20px;
}

.sad {
    background: url("/images/unlike.png") no-repeat center;
    background-size: 20px;
}

#performance_tabs {
    width: 100%;
    height: 30px;
    margin: 42px auto 30px auto;
    border-bottom: 1px solid #00AEEF;
    background: #DDD;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

#_live_sales_report {
    width: 49%;
    height: 25px;
    padding-top: 8px;
    float: left;
    display: inline-block;
    color: #555;
}

#_sales_performs {
    width: 49%;
    height: 25px;
    padding-top: 8px;
    display: inline-block;
    float: right;
    color: #555;
}

#live_report {
    width: 99%;
    min-height: 200px;
    border: 0px solid red;
    margin: auto;
    overflow-x: hidden;
}

#salesmen_performance {
    width: 100%;
    min-height: 200px;
    border: 0px solid red;
    display: none;
}

.fixed-col {
    width: 30%;
    min-height: 100px;
    border-right: 1px solid #BBB;
    float: left;
    overflow: hidden;
    text-align: left;
    z-index: 999;
}

.unfixed-col {
    width: 69%;
    min-height: 100px;
    border-right: 1px solid #BBB;
    float: left;
    overflow: auto;
    text-align: left;
}

._open_tab {
    height: 30px;
    font-weight: bold;
    padding-top: 10px;
    border-left: 1px solid #00AEEF;
    border-right: 1px solid #00AEEF;
    background: #00AEEF;
    color: #FFF;
}

#change_views {
    width: 300px;
    height: 40px;
    position: relative;
    border: 1px solid #BBB;
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 0 15px 5px;
}

#select_city {
    border: 1px solid #BBB;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
    color: #444;
    float: left;
    margin-left: 6px;
}

#change_views legend {
    font-size: 12px;
    font-weight: bold;
    padding: 0 4px 0 4px;
    color: #222;
}

.unfixed_tbl_performance {
    width: 800px;
    border: 1px solid #BBB;
    border-collapse: collapse;
    margin: auto;
    float: left;
}

table.tbl_performance {
    border: 1px solid #BBB;
    border-collapse: collapse;
    width: 99%;
    margin: auto;
}

caption {
    text-align: left;
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #666;
    font-style: italic;
}

table.tbl_performance thead th, .unfixed_tbl_performance thead th {
    height: 30px;
    border: 1px solid #BBB;
    font-size: 12px;
    background: #DDD;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

table.tbl_performance tr td, .unfixed_tbl_performance tr td {
    height: 20px;
    border: 1px solid #BBB;
    font-size: 12px;
    vertical-align: middle;
    padding: 0 4px 0 4px;
    text-align: center;
}

#suburb_performance_cover {
    display: none;
}

.hide_select {
    visibility: hidden;
}

.hidden {
    display: none;
}

#select_month {
    width: 60%;
    padding: 2px 4px 2px 5px;
    background: #DDD;
    border: 1px solid #BBB;
}

#select_year {
    width: 30%;
    padding: 2px 4px 2px 5px;
    background: #DDD;
    border: 1px solid #BBB;
}

.lessPerc {
    background: #F00;
    color: #FFF;
}

.enoughPerc {
    background: green;
    color: #FFF;
}

.activityTotalsRow {
    background: #888;
    color: #FFF;
}

.activityTablePowderBlue {
    background: #40C1FF;
    color: #FFF;
}

.activityTableRowGreen {
    background: #439B1E;
    color: #FFF;
}

.activityTableLIghtBlueRow {
    background: lightblue;
    color: #444;
}

.activityTableRowLightGreen {
    background: #78DC4E;
    text-align: center;
    color: #FFF;
}

.activityTableRowLightGreen td {
    text-align: center;
}

.create_dealer_form, .change_password_fomr, .login_form_cover, .change_location_form {
    width: 95%;
    margin: 60px auto 10px auto;
    text-align: left;
    border: 0px solid red;
}

.change_location_form {
    width: 95%;
    margin: 60px auto 10px auto;
    border: 0px solid red;
}

.change_location_form select {
    width: 95%;
    height: 35px;
    display: block;
    margin: 10px auto;
    padding: 2px 2px 2px 10px;
}

.wholesaler_form_cover {
    width: 95%;
    margin: 90px auto 10px auto;
    text-align: left;
    border: 0px solid red;
}

.textbox {
    width: 95%;
    height: 25px;
    margin: 2px auto 20px auto;
    border: 1px solid #BBB;
    border-radius: 2px;
    box-shadow: 0 0 4px #BBB inset;
    text-align: left;
    font-size: 12px;
    padding: 2px 4px 2px 6px;
    background: #F8F8F8;
}

.con-top {
    width: 80%;
    font-size: 13px;
    color: #888;
    font-weight: bold;
    text-align: left;
}

.linkreset {
    margin: 10px auto;
    text-align: center;
    font-size: 13px;
    color: #888;
}

.linkreset:hover {
    color: rgb(155, 45, 82);
    text-decoration: underline;
}

.btnCreateDealer, .btnUpdateDealer, .btnChangePassword, .btnLogin, #changePasswordButton {
    width: 220px;
    height: 30px;
    color: white;
    font-size: 16px;
    background: #535353;
    margin: 10px auto;
    padding-top: 10px;
    border: 1px solid #303030;
    border-radius: 3px;
    text-align: center;
}

#inputSearchPhoneNumber, #searchTextInput {
    width: 80%;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    float: left;
}

input[readonly] {
    cursor: text;
    background-color: #fff;
}

.btnSearchDealer {
    width: 32px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    background: #000 url(/images/ic_action_search.png) no-repeat center;
    background-size: 24px 24px;
    box-shadow: 0 0 4px #000 inset;
    margin: 3px 0 0 4px;
    float: left;
    border: 1px solid #000;
    border-radius: 2px;
    text-align: center;
}

#activteDealerInfo {
    width: 98%;
    margin-bottom: 10px;
    border: 1px solid #BBB;
    font-size: 14px;
    border-collapse: collapse;
    color: #888;
}

#activteDealerInfo thead th {
    width: 25%;
    height: 30px;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #BBB;
    background: #E0E0E0;
    font-size: 11px;
    color: #666;
    text-align: center;
}

#activteDealerInfo tr {
    border-bottom: 1px solid #BBB;
}

#activteDealerInfo tr:last-child {
    border-bottom: 0px solid #BBB;
}

#activteDealerInfo tr td {
    height: 20px;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid #BBB;
}

#activteDealerInfo tr td:last-child, #activteDealerInfo thead th:last-child {
    border-right: 0px solid #BBB;
}

.search_box {
    width: 98%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #AAA;
    background: url("/images/search.png") no-repeat right center;
    background-size: 48px;
    padding-left: 4px;
}

.search_box:focus {
    border-bottom: 2px solid #0F8EC1;
}

.get_this_table_form_select select {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #BBB;
}

#show_stock_dispatched {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(220, 220, 220, .98);
    z-index: 9999999999999;
    position: fixed;
    text-align: center;
    display: none;
}

table#tbl_allocations {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;
    font-size: 12px;
    text-align: left;
}

table#tbl_allocations tr th {
    height: 30px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    background: rgba(120, 120, 120, .98);
    text-align: center;
    vertical-align: middle;
}

table#tbl_allocations tr td {
    height: 25px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    text-align: center;
    vertical-align: center;

}

table#tbl_allocations tr th:last-child, table#tbl_allocations tr td:last-child {
    border-right: 0;
}

#PopHeader {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #444;
    background: rgba(0, 0, 0, .96) url("/images/back_button.png") no-repeat 10px center;
    background-size: 32px;
    padding: 10px 0 0 60px;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}

.tbl_dealer_list {
    width: 100%;
    border-collapse: collapse;
    background: #DDD;
}

.tbl_dealer_list tr {
    text-align: center;
    border-bottom: 1px solid #AAA;
}

.tbl_dealer_list tr th {
    width: 25%;
    height: 30px;
    background: #BBB;
    font-size: 13px;
    border-right: 1px solid #AAA;
    vertical-align: middle;
}

.tbl_dealer_list tr th:last-child {
    border: 0;
}

.tbl_dealer_list tr td {
    height: 25px;
    padding-left: 4px;
    text-align: left;
    border-right: 1px solid #AAA;
    vertical-align: middle;
    font-size: 11px;

}

.tbl_dealer_list tr td:last-child {
    border: 0;
}

.textBoxCover {
    width: 90%;
    margin: 10px auto;
}

.floating-placeholder {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

.floating-placeholder input:focus + label {
    color: #16abf0;
}

.floating-placeholder input[value] + label {
    color: red;
}

.floating-placeholder {
    width: 100%;
    margin: 10px auto 10px auto;
    position: relative;
}

.floating-placeholder input, .floating-placeholder select {
    width: 100%;
    font-size: 14px;
    border: none;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: transparent;
    padding: 5px 0 5px 0;
    z-index: 2;
    border-bottom: 1px solid #BBB;
    text-indent: 10px;
}

.floating-placeholder:last-child input {
    border-bottom: none;
}

.floating-placeholder label {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 13px;
    z-index: 1;
    -moz-transform-origin: 0 0em;
    -ms-transform-origin: 0 0em;
    -webkit-transform-origin: 0 0em;
    transform-origin: 0 0em;
    -moz-transition: -moz-transform 160ms, color 200ms;
    -o-transition: -o-transform 160ms, color 200ms;
    -webkit-transition: -webkit-transform 160ms, color 200ms;
    transition: transform 160ms, color 200ms;
    -moz-transform: scale(1, 1) rotateY(0);
    -ms-transform: scale(1, 1) rotateY(0);
    -webkit-transform: scale(1, 1) rotateY(0);
    transform: scale(1, 1) rotateY(0);
    color: #999;
}

.floating-placeholder-float label {
    -moz-transform: scale(0.55, 0.55) rotateY(0);
    -ms-transform: scale(0.55, 0.55) rotateY(0);
    -webkit-transform: scale(0.55, 0.55) rotateY(0);
    transform: scale(0.55, 0.55) rotateY(0);
}

.floating-placeholder-float input {
    line-height: 20px;
}

.warehouse_transfer_form {
    width: 95%;
    margin: 60px auto 10px auto;
    border: 0px solid red;
}

.warehouse_transfer_form select {
    width: 100%;
    height: 30px;
    display: block;
}

.showSuccess {
    width: 360px;
    height: 30px;
    padding-top: 10px;
    background: green;
    color: #FFF;
    margin: 90px auto 20px auto;
    text-align: center;
    border-radius: 2px;
}

.showError {
    width: 360px;
    height: 30px;
    padding-top: 10px;
    background: #F00;
    color: #FFF;
    margin: 90px auto 20px auto;
    text-align: center;
}

.backToPrevMenu {
    width: 100%;
    text-align: center;
    display: block;
    margin: 5px auto 0 auto;
}

.errorField {
    background-image: url("images/wrong.png");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right center;
}

@media (max-width: 768px) {
    .container {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

}

#dealerUpdateStatusIcon {
    width: 100%;
    height: 75%;
}

#dealerUpdateStatusText {
    font-size: 12px;
    font-weight: bold;
}

#dealerUpdateStatusIcon.red {
    background: url("/images/dealerEditRed@2x.png") no-repeat center;
    background-size: 48px;
}

#dealerUpdateStatusIcon.green {
    background: url("/images/dealerEditGreen@2x.png") no-repeat center;
    background-size: 48px;
}
#preview3, #preview2, #preview{
    width: 80%; max-width: 300px;
}
#preview3 img, #preview2 img, #preview img {
    width: 100%;
}
.hiddenfile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.saveStockOnHandBtn {
    width: 48px;
    height: 29px;
    left: 296px;
    top: 859px;
    background: #000000;
    border: solid #000000;
    border-radius: 2px;
    color: #FDFDFD;
    float: right;
}
#textboxReason {
    border: 1px solid #BBB;
    box-shadow: 0 0 4px #BBB inset;
    background: #F8F8F8;
    width: 100%;
}
.checkColor {
    color: red;
    display: none;
}

.sucessText:before {

    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    padding-right: 4px;
    color: #00FF00;
}
#successCapture {
    display: none;
    margin-top: 10px;
}
.tdStockComment {
    padding:9px;
    text-align: left;
    border: 1px solid #DDDDDD;
    background-color: #BBBBBB;
}

.disableMsg {
    color: red;
    background-color: #282828;
}
.disableArrow::-webkit-inner-spin-button,
.disableArrow::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#numberChangeIcon {
    background: url("/images/change_number.png") no-repeat center;
    background-size: 44px;
}

#containerBatchAllocationIcon {
    background: url("/images/container_batch.png") no-repeat center;
    background-size: 44px;
}

.late_class {
    background-color: yellow;
}

.inactive_class {
    background-color: red;
}

.active_class {
    background-color: limegreen;
}