/*
    Created on : 30 Jan, 2018, 8:04:44 PM
    Author     : Vaibhav
#337ab7;
*/

body{
    background: #fefefe url(bg2.png);
    margin: 0;
    padding: 0;
}
table{
    font-size: 12px;
}
.padding4{
    padding: 4px 8px;
}
.padding2{
    padding: 0 2px;
}
.myalert-full, .myalert,.myalert-short{
    padding: 4px 10px;
    margin:2px 0;
    border-radius: 4px;
    border:1px solid;
}
.myalert-short{
    display: inline-block;
    float: right;
    margin: 0 2px;
}
.myalert{
    float:left;
    width: 60%;
    text-align: left;
}
.al-grn{
    color:  #009900;
    border-color: #32883c;
    background: #b2ffb3;
}
.al-grn:before{
    margin-right: 10px;
    font-family: "Glyphicons Halflings";
    content: "\e013";
}
.al-red{
    background: #fcc;
    color:#f55;
}
.al-red:before{
    margin-right: 10px;
    font-family: "Glyphicons Halflings";
    content: "\e014";
}
.al-ylw{
    background: #ff9;
    border:1px solid #990;
}

.v-menu{
    color: #333 !important;
    padding: 6px 8px !important;
    margin: 8px 2px 0 6px;
    text-align: left;
}

div#view-container{
    width: 100% !important;
    padding:0 4px
}
.loading-dialog {
    /*display: none;*/
    position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('loader-bang.gif') 50% 40% no-repeat;

/*    -webkit-animation: fadein .5s;
       -moz-animation: fadein .5s;
        -ms-animation: fadein .5s;
         -o-animation: fadein .5s;
            animation: fadein .5s;*/


}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* vscroll7 - no matter of scrollbar, only for border */
.vscroll, .vscroll2, .vscroll3,.vscroll5,.vscroll7,.vscroll8{
    background: #fff;
    padding: 2px;
    padding-top: 0;
    border: 1px solid #337ab7;
    border-top: none;
    margin:0;
    border-radius: 0 0 4px 4px;
}
.vscroll8{
    border-top: 1px solid #ccc;
    height: 680px;
    overflow: auto;
}
.bg-print{
    background:  #ffffdd;
}
.vscroll, .vscroll5{
    height: 650px;
    padding-bottom: 4px;
}
.vscroll5{
    /* same as vscroll but overflow is hidden for animation */
    overflow: hidden;
    position: relative;
}
.vscroll6{
    /* hidden panel popup from right side */
    /*border:1px solid #000;*/
    height: 648px;
    /*padding: 2px;*/
}
.vscroll7{
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
}
.vscroll2{
    height: 606px;
    border-radius: 0 0 4px 4px
}
.vscroll3{
    height: 235px;
    border-radius: 0 0 4px 4px;
}
.vscroll4{
    height: 560px;
    overflow: auto;
    /*border: 1px solid #f00;*/
}
.vscroll-header{
    padding: 2px !important;
    padding-bottom: 0;
    border: 1px solid #337ab7;
    border-bottom: 0;
    overflow: auto;
}
.notice-box{
    height: 300px;
    width: 100%;
    padding-top: 120px;
    font: 600 16px sans-serif;
    text-align: center;
    color: #777;
}
.navbar{
    margin: 0;
}
.fixheader{
    /*background:#f00;*/
    display:inline-block;
    border-left:1px solid #fff;
    /*border-right:none;*/
    padding:10px;
    font:700 12px arial;
}
.fix-head-wrap{
    position:absolute;
    z-index: 100;
}
#table-head-color th,.table-head-color th, .fixheader,.fix-head{
    background-color:rgb(51,122,183);
    color: white;
}
.nopadding{
    padding: 0 !important;
    margin: 0 !important;
}
#mblTitle{
    display: none;
}
#page-title{
    display: inline-block;
    /*padding: 12px;*/
    margin: 16px 0 0 20px;
    font:700 14px monospace;
    color: #777;
}
.hlink{
    cursor:pointer;
    /*color:  #4084ff;*/
    color:  #40affc;
}
.hlink:hover{
    color: #4084ff;
}
.hlink-del{
    cursor: pointer;
    color: #a00;
}
.hlink:hover, .hlink-del:hover{
    text-decoration: underline;
}
.logout{
    background: #a00;
    color: #fff !important ;
    cursor: pointer;
}
.logout:hover{
    background: #d00 !important;
}
#brand-name{
    margin: 1em auto;
    text-align: center;
    font:900 60px serif;
    color:  #338bec;
    text-shadow: -1px -1px 1px #000,1px 1px 2px #fff ;
}
.redstar{
    font-size: 16px;
    color: #f00;
}
.login-pass{
    padding:0;
}
.centered-col, .left-col{
    height: 700px;
    background: #fff;
    padding: 4px;
    box-shadow: 0 2px 6px 1px #bbb;
    border-radius: 0 0 6px 6px;
    overflow: auto;
}
.centered-col{
    float: none;
    min-width: 750px;
    margin: 0 auto !important;
}
.left-col{
    /*float:right;*/
}
.panel-heading-padding{
    padding: 6px;
}
.panel-heading select, .header select, td select, .v-select{
    padding: 4px;
    border-radius: 4px;
    color: #555;
    font-size: 12px;
}

