.footer{
	padding: 10px 0px;
	/*background: rgb(82,174,50);*/
    /*background: #2f459a;*/
    /*color: #fff;*/
    border-top: 1px solid #2f459a;
    margin-top: 30px;
    padding: 10px 0px;
}
.footer img {
    width: 70%;
}

.header{
    padding: 5px 0px 15px 0px;
    /*border-bottom: 1px solid rgb(82,174,50);
    border-bottom: 1px solid #2f459a;*/
}
.dt_dv_extlnk.pgtitle{
    background-color: #2f459a!important;
}
.content {
    margin: 50px auto;
}
.container.form_base {
    border: 1px solid #2f459a;
    border-radius: 5px;
}
.row.form_hdng {
    /*background: #52ae32;*/
    background: #2f459a;
    color: #fff;
    font-size: 26px;
    padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.control-label {
    margin-bottom: 10px;
}
#cst_form_a {
    /*margin-bottom: 50px;*/
    padding: 10px 20px;
}

.form-heading {
    margin-bottom: 20px;
    font-weight: bold;
}

.origin, .trip_info, #rail_div{
	background: #f6fbf5;
    padding: 20px 10px;
}

.transport_div_1{
    padding: 20px 10px;
}
.via_div_1, .via_div_2, .via_div_3{
    background: #edf2ec;
    padding: 20px 10px;
}

.form-group {
    margin-bottom: 30px;
}

.btn.scs {
    /*background: rgb(82,174,50);*/
    background: #00599d;
    color: #fff;
}

.btn.fal {
    background: rgb(206,48,47);
    color: #fff;
    margin-left: 20px;
    line-height: 1.5!important;
}
.form-select{
    background-position: right 0.75rem center!important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}
.hide{
    display: none;
}
.ifrm_1, .ifrm_2{
    width: 100%;
    height: 430px;
}
.close {
    float: right;
    margin-bottom: 35px;
    background: red;
    padding: 3px 11px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}
#trnsprt_btn{
    background: blue!important;
    color: #fff;
}
#truck_div {
    border: 1px solid #c6c6c6;
    padding: 20px 10px;
}
.form-heading {
    margin-bottom: 10px;
    font-weight: bold;
}
.form-group {
    margin-bottom: 10px;
}

.viewlink{
    text-decoration: underline;
    font-size: 12px;
    color: #00f;cursor: pointer;display: block;
}
.viewlink.hide{
    display: none;
}
input#selectwater, input#selectair {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 10%;
    margin-bottom: 13px;
}

