* {
	outline: none !important;
}


/* .tableContainer{
	overflow-y: scroll; 
} */

.new-responsive .tableContainer{
	height: 500px;
}

.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;
}

.nw-frm-grp label {
    margin-bottom: 6px;
}

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

#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 !important;
	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%;
	width: 19% !important;
    margin: 10px 0.5% !important;
    float: left !important;
}

.header .main_menu_list ul li{
	width: 100% !important;
}

#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: 14px;
	text-align: left;
}

#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{
	position: static !important;
	width: 100% !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 ul li {
    width: 18% !important;
    display: inline-block !important;
    vertical-align: middle !important;
    border-radius: 6px !important;
    text-align: center !important;
    margin: 0 5px 15px !important;
}

.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;
}

#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;
	width: 100%;
}

.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: 55px;
	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*/





.dropdown {
    max-width: 120px;
    margin-bottom: 10px;
}









.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*/

  .new-wppr-tbll{
        max-width: 1000px;
        margin: auto;
    }
    .new-wppr-tbll table tr td{
        font-size: 15px;
        color: black;
        font-weight: 600;
        position: relative;
    }

       
 .round-bult {
        height: 6px;
        width: 6px;
        display: inline-block;
        background: #00000096;
        border-radius: 50%;
        margin-right: 3px;
    }













.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;
}

.unblockform{
	display: none;
}
.unblockfile{
	display: none;
}


.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;
}

/*-- 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;
}

@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;
	padding: 8px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.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;
}

.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%;
}













.inner_right {
    display: flex;
    align-items: center;
	padding: 10px 15px;
	position: relative;
}
.inner_right input[type=checkbox] {
    margin: 0;
    margin-right: 5px;
}
.inner_right:nth-child(odd) {
    background: #8c8cb01f;
}
.inner_right input[type="number"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    margin: auto;
    height: 26px;
}
/*-- 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;
}

.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: #6d6d6d !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;
}

.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: 0 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;
}

.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: #fff;
	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: #7ca4ff;
}

.main_menu_list ul li:nth-child(13){
	background: #c7a7ff;
}

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

.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;
	background: #da0100;
	color: #fff !important;
	font-size: 12px;
	border-radius: 4px;
	margin-bottom: 15px;
	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: 20px;
}
.color-info {
    padding: 0 15px;
}

.glyphicon.glyphicon{
	color: #fff;
}

.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;
}

/* ==== 8.9.2022 ==== */