.v-tab-content{
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px 4px;
    min-height: 650px;
}
.drag-box,.drag-box2,.drag-box3{
    border:1px solid #ddd;
    border-radius: 0 0 4px 4px;
    padding:4px;
    overflow: auto;
}
.drag-box{
    height:520px;
}
.drag-box2{
    position: relative;
    overflow: hidden;
    height: 608px;
}
.drag-box2-table-body{
    /* for table containing fixed search bar */
    margin-top: 8px;
    height: 556px;
    overflow: auto;
}
.search-holder{
    background: #f00;
}
.drag-box p, .drag-box2 p{
    margin: 0;
}
/*.drag-box2{
    height: 255px;
    margin-bottom: 2px;
}*/
.col-second{
    padding: 4px;
    height:698px;
    background: #fff;
    border-radius: 0 0 6px 0 ;
    box-shadow: 2px 2px 4px 2px #ccc;
}
.drag-box3{
    height: 654px;
}
.header{
    padding:.5em;
    border-radius: 4px 4px 0 0;
}
.header button{
    margin: 0 2px;
}
.drag-box li{
    font-size: 12px;
    border:1px solid #aaa;
    padding:4px 6px;
    margin:2px;
    border-radius: 4px;
    list-style: none;
    background: linear-gradient(#fefefe,#dfdfdf);
    cursor: pointer;
}
.drag-box li:hover{
    background: linear-gradient(#fff,  #e3ffe0);
}
.cursor-hand{
    cursor:pointer;
}
.grn{
    color: #009900;
}
.red{
    color:#c00;
}
.product-heading{
    background:#555;
    padding: 6px;
    color:#fff;
    border-radius: 4px;
}
.product-heading a{
    font:12px arial;
}
#pat-name{
    margin-top: 6px;
    /*font: 500 15px arial;*/
    color:  #000066;
    width: 70%;
    /*border: 1px solid #f00;*/
}
.placeholder{
    height: 80%;
    width: 80%;
    /*border: 1px solid #f00;*/
    margin: 20px auto;
}
.ico-medicine{
    background: url(../medcn/meds.svg) no-repeat 0 10px;
    background-size: 100%;
}
.ico-ptest{
    background: url(../mtest/ptest.svg) no-repeat 20px 0;
    background-size: 82%;
}
.v-btn-holder{
    border: 1px solid #337ab7;
    overflow: auto;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
}
.v-label{
    font-size: 12px;
    margin: 0 0 0 18px;
    color: #777;
}
.text-italic{
    font-style: italic;
}
.hint{
    font-size: 12px;
    color: #aaa;
}
.vert-space{
    display: block;
    /*border: 1px solid #f00;*/
    height: 100px;
}
.btn-del{
    border-color: #c00;
    background: #fff !important;
    color: #c00;
}
.btn-del:hover{
    background: #faa !important;
    /*color: #fff;*/
}
#user-role{
    font-size: 11px;
    letter-spacing: 1px;
    display:block;
    margin: -9px 0 0 0;
    padding-right: 20px;
    text-align: right;
    color: #777;
}
.date-wrapper{
    padding-left: 6px;
    border: 1px solid #ccc;
    overflow: auto;
    border-radius: 4px;
    background: #efefef;
}
.date-wrapper span{
    display: inline-block;
    margin: 4px;
}
/*.datepicker .btn-sm{
    display: none;
}*/
/*.datepicker button{
    font-size: 12px;
    font-weight: bold;
    color: red;
    padding: 0 !important;
}*/
/*.date-wrapper td{
    padding: 0 !important;
}*/
/*.ui-select-container{
    height: 26px !important;
}*/
.glyph-big{
    font-size: 32px;
    float:left;
    color:  #6699ff;
    margin-right: 4px
}
.hmargin-1{
    margin-left: 3px;
}
.ui-select-container{
    border-radius: 0 0 4px 4px;
}
.ui-select-search{
    /*border: 1px solid #ccc !important;*/
    padding: 20px !important;
}
.vspace{
    /*border:1px solid #f00;*/
    height: 20px;
}
.inline-input{
    width: 50px;
    display: inline-block;
}
.pid{
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    cursor: pointer;
}
.pid:hover{
    color: #777;
}
li.flushAccord{
    border:none;
    padding: 1px;
    background: #fff;
    cursor: auto;
}
li.flushAccord:hover{
    background: #fff;
}

