body{ font-family: "Calibri",sans-serif !important;font-size: 14px;  margin: auto 30px;  }
.mainMenu{ margin-top: 70px;}
.menuLogo{ max-width: 175px; height: 100px; margin-right: 10px; margin-top: 10px;}
.hasLang .menuLogo{ margin-top: 0px;}
.menuMainDiv ul{ margin-top: 60px;}
.hasLang .menuMainDiv > ul{ margin-top: 50px;}
.menuLangOption{ padding-left: 10px;  float: left; display: inline-block; position: absolute;}
.menuMainDiv ul:last-child li.active a{ background-color: #d9e8ee !important; color: black !important;}
.hkmenu .mainMenu{ margin-top: 0px; margin-left: 0px;}
.wrapper30{ padding-left: 30px; padding-right: 29px;}
.minHeightContent{ min-height: 400px;}
.marged-top_5{ margin-top: 5px;}
.marged-top-10{margin-top: 10px;}
.marged-top-20{ margin-top: 20px;}
.marged-top-60{ margin-top: 60px;}
.padded_left_20{ padding-left: 20px;}
.padded-left-7{ padding-left: 7px !important;padding-right: 7px !important;}
.margin-left-0 { margin-left:0px !important;}
.margin-right-0 { margin-right:0px !important;}
.margin-left-95{margin-left: -60px;}
.marged_20{ margin-top: 30px;}
.login-log-margin{ margin-top:0px; }
.marged_20_imp{ margin-top: 20px !important;}
.vitalDataTables{ margin-left: 10px;}
.marged-top_10{ margin-top: 10px;}
.marged-top_0{ margin-top: 0px !important;}
.padded-left_0{padding-left: 0px !important;}
.padded-right_0{padding-right: 0px !important;}
.marged-left{ margin-left: 20px;}
.DOALeft{ margin-left: 40px;}
.marged-left-10{ margin-left: 10px !important;}
.borderRadiusHalf{ border-radius:50%; }
.preDefineDietSelection span{ cursor:pointer; padding: 10px; padding-top:8px; text-align: center; margin-top: 5px; line-height: 30px; margin-right: 10px; }
.preDefineDietSelection span.cSelect{ background-color: #DFECED;}
.blankIcon{ width: 15px; height: 15px; display: inline-block;}
.ic-bgn{ background-image: url('../images/lev-icon.png'); width: 16px; height: 16px; display: inline-block;}
.green-table-div td.data-name a{ font-weight: bold;}
.marged-left-20 {
    margin-left: 20px !important;
}
.marged-left-15 {
    margin-left: 15px !important;
}
.compMedEachInfo{ margin-bottom: 0px;}
.compMedEachInfo.table > tbody > tr > td, .compMedEachInfo.table > tbody > tr > th, .compMedEachInfo.table > tfoot > tr > td, .compMedEachInfo.table > tfoot > tr > th, .compMedEachInfo.table > thead > tr > td, .compMedEachInfo.table > thead > tr > th { padding: 0px;}
.homeDeptIcon {
    float: none;
    margin: auto; text-align: center;
}
.homeDeptIcon i {
    display: none;
}
.homeDeptIcon li {
    cursor: pointer;
    list-style-type: none;
}
.deptSelectedCircle a {
    color: white !important;
    text-decoration: none;
}
.homeDeptIcon li:hover a {
    color: white;
    text-decoration: none;
}
.homeDeptIcon li a:visited, .homeDeptIcon li a:active {
    outline: medium none !important;
}
.homeDeptIcon li {
    border: 1px solid #589a8e;
    border-radius: 100px;
    height: 110px;
    line-height: 100px;
    margin: 10px;
    text-align: center;
    width: 110px;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(1), .homeDeptIcon li:nth-child(1):hover {
    background-color: #0e3d59;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(2), .homeDeptIcon li:nth-child(2):hover {
    background-color: #88a61b;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(3), .homeDeptIcon li:nth-child(3):hover {
    background-color: #f29f05;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(4), .homeDeptIcon li:nth-child(4):hover {
    background-color: #f25c05;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(5), .homeDeptIcon li:nth-child(5):hover {
    background-color: #d92525;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(6), .homeDeptIcon li:nth-child(6):hover {
    background-color: #6f7144;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(7), .homeDeptIcon li:nth-child(7):hover {
    background-color: #dcba51;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(8), .homeDeptIcon li:nth-child(8):hover {
    background-color: #ca8340;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(9), .homeDeptIcon li:nth-child(9):hover {
    background-color: #aa502d;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(10), .homeDeptIcon li:nth-child(10):hover {
    background-color: #791a19;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(11), .homeDeptIcon li:nth-child(11):hover {
    background-color: #9bbb59;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(12), .homeDeptIcon li:nth-child(12):hover {
    background-color: #a4d86f;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(13), .homeDeptIcon li:nth-child(13):hover {
    background-color: #e46c0a;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(14), .homeDeptIcon li:nth-child(14):hover {
    background-color: #948a54;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(15), .homeDeptIcon li:nth-child(15):hover {
    background-color: #88a61b;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(16), .homeDeptIcon li:nth-child(16):hover {
    background-color: #f29f05;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(17), .homeDeptIcon li:nth-child(17):hover {
    background-color: #d92525;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(18), .homeDeptIcon li:nth-child(18):hover {
    background-color: #948a54;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(20), .homeDeptIcon li:nth-child(20):hover {
    background-color: #948a54;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(21), .homeDeptIcon li:nth-child(21):hover {
    background-color: #88a61b;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(19), .homeDeptIcon li:nth-child(19):hover {
    background-color: #88a61b;
}
.homeDeptIcon li.deptSelectedCircle:nth-child(22), .homeDeptIcon li:nth-child(22):hover {
    background-color: #948a54;
}
.row-color-complete{
    background-color: #dff0d8 !important;
    color: black !important;
}
.row-color-incomplete{
    background-color: #f2dede !important;
    color: black !important;
}
.txt-color-complete{
    color: #dff0d8 !important;

}
.txt-color-incomplete{
    color: #f2dede !important;

}
.widthPRateField{ width: 75px;}
.padded_5{ padding: 5px;}
.padded_2{ padding: 2px;}
.padded_10{ padding: 10px;}
.textFieldDate{ width: 110px; background-color:  #c8e2e4; padding-top: 5px; padding-bottom: 5px;}
.textFieldDate span{ background-color:  #c8e2e4;}
.textFieldDate input{background-color:  #c8e2e4; border: none !important; font-size: 14px; padding-top: 0px; padding-bottom: 0px;  height: 21px; padding-right: 0px;}
.textFieldDate span.input-group-addon{ border: none !important;padding-top: 0px; padding-bottom: 0px; padding-left: 5px; }
.selectNotField{ line-height: 33px;}
.rcp_purpose{ width: 100%; border: none; border-bottom: 1px solid #000;}
.rcp_purpose:focus{  border: none !important; border-bottom: 1px solid #000  !important; box-shadow: none !important; outline: none !important;}
.logoSize{ width: 100px; height: 100px;}
.marged_bottom_20{ margin-bottom: 20px;}
.marged_bottom_30{ margin-bottom: 30px;}
.marginpackage{margin-top: 40px;}
.marginpackage:first-child{ margin-top: 20px;}
.marged-left-5{ margin-left: 5px;}
.marged-left-minus-5{ margin-left: -5px;}
.marged-right-5{ margin-right: 5px;}
.marged-right-10{ margin-right: 10px !important;}
.marged-bottom-10{ margin-bottom: 10px;}
.marged-topCalendar{ margin-top: 55px;}
.opacityColumn{ opacity: 0.5;}
.calendatMargin{ margin: auto 30px;}
.marged-right{ margin-right: 20px;}
.marged-right-40{ margin-right: 40px;}
.textBoxLi{background-color:#4f8a95; }
.bold{ font-weight: bold;}
.padded{ padding: 10px;}
.padded-top-bottom5{ padding-top: 5px; padding-bottom: 5px;}
.padded-top-bottom{ padding-top: 10px; padding-bottom: 10px;}
.padded-left-right{ padding-left: 10px; padding-right: 10px;}
.fontSize16{ font-size: 16px !important;}
.fontSize14{ font-size: 14px !important;}
#medicineListDivCurrent{ float: left; width: 100%;}
.width35{ width: 30%;}
.selectDiseaseWidth{ width: 200px;}
.dataTables_filter{  margin-bottom: 10px;}
.dataTables_filter label span{ display: none;}
.dataTables_filter input { margin-left: 0px !important; border: 1px solid #4f8a95 ; height: 30px; padding: 5px; font-weight: normal; }
.bigTooltip{ padding:6px; font-size: 14px;}
.familyReportSelection  {list-style-type: none;}
.border-black{border: 1px solid #000;}
.zeroDiv{ width: 0px; height: 0px; visibility: hidden;}
.colorSelected{ color: #5cb85c;}
.bgColorSelected{background-color: #5cb85c; color: white;}
.displayBlockDiv{ width: 100%; display: block;}
.marginAuto{ margin: auto; float: none;}
.widthSpanBlock{ display: inline-block; width: 100%;}
.widthPayOptionsBlock{ display: inline-block; width: 100px;}
.requestLoaderspin{margin-left: 428px; margin-top: 51px;}
.marginInline li { margin-left: 5px !important;}
select > option[disabled=disabled]{background-color: #C74E2C; color: white;}
.selectedPAO{ color: #00C618;}
.oldPaoList{  line-height: 24px;float: left; width: 100%;margin: 0px 5px;padding: 4px;font-size: 16px;}
.oldPhysiodataList{  line-height: 20px;float: left; width: 100%;margin: 0px 5px;padding: 4px;font-size: 16px;}
.oldVitaldataList{  line-height: 20px;float: left; width: 100%;margin: 0px 5px;padding: 4px;font-size: 16px;}
.newHistoryDataList { width: 100%;word-break: break-all;}
.oldsheetList{  line-height: 20px;float: left; width: 100%;margin: 0px 5px;padding: 4px;font-size: 16px;}
.newPaoList > div{  line-height: 25px; padding:0px 5px; margin-top: 10px; float: left; width: 100%;}
.newFirstBoxWithPariksha{ padding-top: 0px !important; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;}
.pHeader{font-size: 18px; margin-bottom: 5px;}
.sheetHeader{font-size: 18px; margin-bottom: 5px;}
.panchkarmaTherapySelectionTable .bg-success{ background-color: rgba(2, 166, 216, 0.1) !important;}
.eachVitalDataRow div.row {
    margin-bottom: 5px;
}
.langChoiceLabel{ padding-right: 10px; padding-top: 10px;}
.langChoice{ padding-right: 10px; padding-top: 10px;}
.langChoice{ cursor: pointer;}
.langChoice.active{ color: #4F8A95; font-weight: bold; text-decoration: underline; }
.langChoice:hover{ color: #4F8A95; font-weight: bold; }
.fancyRadio > div{ border: 1px solid #d9e8ee; line-height: 32px;}
.fancyRadio > div.active{ background-color: #d9e8ee;}
.fancyRadio > div:not(:last-child){ border-right: none;}
.fancyRadio > div.checkbox,.fancyRadio > div.radio{ display: inline-block; padding-left: 10px; padding-right: 10px; cursor: pointer;}
.centerDivs > div{ width: 50%;}
.fancyRadio > div > label::before{ margin: 0px; padding: 0px; visibility: hidden; width: 0px; height: 0px;}
.fancyRadio > div > input{ margin: 0px !important; padding: 0px !important; visibility: hidden; width: 0px !important; height: 0px !important;}
.fancyRadio > div > label::after{ margin: 0px; padding: 0px; visibility: hidden; width: 0px; height: 0px;}
.fancyRadio > div.checkbox-inline, .fancyRadio > div.radio-inline{ padding-left: 0px;}
.form-horizontal .fancyRadio  .checkbox, .form-horizontal .fancyRadio  .checkbox-inline, .form-horizontal .fancyRadio  .radio, .form-horizontal .fancyRadio  .radio-inline{ padding-top: 0px;}
.tdMedicineSpan{ float: left; width: 100%; display: inline-block; }
.text-yellow-imp{ color:#F29F05 !important; }
.bg-success-imp{ background-color:#dff0d8 !important;  color:#000 !important; }
.bg-yellow-imp{ background-color:#F29F05 !important;  color:#FFF !important; }
.noBorderBottom{ border-bottom: none !important;}
.therapySelectDivs .table{ margin-top: 10px; border: 1px solid #e5e5e5;}
.therapySelectDivs .table > thead > tr > th{ border-bottom: none; background-color: #f4f4f4; font-weight: normal;}
.therapySelectDivs .input-group.date{ width: 130px;}
.therapySelectDivs  .ta_date,.therapySelectDivs  .ta_remarks,.therapySelectDivs   .input-group-addon, .therapySelectDivs  .select2-container .select2-choice{ border-color: #e5e5e5 !important;}
.bg-yellow {
    background-color: #F29F05;
    color: white;
}
.programRow1 {
    background-color: #e1f5fe;
}
.programRow3 {
    background-color: #e0f2f1;
}
.programRow2 {
    background-color: #fafafa;
}
.disabledDays{ background-color: #cccccc;}
.rowBGOther .daysOtherBlackBox{ text-align: center; background-color: #c8e2e4; }
.color-yellow {
    color: #F29F05 !important;
}
.color-brown2 {
    color: brown;
}
.typeahead > li.color-brown2.active > a{ background-color: brown !important;}
.typeahead > li.color-brown2 > a{ color: brown !important;}
.green{
    background-color: #26A65B  !important;
}
.color-yellow{
    background-color: rgba(246,164,6,0.4) !important;color:black;
}
.red{ background-color: #C74E2C !important;}

i.fa.red { color: #C74E2C !important;}
i.fa.green { color: #009100 !important;}
i.fa.cal-color-yellow { color: rgba(246, 164, 6, 0.4) !important;}
.day-highlight.dh-green{ background-color: #009100 !important; color:white !important;}
.day-highlight.dh-green a{color:white !important;}
.day-highlight.dh-cal-color-yellow{ background-color:  rgba(246, 164, 6, 0.4) !important; color:black !important;}
.day-highlight.dh-cal-color-yellow a{color:black !important;}
#therapy_calendar tr.green td{ color: white;}

#cal-day-box .day-highlight.dh-event-info.red {
    background-color: #C74E2C !important;color:white;
}
#cal-day-box .day-highlight.dh-event-info.red a {
    background-color: #C74E2C !important;color:white;
}
.day-highlight.dh-event-info.red {
    background-color: #C74E2C !important;color:white;
}
.event-info.red {
    background-color: #C74E2C !important;color:white;
}
.day-highlight.dh-event-info.red a {
    background-color: #C74E2C !important;color:white;
}
.event-info.red  td {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #f6f0f0;
}
.cal-events-num.badge {
    color: #000;
    background-color: transparent !important;
    border-radius: 0px !important;
}
.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}
.text-left-imp {
    text-align: left !important;
}
.lang_change1{
    background-color: #dfeced;
    border: 1px solid #4f8a95;
    border-radius: 0px;
    padding: 5px;
    color: #4f8a95;
}
.singleDietView  {
    padding: 5px;
    font-size: 14px;
    display: block;
    margin: 0px 5px;
}
.priscriptionDropMenu.dropdown-menu > li > a:focus, .priscriptionDropMenu.dropdown-menu > li > a:hover { background-color:#d9e8ee; }
.tools_exp.float_right .priscriptionDropMenu.dropdown-menu > li > a:focus,.tools_exp.float_right .priscriptionDropMenu.dropdown-menu > li > a:hover { background-color:#d9e8ee; }
.bg_presc_black{ background-color: #d9e8ee; }
.given_treatment_time_parameter_div .select2-container .select2-choice{ border: none !important;}
.dateTDWidth{ width: 150px;}
.padded_left_5{ padding-left: 5px !important;}
.padded_left_10{ padding-left: 10px;}
.loginNameSpan{ line-height: 20px !important; display: inline-block;}
.multipleFigure2{ width: 50%; display: block; float: left; }
.multipleFigure{ width: 100%; font-size: 12px; display: block; line-height: 30px !important;}
.modalBackgroundNone  .formError{ color: #a94442;}
.waitingdropdown li:hover{ color:white; background-color: #d4d4d4;}
.color-ace-vr{ color: #009900;}
.color-ace-occ{ color:#ff0000;}
.color-ace-exparr{color:#33ccff;}
.color-ace-newum{color:#666666;}
.color-ace-vd{color:#ffff00;}
.color-ace-expdep{color:#9966ff;}
.color-ace-tan{color:#ff99cc;}
.color-vr{ color: #ffea00;}
.color-occ{ color:#00B050;}
.color-exparr{color:#01FF00;}
.color-newum{color:#CC00CC;}
.color-newsc{color:#05c4ca;}
.color-newAll {
    color: #0a4bb3;
}
.topheader {
    position: fixed;
    top: 0;
    left: 45px;
}
.tOPRRoomDiv{ width: 96px !important; }
.tOPRTherapistDiv,.tOPRTherapistDiv2{ width: 165px !important;}
.therapistScheduleIcon,.roomScheduleIcon{  padding-top: 7px; margin-left: 3px; color: #aaa;}
.color-vd{color:#FABF8F;}
.color-expdep{color:#FF0000;}
.color-tan{color: #7EC0EE;}
.color-hu{color:#92CDDC;}
.form-control-feedback{ /*right: 16px;*/}
.homeBox{ height: 50px; line-height: 50px; font-size: 12px; margin-bottom: 15px;margin-top: 15px;}
.homeBoxAvail{ height: 50px; width: 100px; float: left; line-height: 50px; margin-right: 15px; font-size: 14px; margin-bottom: 15px;}
.bgcolor-vr{ background-color: #ffea00; }
.bgcolor-occ{ background-color:#00B050; color: white;}
.bgcolor-exparr{background-color:#01FF00;}
.bgcolor-newum{background-color:#CC00CC;}
.bgcolor-newsc{background-color:#05c4ca;}
.bgcolor-vd{background-color:#FABF8F;}
.bgcolor-expdep{background-color:#FF0000; color: white;}
.bgcolor-tan{background-color:#7EC0EE !important; color: white;}
.bgcolor-hu{background-color:#92CDDC !important;}
.reportArea table td,.reportArea table th{ white-space: nowrap;}
table.onelinetd td,table.onelinetd th{ white-space: nowrap;}
#reportForm,.reportFormCss{ border:  1px solid #4f8a95; border-radius:0px; padding: 10px; }
#reportAvailableForm,.reportFormCss{ border:  1px solid #4f8a95; border-radius:0px; padding: 10px; }
#reportForm.form-inline .form-group{ margin-top: 10px; width: 50%;}
#reportAvailableForm.form-inline .form-group{ margin-top: 10px; width: 50%;}
#reportForm .form-group:last-child,.reportFormCss .form-group:last-child{ margin-left: 25%; text-align: right; margin-top: 20px;}
#reportAvailableForm .form-group:last-child,.reportFormCss .form-group:last-child{ margin-left: 25%; text-align: right; margin-top: 20px;}
.childInputReport{ border: 1px solid #00C618; margin: 5px; margin-left: 0px; margin-right: 0px; padding-top: 5px;padding-bottom: 5px;}

.childInputReport input{ border: none; outline: none; padding-left: 10px;}
.childReportSelection{ margin-left: 20px; padding-left: 0px;}

.childReportSelection li{ line-height: 30px; cursor: pointer; height: auto; min-height: 30px;}

.childReportSelection li span{font-size: 14px;  padding-left: 15px;}

.childReportSelection li{ list-style-type: none;}
.dashboardHeader{ text-align: left; font-size: 14px; font-weight: bold; display: none; height: 30px; line-height: 30px; margin-top: 10px;}

.dashboardHeader .dropdown-toggle,.dashboardHeader .dropdown-toggle:hover{ padding: 0px; background: none; color: white; border: none !important; outline: none !important; box-shadow: none !important; }

.dashboardHeader span,.departmentHeader span{ background-color:#4f8a95 ; color: white;  border: 1px solid #4f8a95 ; padding: 5px 15px; border-radius: 0px;padding-left: 6px;}
.dashboardHeader.defaultLangClass span{ background-color: white; color: black; border: none; padding-left: 0px; font-weight: normal;}
.dashboardHeader.defaultLangClass span.fa-calendar{padding-left: 10px;}
.departmentHeader span{ background-color: #4f8a95;}
#SupplierListTable td:nth-child(3){ word-break:break-all; max-width: 200px;}
.selectHRBox{ width: 100px; float: left;}
.minorTherapySelectionTable tr th,.minorTherapySelectionTable tr td{ border-right: 1px solid #ddd;}
.mixForm .input-group-addon{ padding: 0px !important; width: 2% !important; margin-right: -10px !important;}
.mixForm .select2-container .select2-choice,.mixForm select{ border: none !important;}
.mixForm input,.mixForm span{ border: none !important;}
.mixForm{ padding: 0px; border: 1px solid #4f8a95 ; border-radius:0px; }
.addDiseaseButton{padding: 6px 8px !important;}
.displayNoneVisible{ visibility: hidden;}
.center_div{
    margin: 0 auto;
    width:80% /* value of your choice which suits your alignment */
}
.panchkarmaBTNRec{ border: 1px solid #d9e8ee;}
.prescriptionDiv{ border: 1px solid #d9e8ee ; border-radius: 5px;}
.modalBorder{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
}
.clinicalVitalDataTable th input{ background: none; width: 80px; box-shadow:  none; border: none; border-bottom: 1px solid #fff;}
.vitalInputBoxes { width: 80px;}
.index{
    z-index: 9000;
}
#myModalBodyBackNone .formYellow{ word-break: break-all;}
.mainCalDiv{ float:left; height: 400px; overflow: auto; overflow-x: hidden;}
.mainCalDiv > div > div:first-child {
    background-color: #f5faea;
}



.inlineVitaldataAll{ margin-left: 10px;}
.inlineConvData { line-height: 35px; }
.bg-mendi-span{background-color:#4f8a95 ;}
.bg-mendi{ background-color:#4f8a95 ;}
.bg-male-color{ background-color: #c8e6c9 !important; }
.bg-female-color{ background-color: #fce4ec   !important; }
.bg-att-color{ background-color: #f0f4c3    !important; }
.bg-arr-color{ background-color: #ccff90     !important; }
.bg-dept-color{ background-color: #ef9a9a      !important; }
.bg-guest-color{ background-color: #90caf9      !important; }
.bg-occ-room-color{ background-color: #fff59d       !important; }
.bg-occ-guest-color{ background-color: #ffcc80       !important; }
.extraChargeTable thead tr{ background: none !important;  }
.extraChargeTable thead tr th{font-weight: normal; }
.extraChargeTable input{ border: none !important; width: 85px !important;}
.text-left-imp {
    text-align: left !important;
}
.text-right-imp.control-label,.text-right-imp {
    text-align: right !important;
}
.modal-body{ min-height: 350px;}

.font-bold{ font-weight: bold;}
.font-big{ font-size: 14px !important;}
.color-red{ color: #C74E2C !important;}
.color-lightorange{ color: #ff9e80 !important;}
.color-selected{ color: #8a6d3b !important;}
.color-gray{ color:#777;}

.bg-red{background-color: #C74E2C; color: white;}
.borderNone{ border: none !important;}
.borderRadiusNone{ border-radius: 0px !important;}
.borderTopNone{ border-top: none !important;}
.color-cleaning{ color: #F29F05;}
.trcolor-hu,.trcolor-hu .sorting_1{ background-color: #92CDDC !important; color:black;}
.trScrollSelectedRow,.trScrollSelectedRow .sorting_1{ background-color: #bbbbbb !important; color:black;}
.trcolor-green,.trcolor-green .sorting_1{ background-color: #01FF00 !important; color:black;}
.trcolor-green a{ color: black;}
.trcolor-yellow,.trcolor-yellow .sorting_1{ background-color: rgba(246,164,6,0.4) !important; color:black;}
i.bgSqure.trcolor-yellow{ background-color: white; color: rgba(246,164,6,0.4) !important;}
.trcolor-red a,.trcolor-yellow a{ color: black;}
.trcolor-red,.trcolor-red .sorting_1{ background-color: #FF9999 !important; color:black;}
i.bgSqure.trcolor-red{ background-color: white !important; color:#FF9999;}
.trcolor-gray{ background-color: #d9e8ee !important; color:black;}
.color-maintenance{ color:#FF69B4; /* #d4d4d4;*/ }
.color-staff{ color:#05c4ca; /* #d4d4d4;*/ }
.select2-container.form-control{ padding: 0px; border:none;}
.full-width-maintenance{ background-color: #FF69B4;width: 100%; float: left; height: 100%;}
.eachRowCalendar{ width: 3250px; float: left;}
.topheader {
    position: fixed;
    top: 0;
    left: 45px;
}
.blackBorder{ border-right: 1px solid #000 !important;}
.nameTooltipCss{ color: white; font-size: 10px;}
.eachRowCalendar > div:first-child{ width: 150px; background-color: white;line-height: 90px;  }
.space{ width: 150px !important; background-color: white !important;  }
.marged-left-calender{ margin-top: 45px;}
.eachRowCalendar > div{ width: 100px; height: 90px;background-color:#65B92A; float: left; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: center; line-height: 30px;}
.eachRowCalendar > div .half-width-red{ width: 100%; float: left; height: 44px; background-color: #D92525;}
.calndrarrowleft .half-width-red2 {
    width: 0px !important; height: 0px !important;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right:100px solid  #D92525; float: left; background-color:transparent !important;
}
.calndrarrowleft .half-width-red2.color-info {
    border-right:100px solid  #F29F05 !important;
}
.calndrarrowleft .half-width-red3 {
    width: 0px !important; height: 0px !important;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left:100px solid #D92525; float: left; background-color:transparent !important;
}
.calndrarrowleft .half-width-red3.color-info {
    border-left:100px solid  #F29F05 !important;
}
.calndrarrowleft .half-width-red4 {
    width: 0px !important; height: 0px !important;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right:50px solid  #D92525; float: left; background-color:transparent !important;
}
.calndrarrowleft .half-width-red5 {
    width: 0px !important; height: 0px !important;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left:50px solid #D92525; float: left; background-color:transparent !important;
}
.calndrarrowleft .half-width-red6 {
    width: 0px !important; height: 0px !important;
    border: 1px solid #D92525; border-radius:30px 50px;
    float: left; background-color:transparent !important;
}
.color-info{background-color: #F29F05 !important;}
.eachRowCalendar > div .half-width-green{ width: 100%; float: left; height: 45px;}
.eachRowCalendar > div .half-width-info{ width: 100%; float: left; height:45px; background-color: #F29F05;}
.eachRowCalendar > div .full-width-red{ width: 100%; float: left; height: 45px;}
.eachRowCalendar:first-child > div{ height: 20px !important; line-height: 20px !important; font-size: 10px;  }
.eachRowCalendar:nth-child(1) > div{height: 30px;  }


.eachRowCalendarOld{ width: 1940px; float: left;}
.eachRowCalendarOld > div:first-child{ width: 80px; background-color: white;  }
.spaceOld{ width: 80px !important; background-color: white !important;  }
.eachRowCalendarOld > div{ width:60px; height: 30px;background-color:#65B92A; float: left; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: center; line-height: 30px;}
.eachRowCalendarOld > div .half-width-red{ width: 50%; float: left; height: 100%; background-color: #D92525;}
.eachRowCalendarOld > div .half-width-green{ width: 50%; float: left; height: 100%;}
.eachRowCalendarOld > div .half-width-info{ width: 50%; float: left; height: 100%; background-color: #F29F05;}
.eachRowCalendarOld > div .full-width-red{ width: 100%; float: left; height: 100%;}

.color-green{ color: #26A65B;}
.color-pink{color: #FF69B4; }
.color-blue{color: #428bca; }
.color-skyblue{color: #7EC0EE; }
.color-black{color: #000; }
.color-pink{color: #FF69B4; }
.circle-green{background-color: #26A65B !important; color: white; }
.circle-pink{background-color: #FF69B4 !important; color: white; }
.size-big{ font-size:20px; margin-top: 10px;}
.iconDiv .size-big{ font-size:12px;}
.bg-green{ background-color:#26A65B !important; color: white; }
.bg-white{ background-color: white !important;}
.transperentTextbox{ border: none !important; outline: none !important;}
.transperentTextbox:focus{ box-shadow: none !important; border: none !important; outline: none !important;}
.checkbox-inline,.radio-inline{ padding-right: 10px; padding-left: 20px;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {margin-left: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border-color: #4f8a95  transparent !important;color: #fff !important;background-color: #4f8a95 ;}
.nav-tabs > li > a {border-bottom-color: #4f8a95  !important; }
.nav-tabs {
    border-bottom: 1px solid #4f8a95  !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ outline: none !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{ outline: none !important;}
.navbar-nav > li.active > a, .navbar-nav > li.active > a:focus, .navbar-nav > li.active > a:hover{ outline: none !important;}
.diagnosisTextboxDiv{ margin-top: 10px;}
.diagnosisTextbox{ width: 100%; margin-bottom: 5px; margin-top: 10px; border-radius:5px; border: 1px solid #4f8a95; padding: 5px;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]
{ margin-left: -20px;}
.donePatientDiet{ background-color: #C74E2C !important; color: white;}
.donePatientDiet td{ background-color: #C74E2C !important; color: white;}
.mainStrip {/*border: 1px solid #663300;*/ background:#009100;}
.mainStrip .stripHeaderName{ color: white !important; padding: 5px 10px; display: block; width: auto; float: left; font-weight: bold;}
.text-center-imp .stripHeaderName{ float: none;}
.text-center-right{ text-align: right!important;}
.iconDiv .stripHeaderName{ font-size: 11px; font-weight: normal;}
.mainStrip .stripHeaderCenterName{ color: white !important; padding: 5px 10px; display: block; width: auto;  font-weight: bold;}
.dropdown-menu{ border: 1px solid transparent; border-radius:0px; }
.smallmenu{ min-width: 90px !important; text-align: center; font-family: 'Raavi';}
.smallmenu li a:focus,.smallmenu li a:hover{ background-color: #4f8a95 ; color: white;}
.mainStrip .btn{ background-color:#4f8a95 ; color: white; }
.iconDiv .mainStrip{background-color: white; border: 1px solid #4f8a95 ; }
.iconDiv .mainStrip .stripHeaderName{ color: #4f8a95  !important;}
.removeImageLink:hover{ text-decoration: none;}
.removeImageIcon{ position: relative; top: -60px; right: 10px; visibility: hidden;}
.visibilityHiddenNormal{ visibility: hidden}
.visibilityHidden{ visibility: hidden !important;}
.modal-body{ max-height: 400px; overflow: auto;}
.therapySubSelection{ float: left;max-height: 300px; overflow: auto;}
.dialCodeField{width: 30px; border-top: none !important; border-left: none !important; border-bottom: none !important; border-right: 1px solid #d4d4d4; }
.dialCodeFieldMobile{border: none !important; min-width: 224px; padding-left: 8px; }
.dialCodeFieldMobile:focus{    box-shadow: 0 0 15px #4f8a95 !important;
                               transition: box-shadow 0.3s ease 0s !important;}
.watsappDivForm .dialCodeFieldMobile{min-width: 100px;}
/*.modal-dialog {
    width: 704px !important;
}*/
.display_none{
    display: none;
}
.smallFont,.smallFont input,.smallFont select,.smallFont .select2-chosen{ font-size: 12px !important;}
.smallDialog .modal-dialog {
    width: 604px !important;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
    padding: 3px 16px !important; margin-right: 8px !important;
}
.panchkarmaTherapySelectionTable.table > tbody > tr > th, .panchkarmaTherapySelectionTable.table > tfoot > tr > th, .panchkarmaTherapySelectionTable.table > thead > tr > th {
    padding: 8px !important; margin-right: 8px !important;
}
.noRecord{ text-align: center;}

.investigationTextBox{ width: 80px;}
.diagnosisTextboxDiv .dropdown-menu > li > a{ white-space: normal !important;}
.docImageName{ font-size: 10px; width: 150px; text-align: center; height: 26px; line-height: 13px; word-break:break-all; word-wrap:break-word; display: block;}
.border-collapsenone{/*border-collapse: inherit !important;*/}
.borderCollapseNone{border-collapse: inherit !important;}
.commonBorderTable{ border: 1px solid #4f8a95 ; border-collapse:inherit !important;}
.commonBorderTable > thead > tr > th{ background-color: #4f8a95 ; color: white; }
.commonBorderTable > tbody > tr > td,.commonBorderTable > tfoot > tr > td{border-right: 1px solid #4f8a95 ; border-bottom: 1px solid #4f8a95 ; }
.commonBorderTable > tbody > tr > td:last-child,.commonBorderTable > tfoot > tr > td:last-child{border-right: none; }
.commonBorderTable > tbody > tr:last-child > td,.commonBorderTable > tfoot > tr:last-child > td{ border-bottom: none; }
.commonBorderTable > tfoot > tr:first-child > td{ border-top:1px solid #4f8a95; }
.commonBorderTable2{ border: 1px solid #c8e2e4; border-collapse:inherit !important;}
.commonBorderTable2 > thead > tr > th{ background-color: #c8e2e4 ; color: black; }
.commonBorderTable2 > tbody > tr > td,.commonBorderTable2 > tfoot > tr > td{border-right: 1px solid #c8e2e4 ; border-bottom: 1px solid #c8e2e4; border-top:none;  }
.commonBorderTable2 > tbody > tr > td:last-child,.commonBorderTable2 > tfoot > tr > td:last-child{border-right: none; }
.commonBorderTable2 > tbody > tr:last-child > td,.commonBorderTable2 > tfoot > tr:last-child > td{ border-bottom: none; }
.commonBorderTable2 > thead > tr > th{ border-bottom: 1px solid #c8e2e4;}
.commonBorderTable2 > tfoot > tr:first-child > td{ border-top:1px solid #c8e2e4; }
.commonBorderTable2 > tbody > tr.addOtherInfoTR > td:not(:last-child){ border-right:none; }
.commonBorderTable2 > tbody > tr.thClass > td{ background-color: #c8e2e4 !important ; color: black; }
.commonBorderTable2 > tbody > tr.thClass > td{ border-bottom: 1px solid #c8e2e4;}
.dashInputBox{ border:none; border-bottom: 1px solid #c8e2e4; box-shadow: none; border-radius:0px; }
.dashInputBox:focus{box-shadow: none !important; border:none !important; border-bottom: 1px solid #4f8a95 !important;box-shadow: none !important; border-radius:0px; }
.av_borderd_table tr td:not(:first-child){ border-left: 1px solid #d4d4d4;}
.borderTopHRTheme{border-top: 1px solid #4f8a95 !important;}
.color_white{ color: white;}
.color_ccc{ color: #ccc;}
.hideHoverIcons{ cursor: pointer;}
.hideHoverIcons:hover{ color: black;}
.color_black{ color:black;}
.timepicker-hour,.timepicker-minute,.hour,.minute{ color: black;}
.spacingDiv .col-md-12{ margin-top:5px; margin-bottom: 5px; }
.visitDateBox{ float: right; display: inline-block;}
.visitDateBox strong{ font-weight: normal;}
.visitDateBox .input-group-addon{ display: inline-block; border: none; background: none;margin-top: -3px; }
input.visitDate{ border: none; background: none; color: white; width: 90px;}
.text-center-imp{ text-align: center !important;}
.text-center-imp .noteFieldClass{ text-align: center !important; margin: auto;}
.pharmacyBillDiv #grnParticularGrid tr td:first-child{ padding-left: 0px;}
.text-center-imp input{ float: none; margin: auto;}
.text-center-imp > div{ float: none; margin: auto; display: table;}
.dashboardHeader span,.departmentHeader span{  padding: 6px 15px 5px 15px; }
.dashboardHeader.noSpanDashbaord > span{  padding:  0px !important; border:  none !important; }
.dashboardHeader.noSpanDashbaord > span > span{  padding:  0px !important; border:  none !important; }
.dashboardHeader span.input-group-addon{  padding: 0px !important; }
.dashboardHeader span.input-group-addon{  padding: 0px !important; }
.dashboardHeader.noLabelHeader span,.departmentHeader.noLabelHeader span{  padding: 0px !important;  border: none !important; }
.departmentHeader span{ background-color: #4f8a95; font-size: 10px;}
.digitDiv{ line-height: 90px !important; font-size: 18px;}
/*.modalBackgroundNone .modal-content{
        background: none !important;
    box-shadow: none; border: none;}*/

.selectRoom .modalBackgroundNone .modal-content {
    background-color: white;
    box-shadow: none;
    border: none;
}
.homeBoderGetRooms {
    border: 1px solid #e4e4e4;
    padding-top: 5px;
    padding-bottom: 5px;
}
.modalBackgroundNone .backNoneBodyMessage{ text-align: center; background-color: #fff; border-radius: 0px; padding-top: 5px; padding-bottom: 5px;}
/*.modalBackgroundNone .modal-header{ padding: 5px 10px !important; border-radius: 0px;   border-bottom: none; }
.modalBackgroundNone h4{font-weight: bold;}
.modalBackgroundNone .backNoneBodyMessage{ text-align: center; background-color: #fff; border-radius: 0px; padding-top: 5px; padding-bottom: 5px;}
.modalBackgroundNone .modal-body{ padding-left: 0px; padding-right: 0px; overflow-x: hidden; max-height: 500px !important; overflow-y: auto !important; min-height: 500px !important;}
.modalBackgroundNone h4{ font-size:14px;}
.modalBackgroundNone table{ background-color: white; margin-left: 0px !important;}
.modalBackgroundNone  .modal-footer{ border-top:none;}
.modalBackgroundNone form label{ color: white;}
.modalBackgroundNone form .noteFieldClass{ color: white;}*/
.modalBackgroundNoneMinorTherapy .modal-body {
    min-height:300px !important; color: white;
}
.modalBackgroundNoneMinorTherapy .nav-pills li a{ background-color: #f4f4f4; margin-right: 5px;}
.modal-backdrop.in {
    opacity: 0.7 !important;
}
/*#calendarGrid{ overflow-x: auto; width: auto; float: left;}
#calendarGrid div{ overflow-x: auto !important;}*/
.tdDeleteColumn{ min-width: 10px;}

#loginForm .form-control{ height: 40px !important;}
/* .table-bordered-brown > tbody > tr > td, .table-bordered-brown > tbody > tr > th, .table-bordered-brown > tfoot > tr > td, .table-bordered-brown > tfoot > tr > th, .table-bordered-brown > thead > tr > td, .table-bordered-brown > thead > tr > th { border: 1px solid #663300; }  */
.inputBoxes{ padding-left: 0px;}

.bg_blue{background-color:#05869a;}
.bg_mendi{background-color:#90976B;}
.marged-left-right{ margin-left: 5px; margin-right: 5px;}
.labelLeft .control-label{ text-align: left;}
.txt_red{color: red;}
.displayNone{ display: none;}
.displayblock{ display:block;}
.autoWidth{ width: auto !important;}
.marged-right{ margin-right: 5px;}
.nav-pills li:active a{ color: #663300;}
.nav-pills li a{ color: #4f8a95;border-radius: 0 !important;}
.list-inline a{ color:#000000;}
/*.list-inline li{font-size: 1.2em;}
.list-inline li .fa{font-size: 1.5em;}
.col-sm-1 .fa{font-size: 2.5em;}*/
.list-inline-yellow{background-color: #dcba51}
.list-inline-yellow ul:hover{background-color: #428bca}
.nav-pills > li{ margin-bottom: 10px; }
.nav-pills > li > a{ padding: 8px 10px;font-size: 14px; }
.nav-pills > li.active > a{ background-color: #4f8a95;}
.nav-pills > li:hover > a{ background-color: #4f8a95;}
.nav-pills > li:focus > a{ background-color: #4f8a95;}
.nav-pills > li:hover >  a,.nav-pills > li:focus > a{ background-color:  #4f8a95 !important; color: white;}
.waitingdropdown  > li:hover ,.waitingdropdown  > li:focus {color: black;}
.nav-pills li.active > a:focus,.nav-pills > li.active > a:hover{ background-color:  #4f8a95 !important; color: white !important;;}
.dropdown-menu > li > a{ color:  #4f8a95 !important; padding:5px 10px !important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color:  #4f8a95 !important;
    color: #fff !important;
    outline: 0 none;
    text-decoration: none;
}
.typeahead  > li > a{ color:  #4f8a95 !important; padding:5px 10px !important;/*background-color: #337ab7;*/}
/*.typeahead  > li > a{ color: #337ab7 !important; padding:5px 10px !important;background-color: #fff;}*/
.typeahead  > li.active > a{ color: #fff !important;}
.youMenu>.active> a, .youMenu>.active>a:focus, .youMenu>.active>a:hover{ background-color:  #4f8a95 !important;color: white !important;}
.youMenu>li>a:hover, .youMenu>li>a:focus{ background-color:  #4f8a95 !important;color: white !important;}
.navbar-nav > li:active > a{ color: #4f8a95 ;}
.navbar-nav > li > a{ color: black !important; font-size: 16px;}
.navbar-nav > li > a{ margin-right:2px; }
.navbar-nav > li.active > a{ background-color:  #4f8a95 !important;color: white !important;}
.navbar-nav > li:hover > a{ background-color:  #4f8a95 !important;color: white !important;}
.navbar-nav > li:focus > a{ background-color:  #4f8a95 !important;color: white !important;}
.navbar-nav > li:hover >  a,.navbar-nav > li:focus > a{ background-color:  #4f8a95 !important; color: white !important;}
.navbar-nav li.active > a:focus,.navbar-nav > li.active > a:hover{ background-color:  #4f8a95 !important; color: white !important;}
.nav-tabs > li > a{ padding: 5px 10px; color: #4f8a95 ;}
.nav-tabs > li.active > a{ color: #fff !important;background-color: #4f8a95 ;}
.nav-tabs > li:hover > a{background-color: #4f8a95 ; color: white;}
/*.form-control{ height: 30px !important; padding-top: 4px; padding-bottom: 4px;} */


.control-label{ /*color: #4f8a95;*/ text-align: left !important;}
.btn{ padding: 4px 8px;}

.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color:transparent ;
    border: 1px solid #4f8a95;
    border-radius: 0;
    color: #4f8a95 ;
}
.control-label{ font-weight: normal;}
.select-combobox{ border-right: none !important;}
.input-group-addon{background-color: transparent;  border: 1px solid #4f8a95 ;border-left:none;}
.therapySelectionTable.form-control{border: 1px solid  #4f8a95 !important;}
/*.therapySelectionTable input.tDuration.form-control.rateInput,.therapySelectionTable .therapyTimeBoxDiv input, .form-control{border: 1px solid  #4f8a95 !important;color: #4f8a95;}*/
/*.therapySelectionTable label::before + input[type="checkbox"]:checked,.therapySelectionTable label::before + input[type="radio"]:checked{background-color: #4f8a95;border-color: #4f8a95;}*/
.therapySelectionTable label::after + input[type="checkbox"]:checked,.therapySelectionTable label::after + input[type="radio"]:checked{color: #fff;}
/*.therapySelectionTable, .therapySelectionTable .fa {color: #4f8a95;}*/
.therapySelectionTable.table > thead > tr > th{color:  #4f8a95 !important;font-weight:700;border-bottom: 2px solid  #4f8a95 !important;}
.therapySelectionTable.table > thead > tr > th {
    border-bottom-color:  #4f8a95 !important;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    vertical-align: bottom;
}
textarea{ resize: none;}
.loginForm .form-group{margin-bottom:20px}
.control-label{ padding-top: 4px !important;}
.packageRoomName{ font-weight: bold; font-size: 16px;}
.packageTableHeader{ font-size: 14px; font-weight: bold; background-color:#4f8a95 ; color: black; }
.form-inline input[type='text'],.form-inline textarea,.form-inline textarea:focus,.form-inline input[type='password'],.form-inline select{ box-shadow: none; outline: none; border: 1px solid #4f8a95 /*#4f8a95 */; color: #4f8a95;}
.formYellow > div.putColor,.formYellow input[type='text'],.formYellow textarea,.formYellow textarea:focus,.formYellow input[type='password'],.formYellow select{ box-shadow: none; border-radius:0px; outline: none; border: 1px solid #4f8a95 ; /*color: #4f8a95;*/ color:black;}
.table tr th{ font-size: 14px !important;}
.textHeader{ width: 100%; line-height: 30px; padding: 5px; font-weight: bold; background-color:#00C618; color: white; margin-bottom: 5px; }
.textHeaderDiet{ width: 100%; line-height: 30px; padding: 5px; font-weight: bold;  margin-bottom: 5px; }
.padding_5{ padding: 5px !important;}
.padding_10{padding:10px !important;}
.padding_loader_right{margin-right:250px !important;}
.hiddenForm div{ margin: 0px !important; padding: 0px !important;}
.clear{ clear: both;}
.floatMargin{ margin-top: 8px;}

.navCustom li{ border: 1px solid #d9e8ee; margin-left: 0px !important; margin-right: 0px !important; border-collapse: none; }
.navCustom > li.active > a:focus,.navCustom > li.active > a:hover,.navCustom > li:focus > a,.navCustom > li:hover > a,.navCustom > li.active > a{ background-color: #d9e8ee !important; color:black !important;}
.navCustom > li:not(:last-child){ border-right: none;}

.settingOptionLabel{ margin-top: 10px; line-height: 30px;}
.settingOptionLabel2{ margin-top: 10px; line-height: 40px;}
.optionFontSize{ font-size: 16px;}
.optionFontSize i.fa{ padding-right: 10px; color:#4f8a95;}
.optionFontSize td{ padding-bottom: 5px;}

/*.modalLabelMargin{ margin-left: 35px;}*/
.modalLabelMargin{ text-align: center;}
.modal-header{ background-color: #4f8a95 ; padding: 10px !important; color: #fff; text-align: left;}
.modal-header button.close{color:#fff !important;}

.reportHeaderModal{ font-size: 16px; margin-left: 20px; margin-top: 10px;}
.pastChildReportSelection li{ line-height: 30px; cursor: pointer; height: auto; min-height: 30px;  }
.pastChildReportSelection li span{ font-size: 14px; padding-left: 0px;}
.pastChildReportSelection li{  margin: 0 2px;}
.onlyTime{ display: inline-block; border: none;}
.therapyDurationTD{ width: 240px;}
.therapistSelectTD{ width: 225px;}
.eachTherapySelected td:nth-child(1){ max-width: 350px;}
.eachTherapySelected td:nth-child(5){ width: 150px; text-align: center;}
.durationBoxDiv .inputDurationBox{ width: 80px; padding: 3px;}
.durationBoxDiv .inputDurationBox:focus{ border: 1px solid #d4d4d4; box-shadow: none;}

.timeBox{ width: 75px; border: none; display: inline-block;}
.timeBoxDiv{display: inline-block; padding:5px 10px;}
.therapyTimeMainBox{width: 264px; border: 1px solid #d4d4d4;display: inline-block;}
.therapyTimeMainBox .input-group{ float: left;}

.fa-1-5x{ font-size: 1.5em !important;}
.color-brown{color:#663300;}
.color-white{color:#ffffff;}
.dietSelectIcon{ margin-right: 5px;}
.hiddenElement{ width: 0pa; height: 0px;}
.input-group-addon.dropdown-toggle > .glyphicon-remove{display: none;}
/*.caseHistoryMainDiv{  display: table; height: auto;}
.caseHistoryMainDiv .caseHistoryEachDiv{  display: table-column; height: 100%;}*/



.formYellow select:focus{ box-shadow: none; outline: none; border: 1px solid #00C618;}
.font_bold{ font-weight: bold;}
.cursor{ cursor: pointer;}
.lineHeight43{ line-height: 43px;}
.minHeight300{ min-height: 300px; height: auto;}
.border-gray{ border: 1px solid #e4e4e4;}
.border-brown{ border: 1px solid #d9e8ee;}
.border-green{ border: 1px solid #4f8a95 ;}
.border-left-green{ border-left:1px solid #d9e8ee ;}
.bg-light-green.border-left-green{ border-left:1px solid #4f8a95 ;}
.border-green-top{ border-top: 1px solid #4f8a95 ;}
.border-green-bottom{ border-bottom: 1px solid #4f8a95 ;}
.staffPresenDateMargin{ margin-top: 3px;}
.chartHeader{ background-color: #4f8a95 ; padding:5px; color:white; }
.mainChartDiv{ min-height: 450px;}
.border-radius{ border-radius:5px; }
.form-label label{ cursor: pointer;}
.cursor{ cursor: pointer;}
.navbar-satv-top{ background-color: #fff;}
.navbar-satv{ margin-top: 10px;}
.navbar-satv > li > a{ font-size: 16px; color: #612725;}
.navbar-satv > li:not(:last-child) > a:hover { background-color: #fff;}

.navbar-satv > li:last-child > a{ padding:6px 12px; vertical-align: middle; margin-top:8px; margin-left: 15px;}
.padding-bottom{ padding-bottom: 5px;}
.bg-color-sky{ background-color: #4f8a95;padding: 7px;float: left;margin: 0 2px;}
.bg-color-gray{ background-color: #d4d4d4;}
.Width_50{ width: 50%;}
.selectBoxMinWidth{min-width: 150px;}
.main-title{ text-align: center;}
.main-sub-title{ text-align: center; font-weight: normal;}
.button-margin{ margin: 0px 10px;}
.button-div{ padding:30px 0px;}
.buynow-div{ padding:20px 0px;}
.error-div{ padding: 5px 0px; margin-bottom: 10px; border-radius:0px; }
.footer-menu-div{ background-color: #111; color: white;}
.extraDivs{ display: none;}
.features_list li{ line-height: 25px; }
.gray_bg{ background-color: #d4d4d4; }
.border-top{ border-top: 1px solid #612725; }
.border-topBlue{ border-top: 1px solid #c8e2e4; }
.border-bottom{ border-bottom: 1px solid #612725; }

.common-faq{ margin-top: 20px; margin-bottom: 20px;}
.common-faq p { padding: 10px 15px 30px;}
.feature-bg{border-top:1px solid #612725;border-bottom:1px solid #612725; background-color: #dcba51; margin-top: 20px;}
.icon-features-list div{ cursor: pointer; padding-top: 10px; padding-bottom: 10px; min-height: 90px;}
.icon-features-list div:hover,.icon-features-list div.active  { background-color: #663300/*#555*/; color: white;}
.icon-features-list-xs div{ height: 80px; width: 80px; float: left;}
.nomargin{ margin: 0px;}
.nomargincol{ margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
.feature-content-list{ margin-top: 20px; margin-bottom: 20px;}
.panchkarma-class .img2{ background-image: url('../images/panchkarma.png'); background-position: center; width: 68px; height: 27px; background-repeat: no-repeat; display: inline-block;}
.inventory-class .img{ background-image: url('../images/inventory.png'); background-position: center; width: 32px; height: 27px; background-repeat: no-repeat;  display: inline-block;}
.inventory-class:hover .img,.active .img{ background-image: url('../images/inventory-white.png');}
.panchkarma-class:hover .img2,.active .img2{ background-image: url('../images/panchkarma-white.png');}
.underline{ text-decoration: underline;}
.block{ display: block;}
.icon-text{ text-align: center; width: 100%; display: block; font-size: 12px; padding-top: 5px;}
.alert-bg{ border-top: 1px solid #612725;border-bottom: 1px solid #612725; color: black;}
.header-menu{ min-height: 150px;}
.header-menu li.active{ background-color: #eee;}
.btn-main{ background-color: #00C618; color: white;}
.btn-second{ background-color: #612725; color: white;}
.btn-second:hover,.recommended .btn-second{ color: #dcba51 !important;}
.btn-main:hover{ color: #612725 !important;}
.main-color{ color: #612725;}
.third-color{ color: #4f8a95 ;}
.doctor-name{ color: black; padding-left:10px; padding-top: 10px;  }
.hover-video-image{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.hover-video-image i {position: absolute;}
.address-li li{ line-height: 25px; min-height: 25px;}
.formError{color:#a94442;}
.footer-link-a a{color:white;}
.nopadded{padding:0px !important;}
.nopaddedLeftRight{padding-left:0px !important; padding-right: 0px !important;}
.nopaddedTopBottom{padding-top:0px !important; padding-bottom: 0px !important;}
.fa-dropdown:before{
    content: "\f107";
    font-family: FontAwesome;
    position:absolute;
    color:#4f8a95;
    cursor: pointer; font-weight: bold;
}
.table > tbody > tr > td:not(.topAlign), .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ vertical-align: middle !important; border-top: none; /*border-bottom: 1px solid #4f8a95;*/}
#gridMaintenanceTable > tbody > tr > td:not(.topAlign), .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ vertical-align: middle !important;max-width: 400px; border-top: none; /*border-bottom: 1px solid #4f8a95;*/}
#gridreminderTable > tbody > tr > td:not(.topAlign), .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {  max-width: 200px; }
/*#gridMaintenanceTable > tbody > tr > td:not(.topAlign), .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {word-break: break-all;
max-width: 400px;}*/

.general_backside{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.general_frontside {
    display: none;
    position: fixed;
    background-color: white;
    z-index:1002;
    overflow: auto; color:#000000;
}
.general_frontside_ajax{z-index:1111 !important;}
.general_backside_ajax{z-index:1110 !important;}
.alert{ padding: 8px !important;}
.therapySelectedList li{ line-height: 40px;}
.tdborder tr > td{ border-left:1px solid #e4e4e4; }
.border-bottom-td{ padding: 0px !important;}
.border-bottom-td div{border-bottom:1px solid #f4f4f4; padding: 5px;}
.border-bottom-td div:last-child{border-bottom:none;}
.border-bottom-tdnew{ padding: 0px !important;}
.border-bottom-tdnew div{border-bottom:1px solid #bbb; min-height: 30px; line-height: 30px;}
.border-bottom-tdnew div:last-child{border-bottom:none;}
.av_green_table {
    border: 1px solid #4f8a95 ;
    margin: 0;
    padding: 0;
}
.av_green_table > thead > tr > th {
    border-bottom: none;
    vertical-align: bottom;
}
/*#gridbillDetails.av_green_table > thead > tr > th:first-child {
    width: 1% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(2) {
    width: 6% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(3) {
    width: 2% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(4) {
    width: 9% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(5) {
    width: 5% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(6) {
    width: 1% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(7) {
    width: 1% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(8) {
    width: 5% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(9) {
    width: 4% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(10) {
    width: 1% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:nth-child(11) {
    width: 1% !important;
}
#gridbillDetails.av_green_table > thead > tr > th:last-child {
    width: 1% !important;
}*/
#new_bill #grnParticularGrid tr td:nth-child(9) > div{ width: 110px;}
#openMedicineForm .rateField, #new_bill .rateField{ width: 47px;}

#editbillParticularGrid .rateField{ width: 47px;}
#navTabGRN_register #grnParticularGrid tr td:nth-child(9) > div{ width: 110px;}
#navTabGRN_register .rateField{ width: 47px;}
.editbill #grnParticularGrid tr td:nth-child(9) > div{ width: 110px;}
.editbill .rateField{ width: 47px;}
.av_green_table thead tr {
    background-color: #4f8a95;
    color: white;
    text-align: left;
}
.dataTables_filter {
    float: rigth !important;
    margin-top: 10px;
    text-align: left;
}
.av_green_table tr th, .av_green_table tbody tr td {
    /*    padding: 6px 0;*/
}
.av_green_table tr th {
    border-bottom: 1px solid #589a8e !important;
    font-size: 14px;
    height: 18px;
    line-height: 18px !important;
    text-align: center;
}
.av_green_table tr td {
    border-bottom: 1px solid #d4d4d4;
    height: auto;
    line-height: 23px;
    min-height: 28px; text-align: center;
}
.av_green_table tr:last-child td {
    border-bottom: 0 none;
}

.dataTables_scrollBody .av_green_table {
    border-top:none !important;
}
.dataTables_scrollHeadInner .table.dataTable.no-footer {
    border-bottom:none !important;
}
.av_green_table > thead > tr > th {
    border-bottom: none;
    vertical-align: bottom;border-bottom: 1px solid transparent;
}
.table > tbody > tr > td:not(.topAlign), .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle !important; }
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th{ padding: 3px 8px !important;}
.av_green_table thead tr {
    background-color: #4f8a95 ;
    color: white;
    text-align: left;
}
.av_light_green_table.av_green_table thead tr {
    background-color: #d9e8ee ;
    color: black;
    text-align: left;
}
.av_green_table tr th, .av_green_table tbody tr td {
    padding-left: 8px;
}
.av_green_table tr th {
    border-bottom: 1px solid transparent !important;
    font-size: 14px;
    height: 28px;
    line-height: 28px;text-align: center;border-bottom: 1px solid #4f8a95 ;
}
.av_green_table tr td {
    border-bottom: 1px solid #d4d4d4;
    height: auto;
    line-height: 23px;
    min-height: 28px; text-align: center;
}
.av_green_table tr:last-child td {
    border-bottom: 0 none;
}

.av_green_list {
    margin: 0;
    border: 1px solid;
    text-decoration: none;
}
.av_green_list > ul{
    background-color: #4f8a95 ;
    margin: 0;
    padding: 0;
    float: left;
    width: 1022px;
    font-family: "Calibri", sans-serif;
    font-size: 12px;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    min-height: auto;

}
.av_green_list ul>li {
    color: #000000;
    border:0;
    margin:0;
    box-shadow:none;
    float:center;
    font-size:14px;
    margin-top:2px;
    text-align: left;
    padding-left: 40px;
    padding-right:  30px;
    display: inline;
}
.av_green_list >ul>ul{
    color: #000;
    background-color: white;

}
.av_green_list >ul>ul:hover{
    background-color: red;
}
.av_green_list >ul>ul>li{
    color: #000;
    width:auto;
    box-shadow:none;
    font-size:14px;
    display:inline;
}
.av_staff_table {
    border: 1px solid #4f8a95 ;
    border-radius: 0px !important;
    margin: 0;
    width:100%;
    padding: 0;
}
.av_staff_table tr td {
    border-bottom: 1px solid #4f8a95 ;
    border-right: 1px solid #4f8a95 ;
    height: auto;
    line-height: 23px;
    min-height: 28px; text-align: center;
}
.av_staff_table tr:last-child td {
    border-bottom: 0 none;
}
.av_popup_table{
    border:none;
}
.av_popup_table ul{
    margin-top:5px;
    margin-bottom: 5px;
}
.av_popup_table ul>li{
    padding-left: 5px;
    padding-right: 5px;
}
.av_popup_table tr>td{
    padding-left: 5px;
    padding-right: 5px;
}
.input-group-select > div {
    float: right;
    max-width: 77px;
    min-width: 50px;
    color:#4f8a95;
}
.av_green_table tr td {
    border-bottom: 1px solid #d4d4d4;
    height: auto;
    line-height: 23px;
    min-height: 28px;
    text-align: center;
}
.input-group-select > input {
    border: medium none !important;
    float: left;
}
.rateField1 {
    width: 58px;
}
#groupMedicineName{ width: 72%;}
.input-group-select {
    border: 1px solid #4f8a95;
    float: left;
    min-width: 110px;
    width: 100%;
}
.eTCUL li{ padding: 10px !important; cursor: pointer; margin-right: 10px !important; }
.eTCUL li.active,.eTCUL li:hover {  background-color: #d9e8ee;}
.text-decoration-underline{
    text-decoration: underline;
}
.text-center-imp {
    text-align: center !important;
}

.text-center-imp> div.has-feedback  {
    text-align: center !important;
    width: 80px;
}
.text-center-imp .gridDataField {
    float: none;
    margin: auto;
    text-align: center;
}
.gridDataField {
    width: 160px;
}
.select2-container.form-control {
    border: medium none;
    padding: 0;
}
.select2-container .select2-choice {
    border: 1px solid  #4f8a95 !important;
    border-radius: 0 !important;
}
.input-group-select .select2-container .select2-choice {
    border: medium none !important;
}
#grnParticularGrid ,#editgrnParticularGrid {
    border:none !important;
}
.taxInputs > div.baseTaxRow {
    float: left;
    margin-top: 5px;
}
.taxInputs > div.baseTaxRow > div > input {
    float: left;
    width: 100%;
}
.taxInputs > div.baseTaxRow > div:first-child {
    float: left;
    margin-right: 2%;
    width: 60%;
}
.taxInputs > div.baseTaxRow > div:nth-child(2) {
    float: left;
    margin-right: 1%;
    width: 33%;
}
.taxInputs > div.baseTaxRow:first-child > div.rowIcon {
    visibility: hidden;
}
.taxInputs > div.baseTaxRow > div.rowIcon {
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: right;
    width: 4%;
}
.taxInputs > div.baseTaxRow:first-child > div.rowIcon {
    visibility: hidden;
}
.particularGrid tr:first-child .trRemoveIcon i {
    display: none;
}
.billTotalDetails .table-bordered {
    border: 1px solid #4F8A95 !important;
}
.mainInvoiceDiv > h1.text-center {
    background: #4F8A95 !important;
    color: #fff !important;
}

.billAmountDetails strong {
    background-color: #4f8a95;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 7px;
    margin-right: 10px;
}
td.setTherapistID{ width: 200px;}
.therapyTimeBoxDivTH{ width: 140px;}
.otherDateSelectionBoxes{ border:1px solid #4f8a95; float: left;  width: 211px;}
.otherDateSelectionBoxes  > div{ float: left; width: 220px;}
.otherDateSelectionBoxes .daysOtherTherapyBox{ width: 30px; height: 30px; line-height: 30px; cursor: pointer; float: left;  text-align: center;}
.otherDateSelectionBoxes .daysOtherBlackBox{ width: 30px; height: 30px; line-height: 30px; float: left; }
.otherDateSelectionBoxes .daysOtherTherapyBox.selected{ background-color: #4f8a95; color:white; }
.daysOtherBlackBox{ text-align: center;}
.otherDateSelectionBoxes > div > div{ border: 1px solid #d4d4d4; border-top:0px; border-left:0px;  }
.otherDateSelectionBoxes > div:first-child > div{ border-bottom: 1px solid #000; background-color: #f4f4f4; border-collapse:collapse;}
.otherDateSelectionBoxes > div > div:nth-child(7){ border-collapse:collapse;}
.otherTProgramDays{ border: 1px solid #d4d4d4; float: left;}
.otherTProgramDays input{ border: none; outline: none; box-shadow: none; width: 26px; padding-left: 2px; padding-right: 2px; float: left; text-align: center; border-right: 1px solid #d4d4d4;}
.otherTProgramDays input:last-child{ border-right: none;}
.otherTProgramDays input:focus{ box-shadow: none;}
.therapySelectionTable .newTime{ font-size: 14px; vertical-align: middle;}
.therapyTimeBoxDiv .input-group-addon {
    border: none;
    background: none;
}

.row.dashboardTiles  div.tileview { cursor: pointer;}
.row.dashboardTiles  div.tileview > .h5 {  font-size: 18px; padding: 24px;}
.row.dashboardTiles  div.tileview a{ right: 20px; bottom: 4px; position: absolute;}
.row.dashboardTiles .badge {background-color: transparent; }
.row.dashboardTileId  div.tileview { cursor: pointer;}
.row.dashboardTileId  div.tileview > .h5 {  font-size: 18px; padding: 24px;}
.row.dashboardTileId  div.tileview a{ right: 20px; bottom: 4px; position: absolute;}
.row.dashboardTileId .badge {background-color: transparent; }
.tile-view-31 {
    background: #0a4bb3;
    color: #fff;
    margin: 0.5%;
    width: 106.667% !important;
}
.printBody{font-size: 10px;}
.printBody table tr  th{ font-size: 9px !important;}
.printBody table tr  td{ font-size: 9px !important;}
.smallTable table tr  th{ font-size: 10px !important;}
.smallTable table tr  td{ font-size: 9px !important;}


.reportArea table tr  th{ font-size: 14px !important;}
.reportArea table tr  td{ font-size: 12px !important;}
.allTherapyScheduleTable tr  th{ font-size: 10px !important;}
.allTherapyScheduleTable tr  td{ font-size: 9px !important;}
.common_back {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000000;
    z-index:1040;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.common_face{
    display: none;
    position: fixed;
    background-color: white;
    z-index:1041;
    overflow: auto; color:#000000;
}
.mainInvoiceDiv > h1.text-center {
    background: #4F8A95 !important;
    color: #fff !important;
}
.mainInvoiceDivBorder {
    padding-bottom: 20px;
}
.mainInvoiceDiv {
    margin: 20px auto;
    max-width: 8.5in;
    float: none;
}

.billPartyDetails .table > tbody > tr > td:first-child {
    font-size: 15px;
    font-weight: 700;
    color: #4F8A95 !important;
    width: 150px;
}
.billInvoiceDetails .table > tbody > tr > td:first-child {
    font-size: 15px;
    font-weight: 700;
    color: #4F8A95 !important;
    width: 150px;
}
billMedicineDetails .table.table-bordered {
    border: 1px solid #4F8A95 !important;
}
.billMedicineDetails .table-bordered > thead > tr > th, .billMedicineDetails .table-bordered > thead > tr > td {
    border: 2px solid #4F8A95 !important;
    background: #4F8A95 !important;
    color: #fff !important;
}
.billMedicineDetails .table-bordered > thead > tr > th, .billMedicineDetails .table-bordered > tbody > tr > th, .billMedicineDetails .table-bordered > tfoot > tr > th, .billMedicineDetails .table-bordered > thead > tr > td, .billMedicineDetails .table-bordered > tbody > tr > td, .billMedicineDetails .table-bordered > tfoot > tr > td {
    border: 1px solid #4F8A95 !important;
}

.billInvoiceDetails {
    width: 35%;
    float: right;
}


.billTotalDetails .table-bordered {
    border: 1px solid #4F8A95 !important;
}

.billPartyDetails {width: 60%;float: left;}
.billPartyDetails .table > tbody > tr:first-child  > td{border-top:0px; }
.billPartyDetails .table > tbody > tr > td:first-child {font-size:15px; font-weight:700; color:#4F8A95 !important; width: 150px;}
.billPartyDetails .table > tbody > tr > td:last-child {font-size:14px; font-weight:300;}

.billInvoiceDetails {width: 35%; float: right;}
.billInvoiceDetails  .table{ float: right; }
.billInvoiceDetails .table > tbody > tr:first-child  > td{border-top:0px; }
.billInvoiceDetails .table > tbody > tr > td:first-child {font-size:15px; font-weight:700;color:#4F8A95 !important;width: 150px;}
.billInvoiceDetails .table > tbody > tr > td:last-child {font-size:14px; font-weight:300;}

.billMedicineDetails .table-bordered > thead > tr > th, .billMedicineDetails .table-bordered > tbody > tr > th, .billMedicineDetails .table-bordered > tfoot > tr > th, .billMedicineDetails .table-bordered > thead > tr > td, .billMedicineDetails .table-bordered > tbody > tr > td, .billMedicineDetails .table-bordered > tfoot > tr > td {border: 1px solid #4F8A95 !important;}
.billMedicineDetails .table.table-bordered {border: 1px solid #4F8A95 !important;}
.billMedicineDetails .table-bordered > thead > tr > th, .billMedicineDetails .table-bordered > thead > tr > td {border: 2px solid #4F8A95 !important; background:#4F8A95 !important;color:#fff !important;}


.billTotalDetails .table-bordered {border: 1px solid #4F8A95 !important;}
.billTotalDetails .table-bordered > tbody > tr > td{border: 1px solid #4F8A95 !important;}
.billTotalDetails .table-bordered > tbody > tr:last-child > td{border: 2px solid #4F8A95 !important; background:#4F8A95 !important; color:#fff !important;}


.billTotalDetails {float: right; width: 30%;border:none;}
.billTotalDetails.table.table-bordered {border: 1px solid #4F8A95 !important;}
.billTotalDetails.table-bordered > thead > tr > th, .billTotalDetails.table-bordered > thead > tr > td:first-child {border: 1px solid #4F8A95 !important; background:#4F8A95 !important; color:#fff !important;}

.billAmountDetails { float: left; width: 100%; border: 1px solid #4f8a95; color: #4f8a95; font-size: 14px; padding: 5px 0; text-align:left;}
.billAmountDetails strong{background-color: #4f8a95; color: #ffffff;font-size: 18px; font-weight:700;padding: 7px; margin-right: 10px;}


.billAmountDetails strong {
    background-color: #4f8a95;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 7px;
    margin-right: 10px;
}

.rateInput{ width: 80px;}
.socialIcons img{ width: 48px !important; height: 48px !important;}
.socialIcons img.lind{ width: 54px !important; height: 54px !important;}
.socialIcons:hover{ text-decoration: none;}
.border-collapse_none{ border-collapse: separate;}
.table.dataTable.no-footer{ border-bottom: 1px solid #4f8a95 ;}
.msg_topCommon{ position: fixed; top: 0; left: 0; width:100%; z-index: 9999;}
.formError{ display: block; padding-top: 4px; padding-left: 10px;}
.navTabDiv:not(:first-child){ display: none;}
.width100{ width: 100%;}
.lineHeight25{ line-height: 25px;}
.lineHeight34{ line-height: 34px !important;}
.lineHeight51{ line-height: 40px !important;}
.lineHeight42{ line-height: 42px !important;}
.width32 { width: 32%;}
.border-bottom-brown{ border-bottom:1px solid #663300;}
.bg-color-main { background-color: #4f8a95;}
.color-main { color: #4f8a95;}
.bg-color-blue2 { background-color: #C8E2E4;}
.border-bottom-blue2{ border-bottom:1px solid #d9e8ee;}
.border-blue2{ border:1px solid #d9e8ee;}
.av_green_table thead th {
    border-bottom: 1px solid #4f8a95 ;border-bottom: 1px solid transparent;
}

table.dataTable thead th {
    position: relative;
    border-bottom: 1px solid #4f8a95 ;
    background-image: none !important;
    border-bottom: 1px solid transparent;
    /*width:0% !important;  Removed by Jaydip*/
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: -4px;
    display: block;
    font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
    position: absolute;
    top: 0px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}
/*Comment due to not proper sorting icon - Jatydip 06 06 2016 */
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    /*  right: 4px; */
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #eee;
    font-size: 0.8em;
    padding-top: 0.8em;
    margin-right: -0.6em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}
.dataTables_scrollBody table.dataTable thead th.sorting:after {
    content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_asc:after {
    content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
    content: "";
}
table.dataTable thead .deleteRowColumn.sorting,table.dataTable thead .deleteRowColumn.sorting_desc,table.dataTable thead .deleteRowColumn.sorting_asc,
table.dataTable thead .deleteRowColumn.sorting:after,table.dataTable thead .deleteRowColumn.sorting_desc:after,table.dataTable thead .deleteRowColumn.sorting_asc:after{
    background-image:none !important;
    content: "";
}
.border-maroon{ border: 1px solid #d54c28;}
.oldSearchResultList,.oldSearchList { padding-left: 0px; padding-right: 0px; margin-left: 0px;}
.oldSearchResultList >li:hover,.oldSearchResultList >li.hover{ background-color: #C8E2E4; color:black;}
.oldSearchResultList >li:hover .fa-bars{ color:white;}
.oldSearchResultList >li >ul >li:last-child{ padding-left: 13px;}
.oldSearchResultList{ min-height: 500px;}
.patient_name_age_sex {
    float: left;
    /*border: 1px solid #663300;*/
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background-color: #4f8a95;
    margin-bottom: 10px;
}
.patient_name_age_sex > center > span:not(.visit_date_span){ color: white;}
.patient_name_age_sex .old_name_prescription {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.patient_name_age_sex .old_age_prescription {
    float: left;
    padding-left: 15px;
}
.patient_name_age_sex .old_sex_prescription {
    float: left;
    padding-left: 2px;
}
.patient_name_age_sex .visit_date_span {
    float: right;
    padding-right: 15px;
}
.openInput{ border: none !important; outline: none !important; box-shadow: none !important;}
.general_back{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.general_face {
    display: none;
    position: fixed;
    background-color: transparent;
    z-index:1002;
    color:#000000;
}
.topheader {
    position: fixed;
    top: 0;
    left: 45px;
}

.eachRowCalendar {
    width: 3250px;
    float: left;
}
.calndrarrowleft .half-width-red2 {
    width: 0px !important;
    height: 0px !important;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 100px solid #D92525;
    float: left;
    background-color: transparent !important;
}
.reportArea table td,.reportArea table th{ white-space: nowrap;}
table.onelinetd td,table.onelinetd th{ white-space: nowrap;}
@media (min-width: 768px) {
    .form-inline #nationalityid.form-control {
        width:100% !important;
    }
}
/*Combobox End*/
/*!
 * Datetimepicker for Bootstrap 3
//! version : 4.0.0-beta
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}
@media (min-width:768px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
@media (min-width:992px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
@media (min-width:1200px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-7px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:8px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);bottom:-7px;left:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}
.bootstrap-datetimepicker-widget .list-unstyled{margin:0}
.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}
.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}
.bootstrap-datetimepicker-widget button[data-action]{padding:6px}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle AM/PM"}
.bootstrap-datetimepicker-widget .picker-switch{text-align:center}
.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle Date and Time Screens"}
.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}
.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}
.bootstrap-datetimepicker-widget table{width:100%;margin:0}
.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}
.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget th.picker-switch{width:145px}
.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}
.bootstrap-datetimepicker-widget th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
#languageList{font-size:12px; margin-top:23px; margin-top:33px; margin-left:-152px; border-radius:0px; min-width:151px; font-family:Raavi; float:left;}
.lang_change {
    background-color: #dfeced;
    border: 1px solid #4f8a95;
    border-radius: 0px;
    color: #4f8a95;
}
.visitingCalendarTable tr > th:last-child,.visitingCalendarTable tr > td:last-child{ word-break: break-all; max-width: 300px;}
.blink {animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite;}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
.width50 {
    width: 50%;
}
.float_left{
    float: left;
}
.therapylist{
    float: right;
    margin-right: 200px;
}

.top_main_name_plate .old_name_prescription {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
span.old_name_prescription {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.top_main_name_plate .old_age_prescription {
    float: left;
    padding-left: 15px;
}
.top_main_name_plate .old_sex_prescription {
    float: left;
    padding-left: 2px;
}
.top_main_name_plate .old_weight_prescription {
    float: left;
    padding-left: 75px;
}
.nopadded {
    padding: 0 !important;
}
.invoice {
    border: 1px solid #d9e8ee;
}
/*.patient_medicine_info {
    width: 98.5%;
    margin: 10px;
    padding: 5px;
    border: 1px solid #d9e8ee;
}
.patient_medicine_info > tbody > tr > td:nth-child(1) {
    text-align: left !important;
    padding-left: 2em;
}
.invoice table tbody td {
    font-size: 14px;
}

.patient_medicine_info > tbody > tr > td {
    border: 1px solid #d9e8ee;
    text-align: center;
    padding: 6px 4px;
}
.patient_medicine_info > thead > tr > th {
    border: 1px solid #d9e8ee;
    text-align: center;
    padding: 10px;
}
.invoice_print .pmo_body .PIMamount, .PMOtotalamount {
    padding-left: 5px;
}
.invoice_print h4.text-right-imp, .invoice h4.text-right-imp {
    text-align: right !important;
}
.invoiceSubButtons {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 35px;
}
.invoiceRemark {
    width: 65%;
    height: 75px !important;
    border: 1px solid #d9e8ee;
    border-radius: 0px;
}
.signaturebox {
    border: 1px solid #d9e8ee;
    height: 70px !important;
    width: 65%;
}
.invoice_print .invoice_button {
    text-align: center;
    padding-top: 35px;
}*/
.invoice {
    border: 1px solid #d9e8ee;
}
.invoice .invoice_print #patient_basic_info {
    width: 100%;
    line-height: 28px;
    margin: 8px;

    font-weight: bold;
    font-size: 14px;
}
.InvoceHeader {
    width: 100%;
    text-align: center;
    background-color: #d9e8ee;
    font-size: 24px;
    letter-spacing: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.marginBottomZero{ margin-bottom: 0px;}
.smallStripTD h4{ margin-top: 0px; margin-bottom: 0px;}
.patient_medicine_info{
    width: 98.5%;
    margin: 10px;
    padding:5px;
    border:1px solid #d9e8ee;
}
.fontWeightNormal{ font-weight: normal;}
.patient_medicine_info >thead{ background:transparent;}
.patient_medicine_info >thead >tr >th {border:1px solid #d9e8ee;text-align: center;padding: 10px;}
.patient_medicine_info >thead >tr >th >small {display: block; text-align: center;line-height: 0px; margin: 0 !important; padding:0 !important; font-size: 9.5px;}
.patient_medicine_info >tbody >tr >td {border:1px solid #d9e8ee;text-align: center;   padding: 6px 4px;}
.patient_medicine_info >tbody >tr >td >small {display: block; text-align: center;line-height: 0px; margin: 0 !important; padding:0 !important;font-size: 9.5px;}
.mainHistoryFormDiv h4{ text-decoration: underline; padding-left: 5px;}
.invoiceInputBoxes{ border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none !important;}
.invoiceInputBoxes:focus{ border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none !important;}
.editMessageTextbox.invoiceInputBoxes{ border: none; border-bottom: 1px solid #4f8a95; box-shadow: none;}
.editMessageTextbox.invoiceInputBoxes:focus{ border: none !important; border-bottom: 1px solid #4f8a95 !important; box-shadow: none !important;}
.patient_therapy_info {
    width: 98.5%;
    margin: 10px;
    padding:5px;
    border:1px solid #d9e8ee;
}
.patient_therapy_info >thead { background:transparent; color:#d9e8ee;}
.patient_therapy_info >thead >tr >th {border:1px solid #d9e8ee;text-align: center;padding: 10px;}
.patient_therapy_info >thead >tr >th >small {display: block; text-align: center;line-height: 0px; margin: 0 !important; padding:0 !important; font-size: 9.5px;}
.patient_therapy_info >tbody >tr >td {border:1px solid #d9e8ee;text-align: center;padding: 5px 10px;}
.patient_therapy_info >tbody >tr >td >small {display: block; text-align: center;line-height: 0px; margin: 0 !important; padding:0 !important;font-size: 9.5px;}
.patient_therapy_info >thead >tr >th:nth-child(1) {
    width: 65%;
    text-align: center;
}
.patient_therapy_info >thead >tr >th:nth-child(2)  {
    width: 7%;
    text-align: center;
}
.patient_therapy_info >thead >tr >th:nth-child(3) {
    width: 8%;
    text-align: center;
}
.patient_therapy_info >thead >tr >th:nth-child(4) {
    width: 10%;
    text-align: center;
}
.patient_medicine_info input, .patient_therapy_info input {
    padding: 8px;
}
.invoiceRemark {
    width: 65%;
    height: 75px !important;
    border: 1px solid #d9e8ee;
    border-radius: 0px;
}
.signaturebox {
    border: 1px solid #d9e8ee;
    height: 70px !important;
    width: 65%;
}
.invoiceSubButtons {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 35px;
}
.invoice table thead th {
    font-size: 16px;
}
.invoice table tbody td {
    font-size: 14px;
}
.invoice_print .medicine_charges {
    background-color: #d9e8ee;
    text-align: center;
    border: 1px solid #d9e8ee;
    font-size: 22px;
    height: 28px;
    width: 100%;
    text-transform: uppercase;
}
.invoice_print h4.text-right-imp, .invoice h4.text-right-imp {
    text-align: right !important;
}
.invoiceSubButtons {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 35px;
}
.invoice_print .pmo_body .PIMamount, .PMOtotalamount {
    padding-left: 5px;
}
.invoice_print h4.text-right-imp, .invoice h4.text-right-imp {
    text-align: right !important;
}
.invoice_print .invoice_button {
    text-align: center;
    padding-top: 35px;
}
.invoice .invoice_button {
    text-align: center;
}
.maroon-table-div .nav-tabs > li > a.bgcolorapp {
    /*    background-color: #4f8a95;
        color: white !important;*/
}
.medicine_notification_defined_list input {
    width: 40px;
    margin-right: 15px;
    float: right;
    margin: 3px;
    text-align: center;
}
.border_yellow {
    border: 1px solid #4f8a95;
    border-radius: 0px;
}
.green_white_table {
    background-color: #FFFFFF;
    border: 1px solid #4f8a95;
    border-radius: 0px;
    color: #000000;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 25px;
    border-collapse: unset;
    width: 100%;
}
.green_white_table thead tr {
    background-color: #4f8a95;
    color: #FFFFFF;
}
.green_white_table thead tr, .green_white_table tbody tr {
    height: auto;
    min-height: 27px;
    line-height: 25px;
    text-align: left;
}
.green_white_table thead tr th, .green_white_table tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}
.marged-bottom {
    margin-bottom: 10px;
}
.marged-bottom-imp {
    margin-bottom: 5px !important;
}
.marged-bottom-0 {
    margin-bottom: 0px;
}
.medicine_notification_defined_list {
    width: 20%;
    float: left;
    padding-left: 25px;
}
#gridsupportTable .data-message {
    max-width: 200px;
    word-break: break-all;
}
.cutomer_care {
    margin-right: 100px;
}
.bg_dark {
    background-color: #c8e2e4;
}
.padded {
    padding: 5px;
}
.border_brown_radius {
    border: 1px solid #4f8a95;
    border-radius: 0px;
}
#gridrelpyTable{
    border: none;

}
.loader img.loader_img {
    width: 24px;
    height: 24px;
}
.maroon-table-div .nav-tabs > li.bgcolorapp {
    /*    background-color: #ae193f;
        color: white !important;*/

}
.maroon-table-div .nav-tabs > li.bgcolorapp > a {
    /*color: white !important;*/
}
.patient_name_age_sex {
    font-size: 16px;
    line-height: 37px;
}
.patient_name_age_sex > center > span:not(.visit_date_span) {
    color: white;
}
.patient_name_age_sex .old_weight_prescription {
    float: left;
    padding-left: 30px;
}
.patient_name_age_sex .old_sex_prescription {
    float: left;
    padding-left: 2px;
}
.patient_name_age_sex .old_age_prescription {
    float: left;
    padding-left: 15px;
}
.patient_name_age_sex .old_name_prescription {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.patient_name_age_sex .visit_date_span {
    float: right;
    padding-right: 15px;
}
.dietMainDiv{
    border: 1px solid #C8E2E4;
}
.dietMainDivdiet {
    border: 1px solid #C8E2E4;
}
.emptyDietItemBox {
    border: 1px solid #4f8a95;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    display: block;
    margin: 0px 5px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.dietMasterRows .emptyDietItemBox {
    margin: 5px; width: 100%; margin-top: 0px; margin-bottom: 10px;
}
.smsCountBoxes {
    width: 100px !important;
    height: 100px !important;
    margin-right: 15px;
}
.dashboardSMSGrid.btn-primary {
    border: 1px solid #5737b2 !important;
    color: #5737b2 !important;
}
input.editMessageTextbox {
    width: 100px;
    border: none;
    border-bottom: 1px solid #f6a406;
    outline: none;
    margin: 5px 5px;
    box-shadow: none;
}
.noteFieldClass {
    padding-top: 4px;
}
#sms_form .form-group {
    margin-bottom: 8px;
}
#msg3 .col-md-6.col-sm-8.col-xs-12.border_yellow, #msg4 .col-md-6.col-sm-8.col-xs-12.border_yellow {
    line-height: 25px;
    margin-left: 11px;
    width: 48%;
}
.gridbilllistdata    #smsSearchForm {
    border: 1px solid #4F8A95;
}
#smsSearchForm {
    border: 1px solid #f6a406;
    border-radius: 0px;
    padding: 10px;
}
#smsSearchForm.form-inline .form-group{ margin-top: 10px; width: 50%;}
#smsSearchForm .form-group:last-child{ margin-left: 50%; margin-top: 20px;}
#sms_form .form-group {
    margin-bottom: 8px;
}

.dashboardTiles div.tile-view-2 a.leftLink,.dashboardTileId div.tile-view-2 a.leftLink {
    left: 20px;
    bottom: 4px;
    position: absolute;
    width: 28px;
}
.dashboardTiles div.tile-view-2 a ,.dashboardTileId div.tile-view-2 a {
    right: 20px;
    bottom: 15px;
    position: absolute;
}
.row.dashboardTiles div.tile-view-2 a i,.row.dashboardTileId div.tile-view-2 a i {
    color: white;
    padding: 3px 7px;
}
.appdetailbox{position:fixed; width:300px; background-color:#fff;-webkit-box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);
              -moz-box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);
              box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);}
.appdetailbox img.appUserImage{ width: 100px; height: 100px;}
.appdetailbox .media {
    margin-top: 15px; background-color: #f4f4f4;
}
.appdetailbox .media:first-child {
    margin-top: 0;
}
.appdetailbox .media,.appdetailbox  .media-body {
    overflow: hidden;
}
.appdetailbox .media-body {
    width: 10000px;
}
.appdetailbox .media-object {
    display: block;
}
.appdetailbox .media-object.img-thumbnail {
    max-width: none;
}
.appdetailbox .media-right, .media > .pull-right {
    padding-left: 10px;
}
.appdetailbox .media-left, .media > .pull-left {
    padding-right: 10px;
}
.appdetailbox .media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.appdetailbox .media-middle {
    vertical-align: middle;
}
.appdetailbox .media-bottom {
    vertical-align: bottom;
}
.appdetailbox .media-heading {
    margin-bottom: 5px;
    margin-top: 0;
}
.appdetailbox .media-list {
    list-style: outside none none;
    padding-left: 0;
}
.appdetailbox .media{ margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.appdetailbox .media .a_d_b_d{ border-bottom: none;}
.appdetailbox .media-heading{ margin-top: 5px; font-weight: bold;text-transform:capitalize;}
.appdetailbox .media-heading b{float: right;
                               padding-right: 9px;}
.appdetailbox .media-body{ font-size: 16px;}
.a_d_b_d{ padding:5px; font-size: 16px; border-bottom: 1px solid #f4f4f4; float: left; width: 100%; }
.appIconDivs{ width:33%; text-align: center; float: left;}
.appIconFourDivs{ width:25%; text-align: center; float: left;}
.appIconFiveDivs{ width:25%;float: left;}
.appIconTwoDivs{ width:50%; text-align: center; float: left;}
#appAppFormDiv .modal-header {
    background-color: #ae193f;
    padding: 10px !important;
    color: #fff;
    text-align: left;
}

#appAppFormDiv .date .input-group-addon {
    border: 1px solid #ae193f !important;
    border-left: 0px !important;
}
#appAppFormDiv .time .input-group-addon {
    border: 1px solid #ae193f !important;
    border-left: 0px !important;
}
#appAppFormDiv .date .input-group-addon .fa-calendar {
    color: #ae193f !important;
}
#appAppFormDiv .time .input-group-addon .fa-clock-o {
    color: #ae193f !important;
}
#appAppFormDiv .dropdown-menu > .active > a, #appAppFormDiv .dropdown-menu > .active > a:focus, #appAppFormDiv .dropdown-menu > .active > a:hover {
    background-color: #ae193f !important;
    color: #fff !important;
    outline: 0 none;
    text-decoration: none;
}
/*.select2-drop.select2-display-none.goldenActiveLi.select2-with-searchbox.select2-drop-active {
    color: #f6a406  !important;
    background-color: #FFFFFF;
}*/
/*.goldenActiveLi .select2-search input, .goldenActiveLi.select2-drop, .goldenActiveLi.select2-drop-active {
    border: 1px solid #f6a406  !important;
}*/
.buttonResetClass1{
    border-radius: 0px;
    border: 1px solid #4f8a95;
    vertical-align: middle;
    background-color: #DFECED;
    color:#4f8a95;
}
.holidayMsg{
    width: 543px !important;
    margin-left: 11px;
    line-height: 25px;
    padding: 13px 9px;
    /*color:#f6a406;*/
}
.data-current_stock input {width: 50px;}
.data-current_stock span:nth-child(1) {padding: 10px;text-align: right;}
.text_white{
    color:white;
}
.data-mini_stock input {width: 50px;}
.packTherapyDay input {width: 50px;}
.data-mini_stock span:nth-child(1) {padding: 10px;text-align: right;}
.text_white{
    color:white;
}

.clinicAccountTable,.clinicAccountOutcomeTable{
    border: 1px solid #4f8a95;
    border-radius: 0px;
    border-collapse:unset;
}

.clinicAccountTable > thead > tr > th,.clinicAccountTable > tbody > tr > td ,.clinicAccountOutcomeTable > thead > tr > th,.clinicAccountOutcomeTable > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #4f8a95;
    border-width: 0px 0px 1px 1px;
    border-style: none none solid solid;
    border-color: #4f8a95 #4f8a95 #4f8a95 #4f8a95;
    border-image: none;
    line-height: 15px;
    padding-left: 5px;
}
.clinicAccountTable > tbody > tr:first-child {font-size: 16px;font-weight: 600;}
.clinicAccountOutcomeTable > tbody > tr:first-child {font-size: 16px;font-weight: 600;}
.clinicAccountTable > thead > tr > th,.clinicAccountTable > tbody > tr > td:nth-child(1) ,.clinicAccountOutcomeTable > thead > tr > th,.clinicAccountOutcomeTable > tbody > tr > td:nth-child(1) {
    border-style: none none solid;
}
.clinicAccountTable > thead > tr > th,.clinicAccountTable > tbody > tr > td:last-child ,.clinicAccountOutcomeTable > thead > tr > th,.clinicAccountOutcomeTable > tbody > tr > td:last-child{
    border-left: none;

}
.clinicAccountTable >  tr :last-child > td,.clinicAccountTable  > tr :last-child > td ,.clinicAccountOutcomeTable >  tr :last-child > td,.clinicAccountOutcomeTable  > tr :last-child > td{
    border-bottom:0;
}

.extra_outcome_date_fieldDiv span,.extra_outcome_date_fieldDiv input{ background-color: #C8E2E4;border: none !important;}
/*.clinic_delete{ min-width: 35px;}*/
.bg_color {
    background-color: #C8E2E4;
}
.clinic-tables {
    padding-left: 0;
    padding-right: 5px;

}
.valign {
    vertical-align: top;
}
/*.td_width {
    width: 302px;
}*/
.uneditable-main-input {
    color: #F00 !important;
}
.padded_left_8 {
    padding-left: 8px;
}
.uneditable-main-input{
    background-color: #C8E2E4;
    border: 0px none;
    box-shadow: none;
    font-size: 15px;
}

.clinicAccountTable  input[type="text"]:focus , .clinicAccountOutcomeTable   input[type="text"]:focus{
    box-shadow: 0 0 0px #4f8a95;
    border: 0px solid #4f8a95;
    transition: box-shadow 0.3s ease 0s;
}
.clinic_delete {
    cursor: pointer;
    display: block;
    height: 32px;
    min-width: 28px;
}



.unediTABLE_list {
    background-color: #C8E2E4;
    height: 27px;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.marged-right-17{
    margin-right: 17px;
}
.unedit {
    background-color: #C8E2E4;
    height: 27px;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 50px;
}

.unediTABLE_list {
    width: 193px;
    background-color: #C8E2E4;
    height: 27px;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.currnt_chart > li > a:focus, .currnt_chart > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #C8E2E4;
}
.paymentmode{
    margin-right: -45px;
}
.expenditureSubjectDropdown {
    color: #000000;
    text-decoration: none;
}
.expenditureSubjectDropdown:hover {
    color: #000000;
    text-decoration: none;
}
.mainStrip {
    background-color: #4f8a95;
    border: 1px solid #4f8a95;
    border-radius: 0px;
    color: hsl(0, 0%, 100%);
    font-size: 14px;
    height: auto;
    line-height: 30px;
    margin-bottom: 10px;
    width: 97.5%;
}
.freeQtyField{
    border: 1px solid #4f8a95;
    width: 97px; float: left;
}

.gridDataField.date { width: 120px;}
.formYellow .freeQtyField .QtyFieldForm {
    float:left; border:none; box-shadow: none;
}
.formYellow  .freeQtyField .freeQtyClass{
    float:left; border:none; box-shadow: none; border-left: 1px solid #e5e5e5;
}
/* BootStrap Customization Start */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color:#c8e2e4 !important; border-color: #c8e2e4 !important; color:black !important;}
.pagination > li > a, .pagination > li > span{color:#4f8a95;}
.panel-default > .panel-heading{ background-color: #fff;border-color: #c8e2e4; color: #000;}
.panel-default {
    border-color: #c8e2e4;
}
.panel {
    background-color: #fff;

    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.reportrange {
    line-height: 32px;
    border: 1px solid #4f8a95;
    padding-left: 5px;
    padding-right: 5px;
}
.reportrange input, .reportrange input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.extra_outcome_date_fieldDivClinic input {
    border: none !important;
    background-color: #C8E2E4;
    width: 100px !important;
    cursor: pointer;
}
.extra_outcome_date_fieldDivClinic .input-group-addon {
    width: 0px !important;
    height: 0px !important;
    visibility: hidden;
}
.extra_outcome_date_fieldDivClinic .input-group-addon {
    border: none;
    background: none;
}
.amountBifBox {
    float: left;
    width: 100px;
    text-align: center;
}
.dietSelectIconRow {
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    font-size: 12px;
}
.dietSelected {
    background-color: #26A65B;
    color: white;
}
.dietSelectedNew {
    color: #26A65B;
}
.dietSelectIconRowNew {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}
.dietSelectIconRow {
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    font-size: 12px;
}
.dietSelectIconRow input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: auto;
    text-align: center;
    width: 18px;
}
.divHeader {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    background-color: #d9e8ee;
    color:#000;
}
.PackageCost{
    width: 100px;
    height: 31px;
    border: 1px solid #2facba !important;
    color: #2facba !important;
}
.package-selection{width:30% !important;float:left;}
.input_language {
    line-height: 2;
    width: 192px;
    height: 34px;
    margin-right: 5px;
    padding: 0 0 0 8px;
    border:1px solid #2facba;
    color:#2facba;
}
.dietSelectionType {

    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
.singleDietNameView {
    padding: 5px;
    font-size: 14px;
    display: block;

}
.DietView{

    padding: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #2facba;
}
.bg-light-green{
    background-color: #d9e8ee;
}
.marged_{
    margin: -4px -5px 0px 0px;
}
/* BootStrap Customization End */
/* Calendar CSS */
.dh-event-info.green a{ color: white;}
/* Print CSS */
.pdfPrintArea         .widthFull{ width:100%;}
.pdfPrintArea         .padded tr td{padding:5px;}
.pdfPrintArea        .padded tr th{padding:5px;}
.pdfPrintArea        .borderLeft{ border-left:1px solid #e5e5e5;}
.pdfPrintArea       .borderLeft_black{ border-left:1px solid #000;}
.pdfPrintArea      .borderRight{ border-right:1px solid #e5e5e5;}
.pdfPrintArea       .borderTop{ border-top:1px solid #e5e5e5;}
.pdfPrintArea     .borderTopNone{ border-top:none;}
.pdfPrintArea     .borderBottom{ border-bottom:1px solid #e5e5e5;}
.pdfPrintArea     .border{ border:1px solid #e5e5e5;}
.pdfPrintArea     .bgGray{ background-color:#e5e5e5;}
.pdfPrintArea     .lineHeightSpace{ line-height:35px;}
.pdfPrintArea    table { border-spacing:0;border-collapse:collapse; }
.pdfPrintArea      .margin_left_10px{ margin-left:10px; }
.pdfPrintArea     .font_size_10px{ font-size:14px; }
.pdfPrintArea      .font_size_9px{ font-size:13px; }
.pdfPrintArea     .text-center{text-align: center; }
.pdfPrintArea     .borderBottomHR{ border-bottom:1px solid #000;}
.pdfPrintArea     .font_size_BIG{  font-size: 16px;}
#sms_date_1{
    border: 1px solid #4f8a95;
}

.page_header_p {
    line-height: 18px;
}
.border_none{
    border : none;
}
.AdviceReportAllData a {
    color: #75797a !important;
}
.TherapyMedicineDivFill {
    list-style-type: none;
    padding-left: 8px; margin-bottom: 0px;
}
.TherapyMedicineListDiv {
    float: left;
    width: 100%;
}
.TherapyMedicineDivFill > li {
    float: left;
    width: 100%;
}
.TherapyMedicineDivFill ul {
    padding-top: 5px;
    padding: 5px !important;
}
.TherapyMedicineListDiv .list-inline > li {
    padding-left: 0px;
    padding-right: 0px;
}
.TherapyMedicineDivFill .gridMedicineName {
    min-width: 215px;
}
.TherapyMedicineBoxes input.qtyBox {
    width: 35px;
    height: 25px;
    display: block;
    float: left;
    padding: 4px;
    border: 1px solid #d9e8ee;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    text-align: center;
}
.TherapyMedicineBoxes input {
    float: none !important;
    margin: auto;
    text-align: center;
    width: 100% !important;
}
.addhistoryButtonDiv{
    bottom: 0px;
    position: absolute;
    /*padding-left: 20px;*/

}
.firstPrescBox .sheetHeader {
    width: 100%;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    padding-left: 8px;
    float: left;
    background-color: #d9e8ee;
    font-size: 16px;

    margin-top: 8px;
}

.patientHistoryTableClass > tbody > tr:nth-child(2) .trRemoveIcon i {
    display: none;
}
.padded_left_23{
    padding-left: 23px;
}
/*.addedTherapyMedicineList{
    border-top:  1px solid #d9e8ee;
}*/
.therapyTimeBoxDiv {
    width: 120px;
}
.cal-color-yellow {
    background-color: rgba(246,164,6,0.4) !important;
    color: black;
}
.multiselectedBox{
    width: 355px;
}
#billEachMedicineTable { line-height: 24px !important;}
#billEachMedicineTable tfoot tr td{ padding-bottom: 5px;}
#billEachMedicineTable tfoot tr.extraTopRow{ margin-top: 15px;}
.padded-right_10{ padding-right: 10px;}
.padded-right_20{ padding-right: 20px;}
.padded-right_5{ padding-right: 5px;}
.mdTypeInfo{ padding-left: 5px; color:#999;}
/*.additemtype{ width: 50%;}*/
.item_packingSize{ width: 50%;}

#additemForm .input-group-select > div {
    float: left;
    max-width: 100%;
    min-width: 50%;
    color: #4f8a95;
}
.invMedicineBillTable > tbody > tr:first-child{ display: none;}
.borderTop{ border-top:1px solid #4f8a95;}
.firstRowHide tbody tr:first-child{ display: none;}
.bigModalBox{ width: 80%; min-width: 800px; height: 90%; min-height: 500px;}
.bigModalBox .modal-body{  height: 90%; min-height: 500px; max-height: 500px;}
.shortLabel{    background-color: #4f8a95; color: white; padding-left: 10px; padding-right: 10px; line-height: 32px; }
.oldPatientListIdentification{ line-height: 32px;}
.prakrutiOptionsData{ display: inline-block; width: 100%; cursor: pointer;}
.itemRateSelection.hasOk span{  background-color: #dff0d8; padding: 5px 10px;}
.blueHeader {
    color: #4f8a95;
    font-weight: bold;
    text-decoration: underline;
}
.bigModalCoverBoxFull{ width: 98% !important; min-width: 800px !important; height: 90%; min-height: 600px;}
.bigModalCoverBoxFull .modal-body{  height: 90%; min-height: 600px; max-height: 600px;}
.bigModalCoverBox{ width: 80% !important; min-width: 800px !important; height: 90%; min-height: 600px;}
.bigModalCoverBox .modal-body{  height: 90%; min-height: 600px; max-height: 600px;}
.surgeryProClass {margin: 0;padding: 0;display: inline;list-style-type: none;}
ul.surgeryProClass li {margin: 0;  padding: 0; display: inline-table;list-style-type: none; width: 33.33%;}
#allResceptionDeptReservationListTable .clickebleRow   .btn btn-danger {color:white !important;}
.surgeryCharges { float: left; width: 655px;border: 1px solid #4F8A95;height: 32px;margin-bottom: 7px;}
.surgeryCharges input {
    width: 62px;
    border: none !important;
    box-shadow: none;
    padding: 5px;
}
.mainDischargeFormDiv{ font-size: 16px;}
.patientMainRowHeader{ font-size: 16px; font-weight: bold;}
.border-bottom-black{ border-bottom:1px solid #000;}
.headerRightDate{ float: left; background: none; margin-top: 5px; color: black;}
.headerRightDate input {border: none !important;background-color: #d9e8ee;padding: 0px;cursor: pointer; height: 25px; color: white; width:80px !important; font-size: 14px;}
.headerRightDate .input-group-addon { color:white; border: none;background: none;}
.headerRightDate input {border: none !important;background-color: #4f8a95;padding: 0px;cursor: pointer; height: 25px; color: white; width:80px !important; font-size: 14px;}
.PAOoptions {
    line-height: 26px;
}
.IpdFormSubmit .dateinputipd {
    width: 130px;
    margin-right: 100px;
}
#IpdFormSubmit input, #IpdFormSubmit textarea, #IpdFormSubmit .input-group-addon {
    border-color: -moz-use-text-color !important;
    border-style: none none solid !important;
    border-width: medium medium 1px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.mainPrescriptionDIv table.compMedEachInfo td.comp_totalQtyTemp{ min-width: 50px; text-align: right;}
.noPaddingTopDown tbody > tr > td{ padding-top: 0px !important; padding-bottom: 0px !important;}
.allDocument{ position: relative; width: 200px; height: 200px; float:left; margin-right: 10px; margin-bottom: 10px;}
.allFeedbackDocument{ position: relative; width: 120px; height: 120px; float:left; margin-right: 10px; margin-bottom: 10px;}
.extraIcons{ position: absolute; right: 0; top: 0; color: white; background-color: rgba(0,0,0,0.5); text-align: center;}
.extraIcons > i{ padding: 5px; margin-right: 0px; margin-bottom: 0px;}
table.noTableClass thead tr th{ padding: 0px  7px 8px 5px !important;}

.paySepartionClassParent{ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #2facba; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:first-child{ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #2facba; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:nth-child(2){ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #ae193f; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:nth-child(3){ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #5737b2; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:nth-child(4){ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #f6a406; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:nth-child(5){ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #0a4bb3; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:nth-child(6){ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #d54c28; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClassParent:last-child{ float: left; width: 130px; height: 75px; padding-top: 5px; text-align: center; background-color: #009100; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.paySepartionClass{ width: 130px; height: 65px; text-align: center; vertical-align: middle; display: inline-block; line-height: 40px; margin-right: 10px;}
.drawImageMargin{ margin-top: 30px;}
.painScale{
    float: right;
    width: 60px;
}
.painScaleData{
    float: right;
    cursor: pointer;
    width: 100%;
    height: 30px;
    border: 1px solid #000; border-bottom: 0px; text-align: center; line-height: 30px;
}
.painScaleData:last-child{border-bottom: 1px solid #000;}
.spinePalpation{
    float: left;
    width: 100px;
}
.spinePalpationData{
    float: left;
    cursor: pointer;
    width: 100%;
    height: 20px;
    border: 1px solid #000; border-bottom: 0px; text-align: center; line-height: 20px;
}
.spinePalpationData:last-child{border-bottom: 1px solid #000;}
.spinePalpationData.active{ background-color: #d9edf7; color: #31708f;}
.painType1 {background-color: #d9edf7; color: #31708f;}
.painType2 {background-color: #fcf8e3; color: #8a6d3b;}
.painType3 {background-color: #f2dede; color: #a94442;}
.subTextHeading{ padding: 5px 10px; font-size: 16px; margin-right: 10px; cursor: pointer;  }
.bgSpine1 {background-color: #0e3d59; color: #fff}
.bgSpine2 {background-color: #88a61b; color: #fff}
.bgSpine3 {background-color: #f29f05; color: #fff}
.bgSpine4 {background-color: #f25c05; color: #fff}
.bgSpine5 {background-color: #d92525; color: #fff}
.bgSpine6 {background-color: #6f7144; color: #fff}
.bgSpine7 {background-color: #dcba51; color: #fff}
#eProctoDrawImage .wPaint-menu-icon-name-spineinfo{display: none;}
.chartHeaderClass {
    font-weight: bold;
    text-decoration: underline;
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
    background-color: #4f8a95;
    color: white;
    margin: 0px;
}
.eachChartView {
    border: 1px solid #d4d4d4;
    margin-bottom: 10px;
}
.chartTotalRecords {
    text-align: center;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    padding: 10px;
    background-color: #00B050;
    color: white;
}
.ulLiSameSpan { line-height: 28px;}
.bgLightBlue{background-color: #d9e8ee !important;
             color: black !important;}
.tsMainDiv{ width:100%; float: left;}
.tsTherapyScheduleMainDivMargin{ margin-top: 15px;}
.tsMainDiv .select2-container .select2-choice{  border: none !important;}
.tsMainDiv .tsPName{width:100%; float: left; padding: 10px; background-color: #DFECED; font-size: 16px; font-weight: bold;}
.tsMainDiv .tsTherapySchedule{width:1000px; margin: auto;}
.tsMainDiv .tsTherapyScheduleRow{width:1000px; float: left; padding-top: 5px; padding-bottom: 5px;}
.tsMainDiv .tsTherapyScheduleSessionRow{width:1000px; float: left;}
.tsTherapySchedule .tsTherapyScheduleSessionRow:last-child{ border-bottom: 1px solid #000;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyName{width:300px; float: left; padding-left: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyDuration{width:50px; float: left; padding-left: 10px; margin-right: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTime1{width:110px; float: left; min-height: 10px; padding-left: 10px; margin-right: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTime1 .input-group-addon {
    border: none;
    background: none;
}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTime2{width:80px; float: left; min-height: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTime2.TAT_end_time{line-height: 33px; font-size: 12px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyRoom{width:100px; float: left; min-height: 10px;cursor: pointer;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTherapist{width:160px; float: left; min-height: 10px;cursor: pointer; padding-left: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyTherapist2{width:160px; float: left; min-height: 10px; cursor: pointer; padding-left: 10px;}
.tsMainDiv .tsTherapyScheduleRow .tsTherapyRemark{width:110px; float: left; min-height: 10px; padding-left: 10px;}
.notAvailableTherapistList{ margin-left: 0px; padding-left: 0px;}
.notAvailableTherapistList li{ list-style-type: none; padding: 5px; border: 1px solid #4f8a95; margin-bottom: 5px;}
.notAvailableTherapistList li.notAvailable{ background-color: #D92525; color: white;}
.notAvailableRoomList{ margin-left: 0px; padding-left: 0px;}
.notAvailableRoomList li{ list-style-type: none; padding: 5px; border: 1px solid #4f8a95; margin-bottom: 5px;}
.notAvailableRoomList li.notAvailable{ background-color: #D92525; color: white;}

.selectTreatmentDays{ float: left; padding: 5px; display: inline-block; cursor:pointer; margin-right: 5px; }
.selectTreatmentDays.act{ background-color: #2facba; color: white; }
.allBG{ background-color: #DFECED;}
.morningBGText{color: #ffe0b2 !important; }
.morningBG{ background-color: #ffe0b2;}
.maleBG{ background-color: #fff9c4;}
.femaleBG{ background-color: #b9f6ca  ;}
.morningBG input[type='text']{ background-color: #ffe0b2;}
.noonBG{ background-color: #b3e5fc  ;}
.noonBGText{ color: #b3e5fc  ;}
.noonBG input[type='text']{ background-color: #b3e5fc  ;}
.eveningBG{ background-color: #cfd8dc;}
.eveningBGText{ color: #cfd8dc;}
.eveningBG input[type='text']{ background-color: #cfd8dc;}
.colorIndication{ padding: 10px;}
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sortable .checkbox,#sortable .radio {
    margin-top: 0px; margin-bottom: 0px;
}
#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    border: 1px solid #e5e5e5;
    height: 45px;
}
#sortable li > div > span {
    position: absolute;
    margin-left: -1.3em;
}
#sortable li:hover {
    cursor: move !important;
}
.pagin-table{
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    border: 1px solid #e5e5e5;
    height: 45px;
}
#sortableRoom {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sortableRoom .checkbox,#sortable .radio {
    margin-top: 0px; margin-bottom: 0px;
}
#sortableRoom li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    border: 1px solid #e5e5e5;
    height: 45px;
}
#sortableRoom li > div > span {
    position: absolute;
    margin-left: -1.3em;
}
#sortableRoom li:hover {
    cursor: move !important;
}
.homeBranchIcon li{ height: 100px; width: 100px; line-height: 100px; border-radius: 100px; border: 1px solid #589a8e; margin-right: 10px; cursor: pointer;}
.homeBranchIcon li a{ height: 100px; width: 100px; line-height: 100px; border-radius: 100px;}
.homeBranchIcon li.branchSelectedCircle:nth-child(1), .homeBranchIcon li:nth-child(1):hover {
    background-color: #f29f05;
    height: 100px; width: 100px; line-height: 100px;
    border-radius: 100px;
    /*color: #FFF;*/
}
.homeBranchIcon li.branchSelectedCircle:nth-child(2), .homeBranchIcon li:nth-child(2):hover {
    background-color: #88a61b;
    height:100px; width: 100px;line-height: 100px;
    border-radius: 100px;
    /*color: white;*/
}
.homeBranchIcon li.branchSelectedCircle:nth-child(3), .homeBranchIcon li:nth-child(3):hover {
    background-color: #d92525;
    height:100px; width: 100px;line-height: 100px;
    border-radius: 100px;
    /*color: white;*/
}
.homeBranchIcon li.branchSelectedCircle:nth-child(4), .homeBranchIcon li:nth-child(4):hover {
    background-color: #6f7144;
    height:100px; width: 100px;line-height: 100px;
    border-radius: 100px;
    /*color: white;*/
}
.homeBranchIcon li a,.homeBranchIcon li a:hover {
    text-decoration: none;
}
.branchSelectedCircle a,.branchSelectedCircle a:hover {
    color: white !important;
    text-decoration: none;
}
#patientDetailsHistory .text-green {color:red !important;}
.dateDropMenu.dropdown-menu > li > a:focus, .dateDropMenu.dropdown-menu > li > a:hover { background-color:#d9e8ee; }
.dateDropMenu.dropdown-menu{
    top:0% !important;
    position: relative;
}
.dateDropMenu li {
    font-size: 16px;
    line-height: 20px;
    padding: 5px;
    cursor: pointer;
}
.wellnesspadding{
    padding: 5px 14px 5px !important;
}
.borderTopHR100{
    border-top:1px solid #000;
    width: 100%;
}
.padded-top-bottom_10-imp{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.otdetailbox{position:fixed; width:300px; background-color:#fff;-webkit-box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);
              -moz-box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);
              box-shadow: 2px 3px 8px 1px rgba(163,163,163,1);}
.otdetailbox img.appUserImage{ width: 100px; height: 100px;}
.otdetailbox .media {
    margin-top: 15px; background-color: #f4f4f4;
}
.otdetailbox .media:first-child {
    margin-top: 0;
}
.otdetailbox .media,.otdetailbox  .media-body {
    overflow: hidden;
}
.otdetailbox .media-body {
    width: 10000px;
}
.otdetailbox .media-object {
    display: block;
}
.otdetailbox .media-object.img-thumbnail {
    max-width: none;
}
.otdetailbox .media-right, .media > .pull-right {
    padding-left: 10px;
}
.otdetailbox .media-left, .media > .pull-left {
    padding-right: 10px;
}
.otdetailbox .media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.otdetailbox .media-middle {
    vertical-align: middle;
}
.otdetailbox .media-bottom {
    vertical-align: bottom;
}
.otdetailbox .media-heading {
    margin-bottom: 5px;
    margin-top: 0;
}
.otdetailbox .media-list {
    list-style: outside none none;
    padding-left: 0;
}
.otdetailbox .media{ margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.otdetailbox .media .a_d_b_d{ border-bottom: none;}
.otdetailbox .media-heading{ margin-top: 5px; font-weight: bold;text-transform:capitalize;}
.otdetailbox .media-heading b{float: right;
                               padding-right: 9px;}
.otdetailbox .media-body{ font-size: 16px;}
.padded_top_5{
    padding-top: 5px;
}
.padded-left-right_5{ padding-left: 5px; padding-right: 5px;}
.no-marged-top-bottom{ margin-top: 0px; margin-bottom: 0px;}
.margin-left-25{
    margin-left: 25px;
}
.marged-left-right-15{
    margin-left: 15px;
    margin-right: 15px;
}
.fixAtBottom{
    position: fixed;
    bottom: 30px;
	margin-left: -110px;
}
.buttonSaveBig button{ padding: 20px 30px;}
.input-lg .select2-choice{ height: 46px;}
.input-lgSelect .select2-container .select2-choice > .select2-chosen{ height: 46px; line-height: 35px;}
.yogaReportSelection li{ line-height: 30px; cursor: pointer; height: auto; min-height: 30px;  }
.yogaReportSelection li span{ font-size: 14px; padding-left: 0px;}
.yogaReportSelection li{  margin: 0 2px;}
.opdSepartionClass{ height: 65px; text-align: center; display: inline-block; line-height: 70px; margin: 10px;}
.deptSepartionClass{ height: 50px; text-align: center; display: inline-block; line-height: 35px; margin: 10px;}

.deptSepartionClassParent{ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #2facba; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:first-child{ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #ae193f; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:nth-child(2){ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #0a4bb3; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:nth-child(3){ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #d54c28; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:nth-child(4){ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #5737b2; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:nth-child(5){ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #f6a406; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:nth-child(6){ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #2facba; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}
.deptSepartionClassParent:last-child{ float: left; width: 150px; height: 75px; padding-top: 5px; text-align: center; background-color: #009100; margin-bottom: 10px; color: white; vertical-align: middle; display: inline-block; margin-right: 10px;}


.feedMainDiv div {
    float: left;
    width: 20%;
    text-align: center;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
}
.feedMainDiv textarea {
    padding: 5px;
    height: 50px;
    font-size: 12px;
    line-height: 12px;
}
.feedMainDiv .remarkSpan {
    padding: 5px;
    height: 50px;
    font-size: 12px;
    line-height: 12px !important;
    word-break: break-all;
    overflow: auto;
    border: 1px solid #589a8e;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
}
.mainStrip .stripHeaderName {
    color: white !important;
    padding: 5px 10px;
    display: block;
    width: auto;
    float: left;
    font-weight: bold;
}
.text-child{ color: #f6a406;}
.text-female{ color: #FF69B4;}
.text-male{ color: #0a4bb3;}
.text-room{ color: #009100;;}
.text-total{ color: #888;}
.txt-color-inprogress{
    color: #FBDA9B !important;
}
.txt-color-close{
    color: #FF9999 !important;
}
.txt-color-converted{
    color: #01FF00 !important;

}
.txt-color-gray{
    color: #d9e8ee !important;
}
.oldSearchList select {
    background-color: #4f8a95 !important;
    color: white !important;
    margin-top: 2px !important;
}
.dietItemBoxDesign {
    border: 1px solid #4f8a95;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    display: block;
    margin: 0px 0px;
    margin-bottom: 0px;
    margin-bottom: 10px;
}
.feedbackBoxDesign {
    border: 5px solid #4f8a95;
}
#addchargeParticularGrid tr td .m_IPDSubCatSelect{
    width: 100% !important;
}
#addchargeParticularGrid .m_IPDMainCat{
    width: 100% !important;
}
.borderUnit{ cursor: pointer;
             height: 20px !important;
             width : 40px !important;
             border: 1px solid black;
             display: inline-block;
}
.packageUnitDaysSpan .borderUnit:not(:first-child) { border-left: none !important;}
.classUnit{
    background-color: #d9e8ee;
}
.smallboxwithborder{
    height: 20px !important;
    width : 30px !important;
    border: 1px solid black;
    display: inline-block;
}
.mainAdviceDietClass{
    padding: 10px !important;
}
.patientDetailsHistoryShanku input:focus {
    background-color: #dfeced;
}
.floatLeft{
    float: left;
    padding-left: 5px;
}
.width250{
    width: 250px;
}
.onePageNewInvestigation {font-size: 16px;}
.onePageNewInvestigation .childreportselection {margin-bottom: 5px;}
.onePageNewInvestigation .childreportselection span{ padding-left: 5px; padding-right: 5px; font-size: 16px; }
.roomBedList.roomSelectionOnly li{ float: left!important;  width: 150px;}
.roomBedList.roomSelectionOnly li.roomCatLi { border: 1px solid #e5e5e5; margin-bottom: 5px; margin-right: 5px; padding: 10px;}
.roomcottageList{ list-style-type: none; float: left;width: 100%; margin-left: 0px; padding-left: 0px;}
.roomcottageList li{ width: 100%; float: left;}
.roomcottageList li{ float: left!important;  width: 150px;}
.roomcottageList li.roomCottagetLi { border: 1px solid #e5e5e5; margin-bottom: 5px; margin-right: 5px; padding: 10px;}
.yogaDocuments.allDocument{ margin-bottom: 30px !important;}
.yogaDocumentsSelection.selected{ border:1px solid red;}
.yogaDocumentsSelection.selected .yogaName{ color:red;}
.yogaDocumentsSelection.allDocument{ margin-bottom: 30px !important; height: 208px; width: 208px;}
.specialInputBox input{ padding: 5px;}
.TSList{ list-style-type: none; margin-left: 0px; padding-left: 0px; }
.TSList li{ list-style-type: none; list-style: none; width:33%; padding-bottom: 5px; float: left; padding-left: 0px; font-size: 16px;}
.TSubList{ list-style-type: none; margin-left: 0px; padding-left: 0px; }
.TSubList li{ list-style-type: none; list-style: none; width:33%; padding-bottom: 5px; float: left; padding-left: 0px; font-size: 16px;}
.allDetailsClass{ cursor: pointer;}
.allDetailsClass.isVisibleHover{ font-weight: bold; color:red; text-decoration: underline;}
.eachIPDCatSubCatBillRow.bg-info .invoiceInputBoxes { background-color: #d9edf7;}

.maroon-table-div .commonBorderTable2{ border: 1px solid #ae193f ; border-collapse:inherit !important;}
.maroon-table-div .commonBorderTable2 > thead > tr > th{ background-color: #ae193f  ; color: white; }
.maroon-table-div .commonBorderTable2 > tbody > tr > td,.maroon-table-div .commonBorderTable2 > tfoot > tr > td{border-right: 1px solid #ae193f  ; border-bottom: 1px solid #ae193f ; border-top:none;  }
.maroon-table-div .commonBorderTable2 > tbody > tr > td:last-child,.maroon-table-div .commonBorderTable2 > tfoot > tr > td:last-child{border-right: none; }
.maroon-table-div .commonBorderTable2 > tbody > tr:last-child > td,.maroon-table-div .commonBorderTable2 > tfoot > tr:last-child > td{ border-bottom: none; }
.maroon-table-div .commonBorderTable2 > thead > tr > th{ border-bottom: 1px solid #ae193f ;}
.maroon-table-div .commonBorderTable2 > tfoot > tr:first-child > td{ border-top:1px solid #ae193f ; }
.maroon-table-div .commonBorderTable2 > tbody > tr.addOtherInfoTR > td:not(:last-child){ border-right:none; }

.blue-table-div .commonBorderTable2{ border: 1px solid #0a4bb3  ; border-collapse:inherit !important;}
.blue-table-div .commonBorderTable2 > thead > tr > th{ background-color: #0a4bb3   ; color: white; }
.blue-table-div .commonBorderTable2 > tbody > tr > td,.blue-table-div .commonBorderTable2 > tfoot > tr > td{border-right: 1px solid #0a4bb3   ; border-bottom: 1px solid #0a4bb3  ; border-top:none;  }
.blue-table-div .commonBorderTable2 > tbody > tr > td:last-child,.blue-table-div .commonBorderTable2 > tfoot > tr > td:last-child{border-right: none; }
.blue-table-div .commonBorderTable2 > tbody > tr:last-child > td,.blue-table-div .commonBorderTable2 > tfoot > tr:last-child > td{ border-bottom: none; }
.blue-table-div .commonBorderTable2 > thead > tr > th{ border-bottom: 1px solid #0a4bb3  ;}
.blue-table-div .commonBorderTable2 > tfoot > tr:first-child > td{ border-top:1px solid #0a4bb3  ; }
.blue-table-div .commonBorderTable2 > tbody > tr.addOtherInfoTR > td:not(:last-child){ border-right:none; }
.diet_selection_form_ipd .dietSelectedNew{
    color : red !important;
    text-decoration:  underline;
    font-weight: bold;
}
.marginAZ{
    margin: 10px;
}
.borderRight_black{
    border-right: 1px solid #e5e5e5;
}
.inlinevitalInputParent.bmiMainDiv { padding-top: 7px;}
.inlinevitalInputParent.bmiMainDiv .invoiceInputBoxes{ height: 34px; padding: 6px;}
.colorIndication2{ padding: 6px;}
.dietCatRemarkOptions.invoiceInputBoxes {
    font-size: 14px;
    background-color: #d9e8ee; color: black;
}
.overflowx{
    overflow-x: auto;
}
.borderCircle{ 
    height: 50px;
    width: 50px;
    border: 2px solid #000;
    margin: 5px ;
    border-radius: 50%;
    display: inline-block;
}
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #cccccc;
}
.c100.cGreen {
    background-color:    #4db53c;
}

.c100 *, .c100 *:before, .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.c100.center {
    float: none;
    margin: 0 auto;
}
.c100.big {
    font-size: 240px;
}
.c100.small {
    font-size: 80px;
}
.c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    /*color: #cccccc;*/
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: whitesmoke;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.c100.selected:after  {
    background-color: #cccccc;
}
.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}
.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}
.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}
.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}
.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}
.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}
.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}
.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}
.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}
.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}
.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}
.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}
.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}
.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}
.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}
.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}
.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}
.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}
.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}
.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}
.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}
.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}
.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}
.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}
.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}
.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}
.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}
.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}
.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}
.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}
.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}
.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}
.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}
.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}
.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}
.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}
.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}
.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}
.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}
.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}
.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}
.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}
.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}
.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}
.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}
.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}
.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}
.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}
.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}
.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}
.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}
.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}
.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}
.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}
.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}
.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}
.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}
.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}
.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}
.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}
.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}
.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}
.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}
.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}
.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}
.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}
.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}
.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}
.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}
.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.c100:hover {
    /*   cursor: default; */
}
.c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}
.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}
.c100.dark {
    background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}
.c100.dark > span {
    color: #777777;
}
.c100.dark:after {
    background-color: #666666;
}
.c100.dark:hover > span {
    color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
    border-color: #4db53c !important;
}
.c100.green:hover > span {
    color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
    color: #5fd400;
}
.c100.pink .bar, .c100.pink .fill {
    border-color: #FF69B4 !important;
}
.c100.pink:hover > span {
    color: #FF69B4;
}
.c100.pink.dark .bar, .c100.pink.dark .fill {
    border-color: #FF69B4 !important;
}
.c100.pink.dark:hover > span {
    color: #FF69B4;
}
.c100.redd .bar, .c100.redd .fill {
    border-color: #c74e2c !important;
}
.c100.redd:hover > span {
    color: #c74e2c;
}
.c100.redd.dark .bar, .c100.redd.dark .fill {
    border-color: #c74e2c !important;
}
.c100.redd.dark:hover > span {
    color: #c74e2c;
}
.c100.orange .bar, .c100.orange .fill {
    border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
    color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
    color: #e08833;
}
.faqAccordion .card-body { font-size: 18px; }
.faqAccordion ol li {  padding: 5px; }
.faqAccordion ol li img{  margin-top: 15px; margin-bottom: 15px;}
.faqAccordion .faqHeading {
    font-size: 20px; color:#4f8a95; font-weight: bold; text-decoration: underline;
}
i.bginfo {
    background-color: white;
    color: #d9edf7 !important;    
}
i.bgsuccess {
    background-color: white;
    color: #dff0d8 !important;    
}
.site-color{ color:#7a5e35;}
.bg-site-color{ background-color:#7a5e35; color:white;}
.print_VF_sym{ text-align: left; margin-left: 0px; padding-left: 12px;}
.print_VF_sym li{ min-width: 50%; float: left; max-width: 100%;}
.selectDateWidth{ width: 300px;}
.displayInlineBlockDiv{
    display: inline-block;
}
.appointmentSpanDisp{
    width: 80px !important;
    display: inline-block;
    background-color: #f3f3f3;
    margin: 5px 5px 0px 2px;
    padding: 5px;
    text-align:  center;
    color: black;
    cursor: pointer;
}
.appointmentSpanDisp.active{ background-color: #d9e8ee;}
.nav-menu-data > li.active > a{ background-color: #d9e8ee !important; color: black !important;}
.nav-menu-data > li.active:hover > a{ background-color: #d9e8ee !important; color: black !important;}
.nav-menu-data > li.active > a:hover{ background-color: #d9e8ee !important; color: black !important;}
/*plan*/
.printCustom{
    background-color: #4f8a95 !important;
    color: white !important;
    border: 1px solid #ffffff !important;
    padding: 5px !important;
    border-radius: 0px !important;
    padding-left: 5px !important;
}
.potencytxt{
    width: 100px;
    height: 25px;
    display: block;
    float: left;
    border: none;
    padding: 4px;
    border: 1px solid #d9e8ee;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    text-align: center;
}
.searchtable .thead{background: #4f8a95;}
.placeWhite{
    background-color: #4f8a95;
    padding: 6px;
    color: white;
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
}
.searchtable .table-condensed{background: white;}
.searchtable .table-condensed tr th,.table-condensed tr td{ color: #4f8a95}
.oldSearchResultList >tr:hover, .oldSearchResultList >tr.hover {
    background-color: #C8E2E4;
    color: black;
}
#oldSearchResultList > tr {
    border-bottom: 1px solid #d9e8ee;
}
.dummyhighlight{font-size: 10px;    margin-left: 2px;}
.medicineListDiv .medicineBoxes .medicinePostUnitSelectSpan {
    min-width: 65px;
    float: left;
    width: 60px;
}
.medicineListDiv .doseBoxes {
    width: 195px;
}
.selectIpdRemarkWidth{ width: 300px;}