* {

	outline: none !important;

}



.tableContainer {

	overflow-y: scroll;
	width: 100% !important;

}



.table_head {

	clear: both;

	width: 100%;

	float: left;

	padding: 0 5px;

}



.table_head h4 {

	border: none !important;

}



.my_form {

	/* padding: 20px; */

}



.ui-widget.ui-widget-content {

	z-index: 999999 !important;

}





.nicescroll-rails.nicescroll-rails {

	display: none !important;

}



.ham-menu {

	cursor: pointer;

	font-size: 25px;

	margin-bottom: 25px;

	position: absolute;

	right: 16px;

	top: 25px;

	z-index: 99999;

}



.ham-menu i {

	color: #fff;

}



.scroll_fld {

	height: 300px;

	overflow: scroll;

}



.applicant-comment {
	margin-bottom: 25px !important;
}



/*=================================================================*/



#main-content .main_menu_list,

.header .main_menu_list {

	width: 100%;

	max-width: 288px;

	height: 100%;

	min-height: 100vh;

	background: rgba(0, 0, 0, 0.8);

	position: fixed;

	right: -288px;

	top: 0;

	z-index: 9999999999;

	margin-top: 0 !important;

	padding: 10px;

	display: block;

	transition: all 0.3s ease-in-out;

}



.active_side_menu.active_side_menu.active_side_menu {

	right: 0 !important;

}



.active_main_content .main_menu_list {

	right: 0 !important;

}



#main-content .main_menu_list ul,

.header .main_menu_list ul {

	padding-top: 38px;

}



#main-content .main_menu_list ul li,

.header .main_menu_list ul li {

	width: 100%;

	float: left;

	margin: 0;

}



#main-content .main_menu_list ul li img,

.header .main_menu_list ul li img {

	width: 26px;

	right: auto;

	left: 15px;

	top: 7px;

}



#main-content .main_menu_list ul li a,

.header .main_menu_list ul li a {

	height: 38px;

	padding-right: 5px;

	padding-left: 38px;

}



#main-content .main_menu_list ul li p,

.header .main_menu_list ul li p {

	font-size: 12px;

	text-align: left;

	line-height: 14px;

}



#main-content .main_menu_list ul li+li,

.header .main_menu_list ul li+li {

	margin-top: 10px;

}



/*=================================================================*/





.dashbored-section.dashbored-section .main_menu_list_new,
.dashbored-section.dashbored-section .main_menu_list {

	position: static !important;

	/* width: auto !important; */

	max-width: initial !important;

	height: initial !important;

	min-height: initial !important;

	background: none !important;

	padding: 0 !important;

}



.dashbored-section.dashbored-section .main_menu_list_new ul li,
.dashbored-section.dashbored-section .main_menu_list ul li {

	width: 18% !important;

	/*display: inline-block !important;*/

	vertical-align: middle !important;

	border-radius: 6px !important;

	text-align: center !important;
	border: 1px solid black;
	/* margin: 0 5px 15px !important; */
	margin: 10px 0.999% !important;

	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.dashbored-section.dashbored-section .main_menu_list ul li:hover p {
	/* color: white !important; */
}





.dashbored-section.dashbored-section .main_menu_list_new ul li,
.dashbored-section.dashbored-section .main_menu_list ul li {

	background: #ff0000;

}







.dashbored-section.dashbored-section .main_menu_list_new ul li a,
.dashbored-section.dashbored-section .main_menu_list ul li a {

	width: 100% !important;

	/*display: block !important;*/

	height: 80px !important;

	position: relative !important;

	padding-right: 15px !important;

	padding-left: 70px !important;

	background: white !important;
	border-radius: 6px;

}



.dashbored-section.dashbored-section .main_menu_list ul li p {

	width: 96% !important;

	/*display: inline-block !important;*/

	vertical-align: middle !important;

	font-size: 13px !important;

	color: #000 !important;

	text-transform: uppercase !important;

	text-align: left !important;

}



.dashbored-section.dashbored-section .main_menu_list_new ul li img,
.dashbored-section.dashbored-section .main_menu_list ul li img {

	width: 45px !important;

	position: absolute;

	left: 15px !important;

	right: auto !important;

	top: 18px !important;

}









.dashbored-section.dashbored-section .main_menu_list_new.main_menu_list_new ul li p {

	width: 70% !important;

	display: inline-block !important;

	vertical-align: middle !important;

	font-size: 16px !important;

	color: #fff !important;

	text-transform: uppercase !important;

	text-align: left !important;

	top: 18px;

	position: absolute;

	right: 0;

}





-------------------------------
/* .dashbored-section.dashbored-section .main_menu_list ul li a {

    width: 100% !important;

    display: block !important;

    height: 80px !important;

    position: relative !important;

    padding-right: 15 !important;

    padding-left: 70px !important;

}



.dashbored-section.dashbored-section .main_menu_list ul li p {

    width: 90% !important;

    display: inline-block !important;

    vertical-align: middle !important;

    font-size: 16px !important;

    color: #fff !important;

    text-transform: uppercase !important;

    text-align: left !important;

}



.dashbored-section.dashbored-section .main_menu_list ul li img {

    width: 45px !important;

    position: absolute;

    right: 15px !important;

    top: 18px !important;

} */







.right_panel_cross {

	width: 35px;

	height: 35px;

	line-height: 35px;

	position: absolute;

	right: 15px;

	top: 5px;

	background: #da0100;

	border-radius: 100%;

	color: #fff;

	font-size: 28px;

	text-align: center;

	transform: rotate(45deg);

	cursor: pointer;

}





















/* Slider */

.slick-slider {

	position: relative;



	display: block;

	box-sizing: border-box;



	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;



	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;

}



.slick-list {

	position: relative;



	display: block;

	overflow: hidden;



	margin: 0;

	padding: 0;

}



.slick-list:focus {

	outline: none;

}



.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.slick-track {

	position: relative;

	top: 0;

	left: 0;



	display: block;

	margin-left: auto;

	margin-right: auto;

}



.slick-track:before,

.slick-track:after {

	display: table;



	content: '';

}



.slick-track:after {

	clear: both;

}



.slick-loading .slick-track {

	visibility: hidden;

}



.slick-slide {

	display: none;

	float: left;



	height: 100%;

	min-height: 1px;

}



[dir='rtl'] .slick-slide {

	float: right;

}



.slick-slide img {

	display: block;

}



.slick-slide.slick-loading img {

	display: none;

}



.slick-slide.dragging img {

	pointer-events: none;

}



.slick-initialized .slick-slide {

	display: block;

}



.slick-loading .slick-slide {

	visibility: hidden;

}



.slick-vertical .slick-slide {

	display: block;



	height: auto;



	border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

	display: none;

}



h4,

h5,

h6,

h1,

h2,

h3 {

	margin: 0;

}



ul,

ol {

	margin: 0;

}



p {

	margin: 0;

}



html,

body {

	font-family: 'Roboto', sans-serif;

	font-size: 100%;

	overflow-x: hidden;

	/*background: url(../images/bg.jpg) no-repeat 0px 0px;*/































	/*background-size:cover;*/































	/* background: #545351; */

}



body a {

	transition: 0.5s all ease;

	-webkit-transition: 0.5s all ease;

	-moz-transition: 0.5s all ease;

	-o-transition: 0.5s all ease;

	-ms-transition: 0.5s all ease;

	text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0;

}



p {

	margin: 0;

}



ul,

label {

	margin: 0;

	padding: 0;

}



body a:hover {

	text-decoration: none;

}



/*sidebar navigation*/







#sidebar {

	width: 240px;

	height: 100%;

	position: fixed;

	background: #545351;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



#sidebar ul li {

	position: relative;

}



.leftside-navigation,

.right-stat-bar {

	height: 100%;

}



.right-stat-bar ul {

	list-style-type: none;

	padding-left: 0;

}



/*LEFT NAVIGATION ICON*/







.dcjq-icon {

	height: 17px;

	width: 17px;

	display: inline-block;

	background: url(../images/nav-expand.png) no-repeat top;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	position: absolute;

	right: 10px;

}



.active .dcjq-icon {

	background: url(../images/nav-expand.png) no-repeat bottom;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



.right-side-accordion .dcjq-icon {

	height: 17px;

	width: 17px;

	display: inline-block;

	background: url(../images/acc-expand.png) no-repeat top;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	position: absolute;

	right: 10px;

}



.right-side-accordion .active .dcjq-icon {

	background: url(../images/acc-expand.png) no-repeat bottom;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



.right-side-accordion li:nth-child(2) ul li .prog-row {

	border: none;

}



/*---*/







.nav-collapse.collapse {

	display: inline;

}



ul.sidebar-menu,

ul.sidebar-menu li ul.sub {

	margin: -2px 0 0;

	padding: 0;

}



ul.sidebar-menu {

	padding-top: 80px;

}



#sidebar>ul>li>ul.sub {

	display: none;

}



#sidebar .sub-menu>.sub li a {

	padding-left: 66px;

}



#sidebar>ul>li.active>ul.sub,

#sidebar>ul>li>ul.sub>li>a {

	display: block;

}



ul.sidebar-menu li ul.sub li {

	background: rgba(52, 48, 48, 0);

	margin-bottom: 0;

	margin-left: 0;

	margin-right: 0;

}



ul.sidebar-menu li ul.sub li a {

	font-size: 12px;

	padding-top: 13px;

	padding-bottom: 13px;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

	color: #fff;

}



ul.sidebar-menu li ul.sub li a:hover,

ul.sidebar-menu li ul.sub li.active a {

	color: #fff;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

	display: block;

	background: rgba(40, 40, 46, 0.28);

}



ul.sidebar-menu li {

	border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}



ul.sidebar-menu li.sub-menu {

	line-height: 15px;

}



ul.sidebar-menu ul.sub li {

	border-bottom: none;

}



ul.sidebar-menu li a span {

	display: inline-block;

	margin-left: 18px;

}



ul.sidebar-menu li a {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 18px 0 18px 25px;

	font-size: 12px;

	outline: none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



ul.sidebar-menu li a.active,

ul.sidebar-menu li a:hover,

ul.sidebar-menu li a:focus {

	background: rgba(40, 40, 46, 0.28);

	color: #fff;

	display: block;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



ul.sidebar-menu li a i {

	font-size: 15px;

	padding-right: 6px;

}



ul.sidebar-menu li a:hover i,

ul.sidebar-menu li a:focus i {

	color: #fff;

}



ul.sidebar-menu li a.active i {

	color: #fff;

}



.mail-info,

.mail-info:hover {

	margin: -3px 6px 0 0;

	font-size: 11px;

}



/*main content*/







#main-content {

	/*margin-left: 240px;*/

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	overflow: hidden;
}



#main-content>.wrapper {

	min-height: 100vh;

}



.footer {

	background: #4a4a86;

	padding: 20px;

}



.footer p {

	color: #fff;

	letter-spacing: 1px;

	font-size: 14px;

}



.footer p a {

	color: #ff3333;

}



.footer p a:hover {

	color: #fff;

}



.header {

	left: 0;

	right: 0;

	z-index: 1002;

	background: #4a4a86;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.log-time {

	color: #fff;

}



.merge-header {

	margin-right: 240px;

}

/* 

.fixed-top {

	position: fixed;

	box-shadow: 1px 0 3px rgba(0, 0, 0, .15);

} */



.wrapper {

	display: inline-block;

	margin-top: 80px;

	padding: 15px 70px;

	width: 100%;
	/* background: linear-gradient(150deg, #CBCDFF -2.73%, #FBD0D3 39.28%) !important; */

}



.brand {

	background: #36367b;

	float: left;

	width: 240px;

	height: 80px;

	position: relative;

}



a.logo {

	font-size: 32px;

	color: #fff;

	float: left;

	margin: 20px 0 0 25px;

	text-transform: uppercase;

}



a.logo:hover,

a.logo:focus {

	text-decoration: none;

	outline: none;

}



a.logo span {

	color: #FF6C60;

}



/*notification*/









#top_menu .nav>li,

ul.top-menu>li {

	float: left;

}



.notify-row {

	float: left;

	margin-top: 30px;

	margin-left: 25px;

}



ul.top-menu {

	margin-right: 0px;

	margin-top: 0;

}



ul.top-menu>li>a {

	color: #fff;

	font-size: 16px;

	background: #8b5c7e;

	padding: 4px 8px;

	margin-right: 15px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	padding-right: 8px !important;

}



ul.top-menu>li>a:hover,

ul.top-menu>li>a:focus {

	background: #fa9fa4;

	text-decoration: none;

	color: #fff !important;

	padding-right: 8px !important;

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

	background: #fa9fa4 !important;

	color: #fff !important;

}



.notify-row .badge {

	position: absolute;

	right: -10px;

	top: -10px;

	z-index: 100;

}



.dropdown-menu.extended {

	max-width: 320px !important;

	min-width: 160px !important;

	top: 42px;

	width: 300px !important;

	padding: 0 10px;

	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	background: #fff;

	border: none;

	left: -10px;

}



.notify-row .notification span.label {

	display: inline-block;

	height: 21px;

	padding: 5px;

	width: 22px;

	font-size: 12px;

	margin-right: 10px;

}



.dropdown-menu.extended .alert-icon,

.noti-info {

	float: left;

}



.noti-info {

	padding-left: 10px;

	padding-top: 6px;

	color: #414147;

}



.dropdown-menu.extended .alert {

	margin-bottom: 10px;

}



.dropdown-menu.extended .alert-icon {

	border-radius: 100%;

	display: inline-block;

	height: 35px;

	width: 35px;

}



.dropdown-menu.extended .alert-icon i {

	font-size: 16px;

	width: 35px;

	line-height: 35px;

	height: 35px;

}



.dropdown-menu.extended.inbox li a,

.dropdown-menu.extended.tasks-bar li a {

	background: #f1f2f7;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	padding: 10px;

	margin-bottom: 10px;

	float: left;

	width: 100%;

}



.dropdown-menu.extended li p {

	margin: 0;

	padding: 10px 0;

	border-radius: 0px;

	-webkit-border-radius: 0px;

}



.dropdown-menu.extended li a {

	font-size: 12px;

	list-style: none;

}



.dropdown-menu.extended.logout {

	padding: 10px;

}



.dropdown-menu.extended.logout li a {

	padding: 10px;

}



.dropdown-menu.extended li a:hover {

	color: #4a4a86;

}



.dropdown-menu.tasks-bar .task-info .desc {

	font-size: 13px;

	font-weight: normal;

	float: left;

	width: 80%;

}



.dropdown-menu.tasks-bar .task-info .desc h5 {

	color: #4a4a86;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: 600;

	margin-bottom: 5px;

	margin-top: 0;

}



.dropdown-menu.tasks-bar .task-info .desc p {

	padding-top: 0;

	color: #8f8f9b;

	font-weight: 300;

}



.dropdown-menu.tasks-bar .task-info .percent {

	width: 20%;

	float: right;

	font-size: 13px;

	font-weight: 600;

	padding-left: 10px;

	line-height: normal;

}



.dropdown-menu.tasks-bar .progress {

	background: #fff;

}



.dropdown-menu.extended .progress {

	margin-bottom: 0 !important;

	height: 10px;

}



.dropdown-menu.inbox li a .photo img {

	border-radius: 2px 2px 2px 2px;

	-webkit-border-radius: 2px 2px 2px 2px;

	float: left;

	height: 40px;

	margin-right: 10px;

	width: 40px;

}



.dropdown-menu.inbox li a .subject {

	display: block;

}



.dropdown-menu.inbox li a .subject .from {

	font-size: 12px;

	font-weight: 600;

}



