/*###############################################################################################*/

/* Filename :custom.css
*Date : 10-06-2016
*Created  By :Amit
*/

@import url('https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
/*font-family: 'Muli', sans-serif;
 *font-family: 'Montserrat', sans-serif;
*/

*{
	font-family: 'Montserrat', sans-serif;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

p,label,th{
	font-family: 'Montserrat', sans-serif;
	color:#5f6d78;
	font-weight: 400;
}

li a{
	font-family: 'Montserrat', sans-serif;
	color:#5f6d78;
}


.backgrndpage{
	background: #e8e8e8;
	padding-top:15px;
}


.btn-info-color{
	background:#0088cc;
	color:#fff;
}
}

.padding6{
	padding:6px;
}
.margin-right6{
	margin-right:6px;
}

.error{color:red;}
.error_msg{padding:10px; background:#FFCCCC; color:#c00; border:1px #c00 solid;}
.success_msg{padding:10px; background:#CCFFCC; color:#060; border:1px #060 solid;}
.success_msg, .error_msg{margin:10px 0 15px; clear:both; display:block;}
.ctime{font-size:12px; font-weight:bold; color:#aaa; padding-bottom:5px;}		
ul#comment{list-style:none; padding-left:0px;}
.delete_class{ float: right; color: #fff;padding:6px; background: #0088cc;}
.delete_class:hover{ float: right; color:#fff;padding:6px; background:#0088cc;}
.req-error-msg{color:red; font-weight:600;}

.font30{
	font-size:30px;
}
.font40{
	font-size:40px;
}
.proj-name{
	color:#0088cc !important;
}
.footer-container {
    text-align: center;
    background: #f9f9f9;
    padding: 47px 15px;
    font-size: 15px;
    color: #929191;
    line-height: 1.5;
}
.footer-container p{
	margin:0;
}
.footer-container p a{ color: #929191;}
.footer-container p a:hover{ color: #0e57ae ;}

.padding16 {
    padding: 16px 0px;
}
p>a.companyclass {
    color: #000;
}
.btn-primary{
	background: #0088cc;
}
.btn-default{
	background:#666666;
	color:#fff;	
}
.btn{
	border-radius:0px;
	padding:3px 12px;
}
.input-lg{
	border-radius:0px;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0088cc;
    border-color: #337ab7;
}
.active-records strong{
	color:#6b6b6b;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #0088cc;
    border-color: #0088cc;
}

.sicklist-logbox-container{width: 340px; margin: 0 auto;}

/*nav-header */
a:focus,button:focus,input:focus{outline: 0;}
nav.navbar-inverse.nav-main {background: #efefef;border: 0;padding-top: 20px;}
.header-main {background:#01335c/* url(../images/header-bg.jpg) no-repeat*/;background-size: cover;border-radius: 6px;padding: 16px 25px;display: flex;align-items: center; position: relative;background-image: linear-gradient(90deg, #01335c 30%,#266598 100%); background-position: left top;
    background-repeat: no-repeat;}
.head-rt-sec {margin-left: auto;}
.navbar-inverse .navbar-toggle .icon-bar { background-color:#fff;}
a.head-logo {font-size: 36px;font-weight: 400;color: #fff;}
a.logged-name {font-size: 15px;color: #fff;font-weight: 500;display: inline-block;}
a.logged-name:hover {color: #fff;}
a.logged-name span {text-transform: uppercase;}
.login-but-sec .navbar-toggle {position: relative;float: none;padding: 0;margin-top: 0;margin-left: 15px;margin-right: 0;margin-bottom: 0;background-color: transparent !important;background-image: none;border: 0;border-radius: 0;display: inline-block;top: 2px;}
.head-nav-list {flex-wrap: wrap;position: absolute;top: 78px;width: 200px;right: 0;background: #266598;z-index: -1;padding: 0;border-radius: 0 0 6px 6px;overflow: hidden;}
.head-nav-list ul {width: 100%;margin: 0;}
.head-nav-list ul li {float: none;width:100%;}
.head-nav-list ul li a {font-size: 13px;color: #fff;font-weight: 500;    padding: 8px 12px;}
.head-nav-list ul li:nth-child(2) a {    margin-top: 5px;}
.head-nav-list ul li a:hover {background: #fff !important;color:#000 !important;}
.container.main-wrapper {margin-top: 135px;}
.head-nav-list ul li.dropdown-logname {display: none;}
/*nav-header */

/* dashboard */

a:hover,a:active,a:focus{text-decoration:none;}
body{background:#efefef;font-family: 'Montserrat', sans-serif;font-size:14px;font-weight:600;color:#3e3e3e;}
img{max-width:100%;}
.dash-tablebox.table-striped>tbody>tr{background:#fff;}
h1.page-header {padding: 0 0 0 0;margin: 0 0 0 0;border-bottom: none;text-transform: uppercase;color: #282828;font-size: 32px;font-weight: 600;text-align: left;}
.heading-orbtn {    margin-bottom: 20px;display: flex;    flex-wrap: wrap;    gap: 20px;    justify-content: space-between;}
.heading-orbtn a.hed-til-btn { font-size: 16px;text-transform: capitalize;    background: #174a74;color: #fff;border-radius: 4px; font-weight: 600;    height: 44px;line-height: 44px; padding: 0 15px 0 15px;   }
.heading-orbtn a.hed-til-btn:hover {    background-color: #1e71b6; color: #fff;}

.heading-record {display: flex;flex-wrap: wrap;/*justify-content: space-between;*/align-items: center;gap:2%;}
.head-recod {background-image:linear-gradient(90deg, #225d8d 5%,#01335c 100%);width: 23.5%;height: 130px;display: flex;align-items: center;text-align: center;   box-shadow: 0 1px 6px #ccc;border-radius: 5px;    position: relative;    padding: 10px;}
.head-recod a {width: 100%;height: 100%;display: flex;align-items: center;font-size: 20px;font-weight: 700;color: #fff;  padding-top: 15px;}
img.head-reco-plush {position: absolute;right: 15px;top: 15px;}
img.head-reco-img {margin: 0 15px ;}
.whitebg-table {box-shadow: 0 1px 6px #ccc;margin: 85px 0 0 0;background: #fff;padding-top: 0;    border-radius: 7px;}
.dashboard-index {position: relative;top: -35px;background: transparent;border: 0;box-shadow: none;border-radius: 0;}
.dashboard-index .panel-body {padding: 0;}
.das-record-tab .rec-tab {background: #fff;color: #282828;display: inline-block;/*max-width: 300px;width: 100%;*/flex: auto;text-align: center;height: 50px;line-height: 50px;font-size:18px; border: 0;outline: none;cursor: pointer;transition: 0.3s;display: flex;    justify-content: center;    align-items: center;}
.das-record-tab .rec-tab.active-records{background: #174a74; color:#fff;    box-shadow: none !important;}
.das-record-tab .rec-tab img {    margin-right: 5px;display: inline-block;}
.das-record-tab .rec-tab strong {     color: #282828; }
.das-record-tab .rec-tab.non-act-rec {    box-shadow: 2px -2px 6px #ccc;    border-radius: 0 7px 0 0;    margin-left: -3px; border: 1px solid #cacaca;}
.das-record-tab .rec-tab:first-child {border: 1px solid #cacaca; border-radius: 7px 0 0 0;box-shadow: -2px -2px 6px #ccc;}
.das-record-tab .rec-tab:first-child.active-records {box-shadow: none;}
.tab button:hover {background-color: #eee;}
.tab button.active {background-color: #ccc;}
.tabcontent {display: none;}
.das-record-tab.tab {    display: flex;flex-wrap: wrap;    justify-content: center;    flex: 1 1 auto;}
.das-record-tab .rec-tab.active-records img.non-rectab-img {display: none;}
.das-record-tab .rec-tab.active-records img.act-rectab-img {display: inline-block;}
.das-record-tab .rec-tab img.non-rectab-img {display: inline-block;}
.das-record-tab .rec-tab img.act-rectab-img { display: none;}
table.dash-tablebox {margin-top: 0 !important;    text-align: center;}
.dashboard-table .row:last-child .dataTables_info {margin: 0;padding: 0;}
.dashboard-table .row:last-child {border: 0;top: 20px;position: relative;}
.dashboard-table .row:first-child {margin: 0;background: #174a74;    padding: 18px 0; border-top-left-radius: 30px;
    border-top-right-radius: 30px;}
.dashboard-table .row:first-child label {color: #fff;    margin: 0;}
.dashboard-table .row:first-child select.input-sm { border-radius: 30px;}
.dashboard-table .dataTables_filter label {font-size: 0;}
.dashboard-table .dataTables_filter label input.form-control {margin: 0;background: #84a1b9 url(../images/search-icon.png) no-repeat;border: 0;width: 420px;color: #fff;font-size: 14px;font-weight: 500;padding-right: 35px;background-position: 97% 49%; border-radius: 30px;}
.dashboard-table .dataTables_length label {font-size: 15px;font-weight: 500;}
.dashboard-table .table-bordered>tbody>tr>td{border-left:0;border-bottom:0;     vertical-align: middle;     padding: 5px 5px;}
.dashboard-table .table-bordered>thead>tr>th{border-left:0;}
.dashboard-table table th {    vertical-align: middle !important;font-size: 15px;font-weight: 800;color: #3e3e3e;padding: 15px 10px !important;background: #efefef !important;border-color: #fff !important;text-align:center;}
.table-veiwdetail , .table-delete  {font-size: 14px;font-weight: 600;color: #fff;font-family: 'Montserrat';border-radius: 3px;    padding: 0 15px;height: 30px;line-height: 30px;text-align: center;}
.table-veiwdetail  {/*background: #e7dec9 url(../images/view-detail-bg.png) no-repeat;color: #8a723d;background-position: 10px 8px;*/
background: #174a74 url(../images/view-detail-hover.png) no-repeat;color: #fff;background-position: center center; text-indent: 20px;/*width: 124px;*/}
.table-veiwdetail:hover {/*background: #fcc916 url(../images/view-detail-hover.png) no-repeat;color: #fff;background-position: 10px 8px;*/background-color:#1e71b6;color:#fff;}
.table-delete  {background: #f8dfdf url(../images/delete-bg.png);color: #de3131;/*width: 90px;*/background-repeat: no-repeat;background-position: center center;text-indent: 20px;border: 0;}
.table-delete:hover {background: #de3131 url(../images/delete-hover.png) no-repeat;color: #fff;background-position: 10px 9px;}
.dashboard-table .dataTables_paginate .pagination {border: 1px solid #cdcdcd;margin: 0;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.next a {background: #174a74 url(../images/single-arrow-black.png) no-repeat;color: #fff;border-right: 0;padding-right: 20px;background-position: 57px 11px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.previous a {background: #174a74 url(../images/single-arrow-white.png) no-repeat;color: #fff;border-left: 0;padding-left: 20px;background-position: 7px 11px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button a {padding-top: 7px;padding-bottom: 7px;border-top: 0;padding-left: 15px;border-bottom: 0;padding-right: 15px;border-color: #cdcdcd;    color: #282828;font-size:16px;font-weight:500;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.active a {background: #174a74; color: #fff;}
.dashboard-table .dataTables_info {background: #174a74 url(../images/double-arrow-white.png) no-repeat;height: 38px;line-height: 38px;/*max-width: 300px;*/border-radius: 3px;color: #fff;font-size: 16px;font-weight:500;padding: 0 20px 0 8px !important;background-position: 99% 13px;display: inline-block;}

.das-record-tab .rec-tab { border-radius:30px !important; margin:4px 5px;}

/* dashboard */

/* add new PATIENT */

.white-bg {background: #fff;padding: 25px 25px 40px;border-radius: 7px;    box-shadow: 0 1px 6px #ccc;}
.add-patient-formpg .backgrndpage {margin: 0;padding: 0;background: #fff;}
.add-patient-formpg .panel-body {padding: 0;}
.addpatient-dat-group {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.addpatient-inner {width: 32.3%;background: #f5f5f5;}

/*
.addpatient-det-group input {width: auto;}
.addpatient-det-group input + label {color: #999;font-family: Arial;font-size: .8em;position: relative;left: -166px; }
.addpatient-det-group input[required] + label:after {content:'*';color: red;}
.addpatient-det-group input[required]:invalid + label {display: inline-block;}
.addpatient-det-group input[required]:valid + label{display: none;}
*/
.two-col-input {display: flex;flex-wrap: wrap;justify-content: space-between;}
.form-allgroup {padding: 20px;font-size:14px;color:#282828;}
.two-col-input .innerinput {width: 49%;}
.form-allgroup .form-group {margin-bottom: 0;}
.addpatient-heading {background: #174a74;padding: 10px 3px 10px 10px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position:relative;}
.patient-heading {text-transform: capitalize;font-weight: 600;margin: 0 auto;font-size: 23px;color: #fff;margin-left: 0;}
.innerinput input,.innerinput select,.innerinput textarea {background: #fff;border-radius: 0;border: 0;box-shadow: 0 0 3px rgba(0 0 0 / 0.3);background-color: #fff !important;    height: 35px;font-size:14px;color:#282828;padding: 8px;margin-bottom: 20px;}
.innerinput textarea{margin-bottom: 0px;}
.innerinput input[type="radio"] {height: auto;box-shadow: none;}
.innerinput textarea#comment {min-height: 95px;}
.innerselect{position:relative;}
.innerselect:after {content: "";background: url(../images/select-downarrow.jpg) no-repeat;position: absolute;right: 0;height: 31px;width: 26px;top: 2px;}
.innerselect:before {content: "";position: absolute;width: 100%;height: 35px;background: #fff;left: 0;}
.innerselect select {appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;position: relative;z-index: 1;background: transparent !important;padding-right: 30px;}
.innerradio label {font-size: 14px;color: #282828;font-weight: 600;}
.radio-space-rt {    margin-right: 2%;}

.innerinput input::placeholder {  color:#acacac;  opacity: 1; }
.innerinput input:-webkit-input-placeholder {  color:#acacac;opacity: 1}
.innerinput input:-ms-input-placeholder {  color: #acacac;opacity: 1}
.innerinput input::-moz-input-placeholder {   color: #acacac;opacity: 1}
.innerinput textarea::placeholder,textarea::placeholder {  color: #acacac;  opacity: 1; }
.innerinput textarea::-ms-input-placeholder,textarea::-ms-input-placeholder {   color: #acacac; opacity: 1}
.innerinput textarea::-moz-input-placeholder,textarea::-moz-input-placeholder {   color:#acacac; opacity: 1}
.innerinput textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder {   color:#acacac; opacity: 1}

.innerradio {padding-left: 8px;}
.form-allgroup .form-group.radiobutton {margin: 30px 0 25px;    position: relative;}
.form-group.heading-text-box {margin-bottom: 0;}
.add-patient-submit input.btn {font-size: 18px;text-transform: capitalize;background: #1e71b6;color: #fff;border-radius: 4px;}
.add-patient-submit {position: relative;text-align: center;margin-top: 30px;width:100%;}
.add-patient-submit input.btn:hover,.add-patient-submit a.btn-cancle:hover{background-color:#1e71b6; color:#fff;} 
.add-patient-submit input.btn,.add-patient-submit a.btn-cancle {font-size: 18px;text-transform: capitalize;background: #174a74 url(../images/double-arrow-white.png) no-repeat;color: #fff;border-radius: 4px;line-height: 22px;font-weight: 600;height: 44px;line-height: 44px;padding: 0 65px 0 44px;background-position: 75% 15px;}
.add-patient-submit a.btn-cancle {    display: inline-block;    vertical-align: top;}
/* add new PATIENT  */

/* PATIENT DETAILS page */

.addnew-patient-pg .backgrndpage {margin: 0;padding: 0;background:#fff;}
.patientdetl-box .patientdetl-inner {display: flex;flex-wrap: wrap;justify-content: space-between;position:relative;}
.equal-width-panel {width: 32.3%;background: #f5f5f5;}
.dtls-heading {position: relative;padding: 15px;border-bottom: 2px solid #fff;font-size: 22px;color: #282828;font-weight: 700;display: flex;    align-items: center;}
.dtls-heading img {    margin-right: 5px;}
.patientdetl-inner .panel-table table.table {margin-bottom: 10px;}
.patientdetl-inner .panel-table th, .patientdetl-inner .panel-table td {color: #282828;font-size: 14px;font-weight: 600;}
.patientdetl-inner .panel-table td span.label.label-danger {    font-size: 14px;}
.patientdetl-inner .panel-table tr{border:0;}
.patientdetl-inner .panel-table th {padding-left: 0;padding-right: 5px;width: 230px;}
.patientdetl-inner .panel-table td {padding-left:0;padding-right:0;}
.patientdetl-inner .panel-table {padding: 15px;color: #282828;font-size: 14px;font-weight: 600;}
.edit-detail-inner {margin: 30px 0;text-align: center;}
.edit-detail-inner a {font-size: 14px;font-weight: 600;color: #fff;background: #174a74 url(../images/double-arrow-white.png) no-repeat;padding: 12px 50px 12px 30px;border-radius: 3px; background-position: 82% 17px;}
.edit-detail-inner a.record-but{    background-position: 88% 17px;}

.edit-detail-inner a:hover{background-color:#174a74;color:#fff;} 
.patientcomment {display: flex;justify-content: space-between;    margin-bottom: 40px;}
.textarea-box {width: 85%;position: relative;}
.textarea-box textarea.form-control {height: 100%;box-shadow: 0 0 3px rgba(0 0 0 / 0.3);    min-height: 80px;}
.textarea-button {width: 200px;text-align: center;padding: 0 10px;display: flex;    flex-wrap: wrap;    align-items: center;}
/*.textarea-button input:first-child {margin-bottom: 10px;}*/
.textarea-button input:nth-child(2) {    margin-top: 10px;}
.textarea-button input {height: 36px;width: 100%;font-size: 14px;font-weight: 600;padding: 0 20px 0 0;color: #fff;background: #003e19 url(../images/double-arrow-white.png) no-repeat;background-position: 90% 11px;border-radius: 3px;}

.textarea-button input:hover,.morecomment a:hover{background-color:#fcc916;color:#282828;} 
.textarea-box textarea::placeholder {  color: #282828;  opacity: 1; }
.textarea-box textarea::-ms-input-placeholder {   color: #282828; opacity: 1}
.textarea-box textarea::-moz-input-placeholder{   color: #282828; opacity: 1}
.textarea-box textarea::-webkit-input-placeholder {   color:#282828; opacity: 1}

.patientcomment-info .table-delete:hover {line-height: 24px;}
.patientcomment-info .table-delete {margin-left:15px;}
.patientcomment-info ul#comment,.comment-textbox ul#comment{border: 1px solid  #ddd;}
.patientcomment-info ul#comment li,.comment-textbox ul#comment li {border-bottom: 1px solid #ddd;padding: 20px 10px 20px 20px;display: flex;justify-content: space-between;align-items: center;}
.patientcomment-info ul#comment .ctime,.comment-textbox ul#comment .ctime {font-size: 14px;color: #3e3e3e;padding: 0;}
.patientcomment-info ul#comment .ctime .username-comnt {font-weight: 500;margin-bottom: 5px;}
.patientcomment-info ul#comment .ctime .comments-comnt {font-weight: 600;}

.comment-textbox ul#comment li {    display: block;}
.comment-textbox ul#comment .ctime {    width: 100%;    font-weight: 500;    margin-bottom: 5px;}

.morecomment {text-align: center;margin-top: 30px;}
.morecomment a {font-size: 16px;font-weight: 600;color: #fff;background: #0e57ae url(../images/double-arrow-white.png) no-repeat;padding: 12px 40px 12px 20px;border-radius: 3px;background-position: 90% 17px;    display: inline-block;}
/* PATIENT DETAILS page */


/* ADD NEW PRIEST */
.addnew-priest-pg .backgrndpage {    margin: 0;    padding: 0;    background: #fff;}
.addnew-priest-group {    display: flex;    flex-wrap: wrap;    justify-content: space-between; background: #f5f5f5;}
.addnew-priest-group .innerinput {    width: 32.3%;   }
.addnew-priest-group .innerinput label {    font-size: 14px;    color: #282828;    font-weight: 600;}
.addnew-priest-group .innerinput label.error {    font-size: 12px;    color: red;    font-weight: normal;}
.addnew-priest-group .innerinput input {    margin-bottom: 15px;}
.addnew-priest-group .innerinput.priest-select {    width: 100%;}
.addnew-priest-group #priestdet {    width: 100%;    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
/* ADD NEW PRIEST */


.change-password-pg .backgrndpage {    margin: 0;    padding: 0;    background: #fff;}
.change-password-pg .backgrndpage {    margin: 0;    padding: 0;    background: #fff;}
.change-password {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    background: #f5f5f5;}
.change-password .innerinput {    width: 32.3%;}
.change-password .innerinput label {    font-size: 14px;    color: #282828;    font-weight: 600;}
.change-password .innerinput label.error {    font-size: 12px;    color: red;    font-weight: normal;}
.change-password .innerinput input {    margin-bottom: 5px;	font-size:32px;}
.form-group-msg,.msg-center {    margin-bottom: 15px;    text-align: center;}
/**/
.dashboard-table table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .dashboard-table table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {    top: 50%;    transform: translate(0,-50%);-moz-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.dashboard-table table.dataTable>tbody>tr.child {  text-align: left;}
.dashboard-table table.dataTable>tbody>tr.child span.dtr-title:empty {    display: none;}
.dashboard-table table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child.child{padding-left:10px;}
.dashboard-table table.dataTable>tbody>tr.child ul {    width: 100%;}
/**/

.whitebg-tableouter {    box-shadow: 0 1px 6px #ccc;    margin: 40px 0 0 0;    background: #fff;    padding-top: 0;    border-radius: 7px;}

.das-record-tab .rec-tab img {    position: relative;    top: -2px;}

.addnew-priest-group .innerinput.notifi-sec input {    border: 0;    box-shadow: none;    display: inline-block;    text-align: left;    width: 20px;
    height: 20px;    line-height: 20px;    vertical-align: middle;    margin: 0 5px 0 0;}
.setting-chkbx-only label.userlbl {
    display: block;
}
.setting-chkbx-only {
    width: 100% !important;
}

.form-allgroup .form-group .innerinput {
    position: relative;
}
/*.form-allgroup .form-group .innerinput label.error {
    position: absolute;
    bottom: -12px;
    line-height: 0;
    font-size: 12px;    color: red;font-weight:normal;
}
.w1023-49 label.error {
    bottom: 7px !important;
}*/
.form-allgroup .innerinput label.error,.four-input-colm .innerinput label.error {
    position: relative;
    bottom: 15px;
    line-height: 1;
    font-size: 12px;
    color: red;
    display: block;    font-weight: normal;
}
.innerradio label.radio-inline {
    position: initial;
    margin-left: 0;
    margin-right: 10px;
}
.priest-details-box .innerradio {
    padding: 0;
}
.priest-details-box .innerradio label.radio-inline {
    display: block;
}
.priest-details-box .form-allgroup .radiobutton {
    margin: 0 0 20px 0;
}
.w1023-49 {
    width: 100%;
}
.w1023 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    width: 100%;
}

.w1023-49  .innerinput {
    width: 100% !important;
}

thead.childno-detl th {
    background: #fcc916;
    color: #282828 !important;
    text-align: center;
}

.viewdetailpg table.table td.certif-img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}
ul.simpletext{}
.simpletext{    line-height: 1.8;    font-size: 14px;    color: #282828;      }
.subtext-16px{   color: #282828;    font-size: 16px;} 
.textcenter{text-align: center; }

.whitebg-pad15px {    background: #fff;    padding: 15px;    box-shadow: 0 1px 6px #ccc;    border-radius: 7px;}
.innerinput.innerradio label.error {    bottom: 0;}

.four-input-colm {
    align-items: baseline;
}
.viewdetailp-coment label.label-text {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #3e3e3e;
    margin-bottom: 5px;
    border-bottom: 1px solid #0e57ae;
    width: 100%;
}
.viewdetailp-coment .comment-text {
    font-weight: 500;
}
.viewdetail-notifcation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    text-align: center;
    gap: 5%;
}
.viewdetail-notifcation .notification-section label {
    font-weight: 600;
    font-size: 16px;
    color: #3e3e3e;
}

.viewdetail-notifcation .notification-section input[type="submit"] {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #003e19 url(../images/double-arrow-white.png) no-repeat;
    padding: 12px 50px 12px 30px;
    border-radius: 3px;
    background-position: 92% 17px;
    border: 0;    margin: 10px auto 0;display:block;
}
.viewdetail-notifcation .notification-section input[type="submit"]:hover,
.viewdetail-popup .modal-footer button:hover, .viewdetail-popup .modal-footer input[type="submit"]:hover  {
    background-color: #1e71b6;
    color: #fff;
}
.viewdetail-notifcation .notification-section {
    margin: 15px 5px;
}
a.viewdetail-button {
    margin-top: 10px;
}

a.viewback-btn{position:relative;background-image:none; padding: 12px 30px 12px 50px;}
a.viewback-btn:before {
    content: "";
    background: url(../images/double-arrow-white.png) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 16px;
    transform: rotate(180deg);
    left: 25px;
}
.viewdetail-popup .modal-header {
    background:#174a74;
    color: #fff;
}
.viewdetail-popup .modal-header h5.modal-title {
    font-size: 20px;
    font-weight: 600;
}
.viewdetail-popup .modal-header button.close {
    position: absolute;
    background: #174a74;color:#fff;
    opacity: 1;
    right: 0;
    top: 3px;
    width: 25px;
    height: 25px;
}
.viewdetail-popup .modal-body textarea {
    width: 100% !important;
}
.viewdetail-popup .modal-footer button, .viewdetail-popup .modal-footer input[type="submit"] {
    background:#174a74;
    color: #fff;
    border: 0;
    height: 30px;
    vertical-align: top;
    font-weight: 500;
    padding: 0 30px;
    border-radius: 30px;
}
.viewdetail-popup .modal-footer {
    text-align: center;
}

.on-demand {
    background: #f5f5f5;
    padding: 10px 0 0 38px;
}
.on-demand label {
    display: block;
    color: #282828;
    font-weight: 600;
    font-size: 14px;
}
.on-demand input {
    margin-top: 5px !important;
    background: #174a74;
    color: #fff !important;
    border: 0;
    outline: 0;
    border-radius: 5px;
    font-weight: 600;
    padding: 7px 15px;
}
.on-demand input:hover { background-color: #1e71b6; color: #fff !important;}
.innerselect:empty:before,.innerselect:empty:after{display:none;}

.success-message {
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    background: green;
    margin-bottom: 10px;
    border-radius: 4px;
}
.innerinput select {
    width: 100%;
}

.date-submitbox .input-group.date {
    position: relative;
    margin-bottom: 15px;
}
.date-submitbox .input-group.date label.error {
    position: absolute;
    left: 0;
    bottom: -8px;
    line-height: 0;
    margin: 0;
    font-size: 12px;
}
.mar-tp0 {
    margin-top: 0 !important;
}
.mar-tp10 {
    margin-top: 10px !important;
}
.btn-color-grn {
    background: #174a74;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 44px;
    height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 4px;
}

.btn-color-grn:hover {
    background-color: #1e71b6;
    color: #fff;
}

.frm-edt-details .innerradio {
    margin-left: 0 !important;
    margin-top: 20px !important;
}
.form-allgroup .form-group.person-field-only {
    margin-bottom: 10px !important;
}
.priest-details-box .form-allgroup .home-persn-only {
    margin-bottom: 5px;
}
.patnt-home-form-only {
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
}
.patnt-home-form-only .addpatient-inner {
    width: 100%;
}
.patnt-home-form-only .addpatient-inner .innerinput, .patnt-home-form-only .addpatient-inner .radiobutton {
    width: 100% !important;
}
.patnt-home-form-only .addpatient-inner .home-persn-only {
    margin: 0 !important;
}
.patnt-home-form-only .radiobutton .innerinput input {
    margin-bottom: 0;
}
.home-radio-only label {
    bottom: -5px !important;
}

@media all and (min-width:768px){
.container {    max-width: 1470px;width:100%;}		
}


@media all and (max-width:1400px){
.dashboard-table table th{    padding: 20px 5px !important;}
.patient-heading {    font-size: 20px;    font-weight: 700;}
.patientdetl-inner .panel-table th {    width: 200px;}
.dtls-heading {font-size: 22px;}
}

@media all and (max-width:1340px){
.das-record-tab .rec-tab {  /*  max-width: 290px;*/}
.head-recod a{font-size:18px;}	
.das-record-tab .rec-tab{font-size:16px;}	
.dashboard-table table th {font-size: 14px;    padding: 15px 5px !important;    font-weight: 700;}
.dashboard-table .table-bordered>tbody>tr>td {font-size: 12px;    line-height: 1.5;padding: 5px 5px;}
.table-veiwdetail, .table-delete {font-size: 12px;text-indent: 15px;}
.table-veiwdetail {   /* width: 105px;   background-position: 8px 8px;*/}
.table-veiwdetail:hover {   /* background-position: 8px 8px;*/}
/*.table-delete {width:75px;}*/
.dashboard-table .dataTables_info {height: 30px;    line-height: 30px;    max-width: 250px;    font-size: 14px;    padding: 0 10px 0 10px !important;    background-position: 93% 10px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button a {padding-top: 5px;padding-bottom: 5px;padding-left: 12px;padding-right: 12px;font-size: 14px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.previous a {background-position: 7px 9px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.next a {background-position: 50px 9px;}
.form-allgroup {padding: 15px;}
.white-bg {padding: 15px 15px 30px;}
/*.patientdetl-inner .panel-table th, .patientdetl-inner .panel-table td {font-size: 12px;}*/
.dtls-heading {font-size: 20px;}
.patientdetl-inner .panel-table {padding: 15px 10px;}


}

@media all and (max-width:1285px){
.patient-heading {    font-size: 17px;}	
.dtls-heading {    font-size: 18px;}
.das-record-tab .rec-tab { /*   max-width: 260px;*/}	
.das-record-tab .rec-tab {    font-size: 14px;}
.das-record-tab .rec-tab.active-records img.act-rectab-img,
.das-record-tab .rec-tab img.non-rectab-img {    width: 30px;height: 25px;}
}


@media all and (max-width:1150px){
.patient-heading {    font-size: 15px;}	
img.number-img {    width: 40px;}	
.innerinput input, .innerinput select, .innerinput textarea,.innerradio label	{font-size:12px;}
.dtls-heading img {    max-width: 25%;}
.dtls-heading {    font-size: 16px;    padding:10px;    font-weight: 800;}
.patientdetl-inner .panel-table th {    width: 155px;}
.patientdetl-inner .panel-table th, .patientdetl-inner .panel-table td {    font-size: 12px;}
.patientdetl-inner .panel-table td span.label.label-danger {    font-size: 12px;}
.radio-breaktext {    display: block;}
.das-record-tab .rec-tab {  /*  max-width: unset;    width: auto;  */  padding: 5px 10px 0;}
}


@media all and (max-width:1023px){
.head-recod a {    font-size: 16px;}	
.head-recod {height: 135px;}	
.dashboard-table table th {    padding: 15px 12px !important; font-size: 13px;}
.das-record-tab .rec-tab{height:50px;line-height:50px;}
img.head-reco-img {    margin: 0 8px 0 5px;    height: 80px;}
.dashboard-table .dataTables_filter label input.form-control{width:auto;}
.das-record-tab .rec-tab { /*   max-width: 240px;*/}
.das-record-tab .rec-tab img {    margin-right: 5px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button a {    padding-left: 6px;    padding-right: 6px;}
.dashboard-table .dataTables_paginate .pagination .paginate_button.next a {    background-position: 42px 10px;}

.addpatient-inner {width: 100%;margin-bottom: 20px;}
.form-allgroup {padding: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.form-allgroup .form-group {margin-bottom: 0;width: 100%;}
.form-allgroup .form-group.single-select {width: 49%;}
.form-allgroup .form-group.radiobutton {margin: 10px 0 15px;width: 49%;}
.Emer-cont-box .form-group.single-input {display: flex;flex-wrap: wrap;justify-content: space-between;}
.Emer-cont-box .form-group.single-input .innerinput {width: 49%;}
.priest-details-box .form-group.single-input {display: flex;flex-wrap: wrap;justify-content: space-between;}
.priest-details-box .form-group.single-input .innerinput {width: 49%;}
.patient-heading {font-size: 22px;font-weight:600;}
.add-patientdetails-box .form-group.radiobutton {width: 100%;}
.radio-breaktext {    display: inline;}
.w1023-49 {    width: 49% !important;}
}



@media all and (max-width:991px){
.equal-width-panel {    width: 100%; margin-bottom: 15px;}
.dtls-heading img {    max-width: 100%;}	
.dtls-heading {    font-size: 22px;    padding: 15px;    font-weight: 700;}
.patientdetl-inner .panel-table th, .patientdetl-inner .panel-table td {    font-size: 14px;}
.patientdetl-inner .panel-table td span.label.label-danger {    font-size: 14px;}
.patientdetl-inner .panel-table th {    width: 300px;}
.textarea-button input{    background-position: 93% 11px;}	
a.logged-name {    font-size: 13px;}
/*.das-record-tab .rec-tab {    max-width: 100%;    width: 49%;}*/
.das-record-tab .rec-tab.non-act-rec {    margin-left: 0;}
.das-record-tab .rec-tab:nth-child(3) {    border-radius: 7px 7px 0 0;}
.head-recod {    width: 49%;    margin-bottom: 15px;}
a.head-logo { font-size:24px;}
.head-nav-list { top:62px;}
}

@media all and (max-width:850px){
img.head-reco-img {   height: 70px;margin: 0 8px 0 0;}	
.head-recod a {    font-size: 15px;}	
h1.page-header{font-size:30px;}
.four-input-colm .innerinput {    width: 23%;}
}

@media all and (max-width:767px){
.dashboard-table .row:last-child div.dataTables_paginate {float: none;margin: 10px 0 0 0;}
.dashboard-table .row:last-child .dataTables_info {float: none;text-align: center;margin: 0 auto;}	
a.head-logo {font-size: 22px;}
nav.navbar-inverse.nav-main {padding-top: 10px;}
.head-nav-list {top: 47px;}
.header-main {padding: 10px 15px;}
.patientdetl-inner .panel-table th {width: auto;}
.textarea-box {width: 70%;}
h1.page-header{font-size:28px;padding: 0 0 0 0;    margin: 0 0 0 0;}
.container.main-wrapper {    margin-top: 100px;}
a.logged-name {display: none;}
.head-nav-list ul li.dropdown-logname {display: block;}
.head-nav-list ul li.dropdown-logname a span {    display: block;    text-transform: uppercase;}
.head-nav-list ul li:nth-child(2) a {    margin-top: 0px;}
.head-nav-list ul li:nth-child(1) a {    margin-top: 4px;}
.four-input-colm .innerinput {    width: 48%;}
.viewdetail-notifcation .notification-section label {    font-size: 15px;}
.viewdetail-notifcation .notification-section input[type="submit"]{    padding: 12px 40px 12px 15px;}
.success-message {    font-size: 16px;}
}

@media all and (max-width:620px){
.head-recod {height: auto;width: 100%;margin-bottom: 15px;}
img.head-reco-plush {right: 10px;top: 5px;}
.dashboard-table .row:first-child .col-sm-6 {float: none;width: 100%;overflow: hidden;text-align: center;}	
.dashboard-table .row:first-child label {color: #fff;margin: 0 auto 10px;float: none;}
.dashboard-table .row:first-child {padding: 18px 0 8px;}
.das-record-tab .rec-tab {max-width: 100%;width:100%;padding: initial;}
.das-record-tab .rec-tab.non-act-rec, .das-record-tab .rec-tab:first-child {    box-shadow: 0px 0px 6px #ccc;border-radius: 7px 7px 0 0 !important;margin-left: 0;}
.das-record-tab .rec-tab:first-child {box-shadow: 0px -2px 6px #ccc;}
.whitebg-table {margin: 70px 0 0 0;}
.patientcomment {flex-wrap: wrap;}
.textarea-box {width: 100%;position: relative;}
.textarea-button input {display: inline-block;width: 45%;vertical-align: top;margin: 5px !important;}
.textarea-button {width: 100%;text-align: center;padding: 0;margin-top: 15px;    justify-content: center;}
.textarea-button input:nth-child(2) {    margin-top: 0;}
.patientcomment-info ul#comment li { padding: 10px;flex-wrap: wrap;}
.patientcomment-info .table-delete {margin-left: auto;margin-top: 10px;}
.patientcomment-info ul#comment .ctime {width: 100%;}
.addnew-priest-group .innerinput,.change-password .innerinput {    width: 100%;}
ul.simpletext {    padding-left: 15px;}
.das-record-tab .rec-tab { margin:0;}
.dashboard-table .row:first-child { border-top-left-radius:0; border-top-right-radius:0;}
}


@media all and (max-width:478px){
.header-main {flex-wrap: wrap;}	
.head-logo-sec {width: 100%;text-align: center;}	
.header-main {padding: 10px 15px;}
.head-rt-sec {width: 100%;text-align: center;padding: 5px 0 0;border-top: 1px solid #FFF;margin-top: 10px;}
.head-nav-list {top: 79px;width: 100%;}	
a.head-logo {font-size: 22px;}
.two-col-input .innerinput,.form-allgroup .form-group.single-select,.Emer-cont-box .form-group.single-input .innerinput,.priest-details-box .form-group.single-input .innerinput {width: 100%;}
.form-allgroup .form-group.radiobutton {margin: 0px 0 15px;width: 100%;}
.form-allgroup {padding: 15px 10px;}
.patient-heading {font-size: 16px;font-weight: 700;}
.addpatient-inner {margin-top: 20px;}
.addpatient-heading span {position: absolute;right: 5px;top: -20px;background: #fcc916;border-radius: 4px 4px 0;padding: 5px;}
img.number-img {width: 45px;}
.textarea-button input {width: 64%;}
.dtls-heading {font-size: 17px;padding: 10px;}
.dtls-heading img {max-width: 22%;}
.patientcomment-info ul#comment .ctime {font-size: 12px;}
.comment-textbox ul#comment li {    font-size: 12px;font-weight: 600;}
.comment-textbox ul#comment .ctime {font-size: 12px;}
.patientdetl-inner .panel-table th, .patientdetl-inner .panel-table td {font-size: 12px;}
.patientdetl-inner .panel-table td span.label.label-danger {    font-size: 12px;}
h1.page-header{font-size:26px;}
.container.main-wrapper {    margin-top: 135px;}
.w1023-49 {    width: 100% !important;}

.heading-orbtn {    justify-content: center;}
h1.page-header.text-center {    width: 100%;    text-align: center;}

}


@media all and (max-width:430px){
.radio-breaktext {    display: block;}
.add-patient-submit a.btn-cancle {    margin-top: 15px;}
.four-input-colm .innerinput {    width: 100%;}
}

@media all and (max-width:409px){
	a.head-logo { font-size:19px;}
}

@media all and (max-width:358px){
a.head-logo {font-size: 17px;}	
.head-nav-list {top: 71px;}	
.header-main {padding: 5px 5px 10px;}	
.patient-heading {    font-size: 14px; }
.dtls-heading {    font-size: 14px; }	
}