section.cod.main_menu_list.main_menu_list_new h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin-top: 20px;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul {
    margin: 0;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li {
    background: #fff;
	width: 150px !important;
    height: 130px !important;
    float: none !important;
    display: inline-block !important;
    margin: 0 12px !important;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li a{
	padding: 20px 15px !important;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li a p {
    color: #333333 !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    font-weight: 600;
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    padding: 0 8px;
	line-height: 16px;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li img {
    position: static !important;
	vertical-align: top;
}
.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li a:before {
    position: static;
    height: auto;
}
section.cod.main_menu_list.main_menu_list_new ul li:hover{
	background: #fff !important;
	opacity: 1 !important;
}
section.cod.main_menu_list.main_menu_list_new ul li:nth-child(1):hover{
	box-shadow: 0px 2px 14px 1px #7ca4ff !important;
}
section.cod.main_menu_list.main_menu_list_new ul li:nth-child(2):hover{
	box-shadow: 0px 2px 14px 1px #61dea5 !important;
}
section.cod.main_menu_list.main_menu_list_new ul li:nth-child(3):hover{
	box-shadow: 0px 2px 14px 1px #85b9de !important;
}
section.cod.main_menu_list.main_menu_list_new ul li:nth-child(4):hover{
	box-shadow: 0px 2px 14px 1px #ffa397 !important;
}
section.cod.main_menu_list.main_menu_list_new ul li:nth-child(5):hover{
	box-shadow: 0px 2px 14px 1px #fb7e62 !important;
}

.table-responsive.scroll_fld.dash_table {
	width: 100%;
    margin-top: 30px;
    display: inline-block;
}

.more_action {
    position: relative;
	text-align: center;
}
.action_dots {
    width: 55px;
    height: 13px;
    line-height: 13px;
    display: inline-block;
    position: relative;
	z-index: 9;
    top: 0;
    margin: 0 auto;
	cursor: pointer;
}
.action_dots:before {
    content: "...";
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 34px;
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    color: #b7b7b7;
    letter-spacing: -2px;
    pointer-events: none;
}
.more_action .about-table, .less_action .about-table {
    width: 140px;
    position: absolute;
	left: -128px;
    top: 7px;
    background: #fff;
    z-index: 99;
    padding: 0;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    box-shadow: 0px 0px 6px 2px #e9e9e9;
	display: none;
}
.about-table .nested_action {
    width: 100%;
    display: block !important;
    position: relative;
    padding: 5px 10px !important;
    text-align: left;
    color: #000;
    font-size: 12px !important;
}
a.nested_action i.fa.fa-trash {
    color: #000;
}
.about-table a.nested_action:hover, .about-table a.nested_action:hover i {
    color: #4a4a86 !important;
}





@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: 2px;
}

.wrapper .add-icon.pull-right a{ padding: 6px 8px; font-size: 13px;}
.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;
}

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

.nw-tbl-scrl table thead tr {
	top: 0;
	position: sticky;
	z-index: 99;
  }
  
.nw-tbl-scrl {
	height: 550px;
}

.nw-tbl-scrl .tableContainer{
	/* overflow-x: scroll; */
}

.new-frm-slct .form-error{
	position: absolute !important;
    top: 28px !important;
    right: 36px !important;
    font-size: 13px;
}

.nw-wrpr{
	margin-top: 0 !important;
}

.new-mrgin-rigt .paging_simple_numbers{
	text-align: right;
}









.new_tooltip {
    display: inline;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    padding: 0 !important;
	border-radius: 6px !important;
}
  .new_tooltip:hover:after {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #333;
    border-radius: 6px;
    color: #fff;
    content: attr(title);
    margin: -40px auto 0;
    font-size: 12px;
    padding: 0 16px;
    width: auto;
    z-index: 999999999;
    position: absolute;
    top: 0;
    right: 0;
}
  .new_tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 9px 5px 0 5px;
    content: "";
    left: 8px;
    bottom: 30px;
    position: absolute;
}
.add-icon.pull-right {
    position: relative;
}
button.all_tabs {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 6px;
    color: #4a4a86;
	transition: .4s all;
    margin-left: 3px;
}
button.all_tabs:hover{
	color: #fff;
	background: #4a4a86;
	border-color: #4a4a86;
}
.all_tabs_here {
    border-top: 1px solid #DBDDE1;
    border-bottom: 1px solid #DBDDE1;
    padding: 15px 0;
    margin-bottom: 15px;
	display: none;
}
.all_tabs_here ul {
    margin: 0;
    display: flex;
    justify-content: space-around;
}
.all_tabs_here li {
    list-style: none;
}
.all_tabs_here li a {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
	text-decoration: underline;
    position: relative;
}
.all_tabs_here li a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    background: #4a4a86;
}
.all_tabs_here li a:hover{
	color: #4a4a86;
	text-decoration: none !important;
}

.installment .new_year_sem{
	font-size: 18px;
}

.new-sem-desn{
	border: 1px solid #00000038;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 0px 14px 4px #d3d3d3;
}

.neew-tbl tr th{
	color: #333 !important;
    background: #d8e4ef !important;
    border-right: 1px solid #e9e9e9 ! important;
}