.dropdown-menu.inbox li a .subject .time {

	font-size: 11px;

	font-style: italic;

	font-weight: bold;

	position: absolute;

	right: 20px;

}



.dropdown-menu.inbox li a .message {

	display: block !important;

	font-size: 11px;

}



.top-nav {

	margin-top: 20px;

}



.top-nav img {

	border-radius: 50%;

	-webkit-border-radius: 50%;

	width: 33px;

}



.top-nav .icon-user i {

	height: 33px;

	width: 33px;

	line-height: 33px;

	display: inline-block;

	font-size: 1.7em;

	padding-left: 10px;

}



.top-nav .icon-user .username {

	color: #555555;

	font-size: 13px;

	position: relative;

	top: -5px;

}



.top-nav .icon-user .caret {

	position: relative;

	top: -4px;

}



.top-nav ul.top-menu>li .dropdown-menu.logout {

	width: 170px !important;

}



.top-nav li.dropdown .dropdown-menu {

	float: right;

	right: 0;

	left: auto;

}



.dropdown-menu.extended.logout>li {

	float: left;

	width: 100%;

}



.log-arrow-up {

	background: url("../images/top-arrow.png") no-repeat;

	width: 18px;

	height: 10px;

	margin-top: -20px;

	float: right;

	margin-right: 15px;

}



.dropdown-menu.extended.logout>li>a {

	border-bottom: none !important;

}



.full-width .dropdown-menu.extended.logout>li>a:hover {

	background: #F1F2F7 !important;

	color: #4a4a86 !important;

}



.dropdown-menu.extended.logout>li>a:hover {

	background: #F1F2F7 !important;

	border-radius: 5px;

}



.dropdown-menu.extended.logout>li>a:hover i {

	color: #ffa2a2;

}



.dropdown-menu.extended.logout>li>a i {

	font-size: 17px;

}



.dropdown-menu.extended.logout>li>a>i {

	padding-right: 10px;

}



.top-nav .username {

	font-size: 13px;

	color: #fff;

}



.top-nav ul.top-menu>li>a {

	border-radius: 100px;

	-webkit-border-radius: 100px;

	padding: 0px;

	background: none;

	margin-right: 0;

	border: 10px solid #36367b;

	background: #36367b;

}



.top-nav ul.top-menu>li.language>a {

	margin-top: -2px;

	padding: 4px 12px;

	line-height: 20px;

}



.top-nav ul.top-menu>li.language>a img {

	border-radius: 0;

	-webkit-border-radius: 0;

	width: 18px;

}



.top-nav ul.top-menu>li.language ul.dropdown-menu li img {

	border-radius: 0;

	-webkit-border-radius: 0;

	width: 18px;

}



.top-nav ul.top-menu>li {

	margin-left: 10px;

}



.top-nav ul.top-menu>li>a:hover,

.top-nav ul.top-menu>li>a:focus {

	border: 10px solid #000;

	background: #000 !important;

	border-radius: 100px;

	-webkit-border-radius: 100px;

}



.top-nav .dropdown-menu.extended.logout {

	top: 50px;

}



.top-nav .nav .caret {

	border-bottom-color: #A4AABA;

	border-top-color: #A4AABA;

}



.top-nav ul.top-menu>li>a:hover .caret {

	border-bottom-color: #fff;

	border-top-color: #fff;

}



#sidebar .nicescroll-rails>div {

	background: #404040 !important;

}



/*form*/































.position-center {

	width: 62%;

	margin: 0 auto;

}



/*----*/































.notify-arrow {

	background: url("../images/top-arrow.png") no-repeat;

	width: 18px;

	height: 10px;

	margin-top: 0;

	opacity: 0;

	position: absolute;

	left: 16px;

	top: -20px;

	transition: all 0.25s ease 0s;

	z-index: 10;

	margin-top: 10px;

	opacity: 1;

}



/*search*/































.search {

	width: 20px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	border: 1px solid #8b5c7e;

	box-shadow: none;

	background: #8b5c7e url(../images/search-icon.png) no-repeat 10px 8px;

	padding: 0 5px 0 30px;

	color: #fff;

	border-radius: 100px;

	-webkit-border-radius: 100px;

	cursor: pointer;

}



.search:focus {

	width: 180px;

	border: 1px solid #8b5c7e;

	box-shadow: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	color: #c8c8c8;

	font-weight: 300;

}



.todo-search:focus {

	width: 100% !important;

}



/*--sidebar toggle---*/































.sidebar-toggle-box {

	float: left;

	margin-top: 23px;

	margin-left: -15px;

	background: #222323;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	width: 32px;

	height: 32px;

	position: absolute;

	right: -15px;

}



.sidebar-toggle-box .fa-bars {

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	padding: 8px 8px 8px 9px;

	color: #fff;

}



.sidebar-toggle-box:hover {

	background: #dd0000;

}



