/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* body{
    min-height: 1450px !important;
} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
#message{
	margin-left: 40% !important;
}
#sucessmessage1{
    margin-left: 20%;
}
.hos_pass{
        float: right;
        margin-right:30px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#message{
	margin-left: 40% !important;
}

.fa {
    
    margin-left: 2px;
}
#notification-popup{
    width: 35%;
}
/*#modal-header{background-color: #37a000;}*/
/*#notification-popup .modal-body p{ margin-left:30%}*/
   #notification-popup .modal-body{
   /*border: 4px solid #37a000;*/
   background-color: #37a000;
   
   /*border-bottom-style:none;*/
   /*height: 100px;*/
}
.duty.identity  .form-group{flex:0 100%;}
 .modal-header{padding:0px;
              border-bottom:none}
 /*.modal-header .close{margin-top:2px}*/
 .modal-header .close{font-size:xx-large}
/* start editing from here 
a { text-decoration: none; }
.txt-rt { text-align: right; }/* text align right */
.txt-lt { text-align: left; }/* text align left */
.txt-center { text-align: center; }/* text align center */
.float-rt { float: right; }/* float right */
.float-lt { float: left; }/* float left */
.clear { clear: both; }/* clear float */
.pos-relative { position: relative; }/* Position Relative */
.pos-absolute { position: absolute; }/* Position Absolute */
.vertical-base { vertical-align: baseline; }/* vertical align baseline */
.vertical-top { vertical-align: top; }/* vertical align top */
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li { display: block; }/* vertical menu */
nav.horizontal ul li { display: inline-block; }/* horizontal menu */
img { max-width: 100%; }
/*end reset*/
.wrap{
    width: 70%;
    margin: 0 auto;
}
.modal-open {
    overflow: scroll;
}
body.modal-open {
    overflow: hidden;
}
body{
    height:625px;
}
/*.top-nav { float: right; }
.top-nav ul li {
    display: inline-block;
    float: left;
}
.top-nav ul li:first-child { border-left: none; }
.top-nav ul li a {
    color: #252525;
    text-transform: capitalize;
    padding: 30px 15px;
    display: block;
    font-weight: normal;
    position: relative;
    transition: all 0.5s ease;
    font-size: 16px;
}
.top-nav ul li a::after {
    position: absolute;
    content: " ";
    height: 3px;
    background: #37a000;
    left: 50%;
    right: 50%;
    bottom: 0;
    transition: all 0.5s ease;
}
.top-nav li.active> a, .top-nav li > a:hover { color: #37a000; }
.top-nav li.active> a::after, .top-nav li:hover > a::after {
    left: 15px;
    right: 15px;
}*/
/*-----content-grids-----*/
.content-grids {
    background: #37a000;
    padding: 10px 0px;
}
/*  GRID OF THREE   ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after { clear: both; }
.group { zoom: 1; }
.listview_1_of_3 {
    display: block;
    float: left;
    margin: 0% 0 0% 1.6%;
    background: #F1F6F9;
}
.listimg {
    display: block;
    float: left;
}
.text {
    display: block;
    float: left;
    margin: 0% 0 0% 3.6%;
}
.listview_1_of_3:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.images_1_of_3 {
    width: 45%;
    padding: 1.5%;
    border-radius: 1.1em;
}
.listimg_1_of_2 { width: 32.2%; }
.list_1_of_2 {
    width: 64.2%;
    margin-top: 5px;
}
.images_1_of_3 img {
    max-width: 100%;
    display: block;
}
.list_1_of_2 h3 {
    color: #37a000;
    margin-bottom: 0.2em;
    margin-top: 0;
    font-size: 2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight : normal;
    letter-spacing: -1px;
}
.list_1_of_2 p {
    font-size: 0.8125em;
    color: #37a000;
    line-height: 1.5em;
    font-family: Arial, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
    padding: 0;
}
.list_1_of_2 .button {
    line-height: 1.9em;
    margin-top: 0.2em;
}
.list_1_of_2 .button a {
    background: #252525;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    transition: all 0.5s ease;
}
.list_1_of_2 .button a:hover {
    text-decoration: none;
    background: #37a000;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap { width: 90%; }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
    .wrap { width: 95%; }
    .listview_1_of_3 { margin: 2% 0 2% 0%; }
    .text { margin: 0; }
    .images_1_of_3 {
        width: 94%;
        padding: 3%;
    }
    .listimg_1_of_2 { width: 100%; }
    .list_1_of_2 { width: 100%; }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .wrap { width: 95%; }
    .listview_1_of_3 { margin: 2% 0 2% 0%; }
    .text { margin: 0; }
    .images_1_of_3 {
        width: 92%;
        padding: 4%;
    }
    .listimg_1_of_2 { width: 100%; }
    .list_1_of_2 { width: 100%; }
}
/*  GRID OF THREE   ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after { clear: both; }
.group { zoom: 1; }
.col_1_of_3 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    background: #fff;
    border: 1px solid #edf3f3;
}
.col_1_of_3:first-child { margin-left: 0; }
.span_1_of_3 {
    width: 29%;
    padding: 1.5% 3% 0 0;
}
.span_1_of_3 h3 {
    color: rgb(139, 139, 139);
    margin-bottom: 0.2em;
    margin-top: 0;
    font-size: 2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
}
.span_1_of_3 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: rgb(155, 155, 155);
    line-height: 1.8em;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap { width: 95%; }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap { width: 95%; }
    .col_1_of_3 { margin: 1% 0 1% 0%; }
    .span_1_of_3 {
        width: 94%;
        padding: 3%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .wrap { width: 95%; }
    .col_1_of_3 { margin: 1% 0 1% 0%; }
    .span_1_of_3 {
        width: 92%;
        padding: 4%;
    }
}
.span_1_of_3 span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #37a000;
    line-height: 1.8em;
}
.frist a {
    font-size: 0.8em;
    font-family: 'Ropa Sans', sans-serif;
    background: #37a000; /* Old browsers */
    background: -moz-linear-gradient(top, #37a000 0%, #37a000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37a000), color-stop(100%, #37a000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37a000 0%, #37a000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37a000 0%, #37a000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37a000 0%, #37a000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #37a000 0%, #37a000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a000', endColorstr='#37a000', GradientType=0 ); /* IE6-9 */
    border: #fff 1px solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    -moz-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    box-shadow: 0px 0px 3px rgb(207, 206, 206);
    text-transform: uppercase;
    color: #fff;
    padding: 13px 17px 13px 17px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    float: left;
    margin-top: 10px;
}
.frist a:hover { color: #000; }
.second ul li a {
    color: #37a000;
    margin-bottom: 0.2em;
    margin-top: 0;
    font-size: 1em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
}
.second ul li a img {
    padding-right: 4px;
    vertical-align: baseline;
}
.second ul li {
    line-height: 2.2em;
    border-bottom: 1px dotted rgb(185, 185, 185);
}
.second ul li a:hover { color: rgb(139, 139, 139); }
/*----footer-----*/
.footer {
    background: #252525;
    padding: 15px 4px;
    color: #fff;
    border-top: 1px solid #444;
}
.footer-left { float: left; }
.footer-left ul li { display: inline-block; }
.footer-left ul li a {
    color: #e9e9e9;
    text-transform: uppercase;
    display: block;
    margin-right: 10px;
}
.footer-right { float: right; }
.footer-right p {
    font-family: 'Ropa Sans', sans-serif;
    color: rgb(139, 139, 139);
    text-transform: uppercase;
}
.footer-right a {
    text-transform: uppercase;
    color: rgb(139, 139, 139);
    font-family: 'Ropa Sans', sans-serif;
}
.footer-right a:hover, .footer-left ul li a:hover { color: #37a000; }
/*---about---*/
.about h4, .services h4 {
    color: rgb(139, 139, 139);
    margin-top: 0;
    font-size: 2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 12px;
}
/*--servivces---*/
/*  GRID OF FIVE   ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after { clear: both; }
.group { zoom: 1; }
.col_1_of_5 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    background: #fff;
    border: 1px solid #edf3f3;
}
.col_1_of_5:first-child { margin-left: 0; }
.span_1_of_5 {
    width: 15.72%;
    padding: 1.4%;
    text-align: center;
}
.span_1_of_5 h3 {
    color: rgb(139, 139, 139);
    margin-bottom: 0.2em;
    margin-top: 0;
    font-size: 1.2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    text-align: left;
}
.span_1_of_5 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: rgb(155, 155, 155);
    line-height: 1.8em;
    text-align: left;
}
.span_1_of_5 img { text-align: center; }
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap { width: 95%; }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap { width: 95%; }
    .col_1_of_5 { margin: 1% 0 1% 0%; }
    .span_1_of_5 {
        width: 94%;
        padding: 3%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .wrap { width: 95%; }
    .col_1_of_5 { margin: 1% 0 1% 0%; }
    .span_1_of_5 {
        width: 92%;
        padding: 4%;
    }
}
/*---blog---*/
/*----blog----*/
.blog-grid-header h3, .blog-grid-header ul li a {
    font-family: 'Ropa Sans', sans-serif;
    color: #37a000;
    display: inline-block;
    font-size: 1em;
    padding: 7px 0px 0px 0px;
}
.blog-grid-header ul li {
    display: inline-block;
    margin-right: 5px;
}
.blog-grid-header ul li a img { vertical-align: middle; }
.blog-grid-header ul li img { padding-right: 5px; }
.blog-grid-header ul li a { color: rgb(155, 155, 155); }
.blog-grid-header ul li a:hover { color: #37a000; }
.blog-grid h4 {
    color: rgb(139, 139, 139);
    margin-top: 0;
    font-size: 2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 12px;
}
/*  GRID OF Content with Image   ============================================================================= */

.image {
    clear: both;
    padding: 0px;
    margin: 0px;
    padding: 2% 0;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after { clear: both; }
.group { zoom: 1; }
.grid {
    display: block;
    float: left;
    margin: 0% 0 0% 2.2%;
}
.grid:first-child { margin-left: 0; }
.images_3_of_1 { width: 30.2%; }
.detalis-image-details {
    float: right;
    width: 80%;
}
.span_2_of_3 {
    width: 67.6%;
    padding: 0;
}
.images_3_of_1 img {
    max-width: 100%;
    display: block;
}
.span_2_of_3 h3 {
    color: #575757;
    margin-bottom: 0.3em;
    font-size: 1.5em;
    font-family: 'Open Sans', sans-serif;
    font-weight : normal;
    margin-top: 0px;
    letter-spacing: -1px;
}
.span_2_of_3 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: rgb(155, 155, 155);
    line-height: 1.8em;
    margin-bottom: 10px;
}
.span_2_of_3 .button {
    margin-top: .3em;
    line-height: 1.9em;
}
.span_2_of_3 .button a {
    font-size: 0.8em;
    font-family: 'Ropa Sans', sans-serif;
    background: #37a000;
    background: -moz-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37a000), color-stop(100%, #37a000));
    background: -webkit-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -o-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -ms-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: linear-gradient(to bottom, #37a000 0%, #37a000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a000', endColorstr='#37a000', GradientType=0 );
    border: #fff 1px solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    -moz-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    box-shadow: 0px 0px 3px rgb(207, 206, 206);
    text-transform: uppercase;
    color: #fff;
    padding: 3px 15px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    float: left;
    margin-top: 8px;
}
.span_2_of_3 .button a:hover { color: #000; }

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap { width: 90%; }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
    .wrap { width: 95%; }
    .image { padding: 3%; }
    .grid { margin: 0; }
    .images_3_of_1 {
        width: 100%;
        padding: 2% 0 2% 0;
    }
    .span_2_of_3 { width: 100%; }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .wrap { width: 95%; }
    .image { padding: 4%; }
    .grid { margin: 0; }
    .images_3_of_1 {
        width: 100%;
        padding: 2% 0 2% 0;
    }
    .span_2_of_3 { width: 100%; }
}
/*----pagnation----*/
.pagnation {
    float: right;
    margin-top: 10px;
}
.pagnation ul li { display: inline-block; }
.pagnation ul li a {
    font-size: 0.8em;
    font-family: 'Ropa Sans', sans-serif;
    background: #37a000;
    background: -moz-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37a000), color-stop(100%, #37a000));
    background: -webkit-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -o-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -ms-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: linear-gradient(to bottom, #37a000 0%, #37a000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a000', endColorstr='#37a000', GradientType=0 );
    border: #fff 1px solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    -moz-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    box-shadow: 0px 0px 3px rgb(207, 206, 206);
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.pagnation ul li a:hover { color: #000; }
/*---contact----*/
/*---contact----*/
/*  Contact Form  ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after { clear: both; }
.group { zoom: 1; }
.col {
    display: block;
    float: left;
}
.col:first-child { margin-left: 0; }
.span_2_of_3 {
    width: 67.1%;
    padding: 0 0 1.5% 0;
}
.span_2_of_3 h2, .span_1_of_3 h2 {
    color: rgb(139, 139, 139);
    margin-top: 0;
    font-size: 2em;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 12px;
}
.htabs {
    height: 30px;
    line-height: 16px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 15px;
}
.contact-form {
    position: relative;
    padding-bottom: 30px;
}
.contact-form div { padding: 5px 0; }
.contact-form span {
    display: block;
    font-size: 1em;
    color: rgb(139, 139, 139);
    padding-bottom: 5px;
    font-family: 'Ropa Sans', sans-serif;
}
.contact-form input[type="text"], .contact-form textarea {
    padding: 8px;
    display: block;
    width: 98%;
    background: #fcfcfc;
    border: none;
    outline: none;
    color: rgb(139, 139, 139);
    font-size: 0.8125em;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
    -webkit-box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
    -moz-box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
    -o-box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
    -webkit-appearance: none;
}
.contact-form textarea {
    resize: none;
    height: 120px;
}
.contact-form input[type="submit"] {
    font-size: 1em;
    font-family: 'Ropa Sans', sans-serif;
    background: #37a000;
    background: -moz-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37a000), color-stop(100%, #37a000));
    background: -webkit-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -o-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: -ms-linear-gradient(top, #37a000 0%, #37a000 100%);
    background: linear-gradient(to bottom, #37a000 0%, #37a000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a000', endColorstr='#37a000', GradientType=0 );
    border: #fff 1px solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    -moz-box-shadow: 0px 0px 3px rgb(207, 206, 206);
    box-shadow: 0px 0px 3px rgb(207, 206, 206);
    text-transform: uppercase;
    color: #fff;
    padding: 15px 20px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    float: left;
    margin-top: 8px;
    cursor: pointer;
}
.contact-form input[type="submit"]:hover { color: #000; }
.contact-form input[type="submit"]:active { background-color: #000; }
.company_address p {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0.2em 0;
    font-size: 0.8125em;
    color: rgb(155, 155, 155);
    line-height: 1.5em;
}
.company_address p span {
    text-decoration: underline;
    color: #333;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}
.map {
    border: 1px solid #C7C7C7;
    margin-bottom: 15px;
}
/***** Media Quries *****/
.city-group .city-group-inner {
    display: flex;
    display: -webkit-flex;
}
.city-group .city-group-inner .form-group {
    width: 50%;
    padding: 0 10px;
}
.city-group .city-group-inner .input-group{
    width: 100%;
}
.city-group .city-group-inner label{
    width: 100% !important;
}
.city-group .city-group-inner select{
width: 100% !important;
max-width: 100% !important;
}
.medicine_stockAI{
    max-width: 100% !important;
    width: 100% !important;
}
.city-group .city-group-inner .input-group-addon{
    padding: 10px 0;
    display: block;
}
/* .col-md-6{margin-left: 15px;} */
.input-inline{margin-bottom:10px;}

.modal-title{
	margin-left: 30px;
    margin-top: 20px;
}
.city_master_popup{
	height: 40% !important;
}
.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 24px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #006600;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #006600;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
.city-group .city-group-inner .form-group select { width: 100%; }
@media only screen and (max-width: 1024px) {
    .wrap { width: 95%; }
}
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
    .wrap { width: 95%; }
    .span_2_of_3 {
        width: 94%;
        padding: 3%;
    }
    .col { margin: 1% 0 1% 0%; }
    .span_1_of_3 {
        width: 94%;
        padding: 3%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap { width: 95%; }
    .span_2_of_3 {
        width: 94%;
        padding: 3%;
    }
    .col { margin: 1% 0 1% 0%; }
    .span_1_of_3 {
        width: 94%;
        padding: 3%;
    }
    .contact-form input[type="text"], .contact-form textarea { width: 97%; }
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .wrap { width: 95%; }
    .span_2_of_3 {
        width: 90%;
        padding: 5%;
    }
    .col { margin: 1% 0 1% 0%; }
    .span_1_of_3 {
        width: 90%;
        padding: 5%;
    }
    .contact-form input[type="text"], .contact-form textarea { width: 92%; }
}
/*---contact----*/
.contact { min-height: 682px; }
.frist, .second { padding: 1.5%; }
.frist h3 { padding-bottom: 6px; }
/*----error-page----*/
.erroe-page {
    text-align: center;
    height: 500px;
    padding-top: 182px;
}
.erroe-page h3, .erroe-page h4 {
    font-family: 'Ropa Sans', sans-serif;
    color: rgb(139, 139, 139);
    text-transform: uppercase;
    display: block;
    font-size: 10em;
}
.erroe-page h4 { font-size: 2em; }
/*----responsive-design----*/
@media screen and (max-width:1366px) {
    .wrap { width: 90%; }
}
@media screen and (max-width:1024px) {
    .wrap { width: 90%; }
    .span_1_of_5 { width: 15.7%; }
    .list_1_of_2 h3, .span_1_of_3 h3 { font-size: 1.5em; }
    .erroe-page {
        height: 402px;
        padding-top: 157px;
    }
}
@media screen and (max-width:800px) {
    .wrap { width: 760px; }
    .frist img { width: 100%; }
    .span_1_of_5 { width: 15.6%; }
    .images_3_of_1, .span_2_of_3 {
        width: 100%;
        float: none;
    }
    .images_3_of_1 img { width: 100%; }
    .span_2_of_3 {
        padding: 0px;
        margin: 0px;
    }
    .span_2_of_3 p { margin-top: 8px; }
    .contact-form { padding-bottom: 83px; }
    .contact_info, .company_address { display: none; }
    .erroe-page { height: 344px; }
    .about h4, .services h4 { font-size: 1.5em; }
}
@media screen and (max-width:640px) {
    .wrap { width: 90%; }
    .images_1_of_3 {
        width: 26%;
        padding: 2%;
        text-align: center;
    }
    .images_1_of_3:nth-child(2) { margin: 1.6% 4%; }
    .top-nav ul li a { padding: 26px 11px; }
    .span_1_of_5 { width: 42.899%; }
    .span_1_of_5:last-child { display: none; }
    .span_1_of_5:first-child, .span_1_of_5:nth-child(3) { margin-right: 1.5%; }
}
@media screen and (max-width:480px) {
    .wrap { width: 90%; }
    .list_1_of_2 h3, .span_1_of_3 h3 { font-size: 1em; }
    .top-nav ul li a { padding: 26px 18.17px; }
    .logo {
        float: none;
        padding: 10px 0px;
        margin: 0px;
    }
    .top-nav { float: none; }
    .footer-left, .footer-right {
        float: none;
        text-align: center;
        line-height: 1.8em;
    }
    .span_1_of_5 { width: 40.77%; }
    .contact { min-height: 578px; }
    .erroe-page {
        height: 329px;
        padding-top: 50px;
    }
    .span_1_of_3 { width: 100%; }
    #state tr td,a{font-size:12px;}
}
.hospital-checkbox input{
    position: absolute;
}
.hospital-checkbox label{
    margin-left: 20px;
}



.form-group.file input[type="file"] + label.profile-pic{width: 70px !important;}
/* 09-03-2021 */
#hospital{width: 100% !important}
.pagination .active a{background-color: #379F00 !important;}
.pagination .disabled{opacity: 0.3;}
.pagination .paginate_button{margin-bottom: 10px;}
.main-content table{width: 100% !important;}
.footer-1 ul li{margin-bottom: 10px;}
.footer-1 ul br{display: none;}
.main-content form{padding: 0 40px}
.signup_form{padding: 0 !important;}
.patient-dropdown:hover,
.open .btn-primary.dropdown-toggle.patient-dropdown{background-color: #37a000;border-color: #37a000;}
.patient-dropdown-menu .dropdown-item:hover button{color: #fff}
.patient-dropdown-menu .dropdown-item button:hover{background-color: transparent !important; border-color: transparent !important}
.hamburger-menu{display: none; float:left;}
#sidebar{top:55px; overflow-y:auto; height:115%}
#sidebar .navbar-title{display: flex; justify-content: space-between; align-items: center;}
.scroll-hidden{overflow:hidden; }
.scroll-hidden .app-content{opacity:.5;}
.modal-scrollable .cityMasterModelClass .option{margin: 0 15px !important;}
/* footer.footer{position: absolute;bottom: 0;width: 100%;} */

@media(max-width: 1024px){
    .signup_form .form-group.file input[type="file"] + label.test-pic{width: 100% !important;}
    .city-group .city-group-inner .form-group.file img{width: 100%;object-fit: contain;}
    .table > thead > tr > th{white-space: nowrap;}
    #page-title .row_border .col-sm-2 .checkbox label br{display: none;}
    #ajax-modal{margin: 0 30px !important}
    #ajax-modal .modal-body input{width: 100% !important;}
    #ajax-modal h4.modal-title{font-size: 16px;margin-left: 20px}
    div.dataTables_filter label{float: left;}
    .table-scrollable table{width: 100% !important;}
    #registration{padding: 20px;margin: 40px 0 0;}
    #registration .align-items-center{margin: 0;}
    #registration .align-items-center .col-md-12{padding: 0;}
    #registration .table-responsive thead tr td{white-space: nowrap;}
    fieldset .accordian_content{overflow-x: auto;}
    #submit-form{width: 54% !important}
    #sentNotice #sendNotification{padding: 0;}
    #myCarousel .carousel-caption p i,
    #myCarousel .carousel-caption p{font-size: 16px;}
    #myCarousel .carousel-caption h3{font-size: 18px;}
    .about-us p{font-size: 16px !important;}
    .hamburger-menu{display: block;}
    .sidebar.collapse.in{transform:none !important;translate:none !important;z-index: 99 !important;}
    .sidebar.collapse.out{transform: translate3d(-260px, 0, 0)!important;}
    #secondry_medicine{width: 100%;}
}
/* @media(max-width: 991px){
    #sidebar{transform: none; z-index: 9999;}
} */
@media(max-width: 767px){
    .city-group .select2-container{width: 100% !important}
    .signup_form .city-group .city-group-inner{display: block;}
    .proof_doc{display: block !important;}
    .proof_doc .proof-file,
    .proof_doc .proof-pic,
    .proof_doc .userproof.proof,
    .city-group .city-group-inner .form-group.file input,
    .city-group .city-group-inner .form-group,
    .city-group .city-group-inner .form-group.file input[type="file"] + label.test-pic,
    .identity-name .identity-name-field{width: 100% !important;}
    #page-title .row_border .col-sm-2{text-align: left;width: 100%;}
    #page-title .row_border .col-sm-2 label{width: 100%; margin: 10px 0}
    #page-title .row_border .col-sm-2 input{width: 100%}
    #page-title .row_border .col-sm-2 .checkbox label{padding: 0;}
    .container .nav-tabs > li > a{min-width: 60px;font-size: 11px;padding: 15px 4px;}
    .btn-group .btn{font-size: 10px;}
    .city-group-inner .form-group .multiselect{width: 100% !important;}
    .main-content .container{padding: 30px 20px}
    .main-content .container .tab-pane{padding: 30px 0;}
    #hospital_wrapper{padding: 0 10px;}
    .table-scrollable .hidden-xs{display: revert !important;}
    .container-fullw{margin: 0 !important}
    .footer-1 ul li{font-size: 10px;}
    .signup_form fieldset .col-md-12{padding: 0;}
    .nav-tabs {display: flex}
    .nav-tabs li{float: none;width: 100%;}
    #myCarousel .carousel-caption p i,
    #myCarousel .carousel-caption p{font-size: 14px;}
    #myCarousel .carousel-caption h3{font-size: 16px;}
    .about-us p{font-size: 14px !important;}
    .main-login{padding: 0 0 40px !important; margin-top: 30px}
    .main-login h2{font-size: 19px;margin-bottom: 10px;}
    .main-login .box-login{padding: 40px 20px 20px}
    #registration .btn-group .btn-primary{height:30px !important};
}

.action-option .btn-group .dropdown-menu{right: 0;left: auto;}
.action-option .fa-ellipsis-h {color: green;font-size: 22px;}
.action-option {width: 100%;text-align: center;}
.action-option .btn-group{width: 100%;text-align: center;}
tr:nth-last-child(2) .action-option .btn-group .dropdown-menu,
tr:last-child .action-option .btn-group .dropdown-menu{top: -150px}
tr:nth-child(2) .action-option .btn-group .dropdown-menu,
tr:first-child .action-option .btn-group .dropdown-menu{top: 0}

.select2-container--open {z-index: 9999999;}
.category__type__redio { float:unset; margin-left:12px; }
.custom_tab { border:1px solid #DDDDDD; padding:13px }
.custom_tab.active { background-color:#d3d3d3 }


.p-0 {  padding : 0px; }
.pl-0 {  padding-left : 0px; }
.pr-0 {  padding-right : 0px; }
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}

.table button.list-btn-edit {
    margin: 3px 0;
    border: 1px solid #aeacb4;
    background-color:green;
}

.table button.list-btn-view {
    margin: 3px 0;
    border: 1px solid #aeacb4;
    background-color:green;
}

.table button.list-btn-delete {
    margin: 3px 0;
    border: 1px solid #aeacb4; 
}

.list-btn-delete{
    margin: 3px 0;
    border: 1px solid #aeacb4;
    background: #e7e7e9;
}

.custom__readonly { 
    pointer-events: none; 
    background-color: #eeeeee !important;
    position: relative;
}

.previous-medicine-show-hide {
    float: right;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    padding: 0px !important;
}

.patient-sop-alert-main {
    width: 74% !important;
}
.patient-sop-alert-main .patient-sop-alerts li{
    margin-bottom: 10px;
}
.patient-sop-alert-main .patient-sop-alerts li .name{
    font-size: larger;
    font-weight: bold;
}
.patient-sop-alert-main .patient-sop-alerts li .subject{
    font-size:14px;
}
.alert-msg{
    background-color: #f4f4f4;
    border: 1px solid #eee;
    padding: 2%;
    display: none;
}
#medicine tr td .badge{
    float:right;
}
#medicine-puchase tr td .badge{
    float:right;
}
#hms-js-other-sources-link td .ms-parent{
    position: static;
    max-width: 280px;
    overflow: hidden;
}
#hms-js-other-sources-link td .ms-parent .ms-drop.bottom{
    top: auto;
    left: 90px;
    max-width: 280px;
    right: auto;
}
#hms-js-other-sources-link td .ms-parent .ms-choice{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#hms-js-other-sources-link td .ms-parent .ms-choice > span, 
#hms-js-other-sources-link td .ms-parent .ms-choice > div{
    position: static;
}
.overflow-visible{overflow:visible !important;}