.button-wrapper{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:44px;
    background: #eaeaea linear-gradient(#fefefe, #eaeaea);
    z-index: 1;
    border-radius:0 0 4px 4px;
    padding: 4px;
    border: 1px solid #ccc;
}
p.v-row{
    border-bottom: 1px solid #ccc;
    margin: 8px 0;
    padding: 2px;

}
.v-row:last-child{
    border: none;
}
.less-padding .col-md-3:first-child, .paddingr0{
    padding-right: 0;
}
.paddingl2{
    padding-left: 2px;
}

/*.less-padding .col-md-3:last-child{
    padding: 0;
    color: #f00
}*/
#logo-img{
    float: left;
    margin-top: -20px;
    height: 100px;
    width: 100px;
}
.modal-header{
    font-weight: 700;
    letter-spacing: 1px;
}
.inline{
    display: inline-block;
}
.col-18{
    width: 19%;
}
.small-num{
    width: 40px;
    height: 24px;
    border: 1px solid #ccc;
}
input[type="text"].small-num{
    border-radius: 4px 0 0 4px;
}
select.small-num{
    width: auto;
    border-left: none;
    height: 24px;
    border-radius: 0 4px 4px 0;
}
.resize-div{
    -webkit-transition: all .2s linear !important;
    /*transition: all 1s linear !important;*/
}
.v-popup-win{
    position: absolute;
    width: 100%;
    bottom: 0;
    left:0;
    -webkit-transition: all .2s linear;
    border-top: 1px solid #ccc;
    box-shadow: 0 0 8px 1px #bbb;
    padding-bottom: 12px;
    background: rgba(255, 255, 255, 1)
}
.v-popup-partial{
    bottom: -224px;
}
.v-popup-title{
    cursor: pointer;
    text-align: right;
    font-size: 18px;
    padding: 6px;
}
.v-popup-title:hover{
    background: #f1f1f1;
}
.v-popup-body{
    padding: 4px;
    padding-top: 0;
}
.text-bold{
    font-weight: 700;
}
#navlogo{
    float: left;
    height: 50px;
    width: 50px;
    background: url(logo.svg) no-repeat 12px 4px;
    background-size: 70%;
    margin-right: 4px;
}
.table-my{
    margin: 0 !important;
}
.table-my td{
    border: 1px solid #ddd;
    padding: 4px !important;
}
/* .v-panel{
    position: absolute;
    left: -999px;
    border: 1px solid #999;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 2px #aaa;
}
.v-panel:before{
    position:absolute;
    margin: -35px 0 0 50px;
    content:'▲';
    color: #fff;
    font-size: 24px;
    text-shadow: 0 -1px 1px #000;
}
*/
#login{
    float: none;
    margin:0 auto;
    min-width: 700px;
    padding: 0
}