.hide-left-bar {

	margin-left: -240px !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.open-right-bar {

	right: 0px !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.merge-left {

	margin-left: 66px !important;

}



.hide-right-bar {

	margin-right: -240px !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.toggle-right-box {

	float: left;

	background: #f6f6f6;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	width: 35px;

	height: 35px;

}



.toggle-right-box:hover {

	background: #ffa2a2;

}



.toggle-right-box:hover .fa-bars {

	color: rgba(0, 0, 0, 0.3);

}



.toggle-right-box .fa-bars {

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	padding: 10px;

	color: #bfbfc1;

}



/*--market--*/































.market-update-block {

	padding: 2em 1em;

	background: #999;

	margin-bottom: 20px;

}



table.table {

	border: 1px solid #ccc;

}



.market-update-block h3 {

	color: #fff;

	font-size: 2em;

}



.market-update-block h4 {

	font-size: 1.2em;

	color: #fff;

	margin: 0.3em 0em;

}



.market-update-block p {

	color: #fff;

	font-size: 0.8em;

	line-height: 1.8em;

}



.market-update-block.clr-block-1 {

	background: #53d769;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-2 {

	background: #ff9a44;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-3 {

	background: #4dd08d;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-4 {

	background: #4dacd0;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-1:hover {

	background: #8b5c7e;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-2:hover {

	background: #4a4a86;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-3:hover {

	background: #4a4a86;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-block.clr-block-4:hover {

	background: #4a4a86;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.market-update-right i.fa.fa-users {

	font-size: 3em;

	color: #fff;

	text-align: left;

}



.market-update-right i.fa.fa-eye {

	font-size: 3em;

	color: #fff;

	text-align: left;

}



.market-update-right i.fa.fa-usd {

	font-size: 3em;

	color: #fff;

	text-align: left;

}



.market-update-right i.fa.fa-shopping-cart {

	font-size: 3em;

	color: #fff;

	text-align: left;

}



.market-update-left {

	padding: 0px;

}



.market-update-right {

	padding-left: 0;

}



.market-updates {

	margin: 1.5em 0;

}



/*--market--*/































.panel-heading {

	position: relative;

	height: 57px;

	line-height: 57px;

	letter-spacing: 0.2px;

	color: #000;

	font-size: 18px;

	font-weight: 400;

	padding: 0 16px;

	background: #ddede0;

	border-top-right-radius: 2px;

	border-top-left-radius: 2px;

	text-transform: uppercase;

	text-align: center;

}



.panel {

	border: none ! important;

}



.agileinfo-grap {

	padding: 2em;

	background: rgb(238, 249, 240);

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



header.agileits-box-header.clearfix h3 {

	font-size: 24px;

	font-weight: 400;

	text-transform: uppercase;

	color: #000;

	text-align: center;

	margin-bottom: 1em;

}



.calendar-widget {

	background-color: #eef9f0;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	padding: 2em;

}



span.panel-title {

	color: #000000;

	font-size: 18px;

}



.agile-calendar-grid {

	border: 1px solid #c0dbc5;

}



.alert-info .alert-icon {

	background-color: #99cce3;

}



.alert-danger .alert-icon {

	background-color: #fcb1ae;

}



.alert-success .alert-icon {

	background-color: #98d7ad;

}



.alert-warning .alert-icon {

	background-color: #ffe699;

}



.alert-icon i {

	width: 40px;

	height: 40px;

	display: block;

	text-align: center;

	line-height: 40px;

	font-size: 20px;

	color: #fff;

}



.alert-icon {

	width: 40px;

	height: 40px;

	display: inline-block;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}



.notification-sender {

	color: #414147;

}



.alert-success .notification-info a {

	color: #42b663;

}



.notification-info p {

	margin: 0px;

	color: #999;

	font-size: 12px;

}



.notification-meta {

	margin-bottom: 3px;

	padding-left: 0;

	list-style: none;

}



.notification-info {

	margin-left: 56px;

	margin-top: -40px;

}



.notifications {

	background-color: #eef9f0;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	padding: 2em;

}



.alert-danger .notification-info a {

	color: #fb6f6b;

}



.alert-info .notification-info a {

	color: #45a2c9;

}



.alert {

	padding: 16.8px !important;
	padding: 12px 20px !important;

}



/*-- graphs --*/































.area-grids {

	border: 10px solid #d8d8d8;

	background: #FFF;

	padding: 1em;

}



.charts-right {

	padding-left: 0;

}



.chart-left {

	padding-right: 0;

}



.agile-bottom-right {

	padding-left: 0;

}



.agile-bottom-left {

	padding-right: 0;

}



#graph {

	width: 100%;

	margin: 20px auto 0 auto;

}



pre {

	height: 250px;

	overflow: auto;

}



div#graph1,

div#graph4,

div#graph5,

div#graph6,

div#graph7,

div#graph8,

div#graph9 {

	width: 100% !important;

	z-index: 1;

}



.agile-Updating-grids,

.agile-bottom-grid,

.agile-last-grid {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.agile-bottom-grids {

	margin: 2em 0;

}



.agil-info-calendar {

	margin: 1.5em 0;

}



.area-grids-heading h3 {

	font-size: 20px;

	color: #000;

	text-align: center;

	margin-bottom: 1em;

	text-transform: uppercase;

}



/*-- graphs --*/































/*--statistics--*/































.stats-info ul li {

	margin-bottom: 1em;

	border-bottom: 1px solid #e1ab91;

	padding-bottom: 18px;

	font-size: 0.9em;

	color: #555;

}



.table>thead>tr>th {

	border-bottom: 1px solid #e1ab91 ! important;

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

	border-bottom: 1px solid #e9e9e9 ! important;

}



.progress.progress-right {

	width: 25%;

	float: right;

	height: 8px;

	margin-bottom: 0;

}



.stats-info ul li.last {

	border-bottom: none;

	padding-bottom: 0;

	margin-bottom: 0.5em;

}



.stats-info span.pull-right {

	font-size: 0.7em;

	margin-left: 11px;

	line-height: 2em;

}



.table.stats-table {

	margin-bottom: 0;

}



.stats-table span.label {

	font-weight: 500;

}



.stats-table h5 {

	color: #4F52BA;

	font-size: 0.9em;

}



.stats-table h5.down {

	color: #D81B60;

}



.stats-table h5 i.fa {

	font-size: 1.2em;

	font-weight: 800;

	margin-left: 3px;

}



.stats-table thead tr th {

	color: #8b5c7e;

}



.stats-table td {

	font-size: 0.9em;

	color: #555;

	padding: 11px !important;

}



/*--//statistics--*/































/*--Progress bars--*/































.progress {

	height: 10px;

	margin: 7px 0;

	overflow: hidden;

	background: #e1e1e1;

	z-index: 1;

	cursor: pointer;

}



.task-info .percentage {

	float: right;

	height: inherit;

	line-height: inherit;

}



.task-desc {

	font-size: 12px;

}



.footer {

	position: relative;

	overflow: hidden;

}



.wrapper-dropdown-3 .dropdown li a:hover span.task-desc {

	color: #65cea7;

}



.wthree-copyright p {

	float: left;

}



.wthree-copyright .genx_logo {

	width: 100%;

	max-width: 54px;

	position: absolute;

	right: 15px;

	top: 4px;

}

.login_logo {

	text-align: center;

}



.main_logo_genx {

	width: 100%;

	/* position: absolute; */

	left: 0;

	top: 0;

	text-align: center;

	/* background: rgba(0,0,0,0.6); */

}



.main_logo_genx img {

	width: 100%;

	max-width: 110px;

}





.progress .bar {

	z-index: 2;

	height: 15px;

	font-size: 12px;

	color: white;

	text-align: center;

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	-ms-box-sizing: content-box;

	box-sizing: content-box;

	-webkit-transition: width 0.6s ease;

	-moz-transition: width 0.6s ease;

	-o-transition: width 0.6s ease;

	transition: width 0.6s ease;

}



.progress-striped .yellow {

	background: #f0ad4e;

}



.progress-striped .green {

	background: #5cb85c;

}



.progress-striped .light-blue {

	background: #4F52BA;

}



.progress-striped .red {

	background: #d9534f;

}



.progress-striped .blue {

	background: #428bca;

}



.progress-striped .orange {

	background: #e94e02;

}



.progress-striped .bar {

	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	-webkit-background-size: 40px 40px;

	-moz-background-size: 40px 40px;

	-o-background-size: 40px 40px;

	background-size: 40px 40px;

}



.progress.active .bar {

	-webkit-animation: progress-bar-stripes 2s linear infinite;

	-moz-animation: progress-bar-stripes 2s linear infinite;

	-ms-animation: progress-bar-stripes 2s linear infinite;

	-o-animation: progress-bar-stripes 2s linear infinite;

	animation: progress-bar-stripes 2s linear infinite;

}



@-webkit-keyframes progress-bar-stripes {

	from {

		background-position: 40px 0;

	}



	to {

		background-position: 0 0;

	}

}



@-moz-keyframes progress-bar-stripes {

	from {

		background-position: 40px 0;

	}



	to {

		background-position: 0 0;

	}

}



@-ms-keyframes progress-bar-stripes {

	from {

		background-position: 40px 0;

	}



	to {

		background-position: 0 0;

	}

}



@-o-keyframes progress-bar-stripes {

	from {

		background-position: 0 0;

	}



	to {

		background-position: 40px 0;

	}

}



@keyframes progress-bar-stripes {

	from {

		background-position: 40px 0;

	}



	to {

		background-position: 0 0;

	}

}



/*--Progress bars--*/































.stats-info-agileits {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.agileits-w3layouts-stats {

	margin: 1.5em 0;

}



h4.title {

	font-size: 20px;

	color: #000;

	text-align: center;

	margin-bottom: 2em;

	text-transform: uppercase;

}



.stats-last-agile {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.w3-agile-google_map {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.w3-agile-map-left iframe {

	width: 100%;

	min-height: 450px;

	border: 15px solid #ffffff;

	outline: none;

}



.w3-agile-map-right iframe {

	width: 100%;

	min-height: 450px;

	border: 15px solid #ffffff;

	outline: none;

}



/*button*/































.btn-row {

	margin-bottom: 10px;

}



.typo-agile {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



/*-- icons --*/































.codes a {

	color: #999;

}



.icon-box {

	padding: 8px 15px;

	background: rgb(218, 223, 219);

	margin: 1em 0 1em 0;

	border: 5px solid #eef9f0;

	text-align: left;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 13px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-moz-transition: 0.5s all;

	cursor: pointer;

}



.icon-box:hover {

	background: #000;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-moz-transition: 0.5s all;

}



.icon-box:hover i.fa {

	color: #fff !important;

}



.icon-box:hover a.agile-icon {

	color: #fff !important;

}



.codes .bs-glyphicons li {

	float: left;

	width: 12.5%;

	height: 115px;

	padding: 10px;

	line-height: 1.4;

	text-align: center;

	font-size: 12px;

	list-style-type: none;

}



.codes .bs-glyphicons .glyphicon {

	margin-top: 5px;

	margin-bottom: 10px;

	font-size: 24px;

}



.codes .glyphicon {

	position: relative;

	top: 1px;

	display: inline-block;

	font-family: 'Glyphicons Halflings';

	font-style: normal;

	font-weight: 400;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	color: #777;

}



.codes .bs-glyphicons .glyphicon-class {

	display: block;

	text-align: center;

	word-wrap: break-word;

}



h3.icon-subheading {

	font-size: 28px;

	color: #b64d99 !important;

	margin: 30px 0 15px;

	letter-spacing: 2px;

	border: none;

	display: block;

}



h3.agileits-icons-title {

	text-align: center;

	font-size: 33px;

	color: #222222;

	font-weight: 600;

	letter-spacing: 2px;

}



.icons a {

	color: #000000;

}



.icon-box i {

	margin-right: 10px !important;

	font-size: 20px !important;

	color: #000000 !important;

}



.bs-glyphicons li {

	float: left;

	width: 18%;

	height: 115px;

	padding: 10px;

	line-height: 1.4;

	text-align: center;

	font-size: 12px;

	list-style-type: none;

	background: rgba(149, 149, 149, 0.18);

	margin: 1%;

}



.bs-glyphicons .glyphicon {

	margin-top: 5px;

	margin-bottom: 10px;

	font-size: 24px;

	color: #282a2b;

}



.glyphicon {

	position: relative;

	top: 1px;

	display: inline-block;

	font-family: 'Glyphicons Halflings';

	font-style: normal;

	font-weight: 400;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	color: #777;

}



.bs-glyphicons .glyphicon-class {

	display: block;

	text-align: center;

	word-wrap: break-word;

}


.modal-dialog .form_body_btns {
	margin-top: 10px;
}


@media (max-width:1080px) {

	.icon-box {

		width: 33.33%;

	}

}



@media (max-width:991px) {

	h3.agileits-icons-title {

		font-size: 28px;

	}



	h3.icon-subheading {

		font-size: 22px;

	}

}



@media (max-width:768px) {

	h3.agileits-icons-title {

		font-size: 28px;

	}



	h3.icon-subheading {

		font-size: 25px;

	}



	.row {

		margin-right: 0;

		margin-left: 0;

	}



	.icon-box {

		margin: 0;

		width: 100%;

	}

}



@media (max-width: 640px) {

	.icon-box {

		float: left;

		width: 50%;

	}

}



@media (max-width: 480px) {

	.bs-glyphicons li {

		width: 31%;

	}

}



@media (max-width: 414px) {

	h3.agileits-icons-title {

		font-size: 23px;

	}



	h3.icon-subheading {

		font-size: 18px;

	}



	.bs-glyphicons li {

		width: 31.33%;

	}

}



@media (max-width: 384px) {

	.icon-box {

		float: none;

		width: 100%;

	}

}



/*-- //icons --*/





























.w3_wthree_agileits_icons.main-grid-border {

	padding: 5em 0;

}



/*--Typography--*/































.well {

	font-weight: 300;

	font-size: 14px;

}



.list-group-item {

	font-weight: 300;

	font-size: 14px;

}



li.list-group-item1 {

	font-size: 14px;

	font-weight: 300;

}



.typo p {

	margin: 0;

	font-size: 14px;

	font-weight: 300;

}



.show-grid [class^=col-] {

	background: #fff;

	text-align: center;

	margin-bottom: 10px;

	line-height: 2em;

	border: 10px solid #f0f0f0;

}



.show-grid [class*="col-"]:hover {

	background: #e0e0e0;

}



.grid_3 {

	margin-bottom: 2em;

}



.xs h3,

h3.m_1 {

	color: #000;

	font-size: 1.7em;

	font-weight: 300;

	margin-bottom: 1em;

}



.grid_3 p {

	color: #999;

	font-size: 0.85em;

	margin-bottom: 1em;

	font-weight: 300;

}



.grid_4 {

	background: none;

}



.label {

	font-weight: 300 !important;

	border-radius: 4px;

}



.grid_5 {

	background: none;

	padding: 2em 0;

}



.grid_5 h3,

.grid_5 h2,

.grid_5 h1,

.grid_5 h4,

.grid_5 h5,

h3.hdg,

h3.bars {

	margin-bottom: 1em;

	color: #b64d99;

	font-size: 26px;

	letter-spacing: 2px;

}



.table>thead>tr>th,

.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>tbody>tr>td,

.table>tfoot>tr>td {

	border-top: none !important;

}



.tab-content>.active {

	display: block;

	visibility: visible;

}



.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

	z-index: 0;

}



.badge-primary {

	background-color: #03a9f4;

}



.badge-success {

	background-color: #fb5710;

}



.badge-warning {

	background-color: #ffc107;

}



.badge-danger {

	background-color: #e51c23;

}



.grid_3 p {

	line-height: 2em;

	color: #888;

	font-size: 0.9em;

	margin-bottom: 1em;

	font-weight: 300;

}



.bs-docs-example {

	margin: 1em 0;

}



section#tables p {

	margin-top: 1em;

}



.tab-container .tab-content {

	border-radius: 0 2px 2px 2px;

	border: 1px solid #e0e0e0;

	padding: 16px;

	background-color: #ffffff;

}



.table td,

.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

	padding: 15px !important;

}



.table>thead>tr>th,

.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>tbody>tr>td,

.table>tfoot>tr>td {

	font-size: 0.9em;

	color: #505050;

	border-top: none !important;

}



.tab-content>.active {

	display: block;

	visibility: visible;

}



.label {

	font-weight: 300 !important;

}



.label {

	padding: 4px 6px;

	border: none;

	text-shadow: none;

}



.alert {

	font-size: 0.85em;

}



h1.t-button,

h2.t-button,

h3.t-button,

h4.t-button,

h5.t-button {

	line-height: 2em;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

}



li.list-group-item1 {

	line-height: 2.5em;

}



.input-group {

	margin-bottom: 20px;

}



.in-gp-tl {

	padding: 0;

}



.in-gp-tb {

	padding-right: 0;

}



.list-group {

	margin-bottom: 48px;

}



ol {

	margin-bottom: 44px;

}



h2.typoh2 {

	margin: 0 0 10px;

}



@media (max-width:768px) {

	.grid_5 {

		padding: 0 0 1em;

	}



	.grid_3 {

		margin-bottom: 0em;

	}

}



@media (max-width:640px) {



	h1,

	.h1,

	h2,

	.h2,

	h3,

	.h3 {

		margin-top: 0px;

		margin-bottom: 0px;

	}



	.grid_5 h3,

	.grid_5 h2,

	.grid_5 h1,

	.grid_5 h4,

	.grid_5 h5,

	h3.hdg,

	h3.bars {

		margin-bottom: .5em;

	}



	.progress {

		height: 10px;

		margin-bottom: 10px;

	}



	ol.breadcrumb li,

	.grid_3 p,

	ul.list-group li,

	li.list-group-item1 {

		font-size: 14px;

	}



	.breadcrumb {

		margin-bottom: 25px;

	}



	.well {

		font-size: 14px;

		margin-bottom: 10px;

	}



	h2.typoh2 {

		font-size: 1.5em;

	}



	.label {

		font-size: 60%;

	}



	.in-gp-tl {

		padding: 0 1em;

	}



	.in-gp-tb {

		padding-right: 1em;

	}

}



@media (max-width:480px) {



	.grid_5 h3,

	.grid_5 h2,

	.grid_5 h1,

	.grid_5 h4,

	.grid_5 h5,

	h3.hdg,

	h3.bars {

		font-size: 1.2em;

	}



	.table h1 {

		font-size: 26px;

	}



	.table h2 {

		font-size: 23px;

	}



	.table h3 {

		font-size: 20px;

	}



	.label {

		font-size: 53%;

	}



	.alert,

	p {

		font-size: 14px;

	}



	.pagination {

		margin: 20px 0 0px;

	}



	.grid_3.grid_4.w3layouts {

		margin-top: 25px;

	}

}



@media (max-width: 320px) {

	.grid_4 {

		margin-top: 18px;

	}



	h3.title {

		font-size: 1.6em;

	}



	.alert,

	p,

	ol.breadcrumb li,

	.grid_3 p,

	.well,

	ul.list-group li,

	li.list-group-item1,

	a.list-group-item {

		font-size: 13px;

	}



	.alert {

		padding: 10px;

		margin-bottom: 10px;

	}



	ul.pagination li a {

		font-size: 14px;

		padding: 5px 10px;

	}



	.list-group {

		margin-bottom: 10px;

	}



	.well {

		padding: 10px;

	}



	.nav>li>a {

		font-size: 14px;

	}

}



/*-- //typography --*/































.typo {

	padding: 5em 0;

}



ul.bs-glyphicons-list {

	padding: 0;

}



.w3ls_head {

	font-size: 30px;

	color: #000000;

	margin-bottom: 2em;

	letter-spacing: 2px;

	text-transform: uppercase;

	text-align: center;

}



.agile-grid {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.wthree-font-awesome {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.w3layouts-glyphicon {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.table-agile-info {

	/* background: #eef9f0; */
	background: #ffffffab;

	padding: 20px 30px 30px;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	border-radius: 30px;

}



.form-w3layouts {

	background: #eef9f0;

	padding: 2em;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}



.panel-default>.panel-heading {

	color: #000000 ! important;

	background-color: #ddede0 ! important;

	border-color: #ddede0 ! important;

	font-size: 20px;

}



p.hd-title {

	color: #b64d99;

	font-size: 20px;

	margin-bottom: 1em;

}



.bg-success {

	color: #c6efd0;

	background-color: #27c24c;

}



.bg-info {

	color: #dcf2f8;

	background-color: #23b7e5;

}



.bg-info {

	color: #dcf2f8;

	background-color: #23b7e5;

}



.bg-danger {

	color: #ffffff;

	background-color: #f05050;

}



.text-success {

	color: #27c24c;

}



.text-warning {

	color: #fad733;

}



.text-danger {

	color: #f05050;

}



.btn-default {

	color: #58666e !important;

	background-color: #fcfdfd;

	background-color: #fff;

	border-color: #dee5e7;

	border-bottom-color: #d8e1e3;

	-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);

	box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);

}



select.input-sm {

	height: 30px;

	line-height: 30px;

}



.w-sm {

	width: 150px;

}



.inline {

	display: inline-block !important;

}



.v-middle {

	vertical-align: middle !important;

}



.m-b-xs {

	margin-bottom: 5px;

}



#upload {

	font-family: 'PT Sans Narrow', sans-serif;

	background-color: #fff;

	/*background-image:-webkit-linear-gradient(top, #373a3d, #313437);*/































	/*background-image:-moz-linear-gradient(top, #373a3d, #313437);*/































	/*background-image:linear-gradient(top, #373a3d, #313437);*/































	width: 100%;

	padding: 30px;

	border-radius: 3px;

	margin: 0px auto 100px;

	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/

}



#drop {

	background-color: #fff;

	padding: 100px 50px;

	margin-bottom: 30px;

	border: 5px dashed #F1F2F7;

	border-radius: 3px;

	/*border-image: url('../img/border-image.png') 25 repeat;*/































	text-align: center;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: bold;

	color: #7f858a;

}



#drop a {

	background-color: #8b5c7e;

	padding: 12px 26px;

	color: #fff;

	font-size: 14px;

	border-radius: 2px;

	cursor: pointer;

	display: inline-block;

	margin-top: 12px;

	line-height: 1;

}



#drop a:hover {

	background-color: #dfa7a6;

}



#drop input {

	display: none;

}



#upload ul {

	list-style: none;

	margin: 0;

	/*border-top:1px solid #2b2e31;*/

	/*border-bottom:1px solid #3d4043;*/

}



#upload ul li {

	background-color: #F1F2F7;

	/*background-image:-webkit-linear-gradient(top, #333639, #303335);*/































	/*background-image:-moz-linear-gradient(top, #333639, #303335);*/































	/*background-image:linear-gradient(top, #333639, #303335);*/































	/*border-top:1px solid #3d4043;*/































	/*border-bottom:1px solid #2b2e31;*/































	padding: 15px;

	height: 80px;

	position: relative;

}



#upload ul li input {

	display: none;

}



#upload ul li p {

	width: 144px;

	overflow: hidden;

	white-space: nowrap;

	color: #4a4a86;

	font-size: 16px;

	font-weight: bold;

	position: absolute;

	top: 20px;

	left: 100px;

}



#upload ul li i {

	font-weight: normal;

	font-style: normal;

	color: #7f7f7f;

	display: block;

}



#upload ul li canvas {

	top: 15px;

	left: 32px;

	position: absolute;

}



#upload ul li span {

	width: 15px;

	height: 12px;

	background: url('../img/icons.png') no-repeat;

	position: absolute;

	top: 34px;

	right: 33px;

	cursor: pointer;

}



#upload ul li.working span {

	height: 16px;

	background-position: 0 -12px;

}



#upload ul li.error p {

	color: #8b5c7e;

}



#tzine-download {

	opacity: 0.9;

	background-color: #257691;

	font-size: 11px;

	text-align: center;

	text-transform: uppercase;

	width: 150px;

	height: 28px;

	line-height: 28px;

	text-decoration: none !important;

	display: inline-block;

	border-radius: 2px;

	color: #fff !important;

	font-weight: bold;

	box-shadow: 0 -1px 2px #1e5e74 inset;

	border-top: 1px solid #26849c;

	text-shadow: 1px 1px 1px #1e6176;

	margin-top: 6px;

}



#tzine-download:hover {

	opacity: 1;

}



#tzine-actions {

	position: absolute;

	top: 0;

	width: 500px;

	right: 50%;

	margin-right: -420px;

	text-align: right;

}



#tzine-actions iframe {

	display: inline-block;

	height: 21px;

	width: 95px;

	position: relative;

	float: left;

	margin-top: 11px;

}



.badge.bg-important {

	background: #ff6c60;

}



.badge.bg-warning {

	background: #FCB322;

}



/* mail inbox */































.mail-nav {

	margin: 15px -15px 0 -15px;

}



.mail-nav li a {

	border-radius: 0;

	-webkit-border-radius: 0;

	border-top: 1px solid #f2f3f6;

	padding: 15px;

	border-right: 3px solid rgba(0, 0, 0, 0);

}



.mail-nav>li>a:hover,

.mail-nav>li>a:focus {

	background: #fafafa;

	color: #8b5c7e;

	border-right: 3px solid #8b5c7e;

}



.mail-nav>li.active>a,

.mail-nav>li.active>a:hover,

.mail-nav>li.active>a:focus {

	background: #fafafa;

	color: #8b5c7e;

	border-right: 3px solid #8b5c7e;

}



.mail-nav>li+li {

	margin-left: 0;

	margin-top: 0px;

}



.mail-nav i {

	font-size: 16px;

	margin-right: 10px;

}



.inbox-notification {

	margin-top: -2px;

}



.user-head .inbox-avatar {

	width: 65px;

	float: left;

}



.user-head .inbox-avatar img {

	border-radius: 4px;

	-webkit-border-radius: 4px;

}



.user-head .user-name {

	display: inline-block;

	margin: 0 0 0 10px;

}



.user-head .user-name h5 {

	font-size: 14px;

	margin-top: 15px;

	margin-bottom: 0;

	font-weight: 300;

}



.user-head .user-name h5 a {

	color: #fff;

}



.user-head .user-name span a {

	font-size: 12px;

	color: #87e2e7;

}



a.mail-dropdown {

	background: #80d3d9;

	padding: 3px 5px;

	font-size: 10px;

	color: #01a7b3;

	border-radius: 2px;

	margin-top: 20px;

}



