html{
	height: 100%;
}
body{
	font-family: font-family: 'Nunito', sans-serif;
	background-color: #e9ecef;
	height: 100%;
}
.defaultHide{
	display: none;
}
.ric{
	font-size: 9.5px;
    color: #333;
}
.flerror{
	background-color: #e9ecefc4;
    padding: 4px;
}
.ldisabled{
	background-color: #eee;
	cursor: context-menu;
  	opacity: 0.7;
  	text-decoration: none;
}
.ldisabled:hover{
	background-color: #eee !important;
}
.page-container{
	height: 100%;
}
.txtov{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dlbtn{
	position: absolute;
    left: 16px;
}
.plusic{
	position: absolute;
	top: 2px;
	right: 30px;
	color:#999;
	font-size: 10px;
	cursor: pointer;
	padding: 8px;
    background-color: transparent;
    border: none;
    outline: none;
}
button:focus{
	outline: none !important;
}
/* reset css */
.show{
	display: block;
}
.hide{
	display: none;
}
.modal{
	overflow: auto;
}
.mnone{
	margin:0px;
}
.mar-left{
	margin-left: 10px;
}
.pad10{
	padding: 10px;
}
.pnone{
	padding: 0px !important;
}
.h100{
	height: 100%;
}
.pf{
	position: fixed;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.h200{
	height: 100px;
}
.s2{
	width: 20% !important;
}
.s10{
	width: 80% !important;
}
.s2{
	width: 20% !important;
}
.s10{
	width: 80% !important;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.btn{
	border-radius: 2px;
    font-size: 12px;
}
.mbn{
	margin-bottom: 0px !important;
}
.oh{
	overflow: hidden;
}
hr{
	margin-top:0px;
    margin-bottom: 2px;
    border: 0;
    border-top: 2px solid #e9ecef;
}
h3{
	font-size: 19px;
	font-weight: 400;
	margin:5px 0px 0px;
}
h2{
	font-size: 26px;
	font-weight: 400;
	margin:5px 0px 0px;
}
h4{
	font-size: 16px;
	margin:5px 0px 0px;
	font-weight: 400;
}
h5{
	font-size: 13px;
	margin:2px 0px 0px;
	font-weight: 400;
	color: #141b34;
}
p{
	font-size: 12px;
	margin: 0px 0px;
	/* color: #6c757d; */
}
ul{
	list-style: none;
	margin-bottom: 0px;
}
a{
	text-decoration: none !important;
	color: #17a2b8;
}
.dnone{
	display: none;
}
.marl{
	margin-left: 20% !important;
}
.pr{
	position: relative;
}
.add-note{
	font-size: 12px;
	width: 16%;
}
.tablet{
	width: 45px;
	font-size: 12px;
	line-height: 29px;
	color: #777;
}
.inopt{
	font-size: 11px;
}
.indrp{
	top:15px;
	left: 0px;
	display: none;
}
.inopt:hover .indrp{
	display: block !important;
}
.marbtm{
	margin-bottom: 20px;
}
.alert-danger{
	font-size: 12px;
}
.alsuc{
	position: absolute;
    z-index: 111;
    right: 0px;
    top: 54px;
    background-color: #28a745;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
    border-color: #059727;
    font-size: 12px;
}
.bg-su-overlay{
	height: 100%;
    position: fixed;
    width: 100%;
    background-color: #00000075;
    z-index: 10;
}
.txtarh{
	height: 110px;
	resize: none;
}
label{
	font-size: 12px;
	margin-bottom: .2rem;
}
select.form-control:not([size]):not([multiple]){
	height: calc(2rem + 0px);
}
.minheight{
	min-height: 600px;
}
.h100{
	height: 100%;
}
.form-control{
	font-size: .9rem;
}
.tblecon{
	padding: 10px;
}
.tblecon p{
	padding: 0px 0px 10px !important;
}
.notes{
	font-size: 11px;
    color: #6c757d;
}
/* left part */
.left-con{
	height: 100%;
	color: #fff;
	z-index: 111;
}
.left-inner{
	width: 100%;
	height: 100%;
	color: #fff;
}
.left-head{
	font-size: 20px;
	font-weight: bold;
    padding: 15px 15px 15px 30px;
}
.left-head:hover{
	color: #17a2b8;
}
.user-icon-con{
	padding: 20px 0px;
	text-align: center;
}
.user-img{
	width: 120px;
	height: 120px;
	background-color: #000;
	border-radius: 50%;
	margin:0 auto;
	overflow:hidden;
}
.user-icon-con h5{
	color: #fff !important;
}
.left-menu-con{
}
.left-menu-con ul li a{
	display: block;
    padding: 10px 0px 11px 30px;
    font-size: 14px;
}
.left-menu-con ul li a i{
	padding-right: 10px;
}
.left-menu-con ul li a span{
	position: absolute;
	padding:0px 6px;
	color: #fff;
}
.alir{
	position: absolute;
	right: 5px;
	padding-top:5px;
}
.left-dropdown ul{
	padding-left: 10px;
}
.left-dropdown ul li a{
	font-size: 12px;
	color:#eee;
	font-weight: 100;
}
.left-bottom{
	height: 100px;
	background-color: #000;
	bottom:0px;
}
/* dropdown part */
.pasearch{
	border-radius: 25px!important;
}
.dropdown-content{
	opacity: 1 !important;
	right: 0px;
	min-width: 200px;
	display: none;
}
.top-nav-ul ul ul a .material-icons{
	float: left;
    font-size: 16px;
    padding-right: 9px;
    color: #0172b8;
}
.dropdown-content li{
	min-height: 42px;
}
.dropdown-content li>a>i{
	height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 3px 0 0;
    width: 24px;
}
.dropdown-content li>a{
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 400;
	color: #5a5a5a;
}
.dropdown-content li>a:hover{
	background-color: #eee;
}
/* right content part css */
/* dashboard part */
.dasicon-con{
	width: 40px;
	height: 40px;
	/*border:2px solid #17a2b8;*/
	border:2px solid #ffffff;
	border-radius: 50%;
	padding:5px 11px;
}
.dasdetail{
	overflow:hidden;
	padding:0px 0px 0px 6px;
}
.dasdetail h5{
	color: #ffffff;
}
.dasdetail h4{
	margin-top: 0px;
	color: #fff;
}
.dashcount-deta{
	padding:10px;
}
.dashcount-deta h4{
	font-weight: bold;
    color: #17a2b8;
}
/* right nav */
.cont-con-inn{
	padding-top: 70px;
	padding-bottom: 15px;
}
.right-nav{
	width: 80%;
	position: fixed;
	padding: 0px 0px;
    background-color: #fff;
    z-index: 111;
    box-shadow: 0px 0px 2px #45464a;
}
.left-menu-hs-btn{
	padding: 6px 0px;
	font-size: 20px;
}
.right-nav ul li a{
	float: left;
	padding: 10px 16px;
	font-size: 14px;
}
.user-dropdown{
	min-width: 200px;
	height: auto;
	border-radius: 2px;
	position: absolute;
	top: 48px;
	right: 0px;
	z-index: 111;
}
.duser-header a{}
.duser-header{
	padding: 15px;
	overflow:hidden;
}
.duser-img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow:hidden;
}
.duser-det{
	padding-left: 10px;
}
.duser-det h4{
	margin-top: 0px;
	width: 109px;
}
.right-nav-r{
	padding:8px;
}
.user-dropdown ul li a{
	display: inline-block;
	width: 100%;
}
.s-sugge{
	/*max-height: 320px;*/
	height: 93vh !important;
	background-color: #fff;
	border:1px solid #ddd;
    width: 100%;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
    top: 0px;
    left: 0px;
    z-index: 1;
    padding-top: 55px;
}
.s-sug-inner{
	/*max-height: 270px;*/
	height: 82vh !important;
	padding:2px;
}
.suser{
	
	overflow: hidden;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.suser a{
	overflow: hidden;
	padding: 15px 5px !important;
	display: block;
}
.suser:hover{
	background-color: #f8f9fa;
}
.suser-det{
	padding-left: 10px;
	width: 60%;
}
.suser-det h4{
	width: 100%;
	margin-top: 0px;
}
.suser-det p{
	font-size: 11px;
	width: 100%;
	color: #777;
}
.suser-det p:hover{
	color: #777;
}
.spid{
	width: 12%;
	padding:10px 0px;
	text-align: center;
	background-color: #eee;
	color: #333;
	font-weight: 300;
}
.su-footer{
	padding:5px;
	background-color: #fff;
	text-align: center;
	border-top:1px solid #eee;
}
/* todays appointment */
.tod-appoint{
	padding: 20px 10px;
	overflow: hidden;
}
.todtble{
	min-height: 500px;
}
.modal-content{
	border-radius: 1px;
}
.slbox{
	font-size: 12px;
	padding:6px 10px;
	margin-right: 10px;
}
.ap-con-scroll{
	min-height: 240px;

	padding-top:5px;
}
.app-data-con{
	height: 60px;
}
.app-data-con:hover{
	background-color: #f8f9fa;
}
.app-data-con{
	padding:10px 0px;
	border-bottom:1px solid #eee;
	cursor: pointer;
}
.app-data-con:last-child{
	border:none;
}
.ap-img{
	width:27px;
	height: 27px;
	overflow:hidden;
	border-radius: 2px;
}
.dsapptble .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: 500;
}
.dsapptble tbody tr:hover{
	background-color: #f8f9fa;
}
.ap-p-name{
	width: 30%;
	height: 40px;
	padding-left: 20px;
}
.ap-p-time{
	width: 20%;
	height: 40px;
	text-align: center;
}
.ap-p-report{
	width: 25%;
	height: 40px;
	text-align: center;
}
.ap-p-btn{
	width: 13%;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
}
.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}
.mCSB_scrollTools{
	width: 9px;
}
.edi-p-btn{
	padding: 3px 8px;
	border-radius: 1px;
}
/* patient analytics */
.patient-anal-con{
	margin-top:20px;
	padding:25px 15px;
}
.dsapptble tbody tr{
	cursor: pointer;
}
.das-img-con{
	width: 100px;
	height: 100px;
	margin:0 auto;
	border-radius: 50%;
	overflow:hidden;
	margin-bottom: 10px;
}
.dspro{
	padding:10px;
	text-align: center;
}
.dspro h3{
	padding-bottom: 3px;
}
.brd{
	border-bottom: 3px solid #17a2b8;
    width: 16%;
    margin-top: 4px;
    /* display: inline-block; */
    float: left;
}
.search-cn{
	margin: 0px 4px;
}
#search-con{
	padding:10px 15px;
     /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: #eee !important;
    
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
	border-radius: 0px;
	border:1px solid #ccc;
	z-index: 1111;
}
.stylish-input-group button{
    border:0;
    padding: 7px;
    font-size: 14px;
    color: #17a2b8;
    cursor: pointer;
    outline: none;
    position: absolute;
    right: 28px;
    background-color: #ffffff03;
}

