@font-face {
    font-family: 'mitr';
    font-weight: 300;
    src: url(../fonts/Mitr/Mitr-Light.ttf);
}
* {
    font-family: 'mitr' !important;
}

.mitr-f {
    font-family: 'mitr' !important;
}

@media all{
    .page-break1{ 
        display: none; 
    }

    .image-page-break{
        display: none;
    }
    .page-break	{ 
        /*display: none; */
    }

}

@media print{


    #appointment-print-card-use{ 
        zoom: 75%; /*For A5 is 75% Landscape,*/
    }


    @page 
    {
        margin-top: 12mm;
        margin-bottom:4mm;
        margin-left:4mm;
        margin-right:4mm;
    }

    * {
        -webkit-print-color-adjust: exact;
    }

    .no-page-break{
        display: block;
        page-break-before: avoid;
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    .page-break{ 
        display: block; 
        page-break-before: always;
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    .image-page-break{
        display: block; 
        page-break-before: avoid;
        page-break-after: always;
        page-break-inside: avoid;
    }

    .print_card{
        display: block;
        margin-top: 0px;
        padding: 0px;
        background-color: white;
        word-wrap: break-word;
        width: 253px; 
        height: 140px;
    }

    .allLabel{
        display: block;
        margin-top: 0px;
        padding: 0px;
        background-color: white;
        word-wrap: break-word;
        /***Default: w:253px, h:140px for all general drug label 7.5x5cm*/
        /***Dog&Cat Health Center Rayong: w:300px, h:150px for drug label 9cmx7cm*/
        /***Pakkret: w:257px, h:140px */
        width: 253px; 
        height: 100px; 
        /***        width: 300px;
                height: 150px;
               width: 257px;
                height: 140px;*/
        border: 1px none green;
    }

    .receipt-value{
        font-size: 13px;
        color: black;
        font-weight: bold;
        display: inline-block;
        text-align: center;
    }

    .receipt-mahidol-info{
        font-size: 17px;
        color: black;
        font-weight: normal;
        display: inline-block;
        text-align: center;
    }

    .receipt-value-2{
        font-size: 13px;
        color: black;
        font-weight: bold;
        display: inline;
        text-align: left;
    }

    .val{
        color: black;
    }

    .val-debt{
        font-weight: bold;
        color: black;
    }

    .val-void{
        color: black;
        font-size: 20px;
        font-weight: bold;
        opacity: 0.5;
    }
}

@media screen{

    .print_card{
        display: block;
        margin-top: 0px;
        padding: 0px;
        background-color: white;
        word-wrap: break-word;
        width: 253px; 
        height: 100px;
        border: 1px solid black;
    }

    .allLabel{
        display: inline-block;
        margin-top: 0px;
        padding: 0px;
        background-color: white;
        word-wrap: break-word;
        /*        width: 253px; Change width here base on drug label ONLY
                height: 140px; Change height here base on drug label ONLY*/
        /*        width: 300px;
                height: 150px;*/
        width: 253px;
        height: 140px;
        border: 1px solid #97be0d;
        margin-top: 2px;
    }
    .drugLabelTest{
        border: 1px solid red;
    }

    .val{
        color: darkblue;
    }

    .val-debt{
        color: red;
        font-weight: bold;
    }

    .val-bold{
        color: black;
        font-weight: bold;
    }

    .val-alert{
        color: red;
        font-weight: bold;
        font-size: 1.1em;
        opacity: 0.5;
    }

    .val-alert-s{
        color: red;
        font-weight: bold;
        opacity: 0.5;
    }

    .receipt-value{
        font-size: 13px;
        color: darkblue;
        font-weight: bold;
        display: inline-block;
        text-align: center;
    }

    .receipt-mahidol-info{
        font-size: 17px;
        color: black;
        font-weight: normal;
        display: inline-block;
        text-align: center;
    }

    .receipt-value-2{
        font-size: 13px;
        color: darkblue;
        font-weight: bold;
        display: inline;
        text-align: left;
    }

    .val-void{
        color: red;
        opacity: 0.5;
        font-size: 20px;
        font-weight: bold;
    }
}

#drugLabelContainer,#petPrintCardContainer{
    border: none;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto /*!important*/;

}

.drugLogo span.drug-label-main-title{
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    display: block;
    border-radius: 3px;
    background-color: black;
}

.drugLogo span.drug-label-main-title-2{
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    display: block;
    background-color: white;
}

.drugLogo span.subHeader{
    font-size: 9px;
    font-weight: normal;
    color: darkblue;
}

.drugLogo span.tel{
    font-size: 10px;
    font-weight: bold;
    color: darkblue;
}

.drugLogo span.leftQuote{
    font-size: 8px;
    font-weight: bold;
    color: darkblue;
    text-align: right;
}

.drugLogo img{
    margin-right: 5px;
    display: inline-block;
    float: left;
}

.drugLabel{
    display: inline-block;
}

.drugLogo{
    display: block;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
}

.pbreak{
    page-break-before: avoid;
    page-break-after: always;
    page-break-inside: avoid;
}

.drugLabel_row_ellipse{
    display: inline-block;
    width: 245px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabel_half_row_ellipse{
    display: inline-block;
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabel_fullrow_ellipse{
    display: inline-block;
    width: 100%;
    height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabel_full_row_ellipse_2{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabelLogo{
    display: block;
    margin: 0px;
    padding-top: 5px;
    height: 35px;
    line-height: 15px;
    width: 100%;
}

.drugLabeltitle{
    font-family: sans-serif;
    display: block;
    width: 100%;
    height: 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.drugLabelDetailBox{
    position: relative;
    display: block;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}

.drugLabelNormalDetail{
    position: relative;
    font-family: sans-serif;
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: black;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 15px;
}

.drugLabelMoreHeight{
    margin-top: 15px;
}

.drugLabelSmallToMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: normal;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    height: 13px;
}

.drugLabelBottomRightSmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 245px;
    text-align: right;
}

.drugLabelSmallToMediumSmallGapDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: normal;
    font-size: 9px;
    color: black;
    vertical-align: bottom;
    height: auto;
    line-height: 14px;
    width: 100%;
}

.drugLabelMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    height: auto;
    line-height: 13px;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.drugLabel_top_margin_0{
    margin-top: 5px;
}

.drugLabel_top_margin_1{
    margin-top: 10px;
}


.drugLabel_top_margin_3{
    margin-top: 0px;
}

.drugLabel_top_margin_4{
    margin-top: 1px;
}

.drugLabel_top_margin_5{
    margin-top: 4px;
}

.drugLabel_top_margin_6{
    margin-top: 2px;
}

.drugLabelNormalSmallDetail{
    font-family: 'THSarabunNew';
    position: relative;
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: -3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabelVerySmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.bottomBoder{
    padding-bottom: 2px;
    border-bottom: 1px solid blue;
}

.topBoder{
    margin-top: 5px;
    padding-top: 7px;
    border-top: 1px solid blue;
}

.drugLabelNormalSmallDetail_auto{
    position: relative;
    font-family: sans-serif;
    display: inline-block;
    min-height: 15px;
    line-height: 15px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
}

.drugLabelIndent{
    padding-left: 3px;
}

.drugLabelEmphasize{
    font-weight: bold;
}

.drugLabelWarning{
    color: red;
}

.drugLabelBorder{
    border-top: 1px dotted lightgray;
    border-bottom: 1px dotted lightgray;
}


.drugLabelDetailAbsoluteRightDown{
    font-size: 9px;
    position: absolute;
    top: 9px;
    right: 5px;
}

.drugLabelDetail{
    display: inline-block;
}

.drugLabelDetailLeft{
    float: left;
}

.drugLabelDetailRight{
    float: right;
    padding-right: 10px;
}

.drugLabelDateRight{
    margin-top: 0px;
    float: right;
    padding-right: 10px;
}

.drugLabelBottomLeft{
    position: absolute;
    bottom: -15px;
    right: 0px;
    padding-right: 0px;
}

.smallLineHeight{
    margin-top: 0px;
}

.drugLabelDetailCenter{
    display: inline-block;
    text-align: center;
}

span.drug-label-wordwrap{
    width: 100%;
    word-wrap: break-word;
}

span.wordwrap{
    width: 100%;
    word-wrap: break-word;
    line-height: 16px;
}

.drugLabelDetailRight{
    float: right;
}

.drugLabelDetailCenter{
    text-align: center;
    margin: 0 auto;
}

body {
    font-family: "Lucida Sans Unicode","Lucida Grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    display: block;
}

body.hidden{
    display: none;
}

::-webkit-scrollbar {
    background-color: #F0F0F0;
}

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
    background-color: #f0f0f0;
    border: none;
}

::-webkit-scrollbar-thumb {
    background-color: #CDCDCD;
    border: 1px solid #F0F0F0;
}

#globalContainer {
    background-color: transparent;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline-block;
    width: 100%;
}

#globalContainer-2 {
    background-color: transparent;
    padding: 0px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

#orangeBar {
    background-color: #97be0d;
    padding: 0px;
    height: 43px;
    min-width: 960px;
    position: fixed;
    border-bottom: 1px solid #97be0d;
    /*    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
        -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
        box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);*/
    z-index: 300;
    top: 0px;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0px auto;
}

#greenBar{
    background-color: #97be0d;
    padding: 0px;
    height: 43px;
    min-width: 960px;
    position: fixed;
    border-bottom: 1px solid #97be0d;
    /*    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
        -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
        box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);*/
    z-index: 300;
    top: 0px;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0px auto;
}

#contentContainer{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#container-large {
    background-color: #FFF;
    padding: 0px;
    width: 1280px;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    color: #000;
    display: block;
    clear: both;
    position: relative;
    top: 44px;
}

#container {
    background-color: #FFF;
    padding: 0px;
    width: 960px;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    color: #000;
    display: block;
    clear: both;
    position: relative;
    top: 44px;
}

#container-2 {
    background-color: #FFF;
    padding: 0px;
    width: 960px;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: #000;
    display: block;
    clear: both;
    position: relative;
    top: 0px;
}

#topBar-large {
    width: 1280px;
    position: relative;
    padding: 0px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
}

#topBar {
    width: 960px;
    position: relative;
    padding: 0px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
}
#logo {
    background-color: transparent;
    width: 266px;
    float: left;
    position: relative;
    height: 43px;
    padding: 0px;
    background-image: url(../img/LittleDogLogo/LogoSoft/logoHeaderBran.png);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 0px;
    z-index: 999;
    cursor: pointer;
}

#doctordogs_program_title{
    font-family: sans-serif;
    position: absolute;
    bottom: 5px;
    left: 200px;
    width: 300px;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

#headerMenuBarNew {
    position: relative;
    padding: 0;
    float: right;
    height: 43px;
    width: 680px;
    vertical-align: bottom;
    margin: 0px;
}

#headerMenuBarNew #menu {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
    padding: 0;
    position: relative;
    bottom: 0px;
    top: 3px;
    margin-top: 17px;
    margin-right: 0px;
    margin-left: 0px;
    vertical-align: bottom;
}

#headerMenuBarNew #menu > li{
    float: left;
}
#headerMenuBarNew #menu li a{
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 8px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 30px;
    margin: 0px;
    font-weight: bold;
    color: #FFF;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: dotted;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #97be0d;
    border-right-color: #ffffff;
    border-bottom-color: #97be0d;
    border-left-color: #97be0d;
}

#headerMenuBarNew #menu li a.home{	
    background-image: url(../img/LittleDogLogo/icon/pie-chart-icon-16.png);
}