.inbox-body {

	padding: 20px;

}



.btn-compose {

	background: #f0bcb4;

	padding: 12px 0;

	text-align: center;

	width: 100%;

	color: #fff;

}



.btn-compose:hover,

.btn-compose:focus {

	background: #1ca59e;

	color: #fff;

}



ul.inbox-nav {

	display: inline-block;

	width: 100%;

	margin: 0;

	padding: 0;

}



.inbox-divider {

	border-bottom: 1px solid #d5d8df;

}



.inbox-action {

	margin-top: 50px;

}



.src-position {

	margin-top: -7px;

}



.mail-src-position {

	margin-top: -3px;

}



ul.labels-info {

	border-bottom: 1px solid #f1f2f7;

	margin-bottom: 10px;

}



ul.inbox-nav li {

	display: inline-block;

	line-height: 45px;

	width: 100%;

}



ul.inbox-nav li a {

	color: #6a6a6a;

	line-height: 45px;

	width: 100%;

	display: inline-block;

	padding: 0 20px;

}



ul.inbox-nav li a:hover,

ul.inbox-nav li.active a,

ul.inbox-nav li a:focus {

	color: #6a6a6a;

	background: #d5d7de;

}



ul.inbox-nav li a i {

	padding-right: 10px;

	font-size: 16px;

	color: #6a6a6a;

}



ul.inbox-nav li a span.label {

	margin-top: 13px;

}



ul.labels-info li h4 {

	padding-top: 5px;

	color: #5c5c5e;

	font-size: 15px;

	text-transform: uppercase;

}



ul.labels-info li {

	margin: 0;

}



ul.labels-info li a {

	color: #6a6a6a;

	border-radius: 0;

	padding-left: 0;

	padding-right: 0;

}



ul.labels-info li a:hover,

ul.labels-info li a:focus {

	color: #6a6a6a;

	background: none;

}



ul.labels-info li a i {

	padding-right: 10px;

}



.nav.nav-pills.nav-stacked.labels-info p {

	margin-bottom: 0;

	padding: 0 22px;

	color: #9d9f9e;

	font-size: 11px;

}



.inbox-head {

	padding: 20px;

	background: #41cac0;

	color: #fff;

	border-radius: 0 4px 0 0;

	-webkit-border-radius: 0 4px 0 0;

	min-height: 80px;

}



.inbox-head h3 {

	margin: 0;

	display: inline-block;

	padding-top: 6px;

	font-weight: 300;

}



.inbox-head .sr-input {

	height: 40px;

	border: none;

	box-shadow: none;

	padding: 0 10px;

	float: left;

	border-radius: 4px 0 0 4px;

	color: #8a8a8a;

}



.inbox-head .sr-btn {

	height: 40px;

	border: none;

	background: #00a6b2;

	color: #fff;

	padding: 0 20px;

	border-radius: 0 4px 4px 0;

	-webkit-border-radius: 0 4px 4px 0;

}



.wht-bg {

	background: #fff;

	padding: 20px;

}



.wht-bg h4 {

	font-size: 24px;

	color: #a2a2a2;

	font-weight: 300;

	text-align: left;

}



.table-inbox-wrap {

	margin: 0 -15px;

}



.mail-checkbox {

	margin-right: 10px;

}



.table-inbox {

	margin: 0;

}



.table-inbox tr td {

	padding: 12px !important;

}



.table-inbox tr td:first-child {

	width: 5%;

}



.table-inbox tr td:first-child .icheckbox_minimal {

	margin-left: 15px;

}



.table-inbox tr td:hover {

	cursor: pointer;

}



.table-inbox tr td .fa-star.inbox-started,

.table-inbox tr td .fa-star:hover {

	color: #f78a09;

}



.table-inbox tr td .fa-star {

	color: #d5d5d5;

}



.table-inbox tr.unread td {

	font-weight: 600;

	background: #f7f7f7;

}



.table-inbox tr.unread a {

	color: #4a4a86;

}



.table-inbox tr a {

	color: #767676;

}



ul.inbox-pagination {

	float: right;

	list-style-type: none;

}



ul.inbox-pagination li {

	float: left;

}



.pagination li a {

	color: #4a4a86;

}



.mail-option {

	display: inline-block;

	margin-bottom: 10px;

	width: 100%;

}



.mail-option .chk-all {

	float: left;

}



.mail-option .chk-all,

.mail-option .btn-group {

	margin-right: 5px;

}



.mail-option .chk-all,

.mail-option .btn-group a.btn {

	border: 1px solid #e7e7e7;

	padding: 5px 10px;

	display: inline-block;

	background: #fcfcfc;

	color: #afafaf;

	border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

}



.inbox-pagination a.np-btn {

	border: 1px solid #e7e7e7;

	padding: 5px 15px;

	display: inline-block;

	background: #fcfcfc;

	color: #afafaf;

	border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

}



.mail-option .chk-all input[type=checkbox] {

	margin-top: 0;

}



.mail-option .btn-group a.all {

	padding: 0;

	border: none;

}



.inbox-pagination a.np-btn {

	margin-left: 5px;

}



.inbox-pagination li span {

	display: inline-block;

	margin-top: 7px;

	margin-right: 5px;

}



.fileinput-button {

	border: 1px solid #e6e6e6;

	background: #eeeeee;

}



.inbox-body .modal .modal-body input,

.inbox-body .modal .modal-body textarea {

	border: 1px solid #e6e6e6;

	box-shadow: none;

}



.btn-send,

.btn-send:hover {

	background: #00A8B3;

	color: #fff;

}



.btn-send:hover {

	background: #009da7;

}



.modal-header h4.modal-title {

	font-weight: 300;

	font-family: 'Open Sans', sans-serif;
	border-bottom: none !important;

}



.modal-body label {

	font-weight: 400;

	font-family: 'Open Sans', sans-serif;

}



.compose-mail {

	width: 100%;

	display: inline-block;

	position: relative;

	margin-top: 20px;

}



.compose-mail .compose-options {

	color: #979797;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	position: absolute;

	right: 10px;

	top: 7px;

}



.compose-mail input,

.compose-mail input:focus {

	border: none;

	padding: 0;

	width: 80%;

	float: left;

}



.compose-mail .form-group {

	border: 1px solid #F2F3F6;

	display: inline-block;

	width: 100%;

	margin-bottom: 0;

}



.compose-mail .form-group label {

	line-height: 34px;

	width: 10%;

	float: left;

	padding-left: 5px;

	margin-bottom: 0;

}



.compose-editor input {

	margin-top: 15px;

}



.compose-editor {

	margin-bottom: 15px;

	display: inline-block;

	width: 100%;

}



.compose-btn {

	float: left;

	margin-top: 6px;

}



.mail-header h4 {

	font-weight: 300;

}



.mail-sender,

.attachment-mail {

	width: 100%;

	display: inline-block;

	margin: 20px 0;

	border-top: 1px solid #EFF2F7;

	border-bottom: 1px solid #EFF2F7;

	padding: 10px 0;

}



.mail-sender img {

	width: 30px;

	border-radius: 3px;

	-webkit-border-radius: 3px;

}



.mail-sender .date {

	line-height: 30px;

	margin-bottom: 0;

	text-align: right;

}



.view-mail a,

.attachment-mail a:hover {

	color: #35bcb5;

}



.attachment-mail a {

	color: #4a4a86;

}



.attachment-mail ul li {

	float: left;

	width: 200px;

	margin-right: 15px;

	margin-top: 15px;

	list-style: none;

}



.attachment-mail ul li a.atch-thumb img {

	width: 200px;

	height: 180px;

	margin-bottom: 10px;

}



.attachment-mail ul li a.name span {

	float: right;

	color: #767676;

}



.agile-info h3 {

	font-size: 2.5em;

	text-transform: uppercase;

	color: #8b5c7e;

	font-weight: 500;

	letter-spacing: 12px;

}



.agile-info h2 {

	font-size: 12em;

	color: #8b5c7e;

	line-height: 1;

	font-weight: 300;

	letter-spacing: 20px;

}



.agile-info {

	padding: 9em 2em 16.6em;

	background: rgba(240, 188, 180, 0.42);

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	text-align: center;

}



.agile-info p {

	font-size: 1em;

	color: #fff;

	text-transform: capitalize;

	letter-spacing: 1px;

	margin-bottom: 3em;

	margin-top: 2em;

}



.agile-info a {

	font-size: 1em;

	text-transform: uppercase;

	color: white;

	width: 18%;

	padding: 12px 0px;

	letter-spacing: 2px;

	display: inline-block;

	background: #f0bcb4;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.agile-info a:hover {

	background: #8b5c7e;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



/*-- gallery --*/































.w3l-gallery-heading h3 {

	text-align: right !important;

	color: #FF5722 !important;

}



.gallery-grid img {

	width: 100%;

	cursor: pointer;

}



.gallery-top-grids:nth-child(2),

.gallery-top-grids:nth-child(3) {

	margin-top: 0;

}



.gallery-grids-left {

	padding: 10px;

}



.gallery-grid {

	position: relative;

	overflow: hidden;

}



.gallery-grid:hover .captn {

	bottom: 12%;

}



.captn {

	background: rgba(139, 92, 126, 0.73);

	padding: 2em;

	position: absolute;

	border: solid 1px #FFF;

	left: 6%;

	bottom: -100%;

	text-align: center;

	width: 340px;

	height: 200px;

	-webkit-transition: .5s all;

	transition: .5s all;

	-moz-transition: .5s all;

}



.captn h4 {

	font-size: 1.2em;

	color: #fff;

	margin: 2.5em 0 0 0;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 2px;

}



.captn p {

	margin: 0.5em 0 0 0;

	color: #FFFFFF;

	font-size: .9em;

}



/*-- //gallery --*/































.gallery {

	padding: 2em;

	background: rgb(238, 249, 240);

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



/*-- gallery --*/































.w3layouts-main h2 {

	color: #fff;

	font-size: 29px;

	letter-spacing: 2px;

	text-transform: uppercase;

	padding-bottom: 15px;

	text-align: center;

}



.w3layouts-main {

	width: 30%;

	margin: 0em auto 5em;

	background: #00000045;

	padding: 34px 35px;

}



/*--//header--*/































/*--login--*/































input.ggg {

	width: 100%;

	padding: 15px 0px 15px 15px;

	border: 1px solid #fff;

	outline: none;

	font-size: 14px;

	color: #fff;

	margin: 14px 0px;

	background: none;

}



.w3layouts-main span {

	font-size: 16px;

	color: #fff;

	float: left;

	width: 32%;

	margin-top: 8px;

}



.w3layouts-main h6 {

	font-size: 16px;

	float: right;

	width: 37%;

	color: #fff;

	letter-spacing: 1px;

	margin-top: 8px;

	text-decoration: underline;

}



.w3layouts-main a {

	color: #fff;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.w3layouts-main a:hover {

	color: #f0bcb4;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.w3layouts-main input[type="submit"] {

	padding: 12px 38px;

	font-size: 18px;

	text-transform: uppercase;

	letter-spacing: 2px;

	background: #44465a;

	color: white;

	border: none;

	outline: none;

	display: table;

	cursor: pointer;

	margin: 45px auto 31px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.w3layouts-main input[type="submit"]:hover {

	background: #333;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.w3layouts-main p a {

	color: #f0bcb4;

	padding: 10px;

}



.w3layouts-main p a:hover {

	color: #fff;

}



.w3layouts-main p {

	font-size: 17px;

	color: #fff;

	text-align: center;

}



/*--//login--*/































h4 input[type="checkbox"] {

	margin-right: 10px;

}



.w3layouts-main h4 {

	margin-right: 10px;

	color: #fff;

	font-weight: 400;

	font-size: 14px;

}































/*--placeholder-color--*/































::-webkit-input-placeholder {

	color: #fff !important;

}































:-moz-placeholder {

	/* Firefox 18- */

	color: #fff !important;

}































::-moz-placeholder {

	/* Firefox 19+ */

	color: #fff !important;

}































:-ms-input-placeholder {

	color: #fff !important;

}



/*--//placeholder-color--*/































.alert {

	margin-bottom: 23px !important;

}



div#chartContainer1,

div#chartContainer2,

div#chartContainer3,

div#chartContainer4 {

	width: 100%;

	min-height: 500px;

}



div#chartContainer5,

div#chartContainer6,

div#chartContainer7,

div#chartContainer8 {

	width: 100%;

	min-height: 500px;

}



.chart_agile_top {

	background-color: #eef9f0;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	padding: 2em;

	margin: 0 0 2em;

}



.floatcharts_w3layouts_top {

	background-color: #eef9f0;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	padding: 2em;

}



.map_wthree_top {

	background-color: #eef9f0;

	border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	padding: 2em;

}



.vector-stat {

	height: 150px;

	margin-top: 20px;

}



canvas.canvasjs-chart-canvas {}



.chart_agile_bottom {

	padding: 20px;

	background: #fff;

}



.floatcharts_w3layouts_bottom {

	padding: 20px;

	background: #fff;

}



.floatcharts_w3layouts_left {

	margin-bottom: 2em;

}



.w3-res-tb {

	padding: 2em 1em 0;

}



.pagination {

	margin: 0 !important;

}



div#graph10,

div#graph11 {

	width: 100%;

}































/*-- responsive design --*/































@media (max-width: 1440px) {

	.w3layouts-main {

		width: 33%;

	}



	.captn {

		padding: 1em;

		width: 301px;

		height: 182px;

	}

}



@media (max-width: 1366px) {

	.w3layouts-main {

		width: 35%;

	}



	.captn {

		width: 280px;

		height: 170px;

	}

}



@media (max-width: 1280px) {

	.w3layouts-main {

		width: 38%;

	}



	.captn {

		width: 256px;

		height: 150px;

	}



	.market-update-block {

		padding: 1em 1em;

	}



	.alert {

		margin-bottom: 13px !important;

		padding: 12.8px !important;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 260px ! important;

	}

}



@media (max-width: 1080px) {

	.w3layouts-main {

		width: 45%;

	}



	.agile-info {

		padding: 9.1em 2em;

	}



	.captn {

		width: 198px;

		height: 118px;

	}



	.captn h4 {

		margin: 1em 0 0 0;

	}



	.market-update-gd {

		float: left;

		width: 50%;

		margin: 1em 0;

	}



	.market-updates {

		margin: 0em 0;

	}



	.agile-calendar {

		width: 100%;

		margin-bottom: 1.5em;

	}



	.w3agile-notifications {

		width: 100%;

	}



	.agile-last-left {

		width: 100%;

	}



	.agile-last-left.agile-last-middle {

		width: 100%;

		margin: 1.5em 0;

	}



	.agile-last-left.agile-last-right {

		width: 100%;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 650px !important;

	}



	.stats-info.widget {

		width: 100%;

		margin-bottom: 1.5em;

	}



	.stats-info.stats-last.widget-shadow {

		width: 100%;

	}



	.w-sm {

		width: 138px;

	}

}



@media (max-width: 1024px) {

	.w3layouts-main {

		width: 47%;

	}



	.captn {

		width: 180px;

		height: 110px;

	}

}



@media (max-width: 991px) {

	.captn {

		width: 171px;

		height: 102px;

	}



	.market-update-left {

		float: left;

		margin-left: 20px;

	}



	.market-update-right {

		float: left;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 600px !important;

	}



	.w-sm {

		width: 127px;

	}

}



