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

@font-face {
    font-family: 'GraphikMedium';
    src: url('../../fonts/GraphikMedium.eot');
    src: url('../../fonts/GraphikMedium.eot') format('embedded-opentype'),
         url('../../fonts/GraphikMedium.woff2') format('woff2'),
         url('../../fonts/GraphikMedium.woff') format('woff'),
         url('../../fonts/GraphikMedium.ttf') format('truetype'),
         url('../../fonts/GraphikMedium.svg#GraphikMedium') format('svg');
}

@font-face {
    font-family: 'GraphikRegular';
    src: url('../../fonts/GraphikRegular.eot');
    src: url('../../fonts/GraphikRegular.eot') format('embedded-opentype'),
         url('../../fonts/GraphikRegular.woff2') format('woff2'),
         url('../../fonts/GraphikRegular.woff') format('woff'),
         url('../../fonts/GraphikRegular.ttf') format('truetype'),
         url('../../fonts/GraphikRegular.svg#GraphikRegular') format('svg');
}

@font-face {
    font-family: 'GraphikLight';
    src: url('../../fonts/GraphikLight.eot');
    src: url('../../fonts/GraphikLight.eot') format('embedded-opentype'),
         url('../../fonts/GraphikLight.woff2') format('woff2'),
         url('../../fonts/GraphikLight.woff') format('woff'),
         url('../../fonts/GraphikLight.ttf') format('truetype'),
         url('../../fonts/GraphikLight.svg#GraphikLight') format('svg');
}