/* foote part */
.footer{
	text-align: right;
	padding:13px;
	font-size: 14px;
	position: fixed;
	bottom:0px;
	width:100%;
	left: 0px;
	box-shadow: 0px 0px 2px #777;
	z-index: 11;
}
.mar-foot{
	margin-bottom: 50px;
}


/* reports page css start */
.oth-p-head{
	padding:0px 0px 15px;
}
.oth-p-hbtn{
	text-align: right;
	padding: 5px 0px;
}
.simp-filter{
	padding-top:10px;
	margin-bottom: 10px;
}
.report-deta{
	padding: 20px 10px;
	border-top:3px solid #17a2b8;
}
.report-deta h5{
	font-size: 16px;
}
.report-deta h3{
	font-size: 22px;
}
.marbtm{
	margin-bottom: 10px;
}
.bginput{
	background-color: #f8f9fa;
}
.advan-filter{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.advan-filter h5{
	padding: 5px 15px;
	font-weight: bold;
}
.rep-form{
	border-radius: 1px;
	font-size: 12px;
	border:1px solid #bbb;
	padding: 6px 2px 7px;
}
.form-group{
	margin-bottom: .5rem;
}
.table{
	font-size: 12px;
}
.dataTableRow{
	cursor: pointer;
}
.table thead th{
	border-bottom: none;
}
.table td, .table th{
	border-top: none; 
}
.fromlbl{
	padding: 0px 15px;
}
/* patient page css */
.seicon{
	position: absolute;
    right: 24px;
    top: 10px;
    font-size: 12px;
    color: #6c757d;
}
.media{
	width: 30px;
	height: 25px;
	border-radius: 2px;
	background-color: #eee;
	overflow:hidden;
}
.table-hover tr td .btn{
	padding: 3px 20px;
}
.pagination-con{
	padding: 20px 0px;
}
.page-item.active .page-link a{
	color: #fff;
}
.pagination .page-item .page-link{
	padding: 0px !important;
}
.pagination .page-item .page-link a{
	padding: .5rem .75rem !important;
	display: block;
}
.close{
	outline:none!important;
}

/* add patient page css */
.pat-detail-nav ul li a{
	float: left;
	padding: 8px 16px;
	color:#141b34;
	font-size: 12px;
}
.preg-form{
	padding: 20px 0px;
	margin-bottom: 0px;
}
.infile{
	padding: 3px 10px;
}
.more-form{
	font-size: 12px;
	margin: 10px 0px;
	padding: 5px 10px;
	font-weight: 400;
}
.tareah{
	height: 32px;
}
.topmar{
	margin-top: 30px;
}
.all-detail{
	padding:5px 0px 0px;
}
.preg-btn{
	padding-top:20px;
}
.preg-btn .btn{
	margin-left: 10px;
}
.app-form{
	line-height: 40px;
    color: #333!important;
    font-size: 12px;
    padding: 5px 0px;
    font-weight: 700;
}

/* user profile page css */
.pad-top{
	padding-top: 55px;
}
/* user left part */
.pp-img{
	border-radius: 50%;
	overflow: hidden;
	height: 45px;
    width: 45px;
}
.pp-name{
	width: 54%;
	padding-left: 5px;
}
.pp-name h4{
	font-weight: 600;
	font-size: 14px;
}
.pp-name p{
	font-size: 10px;
    width: 100%;
    font-weight: 600;
    color: #6c757d;
    line-height: 20px;
}
.pp-editbtn{
	width: 25%;
	padding: 5px 0px;
}
/* appointment list */
.apo-list{
	min-height: 30%;
	margin-bottom: 10px;
	padding: 15px;
}
.aplist-menu{
	padding: 10px 0px;
	overflow:hidden;
}

.aplist-menu li a{
	float: left;
	padding: 10px 20px;
	color: #141b34;
	font-size: 13px;
	width: 100%;
}
.aplist-menu li a span{
	float: right;
	margin-top: 10px;
}
.aplist-menu li a:hover{
	background-color: #17a2b8;
	color: #fff;
}
.aplist-menu li a:focus{
	background-color: #17a2b8;
	color: #fff;
}
.aplist-menu li .active{
	background-color: #17a2b8;
	color: #fff;
}
.pad-col{
	padding-left: 0px;
	padding-right: 5px;
}
.aplist-deta{
	padding: 10px 0px;
	max-height: 150px;
}
.aplist-deta li a{
	padding: 0px 20px;
	color: #141b34;
	font-size: 12px;
	line-height: 35px;
	display: block;
}
.aplist-deta li a:hover{
	background-color: #17a2b82b;
	color: #141b34;
}

/* medical history */
.medhist{
	min-height: 50%;
	margin-bottom: 60px;
	padding: 15px;
}
.medicon{
	padding-top:9px;
	display: none;
	font-size: 19px;
}
.medlist-deta li a:hover{
	background-color: #17a2b80d;
}
.medlist-deta li a:hover .medicon{
	display: block;
}
.pad-le{
	padding-left: 10%;
}
.medhiinput{
	border:none;
	border-bottom:1px solid #ddd;
	outline: none;
	font-size: 12px;
	padding: 7px 0px;
	border-radius: 0px;
	width: 100%;
}
/* user right part */
.pphead{
	padding:15px;
	margin-bottom: 10px;
	overflow:hidden;
}

.pphead h4{
	margin-top:0px;
	padding-top:5px;
	font-weight: 500;
	width: 40%;
}
.pphr h4{
	margin-top:0px;
	padding-top:5px;
	font-weight: 500;
	width: 40%;
}
.pp-name h4{
	margin-top:0px;
	padding-top:5px;
	font-weight: 500;
	width: 100%;
}
/*
.p-ap-det-con{
	height: 90%;
}
*/
.p-ap-det{
	padding-left: 55px;
	position: relative;
}
.p-ap-det-con{
	margin-bottom: 70px!important;
}
/*.p-ap-det-con:last-child{
	margin-bottom: 70px!important;
}*/
.p-ap-det-inner{
	height: auto;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}
.p-ap-det-head{
	padding: 6px 15px;
	border-bottom:1px solid #ddd;
}

.p-ap-det-head p{
	display: inline-block;
}
.p-ap-det-h-btncon{
	width: 50%;
	padding: 3px 0px;
	text-align: right;
}
.p-ap-det-h-btncon a{
	padding: 5px 4px;
	opacity: .7;
	font-size: 14px;
}
.p-ap-det-h-btncon a:hover{
	opacity: 1;
}
.p-ap-det-h-btncon .btn{
	margin-left: 20px;
}
.timeline-ic{
	border:1px solid #17a2b8;
	height: 52px;
	width: 50px;
	position: absolute;
	top: 0px;
    left: 0px;
    text-align: center;
}
.timeline-ic p{
	font-size: 12px;
    line-height: 13px;
    padding:10px 2px;
    color: #141b34;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 175px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
    border:1px solid #ddd;
}
.dropdown-content a {
    color: black;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
    font-size: 12px;
}
.dropdown-content a:hover {
	background-color: #17a2b826;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.preappoint{
	margin-right: 10px;
	width: 145px;
}
.preappoint select{
	cursor: pointer;
}
.all-a-drp{
	width: 145px;
	height: auto;
    /*max-height: 160px;*/
    background-color: #fff;
    z-index: 1;
    top: 108px;
    right: 21.6%;
    border: 1px solid #ddd;
    padding:5px;
    display: none;
}
.all-a-drp ul{
	padding-left: 0px;
}
.all-a-drp ul li a{
	display: block;
	padding:8px;
	color: #333;
}
.all-a-drp ul li a:hover{
	background-color: #eee;
}
.preappoint:hover .all-a-drp{

	display: block;
}
.billhisdrp{
	top: 107px;
    right: 4.3%;
}
.apsttab{
	border:none;
}
.apsttab li{
	width: 26%;
    margin: 4px 17px;
}
.apsttab li a{
	text-align: center;
	border:1px solid #17a2b8;
	border-radius: 2px;
}
/* vital sign part css */
.p-ap-det-data{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.p-ap-det-data h5{
	margin: 10px 0px;
	font-weight: 500;
}

.p-ap-det-data .table .thead-light th{
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	color: #141b34;
}
.p-ap-det-data .table td{
	font-weight: 400;
	color: #141b34;
}
.edit-icon{
	position: absolute;
	top:16px;
	right: 16px;
	height: 30px;
	width: 30px;
	padding: 4px;
	display: none;
}
.p-ap-det-data:hover .edit-icon {
    display: block;
    cursor: pointer;
}
/* modal part css */
.modal-lg{
	width: 1000px !important;
}

.modal-dialog{
	margin:6% auto;
}
.left-bar{
}

#sidebar {
    float: left;
    z-index: 11;
    width: 100%;
}
.shideicon{
	width: 30px;
	height: 30px;
	background-color: #fff;
	border:1px solid #ddd;
	top: 67px;
	right: 340px;
	cursor: pointer;
	z-index: 111;
	display: none;
	padding:2px 9px;
	color: #777;
	position: fixed;
}
.fixed {
    position: fixed;
    margin-right: -50%;
    width: 25.05% !important;
}

/* vital sign form */
.vi-sign-form{
	padding:0px 1px;
	display: none;
	border-left: 3px solid #17a2b8;
	border-bottom:1px solid #eee;
}
.form-header{
	height: 30px;
}
.vi-form{
	padding: 15px;
	overflow:hidden;
}
.pris-header{
	overflow: hidden;
}
.hr{
	margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #e9ecef;
    width: 100%;
}
.p-ap-det-data p{
	padding: 10px 20px;
}
.vsigntble span{
	font-size: 11px;
    text-align: center;
    color: #6c757d;
    font-weight: 400
}
.brd-btm{
	border-bottom:1px solid #ddd;
}
.clin-menu{
	overflow: hidden;
}
.clin-menu ul{
	padding: 0px;
}

.clin-menu ul li a{
	font-size: 13px;
	float: left;
	padding: 6px 10px;
    margin: 5px 5px 5px 0px;
}
.clin-menu ul li .active{
    border-bottom:1px solid #17a2b8;
    color: #17a2b8;
}
.clin-menu ul li a::hover{
	color: #141b34;
}
.clin-menu ul li a:focus{
	color: #141b34;
}
.attach-file{
	padding: 10px;
	overflow:hidden;
}
.pad-l-10{
	padding-left: 10px;
}
.tab-content .active{
	color:#141b34; 
}
.pri-hide-ic{
	padding-top: 8px;
	padding-left: 19px;
	color: #17a2b8;
	cursor: pointer;
}
.ctic .pri-hide-ic{
	padding-top: 8px;
}

/* calander part css */
.calwrap{
	height: 700px;
	background-color: #fff !important;
}
.cal-con{
	height: 100%;
	padding: 10px;
	background-color: #fff !important;
	padding-bottom:70px;
}

.cal-header{
	padding:20px 10px 20px 10px;
	background-color: #eee;
}
.ofy{
	overflow-y: scroll;
}
.calbtn{
	font-size: 11px;
	border: 1px solid #ddd;
	padding:7px 25px;
	margin-right: 2px;
}
.caltble tr td{
	padding: .5rem;
}
.cal-con-day-data{
	height: 100%;
}
.tdwid{
	width: 10%;
}
.tdbg{
	background-color:#17a2b814;
}
.txtcen{
	text-align: center;
}
/* calender left part */
.cal-left-con{
	height: 100%;
	background-color: #f8f9fa;
}
.block-doctor{
	padding: 13px 15px ;
	border:1px solid #ddd;
	border:1px solid #ddd;
}
.doctors-list{
	padding: 13px 5px;
}
.doctors-list ul h4{
	padding: 10px;
}
.doctors-list ul li{
	padding: 7px 10px;
}
.doctors-list ul li:hover{
	background-color: #141b34;
	color: #fff;
	cursor: pointer;
}
.doctors-list ul li:active{
	background-color: #141b34;
	color: #fff;
	cursor: pointer;
}
.tday{
	border:1px solid #ddd;
	border-radius: 4px;
	margin:2px;
	padding: 4px;
	text-align: center;
	font-size: 11px;
	background-color: #fff;
	line-height: 25px;
}
.tday p{
	padding: 2px;
	color:#fff;
	border-radius: 4px;
}
/* setting page css */
.set-menu li a{
	font-size: 12px;
	padding:8px;
	display: block;
	line-height: 20px;
	
	color: rgba(108, 117, 125, 0.88); 
}
.set-menu p{
	color:#141b34;
    font-size: 12px;
}
.set-menu li a:hover{
    color: #17a2b8;
    font-weight: 400;
}
.set-menu li .active{
	color: #17a2b8;
    font-weight: 400;
}
.divider{
	height: 8px;
	background-color: #f8f9fa;
}
/* Tabs panel */
.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
  background-color: #e9ecef !important;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border-bottom: 2px solid #fff;
  padding: 0px 15px;

}
.tabbable-line > .nav-tabs > li a:hover {
  border-bottom: 2px solid #17a2b8;
}
.tabbable-line > .nav-tabs > li > a {
  margin-right: 0;
  color: #737373;
  line-height: 40px;
  display: block;
}
.tabbable-line > .nav-tabs > li > .active{
	border-bottom:2px solid #17a2b8;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
 
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
/* account setting part css */
.acc-head{
	padding:15px 20px;
}
.acc-head h3{
	font-weight: 400;
}

/* graph part css */
.canvasjs-chart-credit{
	display: none !important;
}
.ui-tabs{
	border:none;
}

/* login page css start */
.lbg{
	background-image: url(/assets/img/lbg2.jpg);
	background-size: cover;
	background-position: center;
}
.login-top{
	background-color: #17a2b8;
	z-index: 11;
}
.loginlogo h3{
	font-weight: 600;
	color: #fff;
	padding:15px 0px 20px;
	font-size: 30px;
	margin:0px;
}
.login-con{
}
.login-form-con{
	margin:30% 5% 0%;
	background-color: #f8f9fa;
	padding:20px;
	border:1px solid #c9c9c9;
	border-radius: 2px;
}
.loghr{
	border-top:2px solid #dee2e6;
	margin:1.5rem 0px;
}
.login-header{
	text-align: center;
}
.login-header h4{
	font-weight: 500;
	font-size: 20px;
}
.login-form{
	padding:0px 2rem;
}
.log-in{
	margin-bottom: 1rem;
}
.txtr{
	text-align: right;
}
.log-for a{
	font-size: 13px;
	color: #141b34;
}
.log-for a:hover{
	color: #17a2b8;
}
/* calendar page modal */

/*

.modal-dialog{
	max-width: 620px;
}

*/

/* loader css*/
.hameid-loader-overlay {
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
    background-color: #17a2b8c4;
    right: 0%;
}
.loader-img{
	height: 70px;
	width: 70px;
	background: url('/assets/img/slot_loader.gif') center no-repeat rgba(255, 255, 255);
	margin: 20% auto;
	padding:10px;
	background-size: 40px 40px;
	border-radius: 50%;
	border:1px solid #ddd;
}
.loader{
	margin:0 auto;
	width: 70px;
	height: 70px;
	background: #eee;
	border-radius: 50%;
}

.form-check-input {
    margin-top: .5rem;
}

.instnote {
	color: #141b34;
	font-size: 12px;
}

.inputError {
	color: #cc412b;
	font-size: 12px;
	display: block;
	font-weight: bold;
}
.notifRed {
	color: #cc412b;
	font-size: 11px;
}
.error {
	color: #cc412b;
	font-size: 12px;
	display: block;
}
/* footer part */
.sta-footer{
	padding:3rem;
	background-color: #212529;
}
.sta-footer h5{
	color:#07d8fa;
}
.sta-footer p{
	color:#dae0e5;
	font-size: 14px;
	margin-bottom: 0px;
    padding: 7px 0px 0px;
}
.clry{
	color: #02c8e7;
}
.footer-menu{
	list-style: none;
	padding-left: 0px;
}
.footer-menu li{
}
.footer-menu li a{
	color:#dae0e5;
	font-size: 13px;
	padding: 7px;
	padding-left: 7px;
	text-decoration: none;
	display: block;
	transition: padding-left 1s;
    -webkit-transition: padding-left 1s;
}
.footer-menu li a:hover{
	padding-left: 20px;
}
.stat-header{
	box-shadow: 0px 2px 6px #ccc;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 5px 20px;
}
.navbar-expand-lg .navbar-nav .nav-link:first-child{
	border-right:1px solid #ddd;
}
.stnavbtn{
	padding-right: 1rem !important;
	padding-left: 1rem !important;
	color:#fff !important;
	border-radius: 2px;
	padding: 5px 1rem;
	font-size: 16px;
}

/* bill part css */
.pdtic{
	font-size: 10px;
	color: #444;
	opacity: 0;
	padding:5px 10px;
}
.billtble tbody tr:hover .pdtic{
	opacity: 1;
	cursor: pointer;
}
.drpd-con{
	width: 25px;
}
.indrpdwn{
	width: 100px;
	background-color: #fff;
	box-shadow: 0px 1px 4px #ddd;
	border:1px solid #eee;
	right:52px;
	z-index: 111;
}
/*
.drpd-con:hover .indrpdwn{
	display: block;
}
*/
.indrpdwn ul{
	padding-left: 0px;
}
.indrpdwn li a{
	display: block;
	padding:3px 10px;
	font-size: 12px;
	color: #666;
}
.indrpdwn li a:hover{
	background-color: #17a2b821;
}
.txtlt{
	text-decoration: line-through;
}
.pinfo{
	padding: 2px 5px;
	font-size: 9px;
	color: #fff;
	width: 40px;
	border-radius: 2px;
	text-align: center;
}
.m-d-bill{
	margin:2% auto !important;
}
.bill-modal{
	border-radius: 2px;
	padding:0px;
}
.bill-modal .appwith{
	padding:8px 1rem;
	border-bottom:1px solid #eee;
}
.bill-modal .invoiceno{
	padding:15px 1rem;
	border-bottom:1px solid #eee;
	font-size: 12px;
}
.billmotble thead th{
	font-weight: 400;
	font-size: 14px;
	padding: 8px 4px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.billmotble tbody td{
	font-weight: 400;
	font-size: 14px;
	padding: 8px 5px;
}
.ctic .pri-hide-ic{
	padding-top: 8px;
}
.invoicebody{
	height: 210px;
	overflow-y: auto;
}
.m-pay-con{
	padding:1rem;
}
.m-p-head{
	padding:1rem;
	background-color: #17a2b81a;
	border-bottom:2px solid #fff;
}
.m-p-body{
	padding:1rem;
	background-color: #17a2b81a;
}
.m-p-body a{
	font-size: 11px;
	color: #138496;
}
.bpimage{
	height: 45px;
	width: 45px;
	background-color: #eee;
	border-radius: 2px;
	overflow: hidden;
}
.modal-header{
	overflow: hidden;
}
.bpdet{
	width: 45%;
	margin-left: 10px;
	height: 50px;
}
.bpdet p{
	font-weight: 400;
	padding:2px 0px;
}
.invn{
    background-color: #000000d4;
    z-index: 1111;
    display: none;
}
.invn-iner{
	max-width:750px;
	height: 300px;
	margin:6% auto;
	padding:2rem;
}
.invn-iner p{
	font-size: 14px;
	padding: 10px 0px;
	margin-bottom: 15px;
}
.foot{
	padding:1rem 0px;
}
.foot button{
	margin-left: 10px;
}
.foot p{
	line-height: 0px;
	padding-left: 5px;
}
a{
	outline: none;
}

/* profile button container css */
.pro-btn-con{
	height:35px;
	margin-bottom: 15px;
}
.pro-btn-con a{
	background-color: #fff;
	padding:5px 15px 7px;
	display: block;
	border-radius: 2px;
	border:1px solid #ddd;
	font-size: 14px;
}
.pro-btn-con .active{
	background-color: #17a2b8;
	color: #fff;
}

/* invoice css */
.invmodal{
	border-radius: 0px;
}
.inv-con{
	height: 700px;
}
.inv-left{
	width: 80%;
	height:700px;
	border-right: 1px solid #ddd;
	padding:15px;
	
}
.inv-main{
	background-color: #50525a;
	height:671px;
	padding:10px 1rem;
	overflow: auto;
}
.inv-m-inner{
	background-color: #fff;
	padding: 10px 0px;
	min-height: 630px;
}
.inv-m-inner h2{
	text-align: center;
}
.inv-right{
	width: 20%;
	height:700px;
	background-color: #eee;
}
.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-bottom: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}
.invtble  > thead > tr > td{
	padding: 5px;
	background-color: #eee;
	font-size: 11px;
}
.invtble > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    padding:5px;
    font-size: 10px;
}
.invtble > tbody > tr > .thick-line {
    border-bottom: 1px solid #ddd;
}
.inv-footer{
	margin-top: 100px;
}
.inv-footer p{
	font-size: 9px;
	color: #999;
}
.inv-footer .psecond p{
	text-align: center;
}
.inv-footer .pthird p{
	text-align: right;
}
.inv-right{
	padding: 15px 20px;
}
.table tbody tr{
	text-transform: capitalize;
}
/* welcome page css start */
.welcome-con{
	border-radius: 2px;
	box-shadow: 0px 2px 4px #888;
	width: 65%;
	margin: 5rem auto;
	padding:3rem 2rem;
}
.welcom-head{
	text-align: center;
}
.welcom-head h1{
	color: #141b34;
}
.welcome p{
	font-size: 10px;
	color:#888;
}
.welimg{
	height: 150px;
	width: 150px;
	background-color: #eee;
	margin:2rem auto 0px;
	border-radius: 50%;
	padding: 1.4rem 1rem;
	overflow: hidden;
}
legend{
	font-size: 12px !important;
	font-weight: 500;
}
/* jquery ui part css */
.ui-widget-content{
    width: 250px;
    padding: 0px;
    border-radius: 2px;
    box-shadow: 0px 3px 8px #ccc;
    margin-top: 45px;
    position: absolute !important;
    z-index: 0;
}
.ui-widget-content:before {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left:10px;
	width: 10px;
	height: 10px; 
    background: #fff;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
 	-moz-transform:rotate(-45deg);
  	-webkit-transform:rotate(-45deg);
}
.ui-widget-content li{}
.ui-widget-content li div{
	padding:10px;
	font-size: 13px;
}
.ui-widget-content li div:hover{
	border:none;
	background-color: #138496;
	color: #fff;
	cursor: pointer;
}
.modal{
	background-color: #007284e6;
}
/* data table css */

