/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .m-subheader .m-subheader__title {
        margin: 0 15px 0 15px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1024px) {
	#previous_page_nav {
		display: block !important;
	}
	.back_button {
		font-size: 25px !important;
		padding: 10px 15px 0px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 576px) and (max-width: 992px) {
    .login_bot_logo {
        width: 30% !important;
    }
    .login_div {
        padding: 20px;
    }
    #login_input {
        padding: 0;
    }
    .m-login__contanier {
        margin: 0% !important;
        height: 400px !important;
    }
    .m-subheader .m-subheader__title {
        margin: 0 15px 0 15px;
    }
    /* #login_input .input-field {
        padding: 5px;
    } */
    /* #m_form {
        top: -95px !important;
    }
    #login_btn {
        margin: 1rem 0;
    } */
    #login_btn button{
        padding: 8px 10px;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .font_size{
        font-size: unset !important;
    }
    .img_align{
       
        margin: 5px !important;
    }
    .user_profile_align{
        margin-right: 0 !important;
        padding: 5px !important;
    }
    .a_self_center{
        align-self: center !important;
    }
    .font_size_qc{
        font-size: smaller !important;
    }
    .m-subheader .m-subheader__title {
        margin: 0 15px 0 5px;
    }
}

@media only screen and (max-width: 300px),(max-width: 767px){
	.operator_dashboard_search{
		width: 97px;
		
	}
	.optr_dash_tab{
		width: 100px;
	}
	.m-topbar {
		background: none;
	}
	#img_responsive {
		width: 50px !important;
	}
	.header_clock {
		width: 15px;
		position: relative;
    	top: -1px;
	}
	/* .db4{
		font-size: 14px !important;
	}
	.db3{
		font-size: 1rem !important;
	} */
	.date_style {
		font-size: 14px !important;
	}
	.optr_name_style {
		font-size: 14px !important;
	}
	.hide {
		display: none;
	}
}
@media only screen and (max-width: 400px) {
	/* For mobile phones: */
	/* [class*="col-"] {
	  width: 100%;
	} */
	.db4{
		font-size: 0.7rem !important;
	}
	.db3{
		font-size: 1rem !important;
	}
	.img_size{
		width: 90px !important;
	}
	#m_header_topbar {
		position: relative;
		top: 0;
	}
	.profile_image {
		height: 1.7rem;
		width: 1.7rem;
	}
	
  }
  @media only screen and (max-width: 576px) {
	/* For mobile phones: */
	/* [class*="col-"] {
	  width: 100%;
	} */
	
	.img_size{
		width: 90px !important;
	}
	#m_header_topbar {
		position: relative;
		top: 20px !important;
	}
	.profile_image {
		height: 1.7rem;
		width: 1.7rem;
	}
	
  }
@media only screen and (max-width: 768px),(max-width: 992px){
	#previous_page_nav {
		display: block !important;
	}
	.back_button {
		font-size: 25px !important;
		padding: 0;
	}
	#img_responsive {
		width: 50px !important;
	}
	.header_clock {
		width: 20px;
		position: relative;
    	top: -6px;
	}
	.date_style {
		margin-right: 0px !important;
		font-size: 1.75rem !important;
	}
	.optr_name_style {
		font-size: 16px !important;
	}
	.footer_align {
		text-align: left !important;
	}
	#footer_margin {
		margin-top: 12px;
	}
	#header_tab {
		margin-top: 27px !important;
	}
	/* #header_tab {
		padding-top: 64px !important;
	} */
	/* .db4{
		font-size: 24px !important;
	}
	.db3{
		font-size: 1rem !important;
	} */
}
@media only screen and (min-width: 548px) and (max-width:576px){
	#header_tab {
		margin-top: 4px !important;
	}
	#previous_page_nav {
		display: block !important;
	}
	.back_button {
		font-size: 25px !important;
		padding: 0 15px;
	}
}
@media only screen and (min-width: 320px) and (max-width:576px){
	.widget_test_font_size {
		font-size: 14px;
	}
	.ch_lable_size {
		font-size: 16px !important;
	}
	.ch_lable_val_size {
		font-size: 18px !important;
	}
    .top_1{
        top: 490px !important;
    }
    .top_2{
        top: -350px !important;
        padding: 10px;
    }
    .header_clock {
		width: 15px;
		position: relative;
        top: 0;
	}
	.date_style {
		margin-right: 0px !important;
		font-size: 0.90rem !important;
	}
    #header_tab {
        margin-top: 0px !important;
    }
    .padding_10{
        padding-top: 10px !important;
    }
	#previous_page_nav {
		display: block !important;
	}
	.back_button {
		font-size: 20px !important;
		padding: 0 5px;
	}
}

.v_center{
    display: flex;
    align-items: center;
}
/* .m-portlet__body{
    overflow-x: scroll !important;
} */
.fc-scroller{
    overflow: auto !important;
}
@media (max-width: 1024px) {
	.logoutToggle {
		display: block !important;
	}

	#date_time {
		padding: 10px;
		margin-top: 35px !important;
	}

	.db4 {
		font-size: 20px;
	}

	.db3 {
		font-size: 14px;
		/* margin-left: 10px; */
	}

	.profile_image {
		height: 2rem;
		width: 2rem;
	}

	.headerRow {
		align-items: center;
	}

	#line_dashboard_ {
		margin-top: 60px;
	}

	.m-header--fixed-mobile .m-body {
		padding-top: 0px !important;
	}
}
@media screen and (max-width:576px)  {
	.db4{
		font-size: 14px;
	}
}