.left-sidebar-off{ margin-left: 0px!important;}
.top-nav-off{ margin-left: 0px!important;}
.toggle-off{ display: none!important;}
.footer-off{margin-left: 0px!important; }
.topbar-height{ min-height: 74px!important; background: #fff!important; margin-bottom: 0px!important;}
.header_top{ margin-top: 11px!important;}

.header_top .nav > li > a {
	color: #2b3156!important;
}

.logo-new{ margin-top: 8px;}
.search-bg{ background-color:#f6f6f6!important; width: 486px!important; -webkit-border-top-left-radius: 5px!important;
-webkit-border-bottom-left-radius: 5px!important;
-moz-border-radius-topleft: 5px!important;
-moz-border-radius-bottomleft: 5px!important;
border-top-left-radius: 5px!important;
border-bottom-left-radius: 5px!important; /*background:url(../../img/search-icon.png) right center no-repeat #f6f6f6!important;*/ border: 0px!important; } 

.top-search-btn button{ -webkit-border-top-right-radius: 5px!important;
-webkit-border-bottom-right-radius: 5px!important;
-moz-border-radius-topright: 5px!important;
-moz-border-radius-bottomright: 5px!important;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important; background-color:#f6f6f6!important;}

.top-search-btn button{ color: #31b045!important;}


.company-name{ color: #fff!important; line-height: 28px;}

.nav-bar-new{ height: 28px!important; /*background: #3f5de0!important;*/ background:none!important; min-height: 28px!important; }

.nav-bar-new .content-header{ padding-top: 0px!important;}

.nav-bar-new .navbar-nav li a{ padding-top: 0px!important; padding-bottom: 0px!important; line-height: 28px; color: #fff!important;}

.nav-bar-new .navbar-nav li a:hover{ background: #8ec9ff!important;}
.nav-bar-new .navbar-nav li a:active{ background: #8ec9ff!important;}

.nav-bar-new .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #8ec9ff;
	border-color: #337ab7;
}

.background-none{ background-color: #fff!important; background: url(../../img/bg_main.png) bottom center repeat-x fixed; }

.nav-bar-new .dropdown-menu{ background-color: #3f5de0!important; border: 0px!important;}

.label-success{ background-color: #31b045!important;}

.label-warning{ background-color: #7dc42a!important;}

.question i{color: #3f5de0!important; font-size: 20px!important;}


.personal_div-head{ background: #d1eaff!important;  color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; }

.head_personal{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 25px; margin-left: 20px;}
.head_personal i{ width: 37px!important; height: 37px!important; border-radius: 50%; background: #8ec9ff; color: #fff; text-align: center; line-height: 35px; margin-right: 10px;}

.personal-information p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 14px; font-style: italic; padding-left: 20px; padding-right: 78px; margin-top: 20px;}



.suggestive_program{ margin-top: 70px;}

.suggestive_div-head{ background: #b5f9f6!important;  color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; }

.head_suggestive{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 25px; margin-left: 20px;}
.head_suggestive i{ width: 37px!important; height: 37px!important; border-radius: 50%; background: #8ec9ff; color: #fff; text-align: center; line-height: 35px; margin-right: 10px;}

.suggestive_program p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 14px; font-style: italic; padding-left: 20px; padding-right: 78px; margin-top: 20px;}




.company-information{ margin-top: 70px;}

.company_div-head{ background: #d1eaff!important;  color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; }

.head_company{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 25px; margin-left: 20px;}
.head_company i{ width: 37px!important; height: 37px!important; border-radius: 50%; background: #00b2a9; color: #fff; text-align: center; line-height: 35px; margin-right: 10px;}

.company-information p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 14px; font-style: italic; padding-left: 20px; padding-right: 78px; margin-top: 20px;}



.dashboard-head{ color: #2b3156;  font-size: 24px; line-height:32px; font-family: 'GraphikMedium';}

.dashboard-div .search-bg{ background: #e8f5ff!important; width:100%!important; height: 63px; border-radius: 100px!important; border: 0px!important; margin-top: 20px; padding-left: 20px;}




.dashboard-div ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6f769d!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.dashboard-div ::-moz-placeholder { /* Firefox 19+ */
 color: #6f769d!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.dashboard-div :-ms-input-placeholder { /* IE 10+ */
  color: #6f769d!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.dashboard-div :-moz-placeholder { /* Firefox 18- */
  color: #6f769d!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}


.header_top ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6a6a6a!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.header_top ::-moz-placeholder { /* Firefox 19+ */
 color: #6a6a6a!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.header_top :-ms-input-placeholder { /* IE 10+ */
  color: #6a6a6a!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.header_top :-moz-placeholder { /* Firefox 18- */
  color: #6a6a6a!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}





.pic-upload{ margin-top: 60px; text-align: center}
.pic-upload a{ color: #2b3156;  font-size: 14px;  font-family: 'GraphikMedium';}


.post-btn{ margin-top: 60px; }
.post-btn a{ width: 100%!important; background: #fe993d; border-radius: 5px; text-align: center; line-height: 36px; color: #ffffff;  font-size: 16px;  font-family: 'GraphikMedium'; display: block;}



.news-feeds { margin-top: 20px;}

.news_div-head{ color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; border-top: 2px solid #d8e9f7; border-bottom: 1px solid #d8e9f7; }

.head_news{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 25px; margin-left: 20px;}
.head_news i{ width: 37px!important; height: 37px!important; border-radius: 50%; background: #8ec9ff; color: #fff; text-align: center; line-height: 35px; margin-right: 10px;}

.news-feeds p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 16px;  padding-left: 20px; padding-right: 0px; margin-top: 20px;}

.news-feeds .time{ font-family: 'GraphikRegular'; color: #8c8e98;  font-size: 14px; margin-left: 70px;}

.news-feeds .like{ font-family: 'GraphikLight'; color: #8c8e98;  font-size: 14px; margin-left: 20px; margin-top: 20px; width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}

.news-feeds .like-icon{  font-family: 'GraphikRegular'; color: #8c8e98;  font-size: 14px; margin-left: 20px;}
.news-feeds .comment-icon{  font-family: 'GraphikRegular'; color: #8c8e98;  font-size: 14px; margin-left: 10px;}
.news-feeds .shere-icon{  font-family: 'GraphikRegular'; color: #8c8e98;  font-size: 14px; margin-left: 10px;}


.news-main{ margin-top: 10px;}

.news-main a{ color: #8c8e98; }

.job_div{ margin-top: 0px;}

.get-job{ width: 100%; background: #3f5de0; color: #ffffff;  font-size: 19px; font-family: 'GraphikMedium'; height: 92px; padding: 6%;}

.get-job span{ font-family: 'GraphikLight';}

.create-btn a{ width: 100%!important; background: #fe993d; color: #ffffff;  font-size: 19px; font-family: 'GraphikMedium';  padding: 1%; display: block; text-align: center;}



.news_loop{ margin-top: 0px;}
.news_announcements{ margin-top: 22px;}

.announcements_div-head{ background: #b5f9f6!important;  color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; margin-bottom: 30px; }

.head_announcements{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 10px; margin-left: 20px;}
.head_announcements i{ width: 40px!important; height: 40px!important; border-radius: 50%; background: #a3caed; color: #fff; text-align: center; line-height: 38px; margin-right: 10px;}

.news_announcements p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 14px;  padding-left: 20px; padding-right: 20px; margin-top:0px; margin-left: 50px;}



.blog_loop{ margin-top: 0px;}
.blog-div{ margin-top: 50px;}

.blog_div-head{ background: #d1eaff!important;  color: #2b3156;  font-size: 16px; line-height:32px; font-family: 'GraphikRegular'; padding-left: 20px; margin-bottom: 30px; }

.head_blog{ color: #2b3156;  font-size: 16px; font-family: 'GraphikMedium'; margin-top: 10px; margin-left: 20px;}
.head_blog i{ width: 40px!important; height: 40px!important; border-radius: 50%; background: #00b2a9; color: #fff; text-align: center; line-height: 38px; margin-right: 10px;}

.blog-div p{ font-family: 'GraphikLight'; color: #2b3156;  font-size: 14px;  padding-left: 20px; padding-right: 20px; margin-top:0px; margin-left: 50px;}


.blog_loop .time{ font-family: 'GraphikRegular'; color: #00b2a9;  font-size: 12px; margin-left: 70px;}

	.navbar-toggle {
	color: #3f5de0!important;
	border: 0;
	margin: 0;
	padding: 15px 15px;
}

.main-footer {
	background: none!important;;
	padding: 15px;
	color: #2b3156!important;
	border-top: 0px solid #d2d6de;
	text-align: center!important;
	font-family: 'GraphikRegular';
	font-size: 13px!important;
}

.personal-information{ margin-top: 20px;}
.dashboard-div{ margin-top: 20px;}
.job_div{margin-top: 20px;}

.header_top a:hover{ background: #e8f5ff!important; }

.sidebar-toggle-off{ display: none!important; }

.main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 6px 18px !important;
	font-family: fontAwesome;
	color: #fff!important;
}

.sidebar-off-area{ top: 50px!important;}
.background-colour{ background-color: #30ab50!important;}

.sidebar-menu{ margin-top: 2px!important;}
.sidebar-menu li a:hover{ background-color: #7cca26!important; border-left-color: #c3dc05!important;}
.sidebar-menu li:hover a{ background-color: #7cca26!important; border-left-color: #c3dc05!important;}
.sidebar-menu li.active a{ background: #7cca26!important; border-left-color: #c3dc05!important;}
.sidebar-menu li.header{ background-color: #30ab50!important; color: #fff!important;}

.skin-blue .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #7cca26!important;
}


.skin-blue .wrapper {
	background-color: #30ab50!important;
}

.sidebar-form { border: 0px!important;}
.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
	box-shadow: none;
	background-color: #7cca26!important;
	border: 1px solid #7cca26!important;
	height: 35px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff!important;
}


.sidebar-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.sidebar-form ::-moz-placeholder { /* Firefox 19+ */
 color: #ffffff!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.sidebar-form :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}
.sidebar-form :-moz-placeholder { /* Firefox 18- */
  color: #ffffff!important;
	font-size: 16px!important;
	font-family: 'GraphikLight';
}


.employee-details{ background: #e8f5ff; border: 1px solid #d4ebff; padding: 6%; margin-top: 15px;}
.employee-details p{ font-family: 'GraphikLight'; color: #2b3156; font-size: 15px; font-style: italic!important; margin-top: 18px; }

.employee-details_head {
	float: left;
	color: #2b3156;
	font-size: 16px;
	font-family: 'GraphikMedium';
	margin-top: 10px;
	margin-left: 0px;
}


.new-employee { background: #f7fbff; border: 1px solid #d4ebff; padding: 6%; margin-top: 0px; }

.new-employee_border{ border-top: 3px solid #7dc42a; padding-top: 4px; margin-top: 12px;}

.new-employee p{ font-family: 'GraphikLight'; color: #2b3156; font-size: 15px; font-style: italic!important; margin-top: 0px; }

.new-employee_head {
	float: left;
	color: #2b3156;
	font-size: 15px;
	font-family: 'GraphikMedium';
	margin-top: 10px;
	margin-left: 0px;
}


.new-employee .count{ 
	padding-left: 110px;
	color: #2b3156;
	font-size: 32px;
	font-family: 'GraphikMedium'; }

.new-employee_head i{ float: left;float: left;color: #fe993d!important; font-size: 36px!important; margin-right:3px;}



.employee-leave { background: #f7fbff; border: 1px solid #d4ebff; padding: 6%; margin-top: 0px;}
.employee-leave_border{ border-top: 3px solid #00b2a9; padding-top: 4px; margin-top: 12px;}
.employee-leave p{ font-family: 'GraphikLight'; color: #2b3156; font-size: 15px; font-style: italic!important; margin-top: 0px; }

.employee-leave_head {
	float: left;
	color: #2b3156;
	font-size: 15px;
	font-family: 'GraphikMedium';
	margin-top: 10px;
	margin-left: 0px;
}


.employee-leave .count{ 
	padding-left: 110px;
	color: #2b3156;
	font-size: 32px;
	font-family: 'GraphikMedium'; 
}

.employee-leave_head i{ float: left;color: #00b2a9!important; font-size: 36px!important; margin-right:3px;}



.total-employee { background: #f7fbff; border: 1px solid #d4ebff; padding: 6%; margin-top: 0px;}
.total-employee_border{ border-top: 3px solid #2c9c48; padding-top: 4px; margin-top: 12px;}
.total-employee p{ font-family: 'GraphikLight'; color: #2b3156; font-size: 15px; font-style: italic!important; margin-top: 0px; }

.total-employee_head {
	float: left;
	color: #2b3156;
	font-size: 15px;
	font-family: 'GraphikMedium';
	margin-top: 10px;
	margin-left: 0px;
}


.total-employee .count{ 
	padding-left: 120px;
	color: #2b3156;
	font-size: 32px;
	font-family: 'GraphikMedium'; }

.total-employee_head i{ color: #3f5de0!important; font-size: 36px!important; margin-right:3px;}



.news-feeds .under-line {
	font-family: 'GraphikLight';
	color: #8c8e98;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 20px;
	width:inherit!important;; 
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}



.job_disc_div {
	margin-top: 10px;
}

.job_disc_div-head {
	background: #e0ec7e !important;
	color: #2b3156;
	font-size: 16px;
	line-height: 32px;
	font-family: 'GraphikRegular';
	padding-left: 20px;
	margin-bottom: 10px;
}

.job_disc_div .box{ border-top: 0px!important; background: none!important;}


.nav-bar-new .navbar-nav li.active a{background: #8ec9ff!important;}


.nav-bar-new .navbar-nav li.active .dropdown-menu li a{background:none!important;}
.nav-bar-new .navbar-nav li.active .dropdown-menu li a:hover{background:#8ec9ff!important;}


.nav-bar-new .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #8ec9ff!important;
	border-color: #337ab7;
}

.skin-blue .main-header li.user-header {
	background-color: #3f5de0;
}


.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
	height: 175px;
	padding: 10px;
	text-align: center;
}


.pic-upload .btn-file{ background: url(../../img/gallery-img.png) no-repeat; height: 27px; width: 34px!important; border: 0px!important; font-size: 0px!important;}

.post-btn .btn-info{ width: 100%; background-color: #fe993d!important; border: 0px!important; font-size: 16px!important; font-family: 'GraphikMedium'!important; margin-top: 5px;}

.skin-blue .sidebar a:hover {
	text-decoration: none;
	white-space: normal!important;
}

/*.sidebar-menu li.active a {
	background: #2a48c8 !important;
	border-left-color: #fe993d !important;
	white-space: normal!important;
}
*/

.skin-blue .treeview-menu > li > a {
	color: #ffffff!important;
	white-space:normal!important;
}


.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	display: block !important;
	position: absolute;
	width: 220px!important;
	left: 50px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
	border-bottom-right-radius: 0px!important;
}

.right-advertise{padding-left: 0!important; margin-left: 0px!important;}
.right-advertise li{list-style: none!important;}
.right-advertise li img{ width: 50px!important; height: 50px!important; border-radius: 50%!important; margin-right: 20px;}


.right-advertise1 li img{ width: 80px!important; height: 80px!important; border-radius: 50%!important; }

.skin-blue .sidebar a {
	color: #ffffff!important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.nav-bar-new {
	height: 20px !important;
	background: #3f5de0;
	min-height: inherit !important;
	display: inline-block;
	width: 100%;
}
	.sidebar-toggle-off{ display: block!important;}
	.main-header .sidebar-toggle-off1{ display: none!important;}
	
	.navbar .company-name {
	color: #fff !important;
	line-height: 0px!important;
	margin-left: 40px!important;
	margin-top: 11px!important;
}
	
	.main-header .sidebar-toggle {
	padding: 0px 18px !important;
	margin-top: -8px!important;
	
	
}
	
	.main-header .sidebar-toggle:hover{ background-color: #3f5de0!important;}
	
	.navbar .row{ height: 3px!important;}
	
	.nav-bar-new .navbar-nav{background: #3f5de0!important;}
	
	.nav-bar-new .navbar-collapse{ margin-top: 28px;}
	
/*	.main-header .navbar-custom-menu {
	float: left!important;
}
	
	.main-header {
	position: relative;
	max-height: 100px;
	z-index: 0 !important;
}*/

}

.job_disc_div-head_news {
    background: #e0ec7e !important;
    color: #2b3156;
    font-size: 16px;
    line-height: 32px;
    font-family: 'GraphikRegular';
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 830px;
}

.job_disc_div-head_news1{
    background: #f7fbff !important;
    color: #2b3156;
    border: #aab1b7 1px solid;
    font-size: 16px;
    line-height: 32px;
    font-family: 'GraphikRegular';
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: -11px;
    width: 830px;
}
.news_headline{ font-size:16px; font-weight:bold; font-variant:small-caps; font-style:italic;
}