.dataTables_filter{
	display: none;
}
.dataTables_info{
	display: none;
}
.dataTables_paginate{
	display: none;
}
/* setting page css */
.sethed i{
	font-size: 14px;
}
.sethed .setspan{
	font-weight: 400;
	color: #6c757d;
	font-size: 17px;
}
.badge{
	margin-top:3px;
}
/* calendar popup part css */
.fc-list-item:hover{
	color: #000 !important;
}

.cal-popup{
	width: 300px;
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 2px;
	position: absolute;
	top: -130px;
	z-index: 111;
	right: 0px;
}
.arrow-right {
     width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ddd;
    position: absolute;
    top: 45%;
    left: -15px;
}
.arrow-right-in{
  width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid white;
    position: relative;
    top: -14px;
    left: 1px;
}
.cp-tophed{
	height: 0px;
}
.cp-btn-con{
	background-color: #fff;
	padding:5px 10px;
	text-align: right;
}
.cal-popup button{
	font-size: 10px;
}
.cp-userdet .bpimage{
	background-color: #fff;
}
.cp-userdet .modal-header{
	border-bottom:none;
}
.cp-userdet .bpdet{
	width: 80%;
	margin-left: 0px;
}
.cp-userdet .bpdet p{
	color: #444 !important;
}
.cp-userdet .bpdet .txtov{
	margin-top: 0px;
}
.cp-contact .bpdet{
	margin-left: 0px;
} 
.cp-ap-time{
	background-color: #f1f1f1;
	height: 50px;
}
.captime{
	width: 60%;
	padding: 8px 15px;
	color: #444;
}
.capic{
	width: 40%;
	padding: 8px 15px;
}
.capic i{
	color: #777;
	padding:5px 5px;
	font-size: 14px;
}
.capic i:hover{
	background-color: #e6e6e6;
}
.cp-payment{
	text-align: right;
	padding:5px 10px;
}
.cp-info{
	margin:10px 2px 2px;
	height: 45px;
	background-color: #17a2b8;
}
.fc-time-grid-event{
	overflow: none !important;
}
/* follow up css */
.follow-text{
	margin-top: 7px;
	font-size: 13px;
}
.actdrp{
	top:30px;
	right: 0px;
}
.actdrp li a{
	border:none;
	font-size: 12px;
}
.acbtn:hover .actdrp{
	display: block;
}
/* ==================== media query part css ===============*/
@media only screen and (min-width: 1241px) {
	.shideicon{
		display: none !important;
	}
	#sidebar{
		display: block!important;
	}
}
@media only screen and (max-width: 1240px) {
	.dasdetail h5{
		font-size: 11px;
		width: 80px;
		white-space: nowrap; 
    	overflow: hidden;
    	text-overflow: ellipsis; 
	}
	#sidebar{
		display: none;
		position: fixed;
		right: 0px;
		top:54px;
		z-index: 109;
		max-width: 340px;
		flex: 0 0 340px;
		min-height: 400px;
		overflow-y: auto;
		border-left: 1px solid #ccc;
	}
	#aphistorycontainerMain{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.lefthbtn{
		display: block;
	}
	.report-deta h5{
		font-size: 10px;
		font-weight: 400;
	}
	.report-deta h3{
		font-size: 13px;
	}
	.modal-dialog{
		max-width: 800px !important
	}
}
@media only screen and (max-width: 950px) {
	.page-container{
		width: 950px;
	}
	.left-con{
		width: 190px!important;
		z-index: 1000;
	}
	.right-nav{
		width: 720px!important;
		position: absolute;
		width: 100%!important;
	}
	.modal-dialog{
		max-width: 800px !important
	}

}
@media only screen and (max-width : 768px) {
	.navbar-brand{
		width: 60%;
	}
	.login-form{
		padding:0px;
	}
}
@media only screen and (max-width: 770px) {
	.modal-dialog{
		max-width: 400px !important
	}
}

@media only screen and (max-width : 480px) {
	.rc-anchor-normal .rc-anchor-checkbox-label{
		width: 110px !important;
	}
}