input#transport_water_id,input#transport_air_id  {
    width: 80%;
    float: left;
	border-right: 0px none;
    border-radius: 0.25rem 0px 0px 0.25rem;
}
.chkboxwrapper {
    background-color: #e9ecef;
    float: left;
    width: 20%;
    border: 1px solid #ced4da;
    border-left: none;
	border-radius: 0px 0.25rem 0.25rem 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.hdr_logo img {
    width: 100%;
    height: auto;
}
.dt_dv_extlnk:first-child {
    margin-right: 20px;
}

.dt_dv_extlnk a{
    text-decoration: none;
    color: #fff;
}
.inr_smbl {
    margin-right: 5px;
}
/*===============SLIDER PAGE STARTS=================*/

.btm_fx_txt_lft {
    text-align: left;
	text-shadow: 3px 0px #000;
}
.btm_fx_txt_ryt {
    text-align: right;
}
.black{
    color: #fff !important;
    background-color: #000;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 5px;
}
.btm_fx{
        color: #fff;/*#ffc000;*/
        font-weight: bold;
        font-size: 20px;
        /*width: 80%;*/
        margin: 0 auto;
        padding: 5px 35px;
    }
.btm_fx a{
    color: #ffc000;
    /*text-decoration: none;*/
}
.btm_fx a:hover{
    color: #fff;
    text-decoration: underline;
}
.medhead {
    padding: 0;
    margin: 0;
}
.medhead div {
    padding: 0;
    margin: 0;
    background-color: #b8e2f3;
    border: none !important;
}
.meddetail input {
    font-size: 12px !important;
    margin-right: 5px;
}
.sumdet {
    float: right;
}
.meddetail input:last-child {
    margin: 0;
}

    .mdl {
        color: #fff;
        font-weight: bold;
        font-size: 20px;
    }
    .row.mdl_cntnt {
        margin: 20px auto;
        min-height: 110px;
    }

    #carouselExampleCaptions {
        height: 600px;
    }
    .carousel-inner{
    height: 550px;
    }

    .icon16 img{width: 16px;height: 16px;}
    .icon32 img{width: 32px;height: 32px;}
    .icon48 img{width: 48px;height: 48px;}
    .icon64 img{width: 64px;height: 64px;}

    .devcontact {
      background-color: #827f6f;
    }
    span.compulsory {
        font-size: 18px;
        line-height: 16px;
        color: #f00;
    }
    .toplinks {
        text-align: right;
        margin-bottom: 5px;
    }
    .toplinks a{
        padding: 5px 10px;
        border: 1px dotted #000;
        border-radius: 2px;
        color: #fff;
        background-color: #006db7;
        text-decoration: none;
    }
    .create-bill36 .tagsbill {
        width: 140px;
    }
    table#invoice .invamount{
        display: inline-block;
        width: 40%;
    }
    table#invoice .label {
        display: inline-block;
        width: 60%;
    }
    @media screen and (min-width: 1680px) {
        
        #carouselExampleCaptions {
        height: 750px;
        }
        .carousel-inner{
        height: 700px;
        }        
        .carousel-caption.d-none.d-md-block{
            top: 300px;
        }
    }

    /*.carousel-item{
        min-height: 350px;
    }*/
    .hdng_mn.aa {
        font-weight: bolder;
        font-size: 44px;
        margin: 0 auto;
		text-shadow: 3px 3px black;
  /*      width: 60%;
        display: block;
        margin-left: 20%;*/
    }
        .crsl {
            background: #fff;/*002155*/
			padding-top: 10px;
        }
        .content {
            margin: 0px auto!important;
        }
        @media screen and (min-width: 768px) {

            .carousel-caption{
                top: 210px;
            }

        }
        .mdl_cntnt img {
    height: 70px;
}
.mdl {
/*    width: 170px;
    display: block;*/
    margin: 0 auto;
	text-shadow: 3px 2px black;
}
.cr_aa .mdl {
    width: 100%;
    display: unset;
}

.carousel-caption.d-none.d-md-block {
    background: transparent;/* #002155;*/
    width: 100%;
    left: 0;
    /*top: 0 !important;*/
    padding: 30px 10%;
    /*height: 100%;*/
}

/*===============SLIDER PAGE ENDS=================*/
.tltp_cst {
    padding-left: 10px;
    color: #2f459a;
    font-size: 20px;
}

.tooltip>.tooltip-inner {
  padding: 15px;
  font-size: 1.2em;
  background-color: #002155;
  color: #fff;
}

.carousel-indicators [data-bs-target]{
    height: 10px;
    border-radius: 50%;
    border: 2px solid #000;
    width: 10px;
}

.carousel-indicators .active{

    background-color: #000;

}
.tp-imgbg {
    padding: 0;
}
.tp-imgbg img {
    width: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    background-color: grey;
    background-image:  unset!important;
}

.carousel-control-next-icon .fa, .carousel-control-prev-icon .fa{
    font-size: 26px;
    vertical-align: middle;
    color: #fff;
}
.carousel-control-prev{justify-content: left!important;}
.carousel-control-next{justify-content: right!important;}

#rl_far_brkup, #rl_far_brkup_fm, #rl_far_brkup_mh, #rl_far_brkup_lm {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
}
.rl_fr_inrmn{
    margin: 10% auto;
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #fff;
}
.clsbtn_rlbrk span {
    color: red;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid red;
    padding: 5px 10px;
    border-radius: 50%;
}
.clsbtn_rlbrk{
    text-align: right;
    cursor: pointer;
}