#headerMenuBarNew #menu li a.customer{
    background-image: url(../img/LittleDogLogo/icon/024-report.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.appointments{
    background-image: url(../img/LittleDogLogo/icon/003-calendar.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.opd{
    background-image: url(../img/LittleDogLogo/icon/031-veterinarian.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.otherservices{
    background-image: url(../img/LittleDogLogo/icon/025-pet.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.stock{
    background-image: url(../img/LittleDogLogo/icon/034-veterinary.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.money{
    background-image: url(../img/LittleDogLogo/icon/Cash-icon-16.png);
    background-size: 16px 16px;
}

#headerMenuBarNew #menu li a.more_menu{
    background-image: url(../img/LittleDogLogo/icon/cog.png);
    background-size: 16px 16px;
    border-right-style: solid;
    border-right-color: #97be0d;
}

#headerMenuBarNew #menu li a:hover.home,
#headerMenuBarNew #menu li a:hover.more_menu{
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #999;
    padding-top: 5px;
    padding-bottom: 4px;
}

#headerMenuBarNew #menu li:hover a.home,
#headerMenuBarNew #menu li:hover a.customer,
#headerMenuBarNew #menu li:hover a.appointments,
#headerMenuBarNew #menu li:hover a.opd,
#headerMenuBarNew #menu li:hover a.otherservices,
#headerMenuBarNew #menu li:hover a.stock,
#headerMenuBarNew #menu li:hover a.money,
#headerMenuBarNew #menu li:hover a.queue,
#headerMenuBarNew #menu li:hover a.more_menu{
    background-color: #FFF;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    color: #000;
    padding-bottom: 5px;
}

#headerMenuBarNew #menu li:active a.home,
#headerMenuBarNew #menu li:active a.customer,
#headerMenuBarNew #menu li:active a.appointments,
#headerMenuBarNew #menu li:active a.opd,
#headerMenuBarNew #menu li:active a.otherservices,
#headerMenuBarNew #menu li:active a.stock,
#headerMenuBarNew #menu li:active a.money,
#headerMenuBarNew #menu li:active a.queue,
#headerMenuBarNew #menu li:active a.more_menu{
    background-color: #FFE2C6;
}

#headerMenuBarNew #menu li li{
    margin: 0px;
    display: block;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 8px;
}

#headerMenuBarNew #menu li li:hover{
    background-color: #FFE2C6;
}

#headerMenuBarNew #menu li li:active{
    background-color: #FFA773;
}

#headerMenuBarNew #menu li li a{
    color: #000;
    border: thin solid transparent;
    font-weight: normal;
}

#headerMenuBarNew .dropdown_customer li a.new_customer{
    background-image: url(../img/LittleDogLogo/icon/053-registration.png);	
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_customer li a.search_customer{
    background-image: url(../img/LittleDogLogo/icon/014-dermatology.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_customer li a.customer_appointment{
    background-image: url(../img/LittleDogLogo/icon/);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_opd li a.new_opd{
    background-image: url(../img/application_form_add.png);
}

#headerMenuBarNew .dropdown_opd li a.search_opd{
    background-image: url(../img/application_form_magnify.png);
}

li a.queueTable{
    background-image: url(../img/LittleDogLogo/icon/001-veterinary.png);
    background-size: 16px 16px;
}

li a.checkedPet{
    background-image: url(../img/LittleDogLogo/icon/003-checkup.png);
    background-size: 16px 16px;
}

li a.petWard{
    background-image: url(../img/LittleDogLogo/icon/bed.png);
    background-size: 16px 16px;
}

li a.drugRoom{
    background-image: url(../img/pill.png);
}

li a.stockUseRoom{
    background-image: url(../img/cart.png);
}

li a.labRequest{
    background-image: url(../img/flask.png);
}

li a.medicalStats{
    background-image: url(../img/LittleDogLogo/icon/005-veterinary-1.png);
    background-size: 16px 16px;
}

li a.bills-mgmnt{
    background-image: url(../img/LittleDogLogo/icon/dollar-icon-64.png);
    background-size: 16px 16px;
}

li a.reserved-accounts{
    background-image: url(../img/LittleDogLogo/icon/list-icon-64.png);
    background-size: 16px 16px;
}

li a.pending-expenses{
    background-image: url(../img/LittleDogLogo/icon/payment-icon-48.png);
    background-size: 16px 16px;
}

li a.add-new-general-expense{
    background-image: url(../img/add.png);
}

li a.new_bill{
    background-image: url(../img/add.png);
}

li a.appointmentTable{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 16px 16px;
}

li a.hospitalDashboard{
    background-image: url(../img/LittleDogLogo/icon/pie-chart-icon-16.png);
}

li a.customerServices{
    background-image: url(../img/LittleDogLogo/icon/list-icon-16.png);
}

li a.summaryReportAll{
    background-image: url(../img/statistics.png);
}

li a.hotelService{
    background-image: url(../img/LittleDogLogo/icon/050-playpen.png);
    background-size: 16px 16px;
}

li a.groomingService{
    background-image: url(../img/LittleDogLogo/icon/024-grooming.png);
    background-size: 16px 16px;
}

li a.smsMgmnt{
    background-image: url(../img/LittleDogLogo/icon/sms-icon-64_1.png);
    background-size: 16px 16px;
}

li a.calendar{
    background-image: url(../img/LittleDogLogo/icon/003-calendar.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.stock_pill{
    background-image: url(../img/pill.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_manufacturer{
    background-image: url(../img/LittleDogLogo/icon/031-veterinarian-1.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.stock_reports{
    background-image: url(../img/LittleDogLogo/icon/store-icon-64.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.all_stocks{
    background-image: url(../img/LittleDogLogo/icon/043-pet-food.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.warehouse{
    background-image: url(../img/LittleDogLogo/icon/047-pet-shop.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.return_stocks{
    background-image: url(../img/package_return.png);
}

#headerMenuBarNew .dropdown_stock li a.received_stocks{
    background-image: url(../img/LittleDogLogo/icon/package_add.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_stock li a.requisition{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 16px 16px;
}

#headerMenuBarNew .dropdown_money li a.money{
    background-image: url(../img/money.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_tools{
    background-image: url(../img/tubes.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_services{
    background-image: url(../img/small_business.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_petshop{
    background-image: url(../img/shop_open.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_saline{
    background-image: url(../img/jar_empty.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_opd{
    background-image: url(../img/stethoscope.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_operation{
    background-image: url(../img/scalpel.png);
}

#headerMenuBarNew .dropdown_stock li a.stock_lab{
    background-image: url(../img/flask.png);
}

#headerMenuBarNew .dropdown_more_menu li a.report{
    background-image: url(../img/report.png);
}

#headerMenuBarNew .dropdown_more_menu li a.admin{
    background-image: url(../img/cog.png);
}

#headerMenuBarNew .dropdown_more_menu li a.logout{
    background-image: url(../img/control_power_blue.png);
}

#headerMenuBarNew #menu li ul {
    text-decoration: none;
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#headerMenuBarNew #menu li:hover ul {
    display: block;
}

#headerMenuBarNew .dropdown_customer,
#headerMenuBarNew .dropdown_opd,
#headerMenuBarNew .dropdown_stock,
#headerMenuBarNew .dropdown_money,
#headerMenuBarNew .dropdown_queue,
#headerMenuBarNew .dropdown_report {
    background-color: #FFF;
    position: absolute;
    top: 20px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    display: none;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#headerMenuBarNew .dropdown_more_menu {
    background-color: #FFF;
    position: absolute;
    top: 20px;
    right: 0;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    display: none;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#headerMenuBarNew .dropdown_customer {width: 180px;}
#headerMenuBarNew .dropdown_opd {width: 180px;}
#headerMenuBarNew .dropdown_money {width: 180px;}
#headerMenuBarNew .dropdown_stock {width: 180px;}
#headerMenuBarNew .dropdown_queue {width: 180px;}
#headerMenuBarNew.dropdown_report {width: 180px;}
#headerMenuBarNew.dropdown_more_menu {width: 180px;}

#headerMenuBarNew #menu li:hover .dropdown_customer,
#headerMenuBarNew #menu li:hover .dropdown_opd,
#headerMenuBarNew #menu li:hover .dropdown_money,
#headerMenuBarNew #menu li:hover .dropdown_stock,
#headerMenuBarNew #menu li:hover .dropdown_more_menu{
    display: block;
}
#headerMenuBarNew .col_1 {
    width: 180px;
}

#headerMenuBarNew .small_col {
    width: 150px;
}

.fullbox-center-with-grey-bg-rounded{
    text-align: center;
    background-color: #FFF1E9;
    border-radius: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 640px;
}

.fullbox-rounded-auto-width{

    border-radius: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.fullbox-rounded-auto-width-color{
    background-color: #FFF1E9;
    border-radius: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.centerBox{
    margin-top: 5px;
    text-align: center;
    display: block;
    margin-right: 15px;
}

.action-box-center-underneath-form{
    margin-top: 10px;
    text-align: center;
    display: block;
    margin-right: 0px;
}

.keep-left{
    text-align: left;
}

#sideBar {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    width: 178px;
    height: 10px;
    color: #000;
    float: left;
    border: thin none #000;
    display: block;
    position: relative;
}

#slideBar {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    width: 178px;
    color: #000;
    float: left;
    border: thin none #000;
    display: block;
    position: fixed;
    top: 0px;
    z-index: 333;
}

#mainTopic {
    margin: 0px;
    width: 178px;
    background-position: center;
    padding: 0px;
    height: 40px;
}

#mainTopic #topicName {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#mainTopic #topicName li{
    background-image: url(../img/LittleDogLogo/icon/024-report.png);
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
    background-size: 32px 32px;
}

#mainTopic #topicName li.stock{
    background-image: url(../img/LittleDogLogo/icon/047-pet-shop.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.timesheet{
    background-image: url(../img/32x32/clock_.png);
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.opdgroup{
    background-image: url(../img/LittleDogLogo/icon/031-veterinarian.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.appointments{
    background-image: url(../img/LittleDogLogo/icon/003-calendar.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.dashboard{
    background-image: url(../img/32x32/categories.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}
#mainTopic #topicName li.dashboardNew{
    background-image: url(../img/LittleDogLogo/icon/pie-chart-icon-32.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.finance{
    background-image: url(../img/LittleDogLogo/icon/Cash-icon-16.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.doctordogs{
    background-image: url(../img/32x32/doctordogs_mascot.png);
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.setting{
    background-image: url(../img/32x32/cog.png);
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.general_setting{
    background-image: url(../img/32x32/widgets.png);
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li.opd{
    background-image: url(../img/LittleDogLogo/icon/025-pet.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 15px;
    display: block;
    padding: 15px;
    margin: 0;
}

#mainTopic #topicName li a{
    color: #97be0d;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 40px;
}

.moveWhenScroll{
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    top: 45px;
    height: 550px;
}

#leftNavigation {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    width: 178px;
    height: auto;
}

#leftNavigationHeader {
    background-color: #FFF;
    padding: 0px;
    height: 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #999;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#leftNavigationHeader-important {
    background-color: #FFF;
    padding: 0px;
    height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #97be0d;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.sidebar_main_topic {
    background-color: #FFF;
    padding: 0px;
    height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #00BFFF;
    text-align: center;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.leftNavigationMiniForm{
    display: inline-block;
    width: 178px;
    font-size: 9px;
    color: #000;
    background-color: #FFF;
    padding: 0px;
    margin: 0px;
}

span.helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img.imgMiddleSpan{
    vertical-align: middle;
}

img.imgBeforeText{
    margin-right: 5px;
}

img.imgMiddleAfterMiniInput{
    vertical-align: middle;
    opacity: 0.5;
}

img.imgMiddleAfterMiniInput:hover{
    vertical-align: middle;
    opacity: 1.0;
}

.subMenuFixed{
    display: inline-block;
    width: 130px;
    text-align: left;
    margin-left: 10px;
}

#leftNavigationMenu {
    font-size: 11px;
    color: #000;
    background-color: #FFF;
    padding: 0px;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}
#leftNavigationMenu #menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#leftNavigationMenu #menu li a{
    color: #000;
    text-decoration: none;
}

#leftNavigationMenu #menu li a.small_link{
    color: blue;
    text-decoration: underline;
}

#leftNavigationMenu #menu li {
    border: 1px none #000;
    margin: 0px;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-position: 3px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#leftNavigationMenu #menu li.subMenu {
    border: 1px none #000;
    margin: 0px;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#leftNavigationMenu #menu li > ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#leftNavigationMenu #menu li.subMenu2 {
    margin: 0px;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
    background-position: 30px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: normal;
}

#leftNavigationMenu #menu li.customer_profile,
#leftNavigationMenu #menu li.edit_customer_profile {
    background-image: url(../img/user.png);
}

#leftNavigationMenu #menu li.pet_profile{
    background-image: url(../img/dog.png);
}

#leftNavigationMenu #menu li.other_services{
    background-image: url(../img/small_business.png);
}

.icon_16x16_manufacturer{
    background-image: url(../img/LittleDogLogo/icon/031-veterinarian-1.png);
    background-size: 16px 16px;
}

.icon_16x16_sms_add_text{
    background-image: url(../img/comment_add.png);
}
.icon_16x16_phone_add_text{
    background-image: url(../img/phone.png);
}


.icon_16x16_warehouse{
    background-image: url(../img/LittleDogLogo/icon/047-pet-shop.png);
    background-size: 16px 16px;
}

.icon_16x16_dashboard{
    background-image: url(../img/categories.png);
}
.icon_16x16_dashboardNews{
    background-image: url(../img/LittleDogLogo/icon/pie-chart-icon-16.png);
}
.icon_16x16_listNews{
    background-image: url(../img/LittleDogLogo/icon/list-icon-16.png);
}
.icon_16x16_summary_reports{
    background-image: url(../img/statistics.png);
}

.icon_16x16_central_report{
    background-image: url(../img/chart-bar-icon.png);
    background-size: 16px;
}

.icon_16x16_service_customers{
    background-image: url(../img/group.png);
}

.icon_16x16_notification{
    background-image: url(../img/error.png);
}

.icon_16x16_timesheet{
    background-image: url(../img/time_add.png);
}

.icon_16x16_lab{
    background-image: url(../img/flask.png);
}

.icon_idexx{
    background-image: url(../img/idexx_logo.png);
}

.icon_16x16_report{
    background-image: url(../img/LittleDogLogo/icon/store-icon-64.png);
    background-size: 16px 16px;
}

.icon_16x16_all_stocks{
    background-image: url(../img/LittleDogLogo/icon/043-pet-food.png);
    background-size: 16px 16px;
}

.icon_16x16_return_stocks{
    background-image: url(../img/package_return.png);
}

.icon_32x32_return_stocks{
    background-image: url(../img/32x32/package_return.png);
}

.icon_16x16_received_stocks{
    background-image: url(../img/LittleDogLogo/icon/package_add.png);
    background-size: 16px 16px;
}

.icon_32x32_received_stocks{
    background-image: url(../img/32x32/package_add.png);
}

.icon_16x16_requisition{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 16px 16px;
}

.icon_16x16_stockUseRoom{
    background-image: url(../img/cart.png);
}

.icon_16x16_close{
    background-image: url(../img/cross.png);
}

.icon_16x16_moneybag{
    background-image: url(../img/money_bag.png);
}

.icon_16x16_new_bill{
    background-image: url(../img/money_dollar.png);
}

.icon_32x32_new_bill{
    background-image: url(../img/32x32/money_dollar.png);
}

.icon_32x32_moneybag{
    background-image: url(../img/32x32/money_bag.png);
}

.icon_32x32_expense_bill{
    background-image: url(../img/32x32/document_index.png);
}

.icon_32x32_printer{
    background-image: url(../img/32x32/printer.png);
}

.icon_16x16_expense_bill{
    background-image: url(../img/document_index.png);
}

.icon_32x32_expense_bills{
    background-image: url(../img/32x32/blogs.png);
}

.icon_32x32_reserved_accounts{
    background-image: url(../img/LittleDogLogo/icon/list-icon-64.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_16x16_expense_bills{
    background-image: url(../img/LittleDogLogo/icon/dollar-icon-64.png);
    background-size: 16px 16px;
}

.icon_16x16_reserved_accounts{
    background-image: url(../img/LittleDogLogo/icon/list-icon-64.png);
    background-size: 16px 16px;
}

.icon_32x32_manufacturer{
    background-image: url(../img/LittleDogLogo/icon/031-veterinarian-1.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_warehouse{
    background-image: url(../img/LittleDogLogo/icon/047-pet-shop.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_16x16_checkedpet{
    background-image: url(../img/LittleDogLogo/icon/003-checkup.png);
    background-size: 16px 16px;
}

.icon_16x16_admit{
    background-image: url(../img/bed.png);
}

.icon_16x16_drug{
    background-image: url(../img/pill.png);
}

.icon_16x16_labrequests{
    background-image: url(../img/flask.png);
}

.icon_16x16_medicalstats{
    background-image: url(../img/LittleDogLogo/icon/005-veterinary-1.png);
    background-size: 16px 16px;
}

.icon_32x32_checkedpet{
    background-image: url(../img/32x32/group.png);
}

.icon_32x32_summary_reports_all{
    background-image: url(../img/32x32/statistics.png);
}

.icon_32x32_opdpet{
    background-image: url(../img/LittleDogLogo/icon/003-checkup.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_admit{
    background-image: url(../img/LittleDogLogo/icon/bed.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_16x16_hotel{
    background-image: url(../img/LittleDogLogo/icon/payment-icon-48.png);
    background-size: 16px 16px;
}

.icon_32x32_hotel{
    background-image: url(../img/LittleDogLogo/icon/050-playpen.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_grooming{
    background-image: url(../img/LittleDogLogo/icon/024-grooming.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_labrequests{
    background-image: url(../img/LittleDogLogo/icon/flask.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_accounting{
    background-image: url(../img/32x32/account_balances.png);
}


.icon_32x32_cashier{
    background-image: url(../img/32x32/cash_register_2.png);
}

.icon_32x32_stockreports{
    background-image: url(../img/LittleDogLogo/icon/store-icon-64.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_timesheet{
    background-image: url(../img/32x32/time_add.png);
}

.icon_16x16_appointment{
    background-image: url(../img/LittleDogLogo/icon/003-calendar.png);
    background-size: 16px 16px;
}

.icon_16x16_sms_mgmnt{
    background-image: url(../img/LittleDogLogo/icon/sms-icon-64_1.png);
    background-size: 16px 16px;
}

.icon_16x16_appointment_book{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 16px 16px;
}

.icon_32x32_appointment{
    background-image: url(../img/LittleDogLogo/icon/003-calendar.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_book{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_sms_mgmt{
    background-image: url(../img/LittleDogLogo/icon/sms-icon-64_1.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_edit_appointment{
    background-image: url(../img/32x32/calendar_edit.png);
}

.icon_32x32_queue{
    background-image: url(../img/LittleDogLogo/icon/001-veterinary.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_medicalstats{
    background-image: url(../img/LittleDogLogo/icon/005-veterinary-1.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.icon_32x32_drug{
    background-image: url(../img/32x32/pill.png);
}

.icon_32x32_stockuseroom{
    background-image: url(../img/32x32/cart.png);
}

.icon_32x32_dashbord{
    background-image: url(../img/32x32/categories.png);
}

.icon_32x32_setting{
    background-image: url(../img/32x32/cog.png);
}

.icon_16x16_setting{
    background-image: url(../img/cog.png);
}

.icon_32x32_account_management{
    background-image: url(../img/32x32/user.png);
}

.icon_16x16_account_management{
    background-image: url(../img/user.png);
}

.icon_16x16_people{
    background-image: url(../img/reseller_programm.png);
}

.icon_16x16_customer_interst{
    background-image: url(../img/customer_pet_profile_add.png);
}

.icon_32x32_customer_interst{
    background-image: url(../img/32x32/customer_pet_profile_add.png);
}

.icon_32x32_people{
    background-image: url(../img/32x32/reseller_programm.png);
}

.icon_16x16_general_setting{
    background-image: url(../img/widgets.png);
}

.icon_32x32_general_setting{
    background-image: url(../img/32x32/widgets.png);
}

.icon_32x32_opd_rooms_management{
    background-image: url(../img/32x32/door_open.png);
}

.icon_32x32_unit_management{
    background-image: url(../img/32x32/jar_open.png);
}

.icon_16x16_opd_rooms_management{
    background-image: url(../img/door_open.png);
}

.icon_16x16_unit_management{
    background-image: url(../img/jar_open.png);
}

.icon_16x16_pettype_management{
    background-image: url(../img/32x32/customer_pet_profile_add.png);
    background-size: 16px;
}


.icon_16x16_cashier{
    background-image: url(../img/cash_register_2.png);
}

.icon_16x16_accounting{
    background-image: url(../img/account_balances.png);
}

#leftNavigationMenu #menu li.stockpill {
    background-image: url(../img/pill.png);
}

#leftNavigationMenu #menu li.stock_petshop {
    background-image: url(../img/shop_open.png);
}

#leftNavigationMenu #menu li.stock_lab {
    background-image: url(../img/flask.png);
}

#leftNavigationMenu #menu li.stock_saline {
    background-image: url(../img/jar_empty.png);
}

#leftNavigationMenu #menu li.stock_opd {
    background-image: url(../img/stethoscope.png);
}

#leftNavigationMenu #menu li.stock_operation {
    background-image: url(../img/scalpel.png);
}

#leftNavigationMenu #menu li.stock_others {
    background-image: url(../img/package.png);
}

#leftNavigationMenu #menu li.stock_tools {
    background-image: url(../img/tubes.png);
}

a.seeDoctor {
    background-image: url(../img/stethoscope.png);
}

li.health{
    background-image: url(../img/health2.png);
}

li.appointment-book{
    background-image: url(../img/book.png);
}

li.time{
    background-image: url(../img/time.png);
}

#leftNavigationMenu #menu li.appointment2 {
    background-image: url(../img/calendar.png);
}

#leftNavigationMenu #menu li.pet_dashboard {
    background-image: url(../img/LittleDogLogo/icon/064-pets.png);
    background-size: 16px;
}

#leftNavigationMenu #menu li.new_opd {
    background-image: url(../img/application_form_add.png);
}

#leftNavigationMenu #menu li.edit_opd {
    background-image: url(../img/application_form_edit.png);
}

#leftNavigationMenu #menu li.cancel_opd {
    background-image: url(../img/cancel.png);
}

#leftNavigationMenu #menu li.new_registration{
    background-image: url(../img/LittleDogLogo/icon/053-registration.png);
    background-size: 16px 16px;
}

#leftNavigationMenu #menu li.search_customer{
    background-image: url(../img/LittleDogLogo/icon/014-dermatology.png);
    background-size: 16px 16px;
}

#leftNavigationMenu #menu li.appointment{
    background-image: url(../img/calendar.png);
}

#leftNavigationMenu #menu li:hover {
    background-color: #FFE2C6;
}

li.selected {
    font-weight: bold;
    background-color: #FFE2C6;
}

li.inactiveNow {
    font-weight: bold;
}

#leftNavigationMenu #menu li.hidden {
    display: none;
}
#leftNavigationMenu #menu li.disable,#leftNavigationMenu #menu li.disable a {
    opacity: 0.6;
    cursor: default;
}

#content {
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 778px;
    border: 1px solid #97be0d;
    border-top: 1px none #CCC;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    z-index: 200;
}

#content-no-z-index {
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 778px;
    border: 1px solid #FFAB73;
    border-top: 1px none #CCC;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}

.content_page {
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 778px;
    border: 1px solid #FFAB73;
    border-top: 1px none #CCC;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    z-index: 200;
}

#content-2 {
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 778px;
    border: 1px solid #FFAB73;
    border-top: none;
    border-bottom: 1px solid #FFAB73;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    z-index: 200;
}

#content_no_bottom{
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 778px;
    border: 1px solid #FFAB73;
    border-top: 1px none #FFAB73;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    z-index: 200;
}

#content_for_sticky_bottom_line{
    background-color: #FFF;
    margin: 0px;
    float: left;
    height: auto;
    width: 100%;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 28px;
    padding-left: 0px;
    z-index: 200;
}

#welcome_bar_box{
    color: #000;
    background-color: #FC9;
    height: 18px;
    display: block;
    margin: 0;
    padding: 0;
}

#welcomeBar {
    padding-top: 2px;
    margin: 0;
    float: right;
    padding-right: 5px;
    display: inline-block;
}

#headerArea {
    position: relative;
    background-color: #FFF;
    height: 45px;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #f4f5f8;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#headerArea-auto-height {
    position: relative;
    background-color: #FFF;
    height: auto;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFAB73;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#headerArea_for_logo{
    display: block;
    margin-top: 5px;
    margin-left: 15px;
    padding: 0px;
}

.logo_main_text{
    font-size: 16px;
    font-weight: bold;
}

#headerArea.moreHeightHeader {
    display: inline-block;
    width: 100%;
    min-height: 50px;
    position: relative;
    background-color: #FFF;
    border-bottom: 1px solid #00BFFF;
    padding-top: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#headerArea #header {
    font-size: 18px;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    font-weight: bold;
    height: 32px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
}
#headerArea #header.customerProfile {
    background-image: url(../img/32x32/user.png);
}

#headerArea #header.health {
    background-image: url(../img/health2.png);
}

#headerArea #header.customerRegistration {
    background-image: url(../img/LittleDogLogo/icon/053-registration.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

#headerArea #header.stock {
    background-image: url(../img/32x32/factory.png);
}

#headerArea #header.finance {
    background-image: url(../img/32x32/cash_register_2.png);
}

#headerArea #header.stockpill {
    background-image: url(../img/32x32/pill.png);
}

#headerArea #header.stockcontainer {
    background-image: url(../img/LittleDogLogo/icon/043-pet-food.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

#headerArea #header.stock_lab {
    background-image: url(../img/32x32/flask.png);
}

#headerArea #header.stock_saline {
    background-image: url(../img/32x32/jar_empty.png);
}

#headerArea #header.stock_petshop {
    background-image: url(../img/32x32/shop_open.png);
}

#headerArea #header.stock_others {
    background-image: url(../img/32x32/package.png);
}

#headerArea #header.other_services {
    background-image: url(../img/32x32/small_business.png);
}

#headerArea #header.stock_opd {
    background-image: url(../img/32x32/stethoscope.png);
}

#headerArea #header.stock_operation {
    background-image: url(../img/32x32/scalpel.png);
}

#headerArea #header.stock_services {
    background-image: url(../img/32x32/small_business.png);
}

#headerArea #header.stock_tools {
    background-image: url(../img/32x32/tubes.png);
}

#headerArea #header.stockpill_add {
    background-image: url(../img/32x32/pill.png);
}

#headerArea #header.profileSearch {
    background-image: url(../img/LittleDogLogo/icon/014-dermatology.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

#mainContent {
    margin: 0px;
    padding: 5px;
    min-height: 450px;
    position: relative;
}

#mainContentNoMarginAndPadding{
    margin: 0px;
    padding: 0px;
    min-height: 500px;
    position: relative;
}

.inline-box-right{
    display: inline-block;
    float: right;
}

.box-right{
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 5px;
}

.contentBox{
    display: block;
}

.contentBox-fit{
    display: block;
    margin-top: 10px;
    margin-left: 0px;
}

.contentBox-right{
    display: block;
    text-align: right;
}

.contentBox-right-fit{
    display: block;
    text-align: right;
}

.contentBox-left{
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}

.content-box-for-tab{
    display: block;
}

.center-box{
    margin-top: 20px;
    display: block;
    text-align: center;
}

.right-box{
    margin-top: 20px;
    display: block;
    text-align: right;
}

.sidebar-center-box{
    display: block;
    text-align: center;
}


.contentBox2{
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.inlineContentBox{
    display: inline-block;
    width: 100%;
    margin-left: 0px;
}

.inline-box{
    display: inline-block;
    margin: 10px;
}

.inline-box-no-margin{
    display: inline-block;
}

.inlineContent_autowidth_box{
    display: inline-block;
}

.box_left{
    text-align: left;
}

.formPanelCenter{
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 360px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #F2F2F2;
    border-radius: 3px;
}

.formPanel{
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 340px;
    display: inline-block;
}

.mainContentTopic{
    margin-top: 5px;
}

#frmCustomerProfile {
    position: relative;
    display: block;
}

#memberBox{
    display: inline-block;
    width: 100%;;
    height: auto;
    border-radius: 2px;
    background-color: #F1F3F8;
    color: black;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.border-pink {
    border: 1px solid #FFB5CB;
}

.box_title{
    margin: 0px;
    padding: 0px;
    position: absolute;
    height: 20px;
    color: white;
    background-color: #81AAFF;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    display: block;
    width: 470px;
}

.box_title_left{
    position: absolute;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    height: 20px;
    color: white;
    background-color: #81AAFF;
    font-weight: bold;
    font-size: 14px;
    display: block;
    width: inherit;
}

.box_title_left-no-padding{
    position: absolute;
    margin: 0px;
    padding: 0px;
    height: 25px;
    padding-top: 2px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    display: block;
    width: 100%;
    vertical-align: middle;

}

.box-pink {
    background-color: #FFB5CB;
}

.box-wi

.title_for_box_right_only{
    position: absolute;
    margin: 0px;
    padding: 0px;
    color: white;
    font-weight: normal;
    font-size: 12px;
    right: 80px;
    cursor: pointer;
    text-decoration: none;
}

.title_for_box_right_only:hover{
    text-decoration: underline;
}

.box_detail{
    display: block;
    margin-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

#member_discount_detail{
    display: inline-block;
    width: 400px;
    vertical-align: top;
    margin-left: -5px;
}

.pet_member_discount_detail_box{
    display: inline-block;
    width: 390px;
    height: 30px;
    vertical-align: top;
}

#customer_member_info_note{
    margin-top: 10px;
}

span.member_discount_item{
    margin-right: 3px;
}

span.member_discount_info{
    margin-right: 3px;
}

span.info_label{
    font-weight: bold;
    font-size: 12px;
    color: black;
    width: 55px;
    margin-right: 5px;
    display: inline-block;
    text-align: right;
}

span.info_label_2{
    display: inline-block;
    color: black;
    font-weight: bold;
}

span.info_value,span.member_discount_value{
    display: inline-block;
    color: darkblue;
}

span.member_discount_value{
    display: inline-block;
    width: auto;
    padding-right: 5px;
}

#footer {
    margin: 0px;
    padding: 0px;
    height: 20px;
    background-color: #FFF;
    width: 780px;
    clear: both;
    text-align: right;
    float: right;
    text-decoration: none;

}
#copyright {
    color: #666;
    text-align: left;
    float: left;
    position: relative;
}
#footerLinks {
    color: #666;
    background-color: #FFF;
    text-align: right;
    margin-right: 5px;
}

#footerLinks a{
    text-decoration: none;
    color: #666;
}

.profilelink{
    text-decoration: none;
    font-weight: bold;
}

.customerNameColor{
    color: #3B5998;
}

.petstatusnormal{
    font-weight: bold;
    color: blue;
}

.petstatusdead{
    font-weight: bold;
    color: #666;
}

#petProfileContainer, .messageContainer {
    background-color: #FFF;
    float: left;
    padding-top: 15px;
    min-height: 80px;
    width: 100%;
}

#petProfileContainer.newContainer{
    background-color: #FFF;
    float: left;
    padding-top: 0px;
    min-height: 80px;
}

.petProfileQuickView {
    clear: both;
    float: left;
    margin-top: 10px;
    padding-left: 3px;
    width: 100%;
}

.petProfileLargeView {
    position: relative;
    clear: both;
    float: left;
    margin-top: 10px;
    padding-left: 3px;
    width: 100%;
}

#petPictureContainer {
    background-color: #000;
    float: left;
    border: 1px solid #E5E7EB;
}

