/* ------ MD (TABLET) ------ */
@media (max-width:1050px){

/* ------ GRIDS ----- */
.row .grid100_md { width: 100%; }
.row .grid90_md {width: 90%;}
.row .grid80_md {width: 80%;}
.row .grid75_md {width: 75%;}
.row .grid70_md {width: 70%;}
.row .grid66_md {width: 66.66%;}
.row .grid60_md {width: 60%;}
.row .grid50_md {width: 50%;}
.row .grid40_md {width: 40%;}
.row .grid33_md {width: 33.33%;}
.row .grid30_md {width: 30%;}
.row .grid25_md {width: 25%;}
.row .grid20_md {width: 20%;}
.row .grid10_md {width: 10%;}

.hideme_md { display: none; }

} /* END MD */


/* ------ XS (MOBILE / PORTRAIT TABLET) ------ */
@media (max-width:800px){

/* ------ GRIDS ----- */
.row .grid100_xs { width: 100%; }
.row .grid90_xs {width: 90%;}
.row .grid80_xs {width: 80%;}
.row .grid75_xs {width: 75%;}
.row .grid70_xs {width: 70%;}
.row .grid66_xs {width: 66.66%;}
.row .grid60_xs {width: 60%;}
.row .grid50_xs {width: 50%;}
.row .grid40_xs {width: 40%;}
.row .grid33_xs {width: 33.33%;}
.row .grid30_xs {width: 30%;}
.row .grid25_xs {width: 25%;}
.row .grid20_xs {width: 20%;}
.row .grid10_xs {width: 10%;}

.hideme_xs { display: none; }

.mobilefull {
	width: 100%;
}


/* ------ MENU ----- */
header#main { padding-left: 0; }
#topbar .logo { display: none; }



#navbar {
	top: 60px;
	left: -200px;
}

#navbar.toggle {
	left: 0;
}

#navbar:hover {
	left: 0px;
}
#navbar #branding { display: none; }

#button_toggleMenu {
	display: block;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	color: #2b303b;
	float: left;
}

#filter form {
	justify-content: center;
}

/* ------ CONTENT ----- */
#contentOuter { padding: 0 0px 10px; }
#contentOuter > .container { width: 90%; margin: 0 auto;}
} /* END XS */


/*media query*/


/*financial tab*/

@media (max-width:992px)
{
	
}
@media (min-width:20em){
    .sm-col{
        float:left;
        box-sizing:border-box
    }
    .sm-col-right{
        float:right;
        box-sizing:border-box
    }
    .sm-col-1{
        width:8.33333%
    }
    .sm-col-2{
        width:16.66667%
    }
    .sm-col-3{
        width:25%
    }
    .sm-col-4{
        width:33.33333%
    }
    .sm-col-5{
        width:41.66667%
    }
    .sm-col-6{
        width:50%
    }
    .sm-col-7{
        width:58.33333%
    }
    .sm-col-8{
        width:66.66667%
    }
    .sm-col-9{
        width:75%
    }
    .sm-col-10{
        width:83.33333%
    }
    .sm-col-11{
        width:91.66667%
    }
    .sm-col-12{
        width:100%
    }
}



@media(max-width:1440px) {
	.license_info .subtitle_txt {
		font-size: 13px;
	}

	.license_info .left_row span,
	.license_info .right_row span {
		font-size: 15px;
	}
}

@media (max-width:1280px) {
	#topbar .logo {
		max-height: 42px;
	}

	.cmn-table table tr td {
		font-size: 16px;
		padding: 9px 18px;
	}

	button.button.searchBtn svg {
		width: 30px;
		height: 17px;
	}

	.system_config .subtitle_txt {
		font-size: 16px;
	}

	.settings-main-box .card_heading {
		font-size: 19px;
	}
	.sm-col-8 {
			width: 70%!important;
	}

	.user_account_fm .form-control
	{
		width: 45px;
	}
	.button.teal.save, 	.button.teal.cancel {
		padding: 1em 5.2em;
	}
}

@media (max-width:1199px) {
	#topbar .logo {
		max-height: 32px;
	}

	.dashboard-filter {
		padding: 11px;
	}

	.financial-filter .form-control {
		width: 98px;
		margin: 0 10px;
	}

	.filter-sec .picture-sec {
		padding: 11px;
	}

	.styled-checkbox+label {
		font-size: 13px;
	}

	.dashboard-main .card_heading {
		font-size: 18px;
	}

	.cmn-table table tr td {
		font-size: 14px;
		color: #272927;
		padding: 9px 14px;
	}

	.filter-sec .color-coding h4 {
		font-size: 17px;
	}

	.filter-sec .form-select {
		width: 100%;
		font-size: 13px;
	}

	.filter-sec .kpibtn {
		margin-bottom: 41px;
		min-width: 190px;
		font-size: 15px;
		height: 35px;
	}

	.filter-sec .form_label {
		font-size: 14px;
	}

	.dasbboard-menu .menu-nav .item-link,
	.settings-menu .menu-nav .item-link {
		font-size: 14px;
		padding: 9px;
	}

	#topbar .cont {
		display: flex;
		align-items: center;
	}

	#topbar {
		align-items: center;
	}

	.cmn-table table tr th {
		font-size: 14px;
		padding: 10px 18px;
	}

	.labour_hours .card_heading {
		font-size: 19px;
	}

	.labour_hours .subtitle_txt,
	.progrem_setup .subtitle_txt {
		font-size: 16px;
	}

	.settings-main-box .card_heading {
		padding: 20px 0;
	}

}