@media (max-width: 800px) {

	.w3layouts-main {

		width: 62%;

	}



	.gallery-grids-left {

		width: 100%;

	}



	.captn {

		width: 350px;

		height: 200px;

	}



	.captn h4 {

		margin: 3em 0 0 0;

	}



	.market-update-right {

		width: 100%;

		padding: 0;

		text-align: center;

	}



	.market-update-left {

		margin-left: 0;

		text-align: center;

		width: 100%;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 430px !important;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 7px !important;

	}



	.com-w3ls {

		width: 100%;

	}



	.mail-w3agile {

		width: 100%;

	}

}



@media (max-width: 768px) {

	.agile-info {

		padding: 17em 2em;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 400px !important;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 6px !important;

	}



	#drop {

		padding: 100px 30px;

	}



	.table-agile-info {

		padding: 2em 2em 10.7em;

	}



	.position-center {

		width: 100%;

		margin: 0 auto;

	}



	#upload {

		margin: 0px auto 230px;

	}



	.w3ls-graph {

		padding: 0;

	}



	.w3layouts-main {

		margin: 14.3em auto;

	}



	.search:focus {

		width: 170px;

	}



	.todo-search:focus {

		width: 95% !important;

	}

}



@media (max-width: 736px) {

	.w3layouts-main {

		width: 65%;

	}



	.agile-info {

		padding: 2em 2em;

	}



	.captn {

		width: 534px;

		height: 300px;

	}



	.captn h4 {

		margin: 6em 0 0 0;

	}



	.w3ls-graph {

		padding: 0;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 620px !important;

	}



	.table-agile-info {

		padding: 2em;

	}



	#upload {

		margin: 0px auto 50px;

	}



	.w3layouts-main {

		margin: 5em auto;

	}

}



@media (max-width: 667px) {

	.w3layouts-main {

		width: 72%;

	}



	.agile-info p {

		font-size: 0.9em;

		margin-bottom: 2em;

		margin-top: 2em;

	}



	.agile-info a {

		width: 26%;

	}



	.captn {

		width: 474px;

		height: 267px;

	}



	.captn h4 {

		margin: 5em 0 0 0;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 555px !important;

	}

}



@media (max-width: 640px) {

	.w3layouts-main {

		width: 75%;

	}



	.agile-info {

		padding: 3.7em 2em;

	}



	.captn {

		width: 452px;

		height: 250px;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 525px !important;

	}

}



@media (max-width: 600px) {

	.w3layouts-main {

		width: 80%;

	}



	.captn {

		width: 414px;

		height: 242px;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 480px !important;

	}

}



@media (max-width: 568px) {

	.w3layouts-main {

		width: 84%;

	}



	.captn {

		width: 386px;

		height: 225px;

	}



	.captn h4 {

		margin: 4em 0 0 0;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 450px !important;

	}

}



@media (max-width: 480px) {

	.w3layouts-main {

		width: 92%;

		margin: 3em auto;

		padding: 30px 20px;

	}



	.agile-info {

		padding: 7.1em 2em;

	}



	.agile-info a {

		width: 33%;

	}



	.captn {

		width: 308px;

		height: 180px;

	}



	.captn h4 {

		margin: 3em 0 0 0;

	}



	.w3-agile-map-left iframe {

		min-height: 300px;

	}



	.w3-agile-map-right iframe {

		min-height: 300px;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 332px !important;

	}



	.table-agile-info {

		padding: 1em;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 5px !important;

	}



	.form-w3layouts {

		padding: 1em;

	}

}



@media (max-width: 414px) {

	.w3layouts-main h2 {

		font-size: 24px;

	}



	.w3layouts-main h6 {

		font-size: 14px;

		width: 45%;

	}



	.w3layouts-main span {

		font-size: 14px;

		width: 37%;

		margin-top: 2px;

	}



	.agile-info a {

		width: 40%;

	}



	.agile-info h2 {

		font-size: 9em;

	}



	.agile-info {

		padding: 5em 2em 11.3em;

	}



	.w3layouts-main {

		margin: 0em auto 11.4em;

		padding: 30px 20px;

	}



	.captn {

		width: 250px;

		height: 146px;

	}



	.captn h4 {

		margin: 2em 0 0 0;

	}



	.w3-agile-map-left,

	.w3-agile-map-right {

		padding: 0;

	}



	.market-update-gd {

		float: left;

		width: 100%;

	}



	.market-update-left {

		margin-left: 0;

		text-align: left;

		width: 63%;

	}



	.market-update-right {

		width: 26%;

		padding: 0;

		text-align: left;

	}



	.agileinfo-grap {

		padding: 1em;

	}



	.calendar-widget {

		padding: 1em;

	}



	.notifications {

		padding: 1em;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 300px !important;

	}



	.agile-Updating-grids,

	.agile-bottom-grid,

	.agile-last-grid {

		padding: 1em;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 6px !important;

	}



	.stats-info-agileits {

		padding: 1em;

	}



	.stats-last-agile {

		padding: 1em;

	}



	.w3layouts-glyphicon {

		padding: 1em;

	}



	.typo-agile {

		padding: 1em;

	}



	.agile-grid {

		padding: 1em;

	}



	.position-center {

		width: 92%;

	}



	#drop {

		padding: 50px 30px;

		margin-bottom: 0;

	}



	.com-w3ls {

		padding: 0;

	}



	.mail-w3agile {

		padding: 0;

	}



	.wht-bg h4 {

		font-size: 16px;

	}



	.chart_agile_top {

		padding: 1em;

		margin: 0 0 1em;

	}



	.chart_agile_left,

	.chart_agile_right {

		padding: 0;

	}



	.floatcharts_w3layouts_top {

		padding: 1em;

	}



	.floatcharts_w3layouts_left {

		margin-bottom: 1em;

		padding: 0;

	}



	.vec-wthree {

		padding: 0;

	}

}



@media (max-width: 384px) {

	.agile-info {

		padding: 5.9em 2em;

	}



	.w3layouts-main {

		margin: 0em auto 5.4em;

	}



	.gallery {

		padding: 1em;

	}



	.w3ls_head {

		margin-bottom: 0.5em;

		;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 3px !important;

	}



	.wht-bg h4 {

		font-size: 14px;

	}

}



@media (max-width: 375px) {

	.agile-info {

		padding: 3em 2em 8.95em;

	}



	.captn {

		width: 244px;

		height: 146px;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 4px !important;

		font-size: 0.75em;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 290px !important;

	}



	.wht-bg h4 {

		font-size: 13px;

	}

}



@media (max-width: 320px) {

	.w3layouts-main {

		width: 95%;

		margin: 0em auto 2em;

	}



	.w3layouts-main h6 {

		font-size: 13px;

		width: 49%;

	}



	.w3layouts-main span {

		width: 45%;

	}



	.w3layouts-main input[type="submit"] {

		padding: 10px 26px;

		font-size: 16px;

		margin: 45px auto 18px;

	}



	.agile-info h2 {

		font-size: 7em;

	}



	.agile-info a {

		width: 55%;

		font-size: 0.9em;

	}



	.agile-info {

		padding: 3em 2em 8.95em;

	}



	.captn {

		width: 196px;

		height: 114px;

	}



	.captn h4 {

		margin: 1em 0 0 0;

	}



	.w3-agile-google_map {

		padding: 1em;

	}



	.w3-agile-map-left iframe {

		min-height: 250px;

	}



	.w3-agile-map-right iframe {

		min-height: 250px;

	}



	.market-update-gd {

		padding: 0;

	}



	.market-update-gd {

		margin: 0.8em 0;

	}



	.market-update-right {

		width: 30%;

	}



	.panel-body {

		padding: 6px ! important;

	}



	.agileinfo-grap {

		margin-top: 0.8em;

	}



	.agile-calendar {

		margin-bottom: 1em;

		padding: 0;

	}



	.w3agile-notifications {

		padding: 0;

	}



	.agile-last-left {

		padding: 0;

	}



	div#graph1,

	div#graph4,

	div#graph5,

	div#graph6,

	div#graph7,

	div#graph8,

	div#graph9,

	div#graph10,

	div#graph11 {

		width: 250px !important;

	}



	.stats-info.widget {

		margin-bottom: 1em;

		padding: 0;

	}



	.stats-info.stats-last.widget-shadow {

		padding: 0;

	}



	.table td,

	.table>tbody>tr>td,

	.table>tbody>tr>th,

	.table>tfoot>tr>td,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>thead>tr>th {

		padding: 0px !important;

	}



	.agile-last-left.agile-last-middle {

		margin: 1em 0;

	}



	.table>thead>tr>th,

	.table>tbody>tr>th,

	.table>tfoot>tr>th,

	.table>thead>tr>td,

	.table>tbody>tr>td,

	.table>tfoot>tr>td {

		font-size: 0.75em;

	}



	#drop {

		padding: 50px 16px;

	}



	.mail-nav {

		margin: 0;

	}



	.w3-res-tb {

		padding: 2em 0em 0;

	}



	.col-lg-12 {

		padding: 0;

	}



	.table-inbox {

		margin: 14px;

	}



	.table {

		width: 90%;

	}



	.wht-bg h4 {

		font-size: 16px;

		float: none;

		text-align: center;

	}



	.input-append {

		margin-top: 1em;

	}



	.search:focus {

		width: 150px;

	}



	.todo-search:focus {

		width: 90% !important;

	}



	.wthree-font-awesome {

		padding: 1em;

	}



	.floatcharts_w3layouts_bottom {

		padding: 0px;

	}



	.chart_agile_bottom {

		padding: 0;

	}

}



.brand {

	padding: 17px 20px;

}



.brand a {

	margin: 0;

}



.brand img {

	max-width: 100%;

	height: auto;

}



.studymeterial-new tr th {

	white-space: nowrap;

}



/*********03006.2020**********/































.table-agile-info {

	display: inline-block;

	width: 100%;

}



.table-responsive.teachersubject {

	background: #fff;

	padding: 40px 0px 15px;

}



/*==================================================================================================================================================*/















































.nicescroll-rails div {

	width: 5px !important;

	background: #999 !important;

}



/*.hide-left-bar .nicescroll-rails div{ display:none;}*/















/******************sidebar-toggle 24.06.2020*********************/































.switch {

	position: relative;

	display: block;

	vertical-align: top;

	width: 45px;

	height: 20px;

	padding: 3px;

	margin: 0 10px 10px 0;

	border-radius: 18px;

	cursor: pointer;

	box-sizing: content-box;

}



.switch-input {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	box-sizing: content-box;

}



.switch-label {

	position: relative;

	display: block;

	height: inherit;

	font-size: 10px;

	text-transform: uppercase;

	background: #eceeef;

	border-radius: inherit;

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);

	box-sizing: content-box;

}



.switch-label:before,

.switch-label:after {

	position: absolute;

	top: 50%;

	margin-top: -.5em;

	line-height: 1;

	-webkit-transition: inherit;

	-moz-transition: inherit;

	-o-transition: inherit;

	transition: inherit;

	box-sizing: content-box;

}



.switch-label:before {

	content: attr(data-off);

	right: 11px;

	color: #aaaaaa;

	text-shadow: 0 1px rgba(255, 255, 255, 0.5);

}



.switch-label:after {

	content: attr(data-on);

	left: 11px;

	color: #FFFFFF;

	text-shadow: 0 1px rgba(0, 0, 0, 0.2);

	opacity: 0;

}



.switch-input:checked~.switch-label {

	background: #29b5a8;

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);

}



.switch-input:checked~.switch-label:before {

	opacity: 0;

}



.switch-input:checked~.switch-label:after {

	opacity: 1;

}



.switch-handle {

	position: absolute;

	top: 5px;

	left: 4px;

	width: 15px;

	height: 15px;

	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);

	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);

	border-radius: 100%;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

}



.switch-handle:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -5px 0 0 -5px;

	width: 9px;

	height: 9px;

	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);

	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);

	border-radius: 6px;

	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);

}



.switch-input:checked~.switch-handle {

	left: 32px;

	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);

}



/* Transition































========================== */































.switch-label,

.switch-handle {

	transition: All 0.3s ease;

	-webkit-transition: All 0.3s ease;

	-moz-transition: All 0.3s ease;

	-o-transition: All 0.3s ease;

}



label.on-off-switch {

	width: 100%;

}



.text-left {

	float: left;

	font-size: 15px;

	color: #575962;

}



.switch-bttn {

	float: right;

	margin-right: 8em;

}



/*===========================================================================================================================================================*/















































table.table thead tr th {

	vertical-align: middle;

	background: #4a4a86;

	color: #fff;

}



table.table thead tr th+th {

	border-left: 1px solid #6868a2;

}



table.table tbody tr td+td {

	border-left: 1px solid #e9e9e9;

}



table.table tbody tr:nth-child(even) td {

	background: #f0f0f0;

}



.btn-info.btn-info.btn-info {

	background-color: #4a4a86 !important;

	border-color: #4a4a86 !important;

	border-radius: 4px;
	color: #fff;

}



.btn-info.btn-info.btn-info:hover {

	background-color: #333 !important;

	border-color: #333 !important;

}



.main-heading-field {

	width: 100%;

	float: left;

	margin-top: 30px;

	margin-bottom: 15px;

}



.main-heading-field h3 {

	float: left;

}



table tr td a i.fa-thumbs-up {

	color: #4ca520 !important;

}



table tr td a i.fa-thumbs-down {

	color: #ff3333 !important;

}



i.fa.fa-pencil {

	color: #177ed1 !important;

}



i.fa.fa-eye {

	color: #6d6d6d !important;

}



.dataTables_filter {

	float: right;

}



.table-responsive.table-responsive {

	height: 430px;

}



.help-img {

	text-align: right;

	margin-top: 0;

}



.help-img img {

	width: 50px !important;

	height: 45px !important;

	margin: -21px -21px 2px;

}



.select2-container {

	min-width: 100% !important;

}



.select2-selection--multiple {

	border-width: 1px !important;

	border: 1px solid #ccc !important;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}



.form-control {

	height: 35px;

}



.bttn-align {

	white-space: nowrap;

}



.delete-bttn {

	border: 1px solid #ff0000;

	padding: 2px 8px 3px 8px;

	border-radius: 2px;

}



.bttn-edit {

	border: 1px solid #6d6d6d;

	padding: 2px 8px 3px 8px;

	border-radius: 2px;

}



span.word-limit {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	cursor: pointer;

	-webkit-box-orient: vertical;

	width: 125px;

}



.tooltip {

	font-size: 12px;

}



#main-content {

	/* background: #fff; */

	/*margin-left: 240px;*/

	/*padding-bottom: 15px;*/

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	position: relative;

	/* background: linear-gradient(150deg, #CBCDFF -2.73%, #FBD0D3 39.28%) !important;
    z-index: 4; */

}



.leftside-navigation {

	position: absolute;

	top: 0;

	left: 0;

	width: 300px;

	background: #545351;

}



.nav-collapse {

	position: inherit !important;

}



.nicescroll-rails {

	left: 234px !important;

}



.main-content .modal-content {

	z-index: 9;

}



/*.table-responsive.table-responsive {















    height: auto !important;















}*/













.panel.panel.panel.panel.panel.panel.panel.panel.panel.panel.panel.panel.panel.panel {

	box-shadow: none;

}

















.scroll tbody {

	height: 450px !important;

}



.manage-event tbody {

	height: 200px !important;

}



.modal-content {

	z-index: 999;

}



.left-menu-list li span img {

	width: 30px;

	margin: 0px 26px 3px 21px;

	right: 20px;

	bottom: 0;

}



.active_drop_arrow img {

	transform: rotate(180deg);

}



.dcjq-icon {

	right: 25% !important;

}



.xyz .nicescroll-rails {

	display: none !important;

}



.clr-block-2 .market-update-left {

	margin: 0.3em 15px;

}