#petPictureContainer.large {

    background-color: #FFF;
    float: left;
}

.petPicture_normal{
    width: 130px;
}

.petPicture_large{
    width: 184px;
}

.bigStatusDisplayNormal{

    position: absolute;
    bottom: -10px;
    right: 0;
    padding: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #97be0d;
}

.bigStatusDisplayAlert{
    position: absolute;
    top: 0;
    right: 10px;
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    color: red;
}

#petProfileDetail {
    background-color: #F1F3F8;
    border: 1px solid #E5E7EB;
    float: left;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    position: relative;
}

.petProfileInfomationBox{
    display: inline-block;
    width: auto;
}

.petProfile_normal_hight{
    min-height: 115px;
}

.petProfile_large_hight{
    min-height: 165px;
}

#petProfileDetail.new{
    background-color: #ffefe0;
    border: 1px solid #E5E7EB;
    float: left;
    padding-top: 5px;
    min-height: 115px;
    position: relative;
}

#petProfileDetail.dead{
    background-color: #E5E7EB;
    border: 1px solid #E5E7EB;
    float: left;
    padding-top: 5px;
    min-height: 115px;
    position: relative;
    opacity: 0.8;
}

.petProfileDetailViewWidth{
    width: 100%;
}

.petProfileDetailEditWidth{
    width: 80%;
}