.carousel-control-prev, .carousel-control-next{
    width: unset!important;
}
p.btm_fx_txt_ryt a , p.btm_fx_txt_ryt a:visited,p.btm_fx_txt_ryt a:focus, p.btm_fx_txt_ryt a:active   {
    text-decoration: unset;
    background-color: rgba(0,33,85,1);
    background-color: #fff;
    font-size: 25px;
    padding: 5px 20px !important;
    border-radius: 2px;
    color: #ffc000;
/*    box-shadow: 1px 1px 5px 5px #f8f8f8;*/
}
p.btm_fx_txt_ryt a:hover {
    text-decoration: underline;
    background-color: rgba(0,33,85,1);
    background-color: #fff;
    font-size: 25px;
    padding: 5px 20px !important;
    border-radius: 2px;
    color: #ffc000;
}

 .disabled_row{
    pointer-events: none;
    opacity: 0.6;
 }
@media screen and (max-width: 1365px) {
 .row.mdl_cntnt{
    min-height: unset;
 }
}
h1 {
    font-size: 1.5rem;
}
.container {
    padding-left: 0;
    padding-right: 0;
}
section.header.topbar {
    padding: 0;
    background-color: #003542;/*2f459a;*/
    color: #fff;
    min-height: 30px;
}
section.header.topbar a{color: #fff;}
section.header.topbar ul li a{color: #000;}
.topbar .float-right {text-align: right;}
.legendbox {
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
div#legend {
    background-color: #f8f8f8;
    border: 1px solid #000;
}
.green{background-color: #00ff00; }
.red{background-color: #ff0000; }
.orange{background-color: #ffa500; }
.tgreen{color: #00ff00;}
.tred{ color: #ff0000;}
.torange{ color: #ffa500;}

g g g g text {
    display: none;
}
g g:nth-child(4) rect {
    display: none;
}
.eachimg img {
  width: 100%;
}
.eachimg div, .eachimg div a {
  font-size: 20px;
  font-weight: bold;
}
.topbar a.homeicon img {
    max-width: 32px;
}
.topbar ul > li {
    list-style: none;
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
}
.topbar ul > li:first-child {
    text-align: left;
}
.topbar ul li ul li {
    display: block;
    line-height: 30px;
    color: #000;
    width: 100%;
    text-align: left;
}
.topbar ul li ul li a {
    color:#000;
    text-decoration: none;
}
.topbar ul > li ul {
    display: none;
    width: 250px;
}
.topbar ul > li:hover ul {
    display: block;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    color: #000;
    padding: 10px 15px;
}
ul.mainmenu {
    margin-top: 7px;
    margin-bottom: 7px;
}
.rightmenu a {
    padding-top: 8px;
    display: inline-block;
}

body > section > div {/*border: 1px solid #01c0c8;*/margin: 0px !important;padding: 0px;}
body > section {
  /*border-bottom: 1px solid #01c0c8 !important;*/
  padding: 0px !important;
  margin: 0px !important;
}
section.header {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 15px !important;
}
#formContent {
  margin: 10px auto !important;
}
.info.heading {
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.rightblock {
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  display: block;
}
.modulename {
  font-size: 25px;
  text-align: center;
  margin-top: 10px;
  background-color: #b8e2f3;
  border: 1px dashed;
}
.links .logout {
  text-align: right;
}
.leftcolumnlinks {
  background-color: #fff;
  /*box-shadow: 0px 2px 5px  aliceblue;*/
  height: 80vh;
}
.leftcolumnlinks a{
    box-shadow:0px 0px 8px 0px rgba(25,97,148,1);
    width: 100% !important;
    display: block;
    padding: 2px 10px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;        
}
#loginblock {
  min-height: 85vh;
}
.dasboard > .rightblock > .content {
  padding-right: 11px;
}
.patientr {
  width: 100%;
  padding: 10px 0px;
  display: block;
  margin: 0px;
}
.topblock {
  height: 50px;
}
.searchblock, .otherblock {
  border: 1px dotted #000;
  background-color: #b8e2f3;
  padding: 10px;
  height: 50px;
  width: 100%;
  float: left;
}
.top0 {
    padding: 0px;
}
.patientr .searchblock form input[type="text"] {
    width: 80%;
}
.patientr .searchblock form input[type="submit"] {
    width: 19%;
}
.bodyblock {
    border: 1px dotted;
    display: block;
    margin: 5px 0px;
    min-height: 485px;
    background-color: #f8f8f8;
    padding-top: 10px;
}
.patientr .bodyblock .lblock .tabs .tab {
    width: 30%;
    border: 1px dotted;
    text-align: center;
    cursor: pointer;
}
.patientr .bodyblock .lblock .tabs .tab.active{
    background-color: #b8e2f3;
}
.patientr .bodyblock .lblock .tabs .tab.inactive{
    background-color: #fff;
}
.patientr .bodyblock .lblock .sections.active {
    display: block;
}
.patientr .bodyblock .lblock .sections.inactive {
    display: none;
}
.patientr .bodyblock .lblock {
    padding: 0;
    margin: 0;
    float: left;
}
.patientr .bodyblock .rblock {
    padding: 0;
    margin: 0;
    float: right;
}
.lblock .tabs {
    padding-left: 10px;
}
.gdlb {
    width: 30%;
    float: left;
}
.gdrb {
    width: 69%;
    float: left;
}
.col1 {
    text-align: right;
    padding-right: 10px;
    margin: 5px;
    clear: both;
    min-height: 25px;
}
.col1 select, .col1 input {
    display: inline;
    float: right;
    width: 50px;
    margin-right: 20px;
}
.detailsblock .form-control {
    padding: 0px 5px;
    margin: 0px;
    float: left;
}
.col4 {
    width: 100%;
    float: left;
    margin: 5px 5px 0px 5px;
}
input.form-control[name="age"] {
    width: 50px;
    margin: 0px 5px;
}
textarea.form-control[name="complaint"] {
    height: 79px;
}
#generaldetails .label {
    float: right;
}
.detailsblock .col1 .form-control {
    float: right;
    margin-bottom: 5px;
    margin-left: 7px;
}
input.form-control[name="fname"],input.form-control[name="guardianname"] {
    width: 75%;
}
input.form-control[name="surname"],input.form-control[name="guardiansname"]  {
    margin-left: 5px;
    width: 100px;
}
.col4 div, .col4 input, .col3 div, .col3 input {
    float: left !important;
    display: unset;
}
input.form-control[name="dob"] {
    width: 172px;
    margin-left: 5px;
}
input.form-control[name="bmi"] {
    width: 50px;
    margin-left: 3px;
}
input.form-control[name="aadhaar"] {
    width: 150px;
    margin-left: 5px;
    margin-right: 4px;
}
.col2 {
    width: 30%;
    float:left;
    margin:5px 5px 0px 5px;
}
.col3 {
    width: 66%;
    float: left;
    margin:5px 0px 0px 5px;
}
div#generaldetails,div#commdetails,div#odetails,div#appointment {
    font-size: 13px;
    height: 370px;
    border: 1px dashed;
    background-color: #f8f8f8;
}
select.form-control[name="blood"],input.form-control[name="dist"], input.form-control[name="phone"] , input.form-control[name="temp"] , input.form-control[name="height"]  , input.form-control[name="bp"]  {
    width: 150px;
    margin-left: 5px;
}
.label.cl2 {
    width: 47px;
}
.docreg .label.cl2 {
    width: 75px;
}
div#commdetails .col1 {
    float: left;
    width: 100px;
}
div#commdetails .col4 {
    width: 75%;
}
div#odetails textarea {
    width: 97%;
    margin: 10px;
    height: 330px;
}
div#appointment {
    margin-top: 26px;
}
div#appointment .col1 {
    float: left;
    width: 36%;
}
div#appointment .col4 {
    width: 50%;
}
div#appointment  .form-control {
    padding: 0px 5px;
    margin: 0px;
    float: left;
}
input.form-control[name="visits"], input.form-control[name="visitdays"], input.form-control[name="commval"], select.form-control[name="valorper"] {
    width: 50px;
}
input.form-control[name="visits"], input.form-control[name="commval"]{
    margin-right: 5px !important;
}
input.form-control[name="visitdays"]{
    margin-left: 5px !important;
}
div#summary {
    border: 1px dashed;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    background-color: mediumaquamarine;
}
div#payment {
    width: 25%;
    padding: 5px;
    float: left;
    border-right: 1px dashed;
    margin-right: 10px;
}
div#charges {
    float: left;
    width: 40%;
    border-right: 1px dashed #000;
    min-height: 50px;
}
div#action {
    text-align: center;
    padding-top: 10px;
}
input#finalamt {
    /*background: transparent;
    border: none;*/
    width: 120px;
}
.topblock .searchblock input[type="text"] {
    width: 80%;
}
.topblock .searchblock form {
    text-align: center;
}
div#appointment.booking div#charges {
    width: 70%;
    border-right: none;
    margin-top: 5px;
    min-height: 44px;
}
div#searchresult {
    border: 1px dotted;
    margin-top: 20px;
}
div#searchresult .row {
    background-color: #f8f8f8;
    border-bottom: 1px dotted;
}
div#searchresult .row:first-child {
    background-color: #b8e2f3;
    border-bottom: 1px dotted;
}
div#searchresult .row > div:nth-child(2) {
    border-left: 1px dotted;
    border-right: 1px dotted;
}
.topblock .searchblock.appointment input[type="text"] {
    width: 30%;
}
.patientr .bodyblock .lblock .tabs.appoint .tab {
    width: 24%;
}
.prescriptions .prescription {
    cursor: pointer;
    float: left;
    padding: 0px 10px;
    border: 1px dotted;
}
.prescriptions .prescription.inactive {
    background-color: #fff;
}
.prescriptions .prescription.active {
    background-color: #b8e2f3;
}
.prescriptions {
    display: flex;
    clear: both;
    width: 100%;
}
.pres > div {
    border: 1px dotted;
    min-height: 324px;
}
.pres .col4 {
    min-height: 75px;
}
.pres .col4 textarea {
    width: 95%;
    height: 75px;
    display: block;
}
.pres .col1 {
    min-height: 75px;
}
.medicineheading {
    text-align: center;
    border-bottom: 1px dashed;
    font-weight: bold;
    padding: 3px;
    background-color: #b8e2f3;
}
div#appointment.medicine + div#summary {
    margin-top: 12px !important;
}
div#appointment.medicine .col2 {
    width: 18%;
    margin: 3px;
    display: inline-block;
    float: right;
}
div#appointment.medicine .col8 {
    width: 78%;
    margin: 3px;
    display: inline-block;
}
div#appointment.medicine{
    overflow-y: scroll;
}
.viewonly .gdlb {
    width: 20%;
}
.viewonly .gdrb {
    width: 30%;
}
.viewonly .gdrb > div {
    margin: 5px;
    min-height: 20px;
}
div#commdetails.viewonly > div {
    min-height: 20px;
    padding: 5px 10px;
}
div#odetails.viewonly {
    padding: 5px 10px;
}
.addmedicinelink {
    margin: 200px auto 0px 5px !important;
    text-align: center;
    display: block !important;
}
form.medicinetbl {
    border: 1px solid #000;
}
form.medicinetbl div#searchresult {
    margin-top: 1px;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
input.qtybox {
    width: 50px;
}
input.mdbox {
    width: 100px;
}
div#recalculate {
    border: 1px solid #000;
    border-radius: 2px;
    background-color: buttonface;
    cursor: default;
}
.eachhistory {
    border-bottom: 2px solid #000;
}

.eachhistory > div >div {
    border-right: 1px dotted;
    padding-bottom: 5px;
}

.eachhistory > div >div:last-child {
    border-right: none;
}
div#history {
    overflow-y: scroll;
    height: 324px;
}