.market-update-block {

	/* height: 135px; */







	min-height: 140px;

}



.view-bttn {

	border: 1px solid #4dd08d;

	padding: 2px 8px 3px 8px;

	border-radius: 2px;

}



.view-bttn .fa-eye {

	color: #4dd08d !important;

}



@media (max-width: 991px) {

	.table-agile-info {

		overflow-x: scroll !important;

	}

}



/*================================================================================================================================================*/











body {

	/* background-color: #545351 !important; */

}



.modal-lg.modal-lg.modal-lg {

	width: 100% !important;

	max-width: 1000px;

}



.table-responsive {

	overflow-x: scroll;

}



/*11.08.2020*/



.scroll tr th span {

	width: 30px !important;

	display: inline-block;

}



.table-width tr th span {

	width: 53px !important;

	display: inline-block;

}



.select-new .select2-container .select2-selection--single {

	height: 35px !important;

}



.bttn-space {

	white-space: nowrap !important;

}



.table-responsive.manage-web table tr td {

	white-space: nowrap !important;

}



.table-responsive.manage-web table tr td:nth-child(12) {

	text-align: center;

}



.manage-quiz .select2-container .select2-choice {

	height: 35px !important;

	padding: 3px 5px !important;

}









@media only screen and (max-width: 767px) {



	.select2-container {

		z-index: 999999;

	}



}



.sub-head {

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

	text-align: center;

	margin: 8px 0px 15px;

	width: 100%;

	display: inline-block;

}





/*24.11.2020*/

.panel-body label {

	display: block;

}



input#vehicle1 {

	float: left;

	margin-right: 10px;

}



table#example tr td img {

	width: 200px;

	height: 200px;

}







/*==============================================================================================================================================================*/





aside,

.sidebar-toggle-box {

	display: none;

}



.main_menu_list {

	width: 100%;

	float: left;

	margin: 35px 0;

}



.main_menu_list ul {

	width: 100%;

	float: left;

	text-align: center;

}



.main_menu_list ul li a {

	position: relative;

}



.main_menu_list ul li img {

	width: 45px;

	position: absolute;

	right: 15px;

	top: 18px;

}



.main_menu_list ul li {

	width: 18%;

	display: inline-block;

	vertical-align: middle;

	border-radius: 6px;

	text-align: center;

	margin: 0 5px 15px;

	background: white !important;

	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.main_menu_list ul li:hover {
	background: #e9f4ff !important;
}



.main_menu_list ul li a {

	width: 100%;

	display: block;

	height: 80px;

	position: relative;

	padding-right: 70px;

}





.main_menu_list ul li a:before {

	content: " ";

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}



.main_menu_list ul li p {

	width: 90%;

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	color: #000;

	text-transform: uppercase;

	text-align: right;

}





.main_menu_list ul li:nth-child(1) {

	background: #7ca4ff;

}



.main_menu_list ul li:nth-child(2) {

	background: #61dea5;

}



.main_menu_list ul li:nth-child(3) {

	background: #85b9de;

}



.main_menu_list ul li:nth-child(4) {

	background: #ffa397;

}



.main_menu_list ul li:nth-child(5) {

	background: #f7c160;

}



.main_menu_list ul li:nth-child(6) {

	background: #c7a7ff;

}



.main_menu_list ul li:nth-child(7) {

	background: #f5ba72;

}



.main_menu_list ul li:nth-child(8) {

	background: #61dea5;

}



.main_menu_list ul li:nth-child(9) {

	background: #b2d875;

}



.main_menu_list ul li:nth-child(10) {

	background: #71c9ea;

}



.main_menu_list ul li:nth-child(11) {

	background: #ffa397;

}



.main_menu_list ul li:nth-child(12) {

	background: #f7c160;

}



.main_menu_list ul li:nth-child(13) {

	background: #c7a7ff;

}



.dashbored-section.dashbored-section .main_menu_list ul li a:hover {

	background: #e9f4ff !important;
	/* background: #4a4a86 !important; */
	/* opacity: 0.7; */

}



.main_tab_field {

	width: 100%;

	float: left;

	text-align: center;

	margin-bottom: 10px;

	padding-left: 160px;

}



.main_tab_field ul {

	width: 100%;

	float: left;

	list-style: none;

}



.main_tab_field ul li {

	display: inline-block;

	vertical-align: middle;

	margin: 0 5px 10px;

}



.main_tab_field ul li a {

	display: block;

	font-size: 14px;

	padding: 8px 10px;

	background: #fff;

	color: #000;

	border-radius: 4px;

	border: 2px solid #4a4a86;

}







.main_tab_field ul li.active a {

	background: #4a4a86;

	color: #fff;

}



.back_to_dash {

	padding: 10px 12px !important;

	background: #da0100;

	color: #fff !important;

	font-size: 12px;

	border-radius: 4px;

	margin-bottom: 20px;

	display: inline-block;

	border: 2px solid #da0100;

	position: static;

	left: 20px;

	z-index: 99;

}



.back_to_dash:hover {

	background: #fff;

	color: #db0000 !important;

}



.back_to_dash i {

	margin-right: 5px;

}















.stu-list {

	position: relative;

	height: 60px;

	line-height: 60px;

}

/* .sub-head{

	margin: 0;

} */

.help-img {

	margin-top: 0;

	text-align: inherit;

}

.help-img img {

	margin: 0;

	position: absolute;

	top: 5px;

	right: 0;

}

.panel-blue {

	padding: 0 10px;

	background: #4a4a86;

	margin-bottom: 20px;

	height: 40px;

	line-height: 40px;

}

.panel-blue h4 {

	color: #fff;

	font-size: 15px;

	display: inline-block;

}

.icon-expanding {

	background: #da0100;

	margin-top: 7px !important;

}

.icon-expanding i {

	font-size: 16px !important;

	color: #fff;

	padding: 5px;

}

.panel-body {

	margin-top: 0 !important;
	padding: 0 !important;

}

.color-info {

	padding: 0 15px;

}



.glyphicon.glyphicon {

	color: #fff;

}

.help-block.help-block.help-block {
	display: block;
	margin-top: 1px;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	font-size: 13px;
}

.form-group {
	position: relative;
}



.my_form .btn.btn-success.addMore,

.my_form .btn.btn-danger.remove {

	margin-top: 24px;

}



.my_form+.my_form {

	border-top: 1px solid #ccc;

}









.pagination_fld {
	text-align: right;
	margin: 30px;
	padding: 0px;
}

.pagination_fld li {
	margin: 0px 6px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

.pagination_fld li a {
	line-height: 35px;
	color: #333;
	display: block;
}

.pagination_fld li.active {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #4a4a86;
}

.pagination_fld li.active a {
	color: #fff;
	text-decoration: none;
	text-align: center;
}





.pagination_fld .pg-prev,
.pagination_fld .pg-next {
	transition: 0.6s;
	background: #4a4a86;
	padding: 0px 10px;
}



.pagination_fld .pg-prev a,
.pagination_fld .pg-next a {
	color: #fff;
}

.pagination_fld .pg-prev:hover,
.pagination_fld .pg-next:hover {
	text-decoration: underline;
}

.pagination_fld .pg-prev:hover a,
.pagination_fld .pg-next:hover a {
	color: #fff;
}











.main_menu_list ul li:nth-child(14) {
	background: #7cad96;
}

.main_menu_list ul li:nth-child(15) {
	background: #fb8681;
}

.main_menu_list ul li:nth-child(16) {
	background: #80bbcd;
}

.main_menu_list ul li:nth-child(17) {
	background: #6b62fb;
}

.main_menu_list ul li:nth-child(18) {
	background: #cd9269;
}

.main_menu_list ul li:nth-child(19) {
	background: #52cfa6;
}

.main_menu_list ul li:nth-child(20) {
	background: #cd7eff;
}

.main_menu_list ul li:nth-child(21) {
	background: #fb8681;
}



.main_menu_list ul li:nth-child(21) {
	background: #de618f;
}

.main_menu_list ul li:nth-child(22) {
	background: #a9cb41;
}

.main_menu_list ul li:nth-child(23) {
	background: #ffb94f;
}



.main_menu_list ul li:nth-child(24) {
	background: #7461de;
}

.main_menu_list ul li:nth-child(25) {
	background: #bbb85f;
}

.main_menu_list ul li:last-child {
	background: #fb7e62;
}













.tabl_hscroll {
	overflow-x: scroll;

	width: 100%;
}







.rcod_cel {
	margin: 0px 0px 20px;
	padding: 0px;
}

.rcod_cel li {
	margin: 0px 0px 6px;

	padding: 7px;

	list-style: none;

	vertical-align: top;

	width: 33%;

	display: inline-block;

	border: 1px solid #e9e9e9;
	color: #505050;
}



.rcod_cel li:nth-child(odd) {
	background: #fff;
}

.rcod_cel li:nth-child(even) {
	background: #fff;
}



.table-agile-info .table-responsive h4 {
	border-bottom: 1px solid #d3d3d3;
	line-height: 25px;
}





.studnt_info .act-1 {
	background: #ffc5a3 !important;
	border-color: #ffb88f !important;
	transition: 0.6s;
	color: #fff;
}

.studnt_info .act-2 {
	background: #f986a3 !important;
	border-color: #fb6c90 !important;
	transition: 0.6s;
	color: #fff;
}

.studnt_info .act-3 {
	background: #b8ffba !important;
	border-color: #b0e9b1 !important;
	transition: 0.6s;
	color: #769577;
}







/* ==== 25-7-22 ==== */





.cod_section .cod.cod.cod.cod.main_menu_list {
	width: 100% !important;
}





.cod_section .cod.cod.cod.cod ul {
	width: auto;
	float: none;
	margin: 0px -1%;
}

.cod_section .cod.cod.cod.cod.main_menu_list ul li {
	height: 80px;
	box-shadow: 0px 2px 14px 1px #c7c2c3;

	width: 18% !important;
	display: initial !important;
	margin: 0 1% 25px !important;
}



.cod_section .cod.cod.cod.cod ul li a {
	padding-left: 0px;
	height: 100% !important;
	display: block !important;
}

.cod_section .cod.cod.cod.cod ul li a .icn-nambx span {
	color: #fff;

	font-size: 14px;

	position: absolute;

	top: 30px;

	right: 0px;

	text-align: center;

	display: block;

	width: 80%;
}



section.cod li:hover {

	opacity: .6;

}







@media only screen and (max-width: 1300px) {}





/* ==== 26-7-22 ==== */



.cod_section .menu_tab {
	padding-top: 80px;
}

.cod_section .menu_tab ul {
	margin: 0px -1%;
	padding: 8px 20px 14px;
	background-color: #010172;
	text-align: center;
}

.cod_section .menu_tab ul li {
	display: inline-block;
	vertical-align: top;

	margin: 6px 0.1% 0px;
	border-radius: 3px;
	background-color: #4343b1;
}



.cod_section .menu_tab ul li:hover {
	background-color: #6060c9
}

.cod_section .menu_tab ul li a {
	font-size: 13px;
	color: #f9ad22;
	transition: 0.6s;
	display: block;
	padding: 4px 8px;
}

.cod_section .menu_tab ul li a:hover {
	color: #fff;
}





.cod_section .wrapper {
	margin-top: 25px;
}







.cod_section .wrapper .panel.panel-default {
	margin-top: 45px;
}



.relative_fld .btn-success {
	right: 26px !important;
	font-size: 12px !important;
}

.cod_section .wrapper .back_to_dash {
	left: 24px !important;
	text-transform: uppercase;
	margin-top: 6px;

	padding: 6px 12px !important;
}



.modl-new .modal-dialog {

	width: 800px;

}



.modal-body-dtls h2 {

	margin: 0;

	padding: 0 0 20px;

}



.modal-body-dtls ul li {

	font-size: 16px;

	font-weight: 600;

	margin-bottom: 10px;

}



.no-scroll.no-scroll.no-scroll {

	height: initial !important;

}



.new-primary {

	background-color: #4a4a86 !important;

	border-color: #4a4a86 !important;

	transition: 0.3s all;

}



.new-primary:hover {

	background-color: #4a4a86d6 !important;

	border-color: #4a4a86d6 !important;

}













.tableContainer tr td button,

.table-responsive tr td button {

	border: none;

	/* background: no-repeat; */

	padding: 0;

}

i.fa.fa-trash,

i.fa.fa-trash-o {

	color: red;

}

.table-agile-info input[type=submit],

.table-agile-info input[type=button] {

	background: #4a4a86;

	border-color: #4a4a86;

}

.table-agile-info input[type=submit]:hover,

.table-agile-info input[type=button]:hover,

.wrapper .add-icon.pull-right a:hover,

.box-footer.text-center button[type=submit]:hover {

	background-color: #333 !important;

	border-color: #333 !important;

}



.wrapper .add-icon.pull-right a {

	background: #4a4a86;

	border-color: #4a4a86;

	margin-left: 5px;

}

.table-agile-info label {

	display: block;

}

a.back_to_dash.dash_red {

	float: right;

}

.form-group.book .select2-container {

	width: 100% !important;

}

.box-footer.text-center button[type=submit] {

	background: #4a4a86;

	border-color: #4a4a86;

	color: #fff;

}





/* ======  */

.cod_section .wrapper .back_to_dash {

	padding: 10px 12px !important;

	margin-top: 0 !important;

	text-transform: capitalize !important;

}



.new-wpr {

	margin-top: 0 !important;

}

#example_wrapper#example_wrapper#example_wrapper {
	padding: 0 !important;
}



.cod_section .wrapper .panel.panel-default {
	margin-top: 0px;
}



.tbl-scroll .tableContainer {

	height: 800px;

	overflow-x: scroll;

}



.plus-button,
.minus-button {

	color: #fff;

	background-color: #449d44 !important;

	border-color: #398439;

	height: 34px;

	padding: 0 10px !important;

	font-size: 22px;

	border: none;

	border-radius: 4px;

}



.paging_simple_numbers {

	float: right;

}



.datepicker-orient-top {

	z-index: 9999 !important;

}









.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(1),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(1) {
	background-color: #7ca4ff;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(2),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(2) {
	background-color: #61dea5;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(3),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(3) {
	background-color: #85b9de;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(4),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(4) {
	background-color: #ffa397;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(5),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(5) {
	background-color: #f7c160;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(6),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(6) {
	background-color: #c7a7ff;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(7),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(7) {
	background-color: #f5ba72;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(8),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(8) {
	background-color: #61dea5;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(9),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(9) {
	background-color: #b2d875;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(10),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(10) {
	background-color: #71c9ea;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(11),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(11) {
	background-color: #ffa397;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(12),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(12) {
	background-color: #5eb9bebf;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(13),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(13) {
	background-color: #b3823d82;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(14),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(14) {
	background-color: #fb629d99;
}







.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(15),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(15) {
	background-color: #fba679e6;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(16),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(16) {
	background-color: #cd97cf;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(17),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(17) {
	background-color: #97878799;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(18),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(18) {
	background-color: #08d8bd80;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(19),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(19) {
	background-color: #81af4780;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(20),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(20) {
	background-color: #fb629d99;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(21),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(21) {
	background-color: #62b9fb99;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(22),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(22) {
	background-color: #f5ba6fe3;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(23),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(23) {
	background-color: #508301ad;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(24),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(24) {
	background-color: #9254f1ad;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(25),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(25) {
	background-color: #1b8d3a8c;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(26),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(26) {
	background-color: #9b9f008c;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(27),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(27) {
	background-color: #7ca4ff;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(28),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(28) {
	background-color: #61dea5;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(29),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(29) {
	background-color: #85b9de;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(30),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(30) {
	background-color: #ffa397;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(31),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(31) {
	background-color: #f19494;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(32),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(32) {
	background-color: #c7a7ff;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(33),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(33) {
	background-color: #f5ba72;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(34),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(34) {
	background-color: #b3823d82;
}



.dashbored-section.dashbored-section .main_menu_list ul li:nth-child(35),

.dashbored-section.dashbored-section .main_menu_list_new ul li:nth-child(35) {
	background-color: #61dea5;
}





.qus-txtarea {
	width: 100%;
	padding: 6px 15px;

	border-radius: 4px;

	height: 80px;

	margin-bottom: 15px;
}











.main_menu_list .right_panel_cross {
	display: none;
}





@media only screen and (max-width: 991px) {



	#main-content .main_menu_list.main_menu_list.main_menu_list.main_menu_list ul li p {

		font-size: 12px !important;

	}



	.dashbored-section.dashbored-section .main_menu_list_new ul li,
	.dashbored-section.dashbored-section .main_menu_list ul li {

		width: 23.5% !important;
	}



	.main_menu_list_new ul li img,
	.dashbored-section.dashbored-section .main_menu_list_new ul li img {
		width: 32px !important;
	}

	.dashbored-section.dashbored-section .main_menu_list_new.main_menu_list_new ul li p {

		font-size: 12px !important;
	}





}