#petStatusBox {
    position:absolute;
    right:0;
    background-color: #FF0000;
    min-width: 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    min-height: 20px;
    top: 0px;
    margin-top: -1px;
    margin-right: -1px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
}

#petStatusBox.petStatusNormal {
    background-color: #69F;
    border: 1px solid #E5E7EB;
    color: #FFF;
}

#petStatusBox.petStatusNew {
    background-color: #0C0;
    border: 1px solid #E5E7EB;
    color: #FFF;
}

#petStatusBox.petStatusDead {
    background-color: #000;
    border: 1px solid #E5E7EB;
    color: #FFF;
}

#petStatusBox.petStatusError {
    background-color: #F00;
    border: 1px solid #E5E7EB;
    color: #FFF;
    font-weight: bold;
}

.info_box_same_margin_left{
    display: inline;
}

#petProfileDetail span.rowleft {
    float: left;
    clear: both;
    margin-left: 10px;
    color: #333;
    margin-top: 2px;
}
#petProfileDetail span.rowright {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: 5px;
}
#petProfileDetail span.rowcenter {
    font-weight: bold;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
}

#petProfileDetail span.title {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 3px;
    color: #133783;
}

#petProfileDetail span.bigName {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 3px;
    color: #133783;
}

#petProfileDetail span.font-large {
    font-size: 13px;
}

#petProfileDetail span.darkblue{
    color: #133783;
}

#petProfileDetail span.linebreak{
    height: 1px;
}

.top-bottom-5px-space-box{
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
}

span.labelDisplay {
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 22px;
}

span.labelDisplayAuto {
    display: inline-block;
    width: 100%;
}

span.leftDisplay {
    float: left;
}

span.rightDisplay {
    float: right;
}

.right-alignment{
    text-align: right;
}

span.labelDisplayMiddle {
    display: inline-block;
    width: 100%;
}