@media(max-width:1024px)
{
	.md-col-6 , .md-col-5{
        width: 100% !important;
    }
}

@media (max-width:991px) {
	.d-sm-block {
		display: block !important;
	}

	.d-m-flex {
		display: flex !important;
	}

	.financial-filter .form-control {
		width: auto;
	}

	 /* .sm-col-12 {
		width: 100% !important;
	} */

	.financial-content {
		padding: 20px 0;
	}

	#button_toggleMenu {
		font-size: 26px;
	}

	.dashboard-main .card_heading {
		font-size: 18px;
		margin-top: 14px;
		margin-bottom: 15px;
	}

	.filter-sec .color-coding .color_sec {
		max-width: 100%;
	}

	.styled-checkbox+label {
		font-size: 16px;
	}

	.button.book-coaching {
		padding: 9px;
	}

	.labour_hours .head-sec {
		margin-bottom: 14px;
		margin-top: 22px;
	}

	.card_heading {
		font-size: 20px;
		margin-bottom: 25px;
		margin: 20px 0 0;
	}

	.dasbboard-menu .menu-nav .item-link, .settings-menu .menu-nav .item-link {
		font-size: 17px;
		padding: 12px;
	}

   /* .sm-col-8 {
		width: 100%!important;
	} */
	.user-account .table th {

		white-space: nowrap;
	}

	.user_account_fm .form-control {
		width: 100%;
	}
}

@media (max-width:767px) {
 /* .sm-col-12 {
		width: 100%;
	} */

	.financial-filter .form-select {
		width: 100%;
		margin: 10px 0;
	}

	.d-sm-block {
		display: block !important;
	}

	.filter-sec .color-coding .color_sec {
		max-width: 100%;
	}

	.financial-content {
		padding: 10px 0;
	}

	.button.book-coaching {
		padding: 7px;
		font-size: 12px;
	}

	.financial-filter label {
		font-size: 14px;
	}

	.financial-filter label {
		font-size: 14px;
	}

	.d-m-flex {
		display: block !important;
	}

	.styled-checkbox+label {
		font-size: 14px;
	}

	.dashboard-main .card_heading {
		font-size: 19px;
		margin-bottom: 25px;
		margin-top: 20px;
	}

	.cmn-table table tr th {
		font-size: 15px;
	}

	#topbar .accountOptions .profile {
		padding: 0 8px;
	}

	.filter-sec .date-btns .button {
		height: 34px;
		width: 43px;
	}

	.labour_hours .savebtn {
		height: 35px;
		width: 100px;
		font-size: 15px;
		margin: 28px 0 0;
	}

	.labour_hours .subtitle_txt,
	.progrem_setup .subtitle_txt {
		font-size: 16px;
		padding: 10px 0 0;
		margin: 10px 0;
	}

	.progrem_setup .card_heading {
		font-size: 22px;
		margin: 20px 0 0;
	}

	.settings-main .settings-main-box {
		background-color: #fff;
		padding: 12px;
	}

	.system_config .subtitle_txt {
		font-size: 15px;
	}

	.system_config .form-group label {
		font-size: 15px;
	}

	button.button.searchBtn svg {
		width: 15px;
	}

	.main_row
	{
		display:block;
	}

	.dasbboard-menu .menu-nav .item-link, .settings-menu .menu-nav .item-link {
		font-size: 15px;
		padding: 12px;
	}

	.right_row {
		width: 100%;
	}

	.left_row {
		width: 100%;
	}

	.user_account_data {
		overflow: hidden;
		overflow-x: auto;
	}

	.user_account_fm .form-control {
		width: 100%;
	}
}

@media(max-width:640px) {
	.head-sec.d-blocks {
		display: block;
	}

	.labour_hours .card_heading {
		font-size: 16px;
	}
}

@media(max-width:480px) {
	.dashboard-main .card_heading {
		font-size: 16px;
	}

	.dashboard-main-box,
	.settings-main-box {
		padding: 11px;
	}

	.filter-sec .date-btns .button {
		height: 30px;
		width: 43px;
	}

	.settings-main-box .card_heading {
		font-size: 17px;
	}

	.system_config .form-group label {
		font-size: 14px;
	}

	.system_config .subtitle_txt {
		font-size: 14px;
	}

	.settings-main-box .card_heading {
		font-size: 17px;
		margin-bottom: 20px!important;
	}

	button.button.searchBtn svg {
		width: 13px;
	}

	.license_info .form-group .form-control
	{
		margin: 10px 0;
	}
}