ul#meds {
    margin:0 !important;
    padding: 0 !important;
}
#meds li{
    float: left;
    list-style: none;
    margin:2px 4px;
    border-collapse: collapse;
    font-size: 12px;
}
#meds li span{
    border: 1px solid #aaa;
    padding: 4px;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(#ffffff, #e5e5e5 )
}
#meds li select{
    padding: 3px;
    border: 1px solid #aaa;
    border-left: none;
    background: linear-gradient(#ffffff, #e5e5e5 )
}
#meds li select:last-child{
    border-radius: 0 4px 4px 0;
}
.v-tab-cell{
    display: table-cell;
}
span.v-tab-cell, label.v-tab-cell{
    padding-right: 4px;
}
.header .btn-sm{
    margin-top: -5px;
}
/*.animateLeft{
    -webkit-transition: all .2s linear !important;
}*/
.v-col-right{
    position: absolute;
    z-index: 990;
    top: 0;
    right: 0;
    background: #fefefe;
    border-left: 1px solid #777;
    height: 100%;
    width: 100%;
    -webkit-transition: all .8s ease-in-out !important;
}
.hide-col-right{
    right: -600px;
}
td ol{
    padding: 0 8px;
}
.td-btn{
    min-width: 60px;
}
.td-btn:hover{
    background: #eaeaea;
    cursor: pointer;
}
.upperline{
    border-top: 1px solid #ccc;
    padding-top: 2px;
    margin:0 !important;
}
.dayTime{
    margin: 0 auto;
    height: 100px;
    width: 100px;
}
.sun{
    background: url(sun.png) no-repeat;
    background-size: 100%;
}
.moon{
    background: url(moon.png) no-repeat -20px -30px;
    background-size: 150%;
}
.print-heading{
    margin-top: 12px;
    padding: 8px;
    background: #ccc !important;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
td.heading-row{
    background: #ccc !important;
    font-weight: 700;
}
.menu-trigger{
    /*padding: 4px;*/
}
.hori-menu{
    position: absolute;
    z-index: 9996;
    width: fit-content;
    /*width: 340px;*/
    display: inline-block;
    margin: -10px 0 0 8px;
    padding: 14px 8px;
    border-radius: 4px;
    border: 1px solid #777;
    background: #fff;
    box-shadow: 2px 2px 8px 2px #666;
}
.hori-menu:before{
    position:absolute;
    margin: -6px 0 0 -26px;
    content:'◄';
    font-size: 22px;
    color: #fff;
    text-shadow: -1px 0px 2px #333;
}
.hori-menu li{
    margin: 2px;
    list-style: none;
    display: inline-block;
}
#mtest-table td{
    padding: 4px;
}
.stamp{
    padding: 16px;
    text-align: center;
}
.sec-row-bold{
    margin: 0;
}
.sec-row-bold td:nth-child(2n){
    font-weight: 600;
    text-align: right !important;
    padding-right: 20px;
}
tbody.tbody-repeat{
    border: none !important;
}
.hist-extra{
    /* used in show extra history information in inline order */
    margin: 0;
    padding: 0;
}
.hist-extra li{
    color: #444;
    display: inline-block;
    margin: 0 2px;
}
/**
CHECK
reception->tariff
reception->depMoney
icu -> viewWard
showDischarge
*/
@media screen and (max-height: 766px)  {
    /**{ display: none; }*/
    .centered-col{
        height: 600px;
    }
    .drag-box{
        height: 440px;
    }
    .drag-box2{
        height: 508px;
    }
    .v-tab-content{
        min-height: 550px;
    }
    #brand-name{
        font:600 50px serif;
        margin: 28px auto;
    }
}
@media screen and (max-width: 767px) {
    #login{
        min-width: 100%;
    }
    #mblTitle{
        margin-top: -8px;
        padding: 2px;
        background: #555;
        color:#eee;
        display: block;
    }
    #brand-name{
        width: 100%;
        font:600 36px serif;
        margin: .5em auto;
    }
    .login-pass{
        padding: 14px;
    }
    .myalert{
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 4px;
    }
    .centered-col{
        min-width: 100%;
    }
}
@media print {
    body * {
        font-size: 16px;
        visibility: hidden !important;
        margin:0;
    }
    h3{
        font-size: 24px !important;
    }
    #print-content{
        position: absolute !important;
        top:0;
        width: 100%;
        padding: 18px;
        padding-left: 80px;
    }
    #print-content * {
        visibility: visible !important;
    }
    table{
        width: 100% !important;
        margin:0 !important;
    }
    ol li{
        margin: 1px 8px;
    }
/*    .print-heading{
        width: 100%;
        padding: 8px;
        background: #ddd !important;
        text-align: center;
        font-size: 24px;
    }*/
}