@media only screen and (max-width: 991px) {
	
	.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section .new-dshbrd-ul li {
		width: 32% !important;
		margin: 10px 0.6% !important;
	}

	.main_menu_list .right_panel_cross{
		display: none;
	}

	.active_side_menu .right_panel_cross{
		display: block;
	}
}

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

	.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section.dashbored-section .new-dshbrd-ul li {
		width: 49% !important;
		margin: 3px 0.5% !important;
	}
	
	.dashbored-section.dashbored-section .main_menu_list ul li img {
		width: 40px !important;
		position: absolute;
		left: 15px !important;
		top: 24px !important;
	}

	.dashbored-section.dashbored-section .main_menu_list ul li p {
		width: 95% !important;
		font-size: 15px !important;
	}

	.main_menu_list ul{
		padding-top: 0 !important;
	}

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

	.ham-menu{
		top: 0;
	}

	.top-nav{
		position: relative;
		top: -75px;
	}

	ul.top-menu{
		position: absolute;
		top: 0px;
		right: 30px;
		z-index: 9999;
	}

	.top-nav ul.top-menu>li>a{
		border: 10px solid #4a4a86;
		background: #4a4a86;
	}

	.active_side_menu{
		padding-top: 50px !important;
	}

	header .header .top-nav{
		position: relative;
		top: -75px;
	}

	body{
		margin-top: 0 !important;
	}

	header .brand{
		position: relative;
		
	}

	.log-time {
		font-size: 15px;
	}

	.required-error{
		font-size: 15px;
	}

	.cod_section .cod.cod.cod.cod.main_menu_list ul li{
		width: 48% !important;
		margin: 0 1% 10px !important;
	}

	.dashbored-section.dashbored-section .main_menu_list ul li img {
		width: 35px !important;
		left: 5px !important;
	}

	/* .btn.btn.btn {
		padding: 6px 6px !important;
		font-size: 10px !important;
	} */

	.sub-head .btn-success{
		position: static !important;
		right: 17px !important;
	}

	.cod_section .menu_tab {
		padding-top: 0 ;
	}

	.cod_section .help-img{
		display: none;
	}

	.sub-head{
		font-size: 15px !important;
		margin-bottom: 10px !important;
	}

	.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new.cod.main_menu_list.main_menu_list_new ul li{
		margin-top: 10px !important;
	}

	.wrapper .add-icon.pull-right a {
		margin-bottom: 6px;
	}

	.new-frm-slct{
		margin-bottom: 10px;
	}

	

}

@media (min-width: 575px) and (max-width: 767px){

	.header{
		position: relative! important;
		margin-top: 80px ! important;
	}
}

@media only screen and (max-width: 479px) {
	.top-nav {
		position: relative;
		top: -155px;
	}

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

	.top-nav ul.top-menu>li>a {
		border: 10px solid #36367b;
		background: #36367b;
		margin-bottom: 7px;
	}

	.ham-menu {
		top: -100px;
	}

	.notify-row {
		padding-bottom: 100px;
	}

	ul.top-menu{
		top: 50px;
		left: 15px;
	}

	.dropdown-menu>li>a{
		padding: 3px 9px;
	}

	.top-nav li.dropdown .dropdown-menu {
		float: right;
		left: 0;
	}

	.dropdown-menu.extended{
		max-width: 270px !important;
	}

	/* offline admission */

	.stu-head.stu-head.stu-head h3{
		font-size: 12px;
		height: 25px;
		line-height: 25px;
		padding: 0 15px;
	}

	.stu-main.stu-main{
		padding: 30px 0px 25px;
	}

	.stu-head.stu-head{
		top: -15px;
	}

	.student-add-main.student-add-main{
		padding: 0;
	}

	.stu-main.stu-main label {
		font-size: 12px;
	}

	.stu-main select{
		font-size: 13px;
	}

	.new-scss.new-scss{
		font-size: 12px !important;
		padding: 9px 30px !important;
		font-weight: bold;
	}

	.mn-menu-stru{
		margin-top: 0px !important;
	}

	/* .new-frm-grp.new-frm-grp{
		width: 50%;
		margin: 0 auto;
	} */

	.stu-gap.stu-per {
		display: inherit !important;
	}

	.stu-per .form-control{
		font-size: 12px !important;
	}

	.stu-gap.stu-per label {
		width: initial !important;
	}

	.btn-group-sm>.btn, .btn-sm{
		padding: 3px 7px !important;
		font-size: 9px !important;
	}

	.stu-gap.stu-per.stu-gap.stu-per input[type=radio] {
		width: 18px !important;
	}

	.footer p {
		font-size: 11px;
	}

	.wthree-copyright .genx_logo {
		max-width: 42px;
		right: 8px;
	}
}



.tabl_covr .scroll{ overflow-x: scroll !important;}

.datepicker-dropdown{z-index: 9999 !important;}

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

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

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

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

.main_menu_list ul li:nth-child(30) {
    background: #c7a7ff;
}

.main_menu_list ul li:nth-child(31) {
	background: #85b9de;
}

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




.course-selct{ height: 50px !important;}

table.hod-tabl tr td{ padding: 5px 8px !important;}

.session-list-container {
                                    text-align: center;
                                    background-color: #f0f0f0; /* Example background color */
                                    padding: 20px; /* Example padding */
                                  }

                                  /* Style the h3 element */
                                  .session-list-title {
                                    font-size: 24px; /* Example font size */
                                    color: #333; /* Example text color */
                                  }
.disa{
	font-size: 15px;
	margin-top: 10px;
}