span.label {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelFix_180{
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: 65%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelFix_180_small{
    font-size: 11px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: 65%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelAuto {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelFit {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label-26-margin {
    padding: 3px 0px 0px 0px;
}

span.labelAutoNoFontSize {
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.label-middle-auto{
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelAutoFit {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.label-auto-for-input {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 28px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelAuto-topic {
    font-size: 12px;
    font-weight: bold;
    color: #97be0d;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelAuto-middel {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelNoMargin,label.labelNoMargin {
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelValue {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.labelValueAuto {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelValueAutoNoFontSize {
    font-weight: normal;
    margin-left: 3px;
    color: black;
    display: inline-block;
    min-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelPriceValue {
    padding-right: 15px;
    float: right;
    width: 25%;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelPriceValue-2 {
    width: 140px;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelPriceValueImportant {
    width: 150px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    color: black;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelPriceValueImportant-2 {
    width: 150px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    color: black;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.labelLinkAuto {
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    color: blue;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

span.tag {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 3px;
    border-radius: 3px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

span.tag-2 {
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 0px;
    border-radius: 2px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

span.tag-3 {
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 0px;
    border-radius: 2px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    vertical-align: top;
}

.tag_ok{
    color: white;
    background-color: blue;
}

.tag_admit{
    color: white;
    background-color: red;
}

.tag_discharge{
    color: white;
    background-color: blue;
}

.tag_dead{
    color: white;
    background-color: black;
}

.tag_done{
    color: white;
    background-color: green;
}

a.tag {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 3px;
    border-radius: 3px;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #EEE;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: black;
    vertical-align: top;
    text-decoration: none;
    webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);

}

a.tag:hover{
    background-color: #DDD;
}

span.labelValueWordWrap {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    width: 210px;
    word-wrap: break-word;
}

span.labelValueAutoWrap {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    color: black;
    display: inline-block;
    width: 240px;
}

span.bigName{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

span.title{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #CCC;
}

span.h1{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 0px;
    margin-left: 5px;
}

span.h2{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 5px;
    margin-left: 10px;
}

span.subtopic{
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    color: #F60;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 5px;
}

span.subtopic2{
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    color: #F60;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

span.general-topic{
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    color: #F60;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

span.information{
    display: block;
    font-weight: bold;
    color: #F60;
    margin-top: 5px;
}

span.topic{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 10px;
    margin-left: 10px;
}

span.topic-fit{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 0px;
    margin-left: 10px;
}

span.form-topic{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 10px;
    margin-left: 10px;
}

span.form-topic-no-left-margin{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 10px;
    margin-left: 0px;
}

span.form-topic-top-bottom-margin{
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    color: #00BFFF;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
}

span.form-topic-absolute-on-top{
    position: absolute;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    color: #00BFFF;
    top: -25px;
}

span.topic-bigtext-only{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

span.topic-bigtext-only-no-margin{
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #00BFFF;
    margin: 0px;
}

span.topic-normal-text-only-no-margin{
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #F60;
    margin: 0px;
}

span.sub-topic-text-only{
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

span.topic-right-display{
    float: right;
}

span.main_topic{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: #F60;
    margin-bottom: 3px;
    margin-left: 10px;
}

.linebreak_solid{
    display: block;
    width: 178px;
    height: 5px;
    border: 1px solid #CCC;
}

#petProfileDetail span.h1 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
}

#petProfileDetail span.h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
}

#petProfileDetail span.corner {
    position: relative;
    top: 0px;
    right: 50px;
    float: right;
}

#petProfileActions {
    float: left;
    width: auto;
    background-color: #FFFFFF;
    border: 1px none #E5E7EB;
    min-height: 125px;
}


#petProfileActions span.buttons {
    clear: both;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    height: 25px;
}


#petProfileDetail span a {	
    cursor: pointer;
    color: #3B5998;
    text-decoration: none;
}
#petProfileDetail .bold {
    font-weight: bold;
}

.squareImageBox{
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 100% 0 0 0;
    overflow: hidden;
}

.deleteImageIcon,.deletePetPictureIcon,.deleteNewPetPictureIcon{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.squareAspectRatioImage{
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

img.quickview{
    height: 120px;
    background-color: #FFF;
    padding: 5px;
    width: 120px;
    border: thin solid #E5E7EB;
}

img.largeview{
    max-height: 170px;
    background-color: #FFF;
    padding: 5px;
    max-width: 170px;
    border: thin none #E5E7EB;
    margin: 0 auto;
    display: block;
}

.mainActionContainer {
    padding-bottom: 10px;
    padding-top: 15px;
    float: left;
}

#noPetProfileBox, #noProfileBox {
    background-color: #F3FBFD;
    height: 100px;
    clear: both;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding-top: 30px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.messageBox {
    background-color: #F2F2F2;
    line-height: 20px;
    clear: both;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.loadingBox {
    line-height: 20px;
    clear: both;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 740px;
}

#customerSearchBox {
    position: relative;
    float: left;
    display: inline;
    width: 49%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#petSearchBox {
    position: relative;
    float: left;
    display: inline;
    width: 49%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: dashed;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;

}

.tableContainer_no_margin{
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

.tableContainer_dashboard_margin{
    margin: 0px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0px;
}

.tableContainer{
    margin-top: 10px;
    margin-left: 0px;
}

.tableContainer-no-margin{
    margin: 0px;
    padding: 0px;
}

.tableContainer-with-top-margin{
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
}

.tableContainer-with-bottom-margin{
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

.full_content_box_top_border{
    display: inline-block;
    margin-top: 30px;
    margin-left: -5px;
    width: 778px;
    padding-top: 10px;
    border-top: 1px solid #FFAB73;
    min-height: 350px;
}

.table-container-for-dialog{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.table-container-dialog-for-tabs{
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

#profileSearchResultContainer {
    margin-top: 10px;
}

.twoColumnsTitle{
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    color: #F60;
    margin-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

.top_right_table_link{
    display: block;
    width: 100%;
    margin-top: 3px;
    text-align: right;
}

#moreActionList{
    display: block;
    margin-top: 15px;
}

.actionList{
    margin-top: 4px;
}

.actionFullBox{
    display: block;
    margin-top: 10px;
}

.inlineBoxes{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.alertColor{
    color: #CCC;
}

.infoNoteColor{
    color: darkgrey;
}

.dfNoteColor{
    color: darkgreen;
}

span.alwaysNewLine{
    margin-top: 0px;
    margin-left: 5px;
    font-size: 0.95em;
    display: block;
    clear: both;
    color: #777;
}

span.sub-info-new-line{
    margin-top: 2px;
    margin-left: 20px;
    font-size: 11px;
    display: block;
    clear: both;
    color: #777;
}

/*general form box*/

.formBoxMainWrapper {
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
    min-height: 450px;
    position: relative;
}

.formBoxContainer{
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.formBox{
    margin-top: 0px;
    margin-left: -5px;
    width: 771px;
    padding-left: 7px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px none #FFA773;
    border-top: 1px none #FFA773;
    background-color: #FFF4C5;
}

.formBoxTopBorder{
    border-top: 1px solid #FFA773;
}

.formBoxBottomBorder{
    border-bottom: 1px solid #FFA773;
}

.formActionBox{
    display: inline-block;
    margin-top: 10px;
    font-size: 11px;
    width: 735px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.formContentBox{

    display: inline-block;
    width: 735px;
    height: auto;
    border-radius: 3px;
    background-color: #FFFFDF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.spanFormbox{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 735px;
}

.formInputsBox{
    display: inline-block;
    width: auto;
    padding: 5px;
    border-radius: 3px;
}

.formInputsBox-new-line{
    display: block;
    width: auto;
    padding: 5px;
    border-radius: 3px;
}

.formInputBoxRigthDisplay{
    float: right;
}

.formBoxHorizonalSingleLine{

    display: inline-block;
    width: 745px;
    height: 1px;
    border-top: 1px solid #CCC;
    background-color: #FFFFDF;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: -10px;
    padding: 0px;
    font-weight: bold;
}

.formBoxHorizonalSingleLineLighter{

    display: inline-block;
    width: 755px;
    height: 1px;
    border-top: 1px solid #f0f0f0;
    background-color: #FFFFDF;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: -10px;
    padding: 0px;
    font-weight: bold;
}

.formBoxHorizonalDoubleLine{

    display: inline-block;
    width: 745px;
    height: 2px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #FFFFDF;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: -10px;
    padding: 0px;
    font-weight: bold;
}

span.topic-full-line-for-form{
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #133783;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

span.subtopicFormBox{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #F60;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.checklist_box{
    font-size: 12px;
}

.checklist_box input{
    margin-left: 3px;
    margin-right: 0px;
}

.box-topic-inside{
    font-size: 12px;
    font-weight: bold;
    color: #133783;
    display: block;
    background-color: #F2F2F2;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
}

.box-topic{
    font-size: 14px;
    font-weight: bold;
    color: white;
    display: block;
    background-color: #97be0d;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.right-side-box{
    display: block;
    border: 1px solid #97be0d;
    height: auto;
    width: 97%;
    margin-left: 12px;
    border-radius: 5px;
    margin-top: 10px;
}

.refer-box {
    display: block;
    border: 1px solid #97be0d;
    height: auto;
    border-radius: 5px;
    margin-top: 10px;
}

.dialogFormContainer{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 400px;
    display: inline-block;
}

.dialogFormFullContainer{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 5px;
    display: inline-block;
    text-align: center;
}

.dialogFormAutoContainer{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

.dialogBigFormContainer{
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.dialog-big-form{
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    width: 410px;
}

.dialog-big-form-2{
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    width: 480px;
}

.smallFormRightBoxForStock{
    display: inline-block;
}

#IncomingStockBox{
    position: relative;
}

#IncomingStockTopBox{
    display: block;
    text-align: right;
    margin-bottom: 10px;
    margin-top: -10px;
}

#incomingStockBottomBox{
    display: block;
    text-align: left;
    margin-top: 5px;
}

.left_box_under_table{
    display: block;
    text-align: left;
    margin-top: 5px;
}

.hideBox{
    display: none;
}

#rootBox{
    display: inline-block;
}

.testbox{
    border: 1px solid red;
    /*    border-top: 1px solid red;
        border-bottom: 1px solid red;*/
}

.right-span{
    display: inline-block;
    text-align: right;
    border: 1px solid red;
    width: 120px;
}

.contactCard{
    background-color: white;
    display: inline-block;
    border: 1px solid darkgray;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 297px;
    height: auto;
    padding: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 16px;
}

span.card_row{
    display: block;
    margin-left: 5px;
}

span.card_topic{
    font-weight: bold;
    color: #133783;
    display: inline-block;
    margin-right: 2px;
}

span.card_title{
    font-size: 1.2em;
    font-weight: bold;
    color: darkcyan;
    text-align: right;
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
}

span.card_subtitle{
    font-size: 1.1em;
    font-weight: bold;
    color: darkblue;
    text-align: right;
    display: block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.actionBoxEachFormCenter{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.FormBox{
    position: relative;
}

.RightCornerTopBox{
    display: block;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
}

.RightCornerBox{
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.clickToHideTitle{
    display: block;
    border-radius: 2px;
    font-size: 1.2em;
    font-weight: bold;
    color: #F60;
    margin-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

.clickToHideTitle:hover{
    cursor: pointer;
    background-color: #FFE2C6;
    display: block;
    border-radius: 2px;
}

/*New Notificaton CSS*/

.notification-container{
    margin-top: 6px;
    margin-bottom: 15px;
}

.notification-item-no-icon{
    display: block;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 3px;
}

.notification-item-with-icon{
    display: block;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 3px;
    padding-left: 25px;
    vertical-align: top;

    width: auto;
    border: 1px solid;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

.notification-item-with-icon-full-card{
    position: relative;
    display: block;
    margin-bottom: 3px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 40px;
    /*border-radius: 2px;*/
    background-repeat: no-repeat;
    background-position: 20px 15px;
}

.notification-full-card-no-icon{
    position: relative;
    display: block;
    margin-bottom: 3px;
    margin-top: 0px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
}

.notification-warning{
    color: #9F6000;
    background-color: #FEEFB3;
    font-size: 12px;
}

.notification-warning-no-border{
    color: #9F6000;
    background-color: #FEEFB3;
    border: #FEEFB3;
    font-size: 12px;
}

.notification-success-no-border{
    color: #4F8A10;
    background-color: #DFF2BF;
    border: #DFF2BF;
    font-size: 12px;
}

.notification-queue-grooming{
    color: #FDAE19;
    background-color: #FDDB96;
    font-size: 12px;
}

.notification-alert{
    background-color: #FEEFB3;
    font-size: 12px;
}

.notification-success{
    color: #4F8A10;
    background-color: #F3FBFD;
    font-size: 12px;
}

.notification-no-bgcolor-with-border{
    color: black;
    background-color: #FFF;
    font-size: 14px;
    border: 2px solid black;
    margin-left: 10px;
    margin-right: 10px;
}

.notification-button{
    color: black;
    background-color: #e7e7e7;
    border: #e7e7e7;
    font-size: 12px;
}

.notification-info{
    color: #00529B;
    background-color: #F3FBFD;
    font-size: 12px;
}

.notification-grooming{
    color: #09B3A1;
    background-color: #E2FED8;
    font-size: 12px;
}

.notification-admit{
    color: #7E3586;
    background-color: #E7CBE9;
    font-size: 12px;
    font-weight: bold;
}

.notification-hotel{
    color: #E52D65;
    background-color: #FFD4D4;
    font-size: 12px;
    font-weight: bold;
}

.notification-error{
    color: #D8000C;
    background-color: #FFBABA;
    font-size: 12px;
}

.notification-number-box{
    color: #FFF;
    background-color: red;
    display: inline-block;
    padding: 2px;
    margin-left: 5px;
    border-radius: 2px;
    font-size: 0.7em;
    min-width: 14px;
    text-align: center;
}

.notification-warning-icon{
    background-image: url(../img/error.png);
}

.notification-expired-icon{
    background-image: url(../img/emotion_dead.png);
}

.notification-expired-warning-icon{
    background-image: url(../img/expire_warning.png);
}

.cashier-icon{
    background-image: url(../img/cash_register_2.png);
}

.bypass-icon{
    background-image: url(../img/door_open.png);
}

.queue-icon{
    background-image: url(../img/sheduled_task.png);
}

.success-icon{
    background-image: url(../img/tick.png);
}

.appointment-icon{
    background-image: url(../img/calendar.png);
}

.sms-icon{
    background-image: url(../img/mail_yellow.png);
}

.med-checking-icon{
    background-image: url(../img/stethoscope.png);
}

.grooming-icon{
    background-image: url(../img/LittleDogLogo/icon/024-grooming.png);
    background-size: 16px 16px;
}

.notification-info-icon{
    background-image: url(../img/information.png);
}

.notification-error-icon{
    background-image: url(../img/exclamation.png);
}

.notification-info-important-text{
    color: black;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    clear: both;
}

.notification-info-important-value-text{
    color: black;
    font-weight: bold;
    font-size: 1em;
}

.notification-alert-text{
    color: red;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    clear: both;
}

.notification-success-text{
    color: #4F8A10;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    clear: both;
}

.notification-alert-text-inline{
    color: red;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    clear: both;
    width: 100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.notification-alert-text-inline span img.icon{
    position: absolute;
    top: 10px;
}

.notification-alert-text-inline span.with-icon{
    padding-left: 20px;
}


.notification-increase-top-margin{
    margin-top: 10px;
}

.notification-increase-top-margin-2{
    margin-top: 20px;
}

.notification-info-text{
    color: black;
    font-weight: normal;
    font-size: 1em;
    display: block;
    clear: both;
    margin-left: 0px;
    margin-bottom: 3px;
}

.notification-info-small-text{
    color: black;
    font-weight: normal;
    font-size: 11px;
    display: block;
    clear: both;
    margin-left: 0px;
    margin-bottom: 3px;
}

.notification-label-text{
    color: darkblue;
    font-weight: bold;
    font-size: 1em;
    clear: both;
    margin-left: 2px;
}

.notification-warning-info-text{
    color: red;
    font-weight: bold;
    font-size: 0.9em;
    clear: both;
    margin-left: 2px;
}

.notification-important-info-text{
    color: blue;
    font-weight: bold;
    font-size: 0.9em;
    clear: both;
    margin-left: 2px;
}

.notification-action-bar{
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 0.9em;
    font-weight: normal;
}

.notification-action-bar-with-border{
    border-top: 1px solid;
    border-bottom: 1px solid;
    display: block;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 0.9em;
    font-weight: normal;
    border-bottom-color: #00BFFF;
    border-top-color: #00BFFF;
}

.notification-status-right{
    margin-bottom: 0px;
    margin-right: 8px;
    text-align: right;
}

/*End New Notificaton CSS*/

.seperate-line-when-hide{
    height: 0px;
    display: block;
    border-top: 1px solid #CCC;
}

.seperate-line{
    height: 1px;
    display: block;
    border-top: 1px solid #CCC;
}

.seperate-light-line{
    height: 1px;
    display: block;
    border-top: 1px solid #DEDEDE;
}

.seperate-light-double-line{
    height: 1px;
    display: block;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.seperate-double-lines{
    display: block;
    height: 2px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: transparent;
}

.seperate-lighter-line{
    height: 1px;
    display: block;
    border-top: 1px solid #e9e9e9;
}



.stickyTopBox{
    z-index: 999;
    margin-top: 0px;
    padding: 0px;
    width: calc(59%);
    position: fixed;
    background-color: #FFF;
    -webkit-backface-visibility: hidden;
    transition: all 0.4s ease;
}

.reservedContainerForStickyTopBox{
    display: inline-block;
}

.actionContentBox{
    text-align: center;
    position: relative;
    background-color: #f7f7f7;
    display: block;
    margin: 5px;
    height: 30px;
}

.actionContentBoxLeft{
    text-align: left;
    position: relative;
    background-color: #f7f7f7;
    display: block;
    margin: 5px;
    height: 30px;
}

.actionContentBox2{
    text-align: center;
    position: relative;
    background-color: #FFFFDF;
    display: block;
    margin: 5px;
    height: 30px;
    border-radius: 3px;
}

.actionContentBox-for-fullline-input{
    text-align: center;
    position: relative;
    background-color: #f7f7f7;
    display: block;
    height: 30px;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 10px;
}

.actionContentBox-for-fullline-input-no-bg{
    text-align: center;
    position: relative;
    display: block;
    height: auto;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 10px;
}

.blankActionContentBox{
    position: relative;
    background-color: transparent;
    display: block;
    margin: 0;
    height: 25px;
}

.TextInFormValue{
    margin-left: 105px;
}

.inline-content-half-left-box{
    width: 50%;
    float: left;
}

.inline-content-half-right-box{
    width: 50%;
    float: right;
}

.nested-form-box{
    vertical-align: top;
    background-color: #FFFFDF;
    border-radius: 2px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.picture-button-at-top-right-corner{
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: 0.3;
    cursor: pointer;
}

.picture-button-at-top-right-corner:hover{
    opacity: 1;
}

/*jqgrid decorations*/

/*jqgrid decorations - Zebra Striping*/
.ui-priority-secondary{
    background: lightyellow;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary{
    opacity: 1.0;
    filter:Alpha(Opacity=100);
}

/*jqgrid decorations - end Zebra Striping*/

/*jqgrid decorations - cell decoraction class*/

.ui-jqgrid tr.jqgrow td.col-bold-blue,span.col-bold-blue {
    color: blue;
    font-weight: bold;
}

span.col-bold-value {
    color: #97be0d;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.col-bold-black,span.col-bold-black {
    color: black;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.col-bold-darkgrey,span.col-bold-darkgrey {
    color: darkgrey;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.col-bold-darkgrey-strikethrough,span.col-bold-darkgrey-strikethrough {
    color: darkgrey;
    font-weight: bold;
    text-decoration: line-through;
}

.ui-jqgrid tr.jqgrow td.col-bold-red,span.col-bold-red {
    color: red;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.col-bold-green,span.col-bold-green {
    color: green;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.col-bold-red-strikethrough,span.col-bold-red-strikethrough {
    color: red;
    font-weight: bold;
    text-decoration: line-through;
}

.alert-text{
    color: red;
}

.alert-text-important{
    color: red;
    font-weight: bold;
}

.normal-text{
    color: black;
}

.disable-text{
    color: darkgray;
}

.important-text{
    color: black;
    font-weight: bold;
}

.revenue_value_normal,.revenue_label_normal{
    color: blue;
    font-weight: bold;
}

.expense_label_normal,.expense_value_normal{
    color: red;
    font-weight: bold;
}

.important-big-text-black{
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.important-text-blue{
    color: blue;
    font-weight: bold;
    font-size: 14px;
}

.important-text-red{
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.important-normal-text{
    color: black;
    font-weight: bold;
}

.important-alert-text{
    color: red;
    font-weight: bold;
}

.important-big-text{
    font-size: 1.1em;
    color: blue;
    font-weight: bold;
}

.important-big-alert-text{
    font-size: 1.1em;
    color: red;
    font-weight: bold;
}

.important-big-revenue-text{
    font-size: 1.2em;
    color: blue;
    font-weight: bold;
}

.important-big-expense-text{
    font-size: 1.2em;
    color: red;
    font-weight: bold;
}

.important-red-text{
    font-size: 1.1em;
    color: red;
    font-weight: bold;
}

.important-green-text{
    font-size: 1.1em;
    color: green;
    font-weight: bold;
}

.important-big-alert-text{
    font-size: 1.1em;
    color: red;
    font-weight: bold;
}

.important-big-normal-text{
    font-size: 1.1em;
    color: black;
    font-weight: bold;
}

.info-text-box{
    font-size: 1.1em;
}

.big-text{
    font-size: 1.3em;
}

/*CSS Shap*/
.square{
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 12px;
    background: green;
    margin-right: 5px;
    vertical-align: middle;
}


.square-blue{
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 12px;
    background: blue;
    margin-right: 5px;
    vertical-align: middle;
}

.square-red{
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 12px;
    background: red;
    margin-right: 5px;
    vertical-align: middle;
}

.square-green{
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 12px;
    background: green;
    margin-right: 5px;
    vertical-align: middle;
}

/*hosital logo and info header*/

.hospital-layout-type-1{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.hospital-layout-type-2{
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.hospital-layout-type-78_center{
    display: inline-block;
    width: 330px;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.hospital-layout-type-58_center{
    display: inline-block;
    width: 250px;
    margin: 0px;
    padding: 0px;
    clear: both;
    margin-bottom: 50px;
}

.hospital-logo-box-1{
    display: inline-block;
    max-width: 150px;
    max-height: 150px;
    border: 1px solid red;
}

.hospital-logo-box-2{
    display: inline-block;
    max-width: 150px;
    max-height: 150px;
    float: left;
}

.hospital-logo-box-auto-width{
    display: inline-block;
    max-height: 150px;
}


.hospital-logo-box-3{
    display: inline-block;
    max-width: 220px;
    max-height: 220px;
    float: left;
}

.hospital-logo-box-center{
    display: block;
    max-width: 100%;
    max-height: 150px;
    text-align: center;
}

.bill_header_box,.logo_header_box{
    display: inline-block;
    width: 100%;
}

.hospital-info-box-2{
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 0px;
    width: auto;
}

.hospital-info-box-3{
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 0px;
    width: auto;
}

.hospital-info-box-center{
    display: inline-block;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    text-align: center;
}

.hospital-info-box-center span.header{
    display: block;
    font-size: 17px;
    line-height: 17px;
    margin: 0px;
    font-weight: bold;
    color: black;
}

.hospital-info-box-center span.sub-header{
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin: 0px;
    font-weight: bold;
    color: black;
}

.hospital-info-box-center span.address,.hospital-info-box-center span.other-info{
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin: 0px;
    font-weight: normal;
    color: black;
}

.hospital-info-box-2 span.header{
    font-size: 17px;
    line-height: 17px;
    margin: 0px;
    font-weight: bold;
    color: black;
    display: block;
}

.hospital-info-box-2 span.header-2{
    font-size: 15px;
    line-height: 15px;
    margin: 0px;
    margin-top: 3px;
    font-weight: bold;
    color: black;
    display: block;
}

.hospital-info-box-3 span.header{
    font-size: 17px;
    line-height: 17px;
    margin: 0px;
    font-weight: bold;
    color: black;
    display: block;
}

.hospital-info-box-2 span.address,.hospital-info-box-2 span.other-info{
    margin-top: 0px;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    color: black;
    display: block;
}

.hospital-info-box-3 span.address,.hospital-info-box-3 span.other-info{
    margin-top: 0px;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    color: black;
    display: block;
}

.receipt-title span.billTopic{
    margin-top: 10px;
    font-size: 18px;
    line-height: 7px;
    font-weight: bold;
    color: black;
    display: block;
    text-align: right;
    margin-left: 0px;
    margin-right: 5px;
}

.receipt-title span.billTopic-center{
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    display: block;
    text-align: center;
    margin-left: 0px;
    margin-right: 5px;
}

.receipt-title span.sub-bill-topic{
    margin-top: 10px;
    font-size: 13px;
    line-height: 14px;
    color: black;
    display: block;
    text-align: right;
    margin-left: 0px;
    margin-right: 5px;
}

.receipt-title span.sub-bill-topic-left-1{
    margin-top: 10px;
    font-size: 13px;
    line-height: 14px;
    color: black;
    display: block;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
}

.receipt-title span.sub-bill-topic-right-1{
    margin-top: 10px;
    font-size: 13px;
    line-height: 14px;
    color: black;
    display: block;
    text-align: right;
    margin-left: 0px;
    margin-right: 0px;
}

.receipt-title span.sub-bill-topic-left-2{
    margin-top: 5px;
    font-size: 13px;
    line-height: 14px;
    color: black;
    display: block;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
}

.receipt-title span.sub-bill-topic-right-2{
    margin-top: 5px;
    font-size: 13px;
    line-height: 14px;
    color: black;
    display: block;
    text-align: right;
    margin-left: 0px;
    margin-right: 0px;
}

.receipt-title span.general-bill-only{
    font-size: 13px;
}

.receipt-title span.general-info{
    margin-top: 10px;
    font-size: 12px;
    line-height: 11px;
    color: black;
    display: block;
    text-align: left;
    margin-left: 5px;
    margin-right: 0px;
    vertical-align: top;
}

.receipt-title span.general-box-row{
    color: black;
    display: block;
    text-align: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 0px;
    vertical-align: top;
    padding-top: 10px;
}

.receipt-title span.general-info-bold{
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 11px;
    color: black;
    display: block;
    text-align: left;
    margin-left: 5px;
    margin-right: 0px;
}

.receipt-title span.info-fixed-w{
    display: inline-block;
    width: 150px;
}

.receipt-title span.info-auto-w{
    display: inline-block;
    width: auto;
}

.receipt-title span.value-auto{
    display: inline-block;
    width: auto;
    margin-left: 5px;
}

.receipt-title span.info-fixed-w-r{
    display: inline-block;
    width: 110px;
    text-align: right;
}

#appointment-print-card{
    display: inline-block;
    width: 100%;
}

.receipt-info-box{
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 1px none black;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
}

.dash_line_end{
    display: inline-block;
    width: 75%;
    border-bottom: 1px dashed black;
    text-align: right;
}

.auto-box{
    display: inline-block;
    width: auto;
}

.receipt-info{
    font-size: 13px;
    font-weight: normal;
    display: block;
}

.c-45up-left{
    min-width: 50%;
    margin-left: 0px;
    text-align: left;
}

.c-100up-left{
    min-width: 75%;
    margin-left: 0px;
    text-align: left;
}

.c-100up-left-box{
    display: inline-block;
    width: 90%;
    margin-left: 0px;
    text-align: left;
    vertical-align: top;
}

.c-25up-left{
    min-width: 250px;
    margin-left: 0px;
    text-align: left;
}

.c-50-fix{
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-25{
    min-width: 200px;
}


.hospital-logo{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.hospital-logo .logo-picture{
    max-height: 80px;
}

.hospital-logo span.header{
    font-size: 20px;
    margin: 0px;
    font-weight: bold;
    color: darkblue;
    display: block;
}

.hospital-logo span.subheader{
    margin-top: 0px;
    font-size: 14px;
    font-weight: normal;
    color: darkblue;
    display: block;
}

.hospital-logo span.address{
    margin-top: 0px;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    color: black;
    display: block;
}

.hospital-logo span.billTopic{
    margin-top: 0px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    display: block;
    text-align: right;
    margin-left: 10px;
    margin-right: 10px;
}

span.sub-topic-general-for-print{
    margin-top: 10px;
    font-size: 17px;
    line-height: 18px;
    font-weight: bold;
    color: darkblue;
    display: block;
    text-align: left;
    margin-left: 20px;
    margin-right: 10px;
}

.normal-print-text{
    margin-top: 0px;
    font-size: 16px;
    line-height: 18px;
    color: black;
    display: block;
    text-align: left;
}

.normal-print-text li{
    margin-top: 5px;
    margin-left: 5px;
}

/*end hosital logo and info header*/

.middle-image{
    display: inline-block;
    vertical-align: middle;
}

/*table row colors*/

.table-row-bg-ok-highlight{
    background: #E3F7F5;
    color: black;
}

.table-row-bg-success-highlight{
    background: #D8FFB5;
    color: black;
}

.table-row-bg-light-blue-highlight{
    background: #E8FDFE;
    color: black;
}

.table-row-bg-alert-highlight{
    background: #FFE9D4;
    color: red;
}

.table-row-bg-disabled-highlight{
    background: #EAEAE0;
    color: #8D8A78;
}

.table-row-bg-normal-highlight-1{
    background: #F9F8E4;
    color: black;
}

.table-row-bg-new-highlight{
    background: #ffffff;
    color: black;
}

.table-row-yellow {
    background: #ffc107;
    color: black;
}

.table-row-green {
    background: #ffc107;
    color: white;
}

.header-txt-action{
    text-decoration: underline;
    margin-top: 5px;
}

.txt-action-label {
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}

.txt-action-detail {
    font-size: 13px;
}
.btn-full-size{
    width: 100%;
}

.table-row-blue {
    background: #1c94c4;
    color: black;
}

.table-row-green {
    background: #10b759;
    color: black;
}

.table-row-bg-hotel-highlight{
    background: #FCEEEA;
    color: black;
}

.table-row-bg-grooming-highlight{
    background: #E2FED8;
    color: black;
}

.table-row-bg-yellow{
    background: #FDF886;
}

.table-row-bg-orange{
    background: #FDCD86;
}

.table-row-bg-red{
    background: #FC8B81;
}

.table-row-bg-white{
    background: white;
}

.table-entire-row-bold-success-highlight td{ /*Trick, this can be used with jqGrid setRowData*/
    background: #D8FFB5;
    color: green;
    font-weight: bold !important; 
}

/*table cell backgroud color*/

.ui-jqgrid tr.jqgrow td.table-cell-light-yellow{
    background: #FDFFCF;
    color: blue;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.table-cell-yellow{
    background: yellow;
    color: red;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.table-cell-light-blue{
    background: lightblue;
    color: black;
    font-weight: bold;
}

.ui-jqgrid tr.jqgrow td.table-cell-green{
    background: green;
    color: white;
    font-weight: bold;
}

/*filter tag*/

.filter-tag{
    display: inline-block;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    background-color: lightgrey;
    color: white;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    margin-left: 3px;
}

.filter-tag-select{
    display: inline-block;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    background-color: #97be0d;
    color: white;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    margin-left: 3px;
}

.filter-tag-select-2{
    display: inline-block;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    background-color: green;
    color: white;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    margin-left: 2px;
    margin-top: 3px;
}

.expenses_quick_summary_box{
    display: block;
    padding: 5px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.quick_summary_box{
    display: inline-block;
    width: 790px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.quick_summary_box_fit{
    display: inline-block;
    width: 810px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.stock_usage_quick_summary_box,.net_total_quick_summary_box{
    display: inline-block;
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.full-line{
    display: inline-block;
    width: 100%;
}

.quick_summary_box_left{
    float: left;
}

.quick_summary_box_right{
    float: right;
}

.bill_quick_summary_box{
    display: block;
    padding: 5px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}
.bill_quick_summary_box_small{
    display: block;
    padding: 5px;
    background-color: #FFFFDF;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}


#bill_filter_forms{
    margin-left: -16px;
    margin-bottom: 5px;
    width: 735px;
    text-align: center;
}

.expense_sum_total,.expense_sum_remaining,.expense_sum_deposit,.bill_sum_total,
.additional_money_in_sum_total,.additional_money_out_sum_total,.sum_total{
    display: inline-block;
    width: 135px;
}

.all_bills_revenue,.all_received_money,.all_bill_expense{
    color: blue;
    display: inline-block;
    width: 135px;
}

.all_vat,.all_vatable,.all_nonvat{
    font-size: 10px;
    color: blue;
    display: inline-block;
    width: 120px;
}

.all_bills_revenue,.all_received_money,.additional_money_in_sum_total{
    color: blue;
}

.all_bill_expense,.additional_money_out_sum_total,.all_vat{
    color: red;
}

.expense_sum_remaining{
    color: red;
}

.expense_sum_deposit{
    color: blue;
}

.value_blue_bold{
    color: blue;
    font-weight: bold;
}

.value_red_bold{
    color: red;
    font-weight: bold;
}

.value_green_bold{
    color: green;
    font-weight: bold;
}

.sidebar_box{
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-left: 5px;
    width: 173px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #FFFFDF;
    border-top: 1px solid #97be0d;
    border-bottom: 1px solid #97be0d;
    border-left: 1px solid #97be0d;
    padding: 0px;
    padding-bottom: 15px;
}

.sidebar_box_no_top_margin{
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    width: 173px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #FFFFDF;
    border-top: 1px solid #00BFFF;
    border-right: 1px solid #00BFFF;
    border-bottom: 1px solid #00BFFF;
    border-left: 1px solid #00BFFF;
    padding: 0px;
    padding-bottom: 15px;
}

.sidebar_box_title{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: absolute;
    height: 20px;
    color: white;
    background-color: #00BFFF;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.sidebar_start_content{
    display: block;
    margin-top: 30px;
    margin-left: 3px;
    padding: 0px;
    width: 165px;
}

.sidebar_content{
    display: block;
    margin-top: 0px;
    padding: 0px;
    width: 172px;
    text-align: center;
}

.sidebar_title{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #97be0d;
    text-align: center;
    margin-top: 5px;
}

.sidebar_info{
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: darkred;
    background-color: lightgoldenrodyellow;

}

.ui-widget-header
{
    background-color: #00BFFF;
    background-image: none;
    color: black;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*jQgrid Style*/

.ui-jqgrid tr.jqgrow td {
    font-family: "Lucida Sans Unicode","Lucida Grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    cursor: pointer;
}

#waitingQueueTableBox .ui-jqgrid tr.jqgrow td,
#stockUseRoomForCustomerTableBox .ui-jqgrid tr.jqgrow td,
#allRequisitionsTableBox .ui-jqgrid tr.jqgrow td,
#allReceivedStockReportsTableBox .ui-jqgrid tr.jqgrow td,
#opdStat01TableBox .ui-jqgrid tr.jqgrow td,
#admitStat01TableBox .ui-jqgrid tr.jqgrow td{
    white-space: nowrap;
}

#waitingQueueTableBox .ui-jqgrid,
#stockUseRoomForCustomerTableBox .ui-jqgrid,
#allRequisitionsTableBox .ui-jqgrid,
#allReceivedStockReportsTableBox .ui-jqgrid{
    /*border-left: none;
    border-right: none;*/
}

#checkingQueueTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#checkingQueueTableBox .ui-jqgrid{
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-top-color: #cccccc;
}



#checkingQueueTableContainer,
#waitingQueueTableContainer,
#stockUseRoomForCustomerTableContainer,
#allRequisitionsTableContainer,
#allReceivedStockReportsTableContainer{
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

#allExpenseListTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#reservedExpenseTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#reservedBillsTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#paymentItemSummaryTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#expensePendingListTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#ReportDisplayTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#receivedStockItemsTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

#allExpenseListTableBox .ui-jqgrid,
#allBillListTableBox .ui-jqgrid,
#allAdditionalMoneyListTableContainer .ui-jqgrid,
#paymentItemSummaryTableBox .ui-jqgrid,
#ReportDisplayTableBox .ui-jqgrid,
#appointmentTableBox .ui-jqgrid,
#appointmentSMSReportTableBox .ui-jqgrid,
#allRequisitionsTableBox .ui-jqgrid,
#pendingRequisitionsTableBox .ui-jqgrid,
#reservedExpenseTableBox .ui-jqgrid,
#reservedBillsTableContainer .ui-jqgrid,
#receivedStockItemsTableContainer .ui-jqgrid{
    /*border-left: none;
    border-right: none;*/
}


#saleSummaryTableBox .ui-jqgrid,
#saleSummaryByDayTableBox .ui-jqgrid{
    /*border-left: none;
    border-right: none;*/
}

#saleSummaryTableBox .ui-jqgrid .ui-jqgrid-htable th,
#saleSummaryByDayTableBox .ui-jqgrid .ui-jqgrid-htable th{
    font-size: 11px;
}

#saleSummaryTableBox .ui-jqgrid .ui-jqgrid-btable td,
#saleSummaryByDayTableBox .ui-jqgrid .ui-jqgrid-btable td{
    font-size: 11px;
}

#saleSummaryTableBox .ui-jqgrid tr.footrow-ltr td,
#saleSummaryByDayTableBox .ui-jqgrid tr.footrow-ltr td{
    font-size: 11px;
}

#allBillListTableBox .ui-jqgrid tr.jqgrow td {
    white-space: nowrap;
}

table.two-columns-top td{
    vertical-align: top;
}

/* drug label format 2*/

.drugLabel_format_2 .drugLabelSmallToMediumDetail{
    font-family: 'Tahoma';
    display: inline-block;
    font-weight: normal;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    line-height: 13px;
    margin-top: 2px;
}

.drugLabel_format_2 .drugLabelBottomRightSmallDetail{
    position: relative;
    font-family: 'Tahoma';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 245px;
    text-align: right;
}

.drugLabel_format_2 .drugLabelSmallToMediumSmallGapDetail{
    font-family: 'Tahoma';
    display: inline-block;
    font-weight: normal;
    font-size: 9px;
    color: black;
    vertical-align: bottom;
    height: auto;
    line-height: 10px;
    width: 100%;
}

.drugLabel_format_2 .drugLabelMediumDetail{
    font-family: 'Tahoma';
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    color: black;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.drugLabel_format_2 .drugLabelNormalSmallDetail{
    font-family: 'Tahoma';
    position: relative;
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: -3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_2 .drugLabelVerySmallDetail{
    position: relative;
    font-family: 'Tahoma';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 9px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_2 .drugLabelDetail{
    display: inline-block;
    width: 100%;
}

.drugLabel_format_2 .smallDetail{
    font-size: 10px;
    font-weight: normal;
}

.drugLabel_format_2 .drugLabel_top_margin_0{
    margin-top: 3px;
}

.drugLabel_format_2 .drugLabel_top_margin_1{
    margin-top: 3px;
}

.drugLabel_format_2 .drugLabel_top_margin_3{
    margin-top: 2px;
}

.drugLabel_format_2 .drugLabel_top_margin_4{
    margin-top: 1px;
}

.drugLabel_format_2 .drugLabel_top_margin_5{
    margin-top: 5px;
}

/*end drug label format 2*/

/* drug label format 3*/

.drugLabel_format_3 .drugLabelDetailBox{
    position: relative;
    display: block;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}

.drugLabel_format_3 .drugLabelSmallToMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 15px;
}

.drugLabel_format_3 .drugLabelSmallToMediumDetail-2{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 11.5px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 15px;
}

.drugLabel_format_3 .drugLabelBottomRightSmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 245px;
    text-align: right;
}

.drugLabel_format_3 .drugLabelSmallToMediumSmallGapDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 9px;
    color: black;
    vertical-align: bottom;
    height: auto;
    line-height: 12px;
    width: 100%;
}

.drugLabel_format_3 .drugLabelMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 11.5px;
    height: auto;
    line-height: 13px;
    color: black;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.drugLabel_format_3 .drugLabelNormalSmallDetail{
    font-family: 'THSarabunNew';
    position: relative;
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: -3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_3 .drugLabelVerySmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_3 .drugLabelDetail{
    display: inline-block;
    width: 100%;
}

.drugLabel_format_3 .text_right{
    display: inline-block;
    float: right;
}

.drugLabel_format_3 .smallDetail{
    font-size: 11px;
    font-weight: normal;
}

.drugLabel_format_3 .drugLabel_top_margin_0{
    margin-top: 3px;
}

.drugLabel_format_3 .drugLabel_top_margin_1{
    margin-top: 1px;
}

.drugLabel_format_3 .drugLabel_top_margin_3{
    margin-top: 0px;
}

.drugLabel_format_3 .drugLabel_top_margin_4{
    margin-top: 1px;
}

.drugLabel_format_3 .drugLabel_top_margin_5{
    margin-top: 6px;
}

.drugLabel_format_3 .drugLabel_top_margin_6{
    margin-top: 4px;
}
.drugLabel_format_3 .drugLabel_top_margin_10{
    margin-top: 10px;
}

/*end drug label format 3*/

/* drug label format 4*/

.drugLabel_format_4 .drugLabelDetailBox{
    position: relative;
    display: block;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}

.drugLabel_format_4 .gap_height_1{
    display: block;
    height: 17px;
}

.drugLabel_format_4 .gap_height_2{
    display: block;
    height: 12px;
}

.drugLabel_format_4 .centerDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
}

.drugLabel_format_4 .drugLabelSmallToMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 11px;
    line-height: 11px;
}

.drugLabel_format_4 .drugLabelTopHeaderSmallDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 11px;
    line-height: 20px;
}

.drugLabel_format_4 .drugLabel_half_row_ellipse{
    display: inline-block;
    width: 49%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabel_format_4 .drugLabel_3to1_row_ellipse{
    display: inline-block;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drugLabel_format_4 .drugLabelNameHeaderDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    color: black;
    vertical-align: middle;
    width: 100%;
    height: 13px;
    line-height: 26px;
    margin-top: 0px;
}

.drugLabel_format_4 .drugLabelBottomRightSmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 245px;
    text-align: right;
}

.drugLabel_format_4 .drugLabelSmallToMediumSmallGapDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 9px;
    color: black;
    vertical-align: bottom;
    height: auto;
    line-height: 10px;
    width: 100%;
}

.drugLabel_format_4 .drugLabelMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 11.5px;
    height: auto;
    line-height: 13px;
    color: black;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.drugLabel_format_4 .drugLabelNormalSmallDetail{
    font-family: 'THSarabunNew';
    position: relative;
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: -3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_4 .drugLabelVerySmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 8px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_4 .drugLabelDetail{
    display: inline-block;
    width: 100%;
}

.drugLabel_format_4 .smallDetail{
    font-size: 9px;
    font-weight: normal;
}

.drugLabel_format_4 .bigDetailBold{
    font-size: 12px;
    font-weight: bold;
}

.drugLabel_format_4 .drugLabel_top_margin_0{
    margin-top: 3px;
}

.drugLabel_format_4 .drugLabel_top_margin_1{
    margin-top: 1px;
}

.drugLabel_format_4 .drugLabel_top_margin_3{
    margin-top: 0px;
}

.drugLabel_format_4 .drugLabel_top_margin_4{
    margin-top: 1px;
}

.drugLabel_format_4 .drugLabel_top_margin_5{
    margin-top: 6px;
}

.drugLabel_format_4 .drugLabel_top_margin_6{
    margin-top: 4px;
}

/*end drug label format 4*/

/* drug label format 5*/

.drugLabel_format_5 .drugLabelDetailBox{
    position: relative;
    display: block;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}

.drugLabel_format_5 .drugLabelSmallToMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 15px;
}

.drugLabel_format_5 .drugLabelSmallToMediumDetail-2{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 13.5px;
    color: black;
    vertical-align: bottom;
    width: 100%;
    height: 16px;
    margin-bottom: 3px;
}

.drugLabel_format_5 .drugLabelBottomRightSmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 12px;
    font-weight: normal;
    color: black;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 245px;
    text-align: right;
}

.drugLabel_format_5 .drugLabelSmallToMediumSmallGapDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    color: black;
    vertical-align: bottom;
    height: auto;
    line-height: 12px;
    width: 100%;
}

.drugLabel_format_5 .drugLabelMediumDetail{
    font-family: 'THSarabunNew';
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    height: auto;
    line-height: 18px;
    color: black;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.drugLabel_format_5 .drugLabelNormalSmallDetail{
    font-family: 'THSarabunNew';
    position: relative;
    display: inline-block;
    min-height: 13px;
    line-height: 13px;
    font-size: 10px;
    font-weight: normal;
    color: black;
    margin-top: -3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_5 .drugLabelVerySmallDetail{
    position: relative;
    font-family: 'THSarabunNew';
    display: inline-block;
    min-height: 11px;
    line-height: 11px;
    font-size: 10px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.drugLabel_format_5 .drugLabelDetail{
    display: inline-block;
    width: 100%;
}

.drugLabel_format_5 .smallDetail{
    font-size: 12px;
    font-weight: bold;
}

.drugLabel_format_5 .drugLabel_top_margin_0{
    margin-top: 3px;
}

.drugLabel_format_5 .drugLabel_top_margin_1{
    margin-top: 1px;
}

.drugLabel_format_5 .drugLabel_top_margin_3{
    margin-top: 0px;
}

.drugLabel_format_5 .drugLabel_top_margin_4{
    margin-top: 1px;
}

.drugLabel_format_5 .drugLabel_top_margin_5{
    margin-top: 6px;
}

.drugLabel_format_5 .drugLabel_top_margin_6{
    margin-top: 4px;
}

/*end drug label format 5*/


span.value-text-with-suffix{
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

#checking_pet_info_box,#cashier_list_dialog_box,#select_cashier_list_dialog_box{
    font-size: 13px;
    margin-bottom: 5px;
}

.general-title{
    font-size: 15px;
    font-weight: bold;
    color: #00BFFF;
}

.bar-chart-title{
    font-size: 15px;
    font-weight: bold;
    color: #00BFFF;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

.general-title-for-dialog{
    font-size: 15px;
    font-weight: bold;
    color: #97be0d;
    margin-bottom: 10px;
    display: block;
}

.general-sub-title-for-dialog{
    font-size: 14px;
    font-weight: bold;
    color: #97be0d;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.general-sub-title{
    font-size: 14px;
    font-weight: bold;
    color: #97be0d;
    margin-left: 15px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    display: block;
}

.general-top-sub-title-for-dialog{
    font-size: 14px;
    font-weight: bold;
    color: #97be0d;
    margin-top: -20px;
    margin-bottom: 5px;
    display: block;
}

/*generic card detail box*/

.card-detail-box{
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.span_icon_box{
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}

/*New Button Design*/
.btn {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: black;
    font-size: 15px;
    font-weight: bold;
    background: #EEE;
    padding: 8px 10px 8px 10px;
    text-decoration: none;
}

.btn:hover {
    background: #97be0d;
    text-decoration: none;
}
/*End New Button Design*/

.number_notification{
    display: inline-block;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: red;
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-left: 2px;
    border-radius: 2px;
}

span.inline-word-wrap{
    display: inline-block;
    word-wrap: break-word;
}

span.fit-box-auto{
    position: relative;
    margin: 0;
    padding: 0;
}

span.fit-box-absolute{
    position: relative;
    margin: -3px;
    padding: 0;
    display: inline-block;
}

span.fit-box-absolute-2{
    position: relative;
    margin: 0px;
    padding: 0;
    display: inline-block;
}

span.upper-label-absolute{
    position: absolute;
    top: -16px;
    left: 3px;
    font-weight: bold;
    font-size: 11px;
    color: #97be0d;
}

span.upper-label-auto{
    position: absolute;
    top: -20px;
    left: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #97be0d;
}

/*general box*/
#general_search_stock_form_container{
    margin: 5px;
}

#find_stock_form_box{
    margin-bottom: 10px;
}

.alert-box{
    display: inline-block;
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 3px;
}

span.info-box{
    display: inline-block;
}

.for-dialog-box{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

fieldset.fit{
    margin:0px;
    padding: 0px;
    border: none;
}

.general_sticky_container{
    position: relative;
    display: block;
    margin-left: 0px;
    width: 100%;
}

.general_sticky_actions_box{

    background-color: #f7f7f7; /*#cfe6fc*/
    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #FFA773;
    border-right: 1px solid #FFA773;
    padding: 0px;
    height: 50px;
    position: fixed;
    z-index: 300;
    left: auto;
    bottom: 0px;
    width: 778px;
    display: block;
}

.general_sticky_left_actions_box{
    display: inline-block;
    margin-top: 8px;
    margin-left: 5px;
}

.general_sticky_right_actions_box{
    display: inline-block;
    margin-top: 8px;
    float: right;
    margin-right: 5px;
}

#searchPaymentItemsGeneralFormBox{
    display: block;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    width: 735px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#searchPaymentItemsGeneralFormBox span{
    margin-top: 1px;
}

.search_payment_items_general_navigation{
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search_result_popup{
    background-color: white;
    border-left: 1px solid #FFFFDF;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
    width: 736px;
    margin-top: 0px;
    margin-left: -1px;
    position: absolute;
    z-index: 888;
    -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
}

.edit_link_after_text{
    margin-left: 10px;
}

.right_actions{
    float: right;
}


.big-icons-with-two-line-text{
    background-image: url(../img/32x32/cash_register_2.png);
    background-repeat: no-repeat;
    background-position: 0px;
    display: inline-block;
    padding: 0px;
    margin-right: 5px;
    padding-left: 40px;
    width: auto;
    max-width: 150px;
    height: 40px;
    vertical-align: top;
    text-align: left;
}

.two-lines-text-after-big-icon{
    display: inline-block;
    font-weight: bold;
    margin-top: 2px;
    color: #97be0d;
}

img.tab_picture_size{
    height: 14px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.BlueTableBoxBorder .ui-widget-content{
    border: 1px solid #00BFFF;
}
.BlueTableBox .ui-jqgrid .ui-widget-header{
    background-color: #00BFFF;
    border: 1px solid #00BFFF;
    background-image: none
}

.label-info {
    max-width: 350px;
    width: 350px;
    margin-top: 5px;
    background-color: #F3FBFD;
}
.label-card {
    ax-height: 75px;
    max-width: 350px;
    width: 350px;
    height: 75px;
    text-align: center;
}

.nav-aside li.nav-item a:hover {

    background-color:#FFE2C6 !important;
    color: #0168fa !important;
}
.icon-12 {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px;
}
.icon-13 {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px;
}

.icon-14 {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px;
}

.w-100px {
    width: 100px !important;   
}

.w-70px {
    width: 70px !important;   
}

.w-400px {
    width: 400px !important;
}

.w-300px {
    width: 300px !important;
}

.w-200px {
    width: 200px !important;
}
.bold {
    font-weight: bold;
}
.search-input {
    border-radius: 5px;
    padding-left: 5px;
}
.font-size-12{
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-6 {
    font-size: 6px !important;
}

.main-content {
    padding: 10px 10px 10px 10px;
}

.TableBox {
    display: inline-block;
    width: 100%;
}

.text-center {
 text-align: center;   
}
.inline-block {
    display: inline-block
}