@media only screen and (max-width: 640px) {

	.dashbored-section.dashbored-section .main_menu_list ul li {

		width: 31.5% !important;
	}



	.dashbored-section.dashbored-section .main_menu_list_new ul li {

		width: 30.9% !important;
	}

}



@media only screen and (max-width: 520px) {

	.dashbored-section.dashbored-section .main_menu_list ul li {

		width: 47.5% !important;
	}





	.dashbored-section.dashbored-section .main_menu_list_new.main_menu_list_new ul li {

		width: 46.9% !important;

	}

}



@media only screen and (max-width: 420px) {

	.dashbored-section.dashbored-section .main_menu_list ul li {

		width: 97.5% !important;
	}



	.dashbored-section.dashbored-section .main_menu_list_new.main_menu_list_new ul li {

		width: 97.9% !important;

	}



	.dashbored-section.dashbored-section .main_menu_list_new.main_menu_list_new ul li p {

		width: 84% !important;

	}



	.infra-part .removed center img {
		height: 120px !important;
	}

}











.modal-body-nw .tbl-scroll .tableContainer {

	height: 400px !important;

	overflow: hidden !important;

}





.main_menu_list .right_panel_cross {

	display: block;

	position: absolute;

	z-index: 999999;

	background: #7e7d7d;

	color: #fff;

	font-size: 25px;

	font-weight: 500;

	top: 10px;

	right: 10px;

	padding: 0px;

	border-radius: 100%;

	rotate: 45deg;

	width: 30px;

	height: 30px;

	line-height: 30px;

	cursor: pointer;

}



.paging_simple_numbers {

	margin-top: 10px !important;

}





.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld .tableContainer .table.table-striped thead tr th p span {

	font-family: sans-serif !important;

	font-size: 8pt !important;

	line-height: 12px !important;
}



.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld.application-form-fld .tableContainer .table.table-striped thead tr th span {

	font-size: 9pt !important;
}





.tableContainer .table.table-striped tbody tr td select.form-group {

	border-radius: 0px !important;

	padding: 3px 4px 0px !important;
}



.tableContainer .table.table-striped tbody tr td p span {

	font-family: sans-serif !important;

	font-size: 13px !important;
}



.twin-btn .btn-submit {
	padding: 7px 16px !important;
}

.twin-btn .btn-info {
	margin-bottom: 4px;
}



.application-form-fld .my_form .table-responsive .table.table-striped tbody tr td select.form-group {

	border-radius: 0px !important;

	padding: 3px 4px 0px !important;
}



.application-form-fld .my_form .table-responsive .table.table-striped tbody tr td p span {

	font-family: sans-serif !important;

	font-size: 13px !important;
}



#myModalview5 .modal-dialog.modal-lg .modal-header h4.modal-title {

	font-size: 14px;
}



.tabl_hscroll.nw-tbl-scrl .tableContainer table tbody tr td .st_marks {

	padding: 4px 6px 0px !important;
}



.nw-tabl {
	border-color: #efefef !important;
}

.nw-tabl tr td {

	width: 50%;
}

.nw-tabl tr td h4 {
	font-size: 13px !important;
}







.co-report-tabl .tbl-looptbl {

	border-collapse: collapse;

}



.pdng-non {
	padding: 0px !important;
}



.tbl-looptbl {}



table.co-report-tabl tbody tr:nth-child(even) td {

	background: #4a4a86;

}



.co-report-tabl .tableContainer {}





.co-report-tabl .sorting:after {
	display: none;
}

.co-report-tabl thead tr th.pdng-non,

.co-report-tabl tr td.pdng-non {
	padding: 0px !important;
}



.tbl-scroll {

	height: 800px;

	overflow: auto;
}



.co-report-tabl tr td {
	padding: 8px 10px !important;
}



.co-report-tabl tbody tr:nth-child(even) td {

	background: transparent !important;

}





.panel-covr {
	padding: 0px 16px 10px;
}



.nwlop-tabl tr td {

	line-height: 68px;
}



.co-report-tabl tbody tr td:first-child {

	text-align: center;
}



.tbl-scroll thead tr th {

	position: sticky;

	top: 0;

	z-index: 1;
}



.table-agile-info .panel {

	padding: 20px;

}



.bitlogo {
	background-color: #fff;
	padding: 10px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin: 10px auto;
	float: none;
}

.bitlogo img {
	width: 100%;
	height: 100%;
}


.login-form .bitlogo {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	margin: 10px auto;
	float: none;
}

/* .form-group input::placeholder{
	color: #555 !important;
} */



.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
	min-height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	line-height: 32px !important;
}



.footer.footer {
	padding: 10px;
}

.footer.footer p {
	margin-bottom: 0px;
	float: none;
	text-align: center;
}

.panel-body iframe {
	width: 100% !important;
}


/* ============================ dashboard design start ================================ */

.wrapper-container.wrapper-container {
	padding-left: 130px;
	padding-right: 130px;
	/* background-image: url(./images/); */

	position: relative;
	z-index: 2;
}

.list-new li {
	list-style: none;
}

.list-new {
	display: flex;
	flex-wrap: wrap;
}

.list-new li {
	width: 16.66%;
	flex: 0 0 auto;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list-div.list-div {
	height: 100%;
}

.list-div.list-div a {
	background: white;
	padding: 25px 15px;
	border-radius: 20px;
	box-shadow: 0px 7px 25px 0px #DCE3F1;
	height: 100%;
	display: block;
	transition: 0.4s all;
}

.list-div.list-div a:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.list-div img {
	width: 48px;
	filter: brightness(0) invert(1);
}

.list-div figure {
	width: 86px;
	height: 86px;
	margin: auto;
	background: #FA5A7D;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.list-div p {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	transition: 0.4s all;
}

.list-new li:nth-child(2) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(9) .list-div figure,
.list-new li:nth-child(12) .list-div figure {
	background: #FE947A;
}

.list-new li:nth-child(3) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(8) .list-div figure,
.list-new li:nth-child(13) .list-div figure {
	background: #3BD855;
}

.list-new li:nth-child(4) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(7) .list-div figure,
.list-new li:nth-child(14) .list-div figure {
	background: #BF83FF;
}

.list-new li:nth-child(5) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(6) .list-div figure,
.list-new li:nth-child(15) .list-div figure {
	background: #40D8DB;
}

.list-new li:nth-child(6) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(5) .list-div figure,
.list-new li:nth-child(16) .list-div figure {
	background: #F7DD8E;
}

.list-new li:nth-child(7) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(4) .list-div figure,
.list-new li:nth-child(17) .list-div figure {
	background: #B1E591;
}

.list-new li:nth-child(8) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(3) .list-div figure,
.list-new li:nth-child(18) .list-div figure {
	background: #F685FD;
}

.list-new li:nth-child(9) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(2) .list-div figure,
.list-new li:nth-child(19) .list-div figure {
	background: #B3BCFA;
}

.list-new li:nth-child(10) .list-div figure,
.main_menu_list-new:nth-child(odd) .list-new li:nth-child(1) .list-div figure,
.list-new li:nth-child(20) .list-div figure {
	background: #D0E790;
}



.list-new {
	margin: 0 -10px;
}

.secnd-part {
	box-shadow: 0px 34px 41.8px 0px #C4C3E6;
	padding: 45px 45px 30px;
	border: 1px solid #fff;
	border-radius: 60px;
	width: 100%;
	float: initial;
	background: #ffffff6b;
	margin-bottom: 40px;
}

.main_menu_list-new hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

.main_menu_list-new+.main_menu_list-new {
	margin-top: 25px;
}

.main_menu_list-new hr {
	margin-top: 8px;
	margin-bottom: 8px;
	border: transparent;
}

.search-container input[type="text"] {
	/* padding-right: 40px; */
	border: 1px solid #ccc;
	height: 44px;
	width: 260px;
	padding-left: 12px;
	font-size: 15px;
	border-radius: 12px;
}

/* .new-dshbrd.new-dshbrd{
	background: linear-gradient(150deg, #CBCDFF -2.73%, #FBD0D3 39.28%) !important;
	z-index: 4;
} */

.new-dshbrd:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 900px;
	width: 900px;
	background: url(../images/admin_wht_bg.png) no-repeat center / cover;
	z-index: -1;
}

.header.header {
	background: transparent;
	/* background: #d9cef2; */
	box-shadow: none;
	padding: 10px 70px;
	width: 100%;
}

.dash_home .header.header {
	background: transparent;
	padding: 10px 130px;
}

.rspnsv-wrapper.rspnsv-wrapper.rspnsv-wrapper.rspnsv-wrapper {
	/* display: flex; */
	align-items: center;
	justify-content: end;
	/* height: 100%; */
}

.rspnsv-wrapper.rspnsv-wrapper .notify-row {
	margin-top: 20px;
	margin-right: 20px;
}

.log-time {
	font-size: 18px;
	font-weight: 600;
	color: #FF304D;
	background: white !important;
	height: 62px;
	padding: 0 40px;
	border-radius: 50px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	gap: 3px;
	margin: 0;
}

.log-span {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	display: block;
}

