@charset "utf-8";
/* CSS Document */

@media(min-height: 701px) {	
	.login-bottom{
		position: absolute;
		width: 75%;
		bottom: 35px;
	}	
	
}

@media(max-width: 800px) {		
	.patient-profile{			
		width: 25%;
	}	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {     
		
    /* Safari 5+ ONLY */
    ::i-block-chrome, .file-upload{
     height: 230px;
    }
@media screen and ( max-width: 1366px) {
	.file-upload{
		min-height: 200px;
	}
	
}

}

@media(max-width: 1230px) and (min-width: 1200px) {		
	.side-menu > .sidemenu-item > .sidemenu-link > img {
		margin-right: 5px;
	}
}

@media(max-width: 1199px) {	
	.login-form .input-group{		
		width: 100%;
	}
	/* dashboard	*/
	.page-table td{
		padding-left: 5px;
		padding-right: 5px;
	}
	aside{
		width: 22%;
	}
	.dashboard > .col-lg-3{
		flex: 0 0 22%;
    	max-width: 22%;
	}
	.dashboard > .col-lg-9 {
    	flex: 0 0 78%;
    	max-width: 78%;
	}
	.btn-action{
		min-width: 110px;
		line-height: 30px;
	}
	.patient-profile {
		width: 23.5%;
	}
	
	/* consultation	*/
	.cons-tab .nav-link {		
		/* margin: 0 5px; */
		margin: 0 3px;
	}
	.record-rdo_list .form-check-inline {
		margin-right: 15px;
	}
	.patient-profile {
		background-color: #FFFFFF;
		padding: 16px 15px;
	}
	.patient-detail.row{		
		margin-right: -5px;
    margin-left: -5px;
	}
	.patient-detail.row > [class*=col-] {
	  padding-right: 5px;
	  padding-left: 5px;
	}
	.btn-visit {
		width: 75px;
		font-size: 11px;		
		padding: 5px 6px;
		line-height: 13px;
	}
	.past-visit .clearfix {
   		margin-bottom: 15px;
	}
	.file-list{
		padding: 16px 0;
	}
	.file-list .list-item .f-detail{
		max-width: 130px;
	}
	.v-detail p{
		font-size: 12px;
		color: #3E3E3E;
		font-weight: bold;
	}
	.added.v-detail, .visit-deatil .added{
		padding: 10px;
	}
	.dashcount .slick-list {
	    padding: 0 5px 0 0 !important;
	}
	.dashcounts .slick-list {
	    padding: 0 5px 0 0 !important;
	}
}


@media(max-width: 992px) {	
	.dashcounts .slick-list{padding:0 50px 0 0 !important;}
	.login-left {		
		padding: 43px 20px 0;		
	}
	.login-form {    padding: 65px 30px; }
	.login-left h1{
		font-size: 35px;
	}
	.dashboard > .col-lg-3{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	
	.dashboard > .col-lg-9 {
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	#dash-count.row{		
		margin-right: -5px;
    margin-left: -5px;
	}
	#dash-count.row > [class*=col-] {
	  padding-right: 5px;
	  padding-left: 5px;
	}
	.patient-detail.row{		
		margin-right: -15px;
	    margin-left: -15px;
	}
	.patient-detail.row > [class*=col-] {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.profile-drp img, .patient-detail img {
		width: 60px;
	}
	.patient-profile-col{
		display: none;
	}
	.col-cu-8{
		width: 100%;
	}
}

@media(max-width: 767px) {	
	.login-logo{
		width: 150px;
		margin-left: auto;
	}
	.login-form .login-txt{
		height: 42px;
		font-size: 12px;
	}
	.login-form .input-addon {		
		padding-left: 8px;
		padding-right: 8px;
		border-radius: 5px;
	}
	.login-form .input-addon img {		
		width: 24px;
	}
	.login-form .input-group {    margin-top: 25px;    }
	
	.login-form {  padding: 70px 70px 0; }
	
	.btn-signIn{ height: 40px; font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;} 
	
	.login-detail{		
		font-size: 14px;
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
	}
	.dashboard > .col-lg-3{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	
	.dashboard > .col-lg-9 {
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	#dash-count.row{
		margin-right: -15px;
    margin-left: -15px;		
	}
	#dash-count.row > [class*=col-] {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.profile-drp  img, .patient-detail  img{
		width: 38px;
	}	
	.doughnutChart-parrent h3 {	
		font-size: 17px;
	}
	.doughnutChart-parrent h3 span {
		font-size: 14px;
	}
}