.new-togl.new-togl.new-togl.new-togl {
	border: none;
	background: white !important;
	color: #000 !important;
	height: 62px;
	padding: 0 24px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.top-nav.top-nav.top-nav .username {
	color: #000 !important;
	font-size: 17px;
}

.cart-new.cart-new.cart-new {
	height: 30px;
	width: 30px;
	background: #FEB3B7;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.new-togl.new-togl.new-togl.new-togl:hover {
	opacity: 0.8;
}

.rspnsv-wrapper.rspnsv-wrapper .notify-row {
	margin: 0 !important;
}

a.logo {
	margin: 0;
}

.top-nav {
	margin-top: 0;
}

.footer.footer.footer {
	background: #fbd0d3;
}

.footer.footer.footer p {
	color: #000;
	font-weight: 500;
}

.footer p a {
	font-weight: 600;
}

.w3layouts-main-new {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	box-shadow: 0px 34px 41.8px 0px #C4C3E6;
	border: 1px solid #fff;
	padding: 100px 150px 70px;
	border-radius: 60px;
	background: #ffffff42;
}

.bitlogo-new {
	max-width: 180px;
	margin: auto;
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
}

.bitlogo-new img {
	width: 100%;
}

.frm-wrpr {
	position: relative;
	margin-top: 40px;
}

.frm-wrpr form {
	max-width: 450px;
	margin: auto;
}

.admin-login-new {
	font-size: 35px;
	font-weight: 700;
	color: #000;
	margin-bottom: 45px;
}

.frm-wrpr h2 {
	font-size: 54px;
	background: -webkit-linear-gradient(23deg, #F31C28 0%, #1C00BA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	margin-bottom: 20px;
}

input.ggg {
	font-size: 14px;
	color: #5D5C5C !important;
	margin: 14px 0px;
	background: #fff;
	box-shadow: 0px 4px 22.8px 0px #E7D4E0;
	border: 1px solid #ECBEC0;
	border-radius: 12px;
}

.red-sbmit {
	height: 50px;
	border: none;
	background: #F31C28;
	color: white;
	padding: 0 55px;
	border-radius: 12px;
	font-size: 18px;
	font-weight: 500;
	margin-top: 25px;
	transition: 0.4s all;
}

.red-sbmit:hover {
	opacity: 0.7;
}

.usr-lgo {
	position: relative;
}

.usr-lgo i {
	position: absolute;
	top: -2px;
	bottom: 0;
	margin: auto;
	height: 16px;
	right: 15px;
	pointer-events: none;
}

input.ggg::placeholder {
	color: #7585A7 !important;
}

.absolute {
	position: absolute;
}

.left-1 {
	top: 20px;
	left: 60px;
	opacity: 0.6;
	max-width: 70px;
}

.left-2 {
	left: -70px;
	bottom: 70px;
	max-width: 120px;
	z-index: -1;
	opacity: 0.8;
}

.right-1 {
	right: -180px;
	top: 50px;
	max-width: 100px;
	opacity: 0.9;
}

.right-2 {
	max-width: 80px;
	right: -30px;
	bottom: 200px;
	opacity: 0.8;
	z-index: -1;
}

.right-3 {
	max-width: 60px;
	right: -200px;
	bottom: 120px;
	z-index: -1;
}

/* 
.fixed-top {
    position: absolute;
} */

.panel.panel.panel.panel {
	background-color: transparent;
	background: transparent;
}

body {
	background: linear-gradient(150deg, #CBCDFF -2.73%, #FBD0D3 39.28%) !important;
	z-index: 2;
	/* position: relative; */
}


@media only screen and (max-width: 1560px) {

	.header.header {
		padding: 10px 70px;
	}

	.dash_home .header.header {
		padding: 10px 90px;
	}

	.wrapper-container.wrapper-container {
		padding-left: 90px;
		padding-right: 90px;
	}

	.secnd-part {
		padding: 30px 35px;
	}

	.list-div figure {
		width: 70px;
		height: 70px;
		margin-bottom: 14px;
	}

	.list-div img {
		width: 38px;
	}

	.list-div p {
		font-size: 13px;
	}

	.list-new li {
		width: 16.66%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.list-new {
		margin: 0 -6px;
	}

	.list-div.list-div a {
		padding: 18px 10px;
		border-radius: 14px;
	}

	.main_menu_list-new+.main_menu_list-new {
		margin-top: 20px;
	}

	.main_menu_list-new hr {
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.search-container input[type="text"] {
		padding: 6px 10px;
		height: 40px;
		font-size: 14px;
		width: 235px;
	}

	.log-span {
		font-size: 14px;
	}

	.log-time {
		height: 52px;
		padding: 0 26px;
		font-size: 14px;
	}

	.new-togl.new-togl.new-togl.new-togl {
		height: 52px;
		padding: 0 20px !important;
	}

	.cart-new.cart-new.cart-new {
		height: 28px;
		width: 28px;
		font-size: 12px;
	}

	.top-nav.top-nav.top-nav .username {
		font-size: 15px;
	}

	.w3layouts-main-new {
		max-width: 820px;
		padding: 70px 130px 50px;
	}

	.frm-wrpr h2 {
		font-size: 42px;
		margin-bottom: 16px;
	}

	.admin-login-new {
		font-size: 30px;
		margin-bottom: 34px;
	}

	.bitlogo-new {
		max-width: 140px;
		top: -75px;
	}

	.frm-wrpr {
		margin-top: 25px;
	}

	input.ggg {
		font-size: 14px;
		margin: 12px 0px;
		padding: 12px 0px 12px 12px;
	}

	.frm-wrpr form {
		max-width: 400px;
	}

	.red-sbmit {
		height: 46px;
		padding: 0 50px;
		font-size: 16px;
	}

	.left-2 {
		left: -60px;
		max-width: 95px;
	}

	.left-1 {
		max-width: 62px;
	}

	.right-1 {
		right: -140px;
		max-width: 85px;
	}

	.right-2 {
		max-width: 70px;
		bottom: 180px;
	}

	.right-3 {
		max-width: 55px;
		right: -145px;
		bottom: 100px;
	}

	.toggle-password {
		top: 9px !important;
	}

	.wrapper {
		margin-top: 70px;
	}

	.search-container input[type="text"] {
		padding: 6px 10px;
		height: 40px;
		font-size: 14px;
		width: 235px;
	}

}





.search-container {
	position: relative;
	display: table;
	margin-left: auto;
}

.search-container input[type="text"] {
	/* padding-right: 40px; */
	border: 1px solid #ccc;
	height: 44px;
	width: 260px;
	padding-left: 12px;
	font-size: 15px;
	border-radius: 12px;
}

.search-container .fa-search {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
	pointer-events: none;
}


.fixed-top {
	position: absolute !important;
}

.rspnsv-wrapper.rspnsv-wrapper.rspnsv-wrapper.rspnsv-wrapper {
	display: flex;
	align-items: center;
	justify-content: end;
	height: 100%;
}

.rspnsv-wrapper.rspnsv-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}



.tabl-agile-nfo-covr {
	padding: 0px 70px;
	margin-top: 14px;
}

/* .new-dshbrd .wrapper{
	margin-top: 0px;
} */

.form-check input[type=radio] {
	float: left;
	margin-right: 4px;
}

.table-agile-info .form-check label {
	display: table;
}

.whtap-tx {
	font-size: 14px;
}

.table-agile-info .service-info-header.service-info-header h4 {
	font-size: 20px;
	font-weight: 600;
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.dataTables_filter {
	margin-bottom: 3px;
}

.txt-right {
	text-align: right;
	margin-bottom: 15px;
	float: right;
}

.wrapper .btn-primary {
	background: #4a4a86;
	border-color: #4a4a86;
}

.btn {
	font-size: 14px !important;
}

table.dataTable.no-footer {
	border: none !important;
}

.service-info-header {
	margin-bottom: 16px;
}

.new-taabs .nav-tabs {
	margin-bottom: 15px;
}

.dropdown-toggle::after {
	display: none !important;
}


.new-taabs .nav>li>a:focus,
.new-taabs .nav>li>a:hover {
	text-decoration: none;
	background-color: #4a4a861a;
	/* border-color: initial !important; */
}

.nav-tabs>li>a {
	border: 1px solid #4a4a8661;
	font-size: 15px;
	color: black;
	border-bottom: 0;
	font-weight: 500;
}

.new-taabs .nav-tabs>li.active>a {
	background: #4a4a86;
	color: #fff;
}

body {
	padding-right: 0 !important;
}

.table.table .btn {
	font-size: 13px !important;
	padding: 2px 7px;
}

.table.table.table.table.table.table td {
	padding: 8px 15px !important;
}

.add-status {
	display: flex;
	align-items: center;
	gap: 20px;
}

.mb-nw h4 {
	margin-bottom: 15px !important;
	text-align: left !important;
}

.token-dttls {
	margin-bottom: 18px;
	border-bottom: 1px solid #00000030;
	padding-bottom: 15px;
	margin-top: 13px;
}

.token-infoo h3 {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
}

.token-infoo h3 {
	margin-top: 4px;
}

.token-infoo h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 5px;
	background: #000;
	border-radius: 50%;
	bottom: 0;
	margin: auto;
}

/* #container{
	height: 100dvh;
} */

.badge {
	padding: 6px 0px;
}

.btn-danger.red-btn {
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
}

/* .btn-primary.yellow-btn {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
} */

.red-btn.red-btn.red-btn.red-btn.red-btn.red-btn.red-btn:hover {
	color: #fff;
	background-color: #c9302c !important;
	border-color: #ac2925 !important;
}

.visit-hding {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0px;
	cursor: pointer;
}

.follow-dtls h5 {
	font-size: 16px;
	margin-top: 12px;
	font-weight: 600;
}

.follow-dtls h5 span {
	font-weight: 500;
	line-height: 20px;
}

.visit-dtls {
	border: 1px solid #00000026;
	padding: 0 16px;
	border-radius: 8px;
	margin-bottom: 15px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.visit-hding h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 8px 0 5px;
}

.visit-abt {
	margin-top: 0px;
	display: none;
	border-top: 1px solid #d5d3d3;
	/* padding-top: 12px; */
}

.edit-dtls {
	height: 30px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 5px;
	border: 1px solid #4a4a86;
	font-size: 14px;
	color: #ffffff;
	border-radius: 4px;
	width: max-content;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 6px;
	background: #4a4a86;
}

.edit-dtls:hover {
	color: #fff;
	background: #333;
}

.qualification-wrapper {
	margin-bottom: 18px;
	padding: 10px 12px;
	background: #fff;
	border-radius: 10px;
}

.table-agile-info .service-info-header.service-info-header h5 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	padding-left: 14px;
}

.table-agile-info .service-info-header.service-info-header h5:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	height: 5px;
	width: 5px;
	background: #000;
	border-radius: 50%;
	margin: auto;
}

.service-info-header {
	margin-bottom: 12px;
}

.service-wrap {
	padding: 12px 15px;
	border: 1px solid #00000033;
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	margin-bottom: 25px;
}

.service-wrap .service-detls-info {
	margin-bottom: 8px;
}

.new-sub-head h4 {
	font-size: 20px;
	font-weight: 600;
	display: table;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #00000036;
}

li {
	list-style: none;
}

ul.modal-role {
	display: flex;
	flex-wrap: wrap;
}

ul.modal-role li {
	flex: 0 0 auto;
	width: 50%;
	position: relative;
	margin-bottom: 3px;
	font-size: 15px;
	padding-left: 11px;
}

ul.modal-role li:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	height: 4px;
	width: 4px;
	background: #0000009c;
	border-radius: 50%;
}

.modal-title {
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
}

/*================================= tooltip======== */

.tooltipp {
	position: relative;
	display: table;
	cursor: pointer;
	margin: auto;
}

.tooltipp .tooltiptext {
	visibility: hidden;
	width: 160px;
	background-color: #3c3939;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltipp:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltipp i {
	font-size: 15px;
}

/*================================= tooltip======== */

.no-pointr-evnsts.no-pointr-evnsts .visit-hding {
	pointer-events: none
}

.no-pointr-evnsts.no-pointr-evnsts .visit-abt {
	display: block;
}

.token-infoo.wrap-token {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.token-infoo.wrap-token h3 {
	flex: 0 0 auto;
	width: 33.33%;
}

.visit-dtls.no-pointr-evnsts {
	background: white;
	box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
}

.total-mb.total-mb .visit-abt {
	padding-top: 10px;
}

.clr-div {
	color: white !important;
	border: none;
	padding: 10px 15px;
	border-radius: 8px;
}

@media only screen and (max-width: 1560px) {
	.follow-dtls h5 {
		font-size: 14px;
		margin-top: 10px;
	}

	.edit-dtls {
		height: 28px;
		padding: 0 8px;
		gap: 5px;
		font-size: 12px;
		margin-top: 5px;
	}

	.visit-hding {
		padding: 11px 0px;
	}

	.visit-hding h3 {
		font-size: 15px;
	}

	.panel-body label {
		font-size: 15px;
	}

	.table-agile-info .service-info-header.service-info-header h4 {
		font-size: 18px;
	}

	.service-info-header {
		margin-bottom: 10px;
	}

	.token-infoo h3 {
		font-size: 15px;
		padding-left: 10px;
	}

	.token-infoo h3::before {
		height: 4px;
		width: 4px;
	}
}

@media only screen and (max-width: 575px) {

	.wrapper {
		margin-top: 70px !important;
	}

	.dash_home .header.header,
	.header.header.header.header {
		padding: 6px 12px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* align-items: center; */
		position: absolute !important;
	}

	/* .wrapper {
		margin-top: 115px !important;
	} */

	.top-nav {
		margin-bottom: 0;
	}

	.brand-new {
		margin-bottom: 10px;
	}

	.header {
		position: absolute ! important;
		margin-top: 0px ! important;
	}

	body.dash_home.dash_home.dash_home.dash_home {
		margin-top: 0px !important;
	}

	.top-nav {
		margin-bottom: 0 !important;
		position: absolute;
		top: 12px;
		right: 15px;
	}

	.rspnsv-wrapper.rspnsv-wrapper .notify-row {
		width: 100%;
	}

	.new-togl.new-togl.new-togl.new-togl,
	.log-time {
		height: 40px;
		padding: 0 15px !important;
	}

	.top-nav.top-nav.top-nav .username {
		font-size: 13px;
	}

	.cart-new.cart-new.cart-new {
		height: 24px;
		width: 24px;
		font-size: 10px;
	}

	.rspnsv-wrapper.rspnsv-wrapper .log-time {
		font-size: 14px !important;
		height: 45px;
	}

	.log-span {
		font-size: 13px;
	}

	.wrapper-container.wrapper-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.secnd-part {
		padding: 12px 10px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.search-container {
		display: block !important;
		margin-bottom: 10px;
	}

	.main_menu_list-new h3 {
		font-size: 18px;
	}

	.list-new li {
		width: 50%;
		padding: 0 3px;
		margin-bottom: 6px;
	}

	.list-new {
		margin: 0 -2px;
	}

	.list-div figure {
		width: 55px;
		height: 55px;
		margin-bottom: 10px;
	}

	.list-div img {
		width: 28px;
	}

	.list-div.list-div a {
		padding: 10px 8px;
		border-radius: 12px;
	}

	.list-div p {
		font-size: 12px;
	}

	.main_menu_list-new hr {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.main_menu_list-new+.main_menu_list-new {
		margin-top: 15px;
	}

	.search-container input[type="text"] {
		padding: 6px 10px;
		height: 36px;
		font-size: 13px;
		width: 100%;
	}

	.footer p {
		letter-spacing: 1px;
		font-size: 12px;
	}

	body {
		margin-top: 0px !important;
	}

	.wrapper {
		padding: 15px 10px;
	}

	.table-agile-info {
		padding: 0;
	}

	.table-agile-info .panel {
		padding: 15px;
	}

	.sub-head {
		font-size: 15px;
		margin: 10px 0px 10px;
	}

	.back_to_dash {
		padding: 6px 10px !important;
		font-size: 11px;
		border-radius: 4px;
		margin-bottom: 15px;
	}

	.btn {
		font-size: 12px !important;
		margin-bottom: 4px !important;
	}

	label {
		margin-bottom: 3px !important;
		font-size: 13px;
	}

	.dataTables_filter {
		float: left;
	}

	.new-dshbrd.new-dshbrd h1 {
		font-size: 20px;
	}

	.new-dshbrd.new-dshbrd button,
	.btn-add.btn-add.btn-add {
		padding: 6px 14px;
		font-size: 13px;
		/* margin-top: 20px; */
	}

	.custom-file-input.custom-file-input.custom-file-input {
		display: block;
		height: 40px;
		line-height: 20px;
		font-size: 13px;
	}

	.panel {
		margin-bottom: 0 !important;
	}

	.add-icon.add-icon {
		/* display: block;
		width: 100%; */
	}

	.sub-head {
		padding: 0 4px !important;
	}

	.wrapper .add-icon.pull-right a {
		margin-left: 0px;
	}

	.table-agile-info.table-agile-info h4 {
		font-size: 15px;
	}

	.div-height.div-height.div-height button,
	.div-height.div-height.div-height .btn-info {
		margin-top: 12px !important;
	}

	/* hr {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	} */

	.application-form-fld.application-form-fld .remove {
		margin-bottom: -5px !important;
	}

	.btn-add.btn-add.btn-add.btn-add.btn-add {
		float: initial;
	}

	.fieldGroupCopyAdd1 {
		margin-top: 8px;
	}

	.twin-btn .btn-submit {
		padding: 6px 16px !important;
	}

	.w3layouts-main-new {
		padding: 20px 50px 20px;
	}

	.absolute {
		display: none;
	}

	.frm-wrpr h2 {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.admin-login-new {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.red-sbmit {
		height: 40px;
		padding: 0 35px;
		font-size: 14px;
		margin-top: 20px;
	}

	input.ggg {
		font-size: 13px;
		margin: 8px 0px;
		padding: 10px 0px 10px 10px;
	}

	.w3layouts-main-new {
		max-width: 360px;
		padding: 20px;
		border-radius: 30px;
	}

	.bitlogo-new {
		max-width: 110px;
		top: -61px;
	}


	.tabl-agile-nfo-covr .table-agile-info {
		margin-top: 30%;
	}

	/* table.dataTable {
		padding: 0 10px !important;
	} */

	.tabl-agile-nfo-covr .table-agile-info {
		margin-top: 0;
	}

	.tabl-agile-nfo-covr {
		padding: 0px 0;
		margin-top: 0;
	}

	.panel-body label {
		font-size: 13px;
		margin-bottom: 2px;
	}

	.top-nav .dropdown-menu.extended.logout {
		top: 40px;
	}

	.top-nav ul.top-menu>li .dropdown-menu.logout {
		width: 150px !important;
	}

	.nav-tabs>li>a {
		padding: 6px 10px !important;
		font-size: 13px;
	}

	.table-agile-info {
		padding: 0 8px 6px;
	}

	.table-agile-info {
		overflow-x: initial !important;
	}

	.service-table {
		overflow-x: scroll;
	}

	.new-taabs .nav-tabs>li.active>a {
		background: #4a4a86 !important;
		color: #fff !important;
	}

	.table-agile-info .service-info-header.service-info-header h4 {
		font-size: 16px;
	}

	table.dataTable thead th,
	table.dataTable thead td {
		font-size: 12px;
	}

	.col-md-4 {
		height: auto !important;
	}

	.form-check input[type=radio] {
		margin-top: 2px;
	}

	.dashbord-button.dashbord-button {
		margin-top: 10px;
	}

	.table-agile-info .panel {
		padding: 10px;
	}

	#main-content {
		position: relative;
		z-index: initial !important;
	}

	.header {
		z-index: 999 !important;
	}

	.table-agile-info {
		border-radius: 15px;
	}

	.table.table.table.table.table.table td {
		padding: 8px 10px !important;
	}

	.brand-new img {
		max-width: 115px;
	}

	.modal-title {
		font-size: 15px;
	}

	.form_body_btns {
		margin-top: 6px;
	}

	.modal-header.modal-header .btn-close {
		padding: 0px 5px;
	}

	.visit-hding h3 {
		font-size: 14px;
		margin: 2px 0 2px;
	}

	.new-chev {
		font-size: 13px !important;
	}

	.clr-div {
		padding: 6px 12px;
		border-radius: 4px;
		margin-bottom: 3px;
	}

	.toggle-password {
		top: 3px !important;
	}
}



@media only screen and (max-width: 640px) {

	.main_form_section .token-infoo {
		flex-direction: column;
		align-items: flex-start;
	}

	.main_form_section .token-infoo.wrap-token h3 {
		width: auto;
		font-weight: 400;
	}

	.main_form_section .visit_,
	.main_form_section .initial_communication {
		flex-direction: column;
	}

	.auto_height {
		height: auto !important;
	}

	.main_form_section .tableContainer+.btn {
		margin-top: 10px;
	}


}