/*
 font-family: 'Roboto', sans-serif;
 font-family: 'Open Sans', sans-serif;
 font-family: 'Roboto Condensed', sans-serif;
 */

.brd {
	border: 1px solid #000
}
.small {
	font-size: 11px;
	color: inherit;
}
body {
	overflow-x: hidden;
}
header {
	background-color: #fff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.09);
	position: relative;
	z-index: 4
}
header:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	/* http://colorzilla.com/gradient-editor/#e42128+0,c21687+16,2e3a96+33,21bac9+51,49b74a+67,dbd22b+83,d71d26+100 */
	background: #e42128;
	background: -moz-linear-gradient(left, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
	background: -webkit-linear-gradient(left, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	background: linear-gradient(to right, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=1 );
	opacity: .5;
	filter: alpha(opacity=50);
}
.al header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.str1 {
	color: #2468bb
}
.str2 {
	color: #cc3232
}
.str3 {
	color: #f0962c
}
.str4 {
	color: #333
}
.str5 {
	color: #999999
}
.str6 {
	color: #38993a
}
.str7 {
	color: #34348e
}
.color1{
  color: #d8820e !important 
}
.color2{
  color: #000 !important 
}
.color3{
  color: #019c76 !important 
}

.f10 {
	font-size: 10px;
}
.f11 {
	font-size: 11px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 15px;
}
.f16 {
	font-size: 16px;
}
.f17 {
	font-size: 17px;
}
.f18 {
	font-size: 18px;
}
.f19 {
	font-size: 19px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f25 {
	font-size: 25px;
}
.f28 {
	font-size: 28px;
}
.f30 {
	font-size: 30px;
}
.f35 {
	font-size: 35px;
}

.fr300, .fr400, .fr500, .fr700 {
	font-family: Roboto, 'Sans Serif';
}
.fr300 {
	font-weight: 300
}
.fr400 {
	font-weight: 400
}
.fr500 {
	font-weight: 500
}
.fr700 {
	font-weight: 700
}
.frc300, .frc400, .frc700 {
	font-family: 'Roboto Condensed', sans-serif;
}
.frc300 {
	font-weight: 300
}
.frc400 {
	font-weight: 400
}
.frc700 {
	font-weight: 700
}
.fps300, .fps400, .fps600, .fps700 {
	font-family: 'Open Sans', sans-serif;
}
.fps300 {
	font-weight: 300
}
.fps400 {
	font-weight: 400
}
.fps600 {
	font-weight: 600
}
.fps700 {
	font-weight: 700
}
.m0 {
	margin: 0 !important
}
.mb5 {
	margin-bottom: 5px
}
.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mt5 {
	margin-top: 5px
}
.mt10 {
	margin-top: 10px
}
.mt15 {
	margin-top: 15px
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mr5 {
	margin-right: 5px
}
.mr10 {
	margin-right: 10px
}
.mr15 {
	margin-right: 15px
}
.mr20 {
	margin-right: 20px
}
.mr25 {
	margin-right: 25px
}
.ml5 {
	margin-left: 5px
}
.ml10 {
	margin-left: 10px
}
.ml15 {
	margin-left: 15px
}
.ml20 {
	margin-left: 20px
}
.ml25 {
	margin-left: 25px
}
.p0 {
	padding: 0
}
.pl0{padding-left: 0}
.text-bold {
	font-weight: bold
}

.brd-top {
	border-top: 1px solid #000
}
.brd-right {
	border-right: 1px solid #000
}
.brd-bottom {
	border-bottom: 1px solid #000
}
.brd-left {
	border-left: 1px solid #000
}
.brd-tb {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
.brd-lr {
	border-left: 1px solid #000;
	border-right: 1px solid #000
}

#logoSections {
	display: inline-block;
	width: auto;
	float: left
}

#headerNavigations {
	display: inline-block;
	width: auto;
	float: left
}
#userOptionsSections {
	display: inline-block;
	float: right;
	width: auto
}
#mobile-view{
  display: none;
}
/*_____ [ Form Css ] _____*/

/*_____ [ Header Navigation Section ] _____*/
.btn-coman {
	background-color: transparent;
	border: 0 none;
	border-radius: 0;
	font-size: 23px;
	padding: 14px 15px 16px;
	position: relative;
	top: 3px;
	position: relative
}
.btn-coman.btn-warning {
	color: #f29c27;
}
.btn-coman.btn-warning:hover, .btn-coman.btn-warning:focus {
	color: #f29c27;
	background-color: #fff1df
}
.btn-coman.btn-danger {
	color: #cd3232;
}
.btn-coman.btn-danger:hover, .btn-coman.btn-danger:focus {
	color: #cd3232;
	background-color: #ffe6e6
}
.btn-coman.btn-info {
	color: #32a396;
}
.btn-coman.btn-info:hover, .btn-coman.btn-info:focus {
	color: #32a396;
	background-color: #ebfcfa
}
#contact-btn.btn-coman.btn-danger {
	font-size: 21px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400
}
#contact-btn.btn-coman.btn-danger .fa {
	overflow: hidden;
	text-indent: 2px;
	width: 10px;
	position: relative;
	top: 2px;
}
#contact-btn.btn-coman.btn-danger:hover, #contact-btn.btn-coman.btn-danger:focus {
	color: #cd3232;
	background-color: transparent;
	box-shadow: none
}
.dropdown-menu > li > a {
	padding: 8px 20px;
	font-family: 'Roboto', sans-serif;
}
.dropdown-menu .fa {
	margin-right: 10px
}
.dropdown-menu .logout {
	background-color: #d44949;
	color: #fff;
	padding: 5px 20px 7px
}
.dropdown-menu .logout:hover, .dropdown-menu .logout:focus {
	color: #d44949;
}

#news-link, #contact-support {
	display: none
}

.user-name {
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	top: -2px;
}
#userNameForMobile {
	display: none
}
#headerNavigations .navbar {
	border: 0;
	background-color: transparent;
	margin-bottom: 0
}
#headerNavigations .navbar .navbar-nav {
	margin-left: 50px;
}
#headerNavigations .navbar .navbar-nav > li > a {
	margin: 16px 0 15px;
	border-radius: 50px;
	padding: 7px 20px 8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #455467
}
#headerNavigations .navbar .navbar-nav > li.active > a {
	background-color: #f29c27;
	color: #fff;
}
#headerNavigations .navbar .navbar-nav > li > a:hover, #headerNavigations .navbar .navbar-nav > li > a:focus {
	background-color: #f29c27;
	color: #fff;
}

/*_____ [ Header Logo Section Css ] _____*/
#headerLogoBlock {
	width: 190px;
	text-align: center;
	position: relative;
	/*background: url(../images/logo-back-bg.png);*/
}
#headerLogoBlock img {
	z-index: 5;
	position: relative;
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
#logo-back-cover {
	position: absolute;
	width: 108%;
	height: 200%;
	background-color: #fff;
	-ms-transform: skew(22deg, 0deg);
	-webkit-transform: skew(22deg, 0deg);
	transform: skew(22deg, 0deg);
	top: -97px;
	left: -33px;
	z-index: 2;
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.2);
}
#logo-back-cover:before {
	content: '';
	position: absolute;
	width: 107%;
	height: 70%;
	background-color: #fff;
	-ms-transform: skew(-1deg, 0deg);
	-webkit-transform: skew(-1deg, 0deg);
	transform: skew(-1deg, 0deg);
	top: -14px;
	left: -4px;
	z-index: 1;
}
#logo-back-cover-2 {
	position: absolute;
	width: 107%;
	height: 140%;
	background-color: rgba(255,255,255,.5);
	-ms-transform: skew(22deg, 0deg);
	-webkit-transform: skew(22deg, 0deg);
	transform: skew(22deg, 0deg);
	top: -16px;
	left: 1px;
	z-index: 1;
}
#logo-back-cover-2:before {
	content: '';
	position: absolute;
	width: 88%;
	height: 110%;
	background-color: rgba(255,255,255,.5);
	-ms-transform: skew(0deg, 0deg);
	-webkit-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
	top: -41px;
	left: -30px;
	z-index: 1;
}

/*_____ [ Client Login Register Button & Modal ] _____*/

.client-login-register-btn {
	border: 0 none;
	border-radius: 0;
	height: 63px;
	position: relative;
	top: 3px;
	background-color: #eeeeee;
	color: #353333;
	font-size: 19px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	float: right
}
.client-login-register-btn .fa {
	margin-right: 5px;
}
.client-login-register-btn span.small {
	color: #737373;
	font-family: 'Roboto', sans-serif;
	font-weight: 400
}
.client-login-register-btn:before {
	content: '';
	background-color: #eeeeee;
	position: absolute;
	height: 100%;
	width: 200%;
	top: 0;
	right: -74px;
	z-index: -1;
	-ms-transform: skew(37deg, 0deg);
	-webkit-transform: skew(37deg, 0deg);
	transform: skew(37deg, 0deg);
	box-shadow: inset 3px 0px 6px rgba(0,0,0,.1);
}
.client-login-register-btn:after {
	content: '';
	background-color: #eeeeee;
	position: absolute;
	height: 100%;
	width: 350%;
	top: 0;
	right: -400px;
	z-index: -1;
}
.clear {
	clear: both
}
#login-register-forms {
	margin: 0 0;
}
#login-register-forms .control-label {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: 300;
	text-align: left;
	color: #3e3e3e
}
#login-register-forms .control-label .col {
	float: right
}
#login-register-forms .form-control {
	font-size: 15px;
	font-family: Roboto;
	font-weight: 400;
}
#login-register-forms .side-block {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #000;
	margin-bottom: 30px;
}
#login-register-forms .btn {
	margin-top: 15px;
	font-size: 14px;
	border: 0;
	border-radius: 3px;
	font-family: Roboto;
	padding: 7px 15px;
}
#login-register-forms .btn.btn-primary {
	box-shadow: 0 3px 0 rgba(51,122,183,.3);
}
#login-register-forms .btn.btn-danger {
	box-shadow: 0 3px 0 rgba(217,83,79,.3);
}
#login-register-forms .btn.btn-success {
	box-shadow: 0 3px 0 rgba(48,166,152,.3);
	background-color: #30a698;
	padding: 8px 15px;
}
#login-register-forms .btn.btn-success:hover, #login-register-forms .btn.btn-success:focus {
	box-shadow: 0 3px 0 rgba(35,144,127,.3);
	background-color: #238d7f;
}
#login-register-forms .btn-forgot-area .btn {
	margin: 0;
	padding: 0
}
#login-register-forms .side-block.btn-forgot-area {
	margin: 30px 0 20px;
}
#login-register-forms .btn.btn-warning {
	box-shadow: 0 3px 0 rgba(240,173,78,.3);
}
#login-register-forms .btn-radio-group .btn {
	margin: 0;
	border-radius: 2px 0 0 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	border: 1px solid #ccc
}
#login-register-forms .form-group .btn-radio-group .btn + .btn {
	border-radius: 0 2px 2px 0;
	border: 1px solid #ccc;
	border-left: 0;
	margin-left: -1px
}
#login-register-forms .btn-radio-group .btn.active {
	background-color: #f29c27;
	color: #fff;
	border-color: #f29c27;
	box-shadow: none
}
#login-register-forms .form-group .btn + .btn {
	margin-left: 15px;
}
#login-register-forms .forgot-container {
	margin: 0 -15px;
}
#login-register-forms .forgot-container .heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #515151;
	margin-bottom: 15px;
	padding: 0 15px;
	font-weight: 300;
}
#login-register-forms .form-control.otp-field {
	font-size: 21px;
	min-height: 48px;
	font-weight: 400
}

/*_____ [ Home Page Banner Sections ] _____*/

#homeBannerSection {
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
	position: relative
}

/*_____ [ Notification & News Panel ] _____*/
.jumbotron-bg {
	background-color: #f0f1f2;
	padding-bottom: 48px;
	padding-top: 48px;
}
.panel {
	border: 0;
	background-color: #fff;
	padding: 0 0 15px;
	box-shadow: none
}
.panel-default > .panel-heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
	margin: -10px 0 20px;
	padding: 0;
	text-align: center;
	background-color: transparent;
	border: 0
}
.panel-heading span {
	padding: 15px 0;
	display: inline-block;
	border: 0;
	position: relative;
	z-index: 2;
	width: 200px;
	top: -5px;
}
.panel-heading span:before {
	background-color: #2688ff;
	content: "";
	height: 100%;
	left: -33px;
	position: absolute;
	top: 5px;
	transform: skew(37deg, 0deg);
	width: 133%;
	z-index: -1;
}
.panel-heading span:after {
	background-color: #d6e9ff;
	content: "";
	height: 100%;
	left: -19px;
	position: absolute;
	top: 11px;
	transform: skew(37deg, 0deg);
	width: 133%;
	z-index: -5;
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child, .panel-heading + .list-group .list-group-item, .panel-heading + .list-group .list-group-item:first-child, .panel-heading + .list-group .list-group-item:last-child {
	border: 1px solid;
	border-color: #ececec transparent #ececec #ececec
}
.list-group .list-group-item {
	display: table;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	overflow: hidden;
}
.list-group a.list-group-item {
	height: 120px;
}
.list-group .list-group-item:hover, .list-group .list-group-item:focus {
	background-color: transparent
}
.list-group-item-icon {
	display: table-cell;
	width: 39px;
	background-color: #ececec;
	position: relative;
	z-index: 1;
	vertical-align: middle;
	text-align: center
}
.list-group-item-icon .fa {
	font-size: 31px;
	color: #5f738b;
	position: relative;
	left: 8px;
}
.list-group-item-icon .date {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #5f738b;
	position: relative;
}
.list-group-item-icon .date span {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 50px;
	font-weight: 500;
	position: relative;
	line-height: 36px;
	clear: both;
	width: 100%;
	padding-bottom: 6px;
	display: block
}
.list-group-item-icon:before {
	background-color: #ececec;
	content: "";
	height: 101%;
	left: 6px;
	position: absolute;
	top: 0;
	transform: skew(25deg, 0deg);
	width: 140%;
	z-index: -1
}
.list-group-item-icon:after {
	background-color: #ececec;
	content: "";
	height: 101%;
	left: 14px;
	position: absolute;
	top: 0;
	transform: skew(32deg, 0deg);
	width: 100%;
	z-index: -1
}
.list-group-item-content {
	width: calc(100% - 80px);
	display: table-cell;
	padding: 7px 10px 7px 50px;
}
a.list-group-item .list-group-item-heading {
	font-size: 16px;
	color: #465d79;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 7px;
	padding: 0
}
.list-group-item-date {
	display: inline-block;
	border-radius: 3px;
	padding: 3px;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	background-color: #5f738b;
	margin: 5px;
}
.list-group-item-text {
	font-size: 13px;
	font-weight: 300;
	color: #556578;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
}
.panel-notifications .panel-heading + .list-group .list-group-item:hover {
	border-color: #d4e7ff
}
.panel-notifications .panel-heading + .list-group .list-group-item:hover .list-group-item-icon, .panel-notifications .panel-heading + .list-group .list-group-item:hover .list-group-item-icon:after, .panel-notifications .panel-heading + .list-group .list-group-item:hover .list-group-item-icon:before {
	background-color: #2688ff;
}
.panel-notifications .panel-heading + .list-group .list-group-item:hover .list-group-item-icon .fa {
	color: #fff;
}
.panel-notifications a.list-group-item:hover .list-group-item-heading {
	color: #2688ff
}
.panel-notifications a.list-group-item:hover .list-group-item-heading .list-group-item-date {
	background-color: #2688ff
}
.panel-notifications  .panel-heading span {
	color: #fff;
}
.panel-notifications  .panel-heading span:before {
	background-color: #2688ff;
}
.panel-notifications  .panel-heading span:after {
	background-color: #2688ff;
	opacity: .2;
	filter: alpha(opacity=20)
}
.panel-news  .panel-heading span {
	color: #fff;
}
.panel-news  .panel-heading span:before {
	background-color: #30a699;
}
.panel-news  .panel-heading span:after {
	background-color: #30a699;
	opacity: .2;
	filter: alpha(opacity=20)
}
.panel-news .list-group-item-icon {
	width: 70px;
}
.panel-news .list-group-item-icon .date {
	left: 4px;
}
.panel-news .list-group-item-icon:before {
	transform: skew(23deg, 0deg);
	left: -7px;
}
.panel-news .panel-heading + .list-group .list-group-item:hover {
	border-color: #def1ef
}
.panel-news .panel-heading + .list-group .list-group-item:hover .list-group-item-icon, .panel-news .panel-heading + .list-group .list-group-item:hover .list-group-item-icon:after, .panel-news .panel-heading + .list-group .list-group-item:hover .list-group-item-icon:before {
	background-color: #30a699;
}
.panel-news .panel-heading + .list-group .list-group-item:hover .list-group-item-icon .date {
	color: #fff;
}

.panel-news a.list-group-item:hover .list-group-item-heading {
	color: #268c81
}

/*_____ [ Image Icon Css ] _____*/
[class^='ca-g-'], [class*=' ca-g-'] {
	background: url(../images/icon-bg.png) no-repeat;
}
.ca-g-ronline {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	background-position: 1px 1px;
}
.ca-g-dashboard, .ca-g-task, .ca-g-invoices, .ca-g-receipts, .ca-g-notifications, .ca-g-logout {
	width: 30px;
	height: 29px;
	position: absolute;
	left: 26px;
	top: 11px;
}
.ca-g-dashboard {
	background-position: -37px 2px;
}
.ca-g-task {
	background-position: -78px 1px;
}
.ca-g-invoices {
	background-position: -118px 1px;
}
.ca-g-receipts {
	background-position: -158px 1px;
}
.ca-g-notifications {
	background-position: -197px 0px;
}
.ca-g-logout {
	background-position: -238px 0px;
}
.ca-g-circle {
	background-position: -287px -5px;
	display: inline-block;
	height: 13px;
	left: 10px;
	position: absolute;
	top: 12px;
	width: 14px;
}

/*_____ [ Footer Css ] _____*/
.al footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.08)
}
footer {
	background-color: #fff;
	box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	z-index: 1
}

footer nav.navbar {
	margin-bottom: 0;
	border: 0;
	min-height: 75px;
}
footer nav .navbar-header .navbar-brand {
	font-size: 16px;
	color: #637891;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding: 30px 15px 46px
}
footer nav .navbar-brand .ca-g-ronline {
	float: right;
	margin-left: 15px;
}
footer nav .navbar-collapse ul {
	z-index: 1;
	position: relative
}
footer nav .navbar-collapse:before {
	background-color: #2e72c5;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -130px;
	top: 0;
	transform: skew(37deg, 0deg);
	width: 80%;
}
footer nav .navbar-collapse:after {
	background-color: #2e72c5;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -124px;
	top: 10px;
	transform: skew(37deg, 0deg);
	width: 80%;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 0
}
footer nav.navbar-default .navbar-nav > li {
	padding-bottom: 22px;
	padding-top: 20px;
}
footer nav.navbar-default .navbar-nav > li > a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	padding: 5px 18px;
	border-radius: 25px;
}
footer nav.navbar-default .navbar-nav > li > a:hover, footer nav.navbar-default .navbar-nav > li > a:focus {
	color: #fff
}
footer nav.navbar-default .navbar-nav > li.active > a {

}
footer .copyright-block {
	position: relative;
	width: 100%;
	text-align: right
}
footer .copyright-block:before {
	background-color: #2e72c5;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -130px;
	top: 0;
	transform: skew(37deg, 0deg);
	width: 90%;
}
footer .copyright-block:after {
	background-color: #2e72c5;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -124px;
	top: 10px;
	transform: skew(37deg, 0deg);
	width: 90%;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 0
}
#scroll-container {
	overflow: auto
}
.inset-container {
	color: #fff;
	display: inline-block;
	padding: 8px 0;
	position: relative;
	z-index: 5;
}
.inset-container .ca-g-ronline {
	display: inline-block;
	float: right;
	height: 22px;
	margin-left: 14px;
}

/*_____ [ Modal Css ] _____*/

.modal {

}
.modal-content {
	border-radius: 0;
}
.modal-content:before {
	position: absolute;
	content: '';
	height: 4px;
	width: 100%;
	left: 0;
	top: 0;
	background: #e42128;
	background: -moz-linear-gradient(left, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
	background: -webkit-linear-gradient(left, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	background: linear-gradient(to right, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=1 );
	opacity: .5;
	filter: alpha(opacity=50);
}
.modal-header .modal-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	font-weight: 100;
	color: #535d6a
}
.close {
	font-size: 33px;
}

/*_____ [  Dashboard Page  ] _____*/

.btn-menu {
	background-color: transparent;
	border: 0;
	color: #235fa7;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	width: 55px;
	padding: 23px 15px 23px;
	border-radius: 0
}
.btn-menu .bar {
	width: 100%;
	height: 3px;
	border-radius: 2px;
	background-color: #2e72c5;
	display: inline-block;
	float: left;
}
.btn-menu .bar + .bar {
	margin-top: 5px;
}
.btn-menu  .bar-title {
	font-size: 14px;
	padding-left: 5px;
}
.btn-menu:hover, .btn-menu:focus {
	color: #0056bf;
	box-shadow: none;
}
.btn-menu:hover .bar, .btn-menu:focus .bar {
	background-color: #0056bf
}
/*_____ [ Side Panel ] _____*/
.side-panel {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
	z-index: 1024;
	overflow: auto;
	width: 420px !important;
}
.side-panel-header {
	position: relative;
	padding: 10px 0;
	position: relative;
	margin-bottom: 15px;
}
.side-panel-header:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	/* http://colorzilla.com/gradient-editor/#e42128+0,c21687+16,2e3a96+33,21bac9+51,49b74a+67,dbd22b+83,d71d26+100 */
	background: #e42128;
	background: -moz-linear-gradient(left, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
	background: -webkit-linear-gradient(left, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	background: linear-gradient(to right, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=1 );
	opacity: .5;
	filter: alpha(opacity=50);
	top: 0
}
.side-panel-header a {
	display: block;
}
.side-panel-header a img {
	margin: 0 auto
}
.side-panel-close {
	float: right;
	position: absolute;
	right: 0;
	top: 29%;
	background-color: #f9e6e6;
	padding: 15px 18px;
	z-index: 0;
	color: #d55959;
	border: 0;
	font-size: 19px;
}
.side-panel-close:hover, .side-panel-close:focus {
	background-color: #d55959;
	color: #fff
}
.side-panel-body {
	padding: 15px 0;
}
.side-panel-body ul {
	margin: 0;
	padding: 0
}
.side-panel-body ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.side-panel-body ul li a {
	padding: 15px 10px 15px 71px;
	color: #4f4f4f;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-decoration: none;
	position: relative;
	margin: 0 0 1px;
}
.side-panel-body ul li a.logout {
	color: #d33c3c
}
.side-panel-body ul li a:hover, .side-panel-body ul li a:focus, .side-panel-body ul li a.active {
	color: #fff;
	background-color: #2e72c5
}
.side-panel-body ul li a.logout:hover, .side-panel-body ul li a.logout:focus, .side-panel-body ul li a.logout.active {
	background-color: #cd3232;
	color: #fff
}
.side-panel-body ul li a:hover .ca-g-dashboard, .side-panel-body ul li a:focus .ca-g-dashboard, .side-panel-body ul li a.active .ca-g-dashboard {
	background-position: -37px -47px;
}
.side-panel-body ul li a:hover .ca-g-task, .side-panel-body ul li a:focus .ca-g-task, .side-panel-body ul li a.active .ca-g-task {
	background-position: -78px -49px;
}
.side-panel-body ul li a:hover .ca-g-invoices, .side-panel-body ul li a:focus .ca-g-invoices, .side-panel-body ul li a.active .ca-g-invoices {
	background-position: -118px -49px;
}
.side-panel-body ul li a:hover .ca-g-receipts, .side-panel-body ul li a:focus .ca-g-receipts, .side-panel-body ul li a.active .ca-g-receipts {
	background-position: -158px -49px;
}
.side-panel-body ul li a:hover .ca-g-notifications, .side-panel-body ul li a:focus .ca-g-notifications, .side-panel-body ul li a.active .ca-g-notifications {
	background-position: -197px -49px;
}
.side-panel-body ul li a:hover .ca-g-logout, .side-panel-body ul li a:focus .ca-g-logout, .side-panel-body ul li a.active .ca-g-logout {
	background-position: -238px -49px;
}

/*_____ [ Inner Page Heading ] _____*/
.ca-page-heading {
	background-color: #b0c3da;
	padding: 35px 0;
	min-height: 60px;
}
.ca-page-heading h2 {
	padding-left: 320px;
	margin: 0;
}
.ca-page-heading h2 .title {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 37px;
	font-weight: 300;
	float: left;
	position: relative;
	display: inline-block
}
.ca-page-heading h2 .title:before {
	position: absolute;
	content: '';
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent #f1f1f1 transparent;
	bottom: -35px;
	left: 40%
}
.ca-date-time {
	background-color: #839ab6;
	border-radius: 3px;
	padding: 5px 10px 8px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	margin-left: 30px;
}
.ca-date-time time {
	margin-left: 5px;
}

/*_____ [ Dashboard Collapseble ] _____*/
.ca-dashboard-collapse {
	padding: 0
}
.ca-dashboard-collapse .panel {
	padding: 0
}
.ca-dashboard-collapse .panel .panel-body {
	padding: 20px 0
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading {
	margin: 0;
	padding: 0
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title {
	background-color: #f1f1f1;
	text-align: left
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a {
	display: inline-block;
	padding: 20px 20px;
	color: #6b6b6b;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-decoration: none
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a.collapsed {
	background-color: #e8e8e8;
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a {
	background-color: #fff;
	color: #4d6581
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a span.fa {
	width: auto;
	height: auto;
	padding: 0;
	display: inline-block;
	z-index: 0
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a span.fa:before {
	position: relative;
	top: 0;
	left: 8px;
	transform: skew(0deg, 0deg);
	height: auto;
	width: auto;
	content: "\f077";
	background-color: transparent;
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a.collapsed span.fa:before {
	content: "\f078";
}
.ca-dashboard-collapse .panel.panel-default > .panel-heading .panel-title a span.fa:after {
	content: none
}

.ca-dashboard-collapse .panel-dashboard .panel {
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	border-radius: 0;
	height: 358px;
	overflow: hidden;
	margin-bottom: 20px;
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-heading {
	font-size: 18px;
	color: #5a6471;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	padding: 10px 15px;
	text-align: left;
	border-radius: 0;
	border-bottom: 1px solid #eceff2;
	position: relative
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-heading:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #e42128;
	background: -moz-linear-gradient(left, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
	background: -webkit-linear-gradient(left, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	background: linear-gradient(to right, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=1 );
	opacity: .5;
	filter: alpha(opacity=50);
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-body {
	padding: 0;
	height: 310px;
	overflow: auto
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-body ul {
	margin: 0;
	padding: 0;
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-body ul li {
	margin: 0;
	padding: 8px 20px 8px 30px;
	list-style: none;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	position: relative;
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-body ul li .fa {
	color: #3a4553;
	font-size: 18px;
	float: right;
	text-decoration: none
}
.ca-dashboard-collapse .panel-dashboard .panel .panel-body ul li .fa:hover {
	color: #2e72c5
}

.panel-table-layout {
	padding: 0;
}
.panel-table-layout .table > thead > tr > th {
	border-bottom: 1px solid #eceff2;
	color: #3b4551;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.panel-table-layout .table > tbody > tr > td {
	border-top: 0;
	color: #3b4551;
	font-weight: 300;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

/*_____ [ Task Filter Sections ] _____*/
#taskFilterButton {
	display: none
}
#taskFilterButton .btn {
	border: 0;
	padding: 15px;
	border-radius: 0;
	background-color: transparent;
	font-size: 18px;
	color: #535e6c;
	font-family: 'Roboto', sans-serif;
	font-weight: 400
}
.task-filter-collapseble {
	background-color: #f7f7f7;
	border-bottom: 1px solid #eae9e9;
	padding: 30px 0;
}
.task-filter-collapseble .form-inline .form-group {
	padding: 0
}
.task-filter-collapseble .form-inline .form-group + .form-group {
	padding: 0 0 0 15px;
}
.task-filter-collapseble .form-inline .form-group .form-label {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #636568;
	font-weight: 300;
	padding: 6px 0
}
.task-filter-collapseble .form-inline .form-group .form-label .col {
	float: right
}
.task-filter-collapseble .form-inline .form-group .form-control {
	width: 100%;
}
.form-control {
	border-color: #d3d3d3;
	min-height: 40px;
	padding: 9px;
}
.btn-search {
	font-size: 22px;
	border: 0;
	border-radius: 3px;
	padding: 5px 15px;
}

/*_____ [ Task Listing ] _____*/

.list-group.task-listing-group {

}
.list-group.task-listing-group article {
	border: 1px solid #e0e5ec;
	padding: 0;
	display: table;
	width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	margin-bottom: 15px;
	position: relative
}

.list-group.task-listing-group article a {
	border: 0;
	padding: 8px 0;
	margin: 0;
	display: block;
	border-radius: 0;
	position: relative
}
.list-group.task-listing-group article a:hover:before, .list-group.task-listing-group article a:focus:before {
	position: absolute;
	content: '';
	width: 3px;
	height: 95%;
	left: 3px;
	top: 3px;
	background: #e42128;
	background: -moz-linear-gradient(top, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
	background: -webkit-linear-gradient(top, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	background: linear-gradient(to bottom, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=0 );
	opacity: .5;
	filter: alpha(opacity=50)
}
.list-group.task-listing-group article a .list-coman-block {
	display: table-cell;
	border: 0px solid;
	font-family: 'Roboto', sans-serif;
}
.list-group.task-listing-group article a .list-coman-block + .list-coman-block {
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #e0e5ec
}

.list-group.task-listing-group article a .notifications {
	width: 180px;
	text-align: center
}
.list-group.task-listing-group article a .subject {
	width: 280px
}
.list-group.task-listing-group article a .schedule-time {
	width: 260px;
	text-align: left
}
.list-group.task-listing-group article a .schedule-time .list-block-cell + .list-block-cell {
	margin-top: 5px;
}
.list-group.task-listing-group article a .notifications-status {

}
.list-group.task-listing-group article a .notifications-status .status-name {
	font-size: 14px;
	font-weight: 400
}
.list-group.task-listing-group article a .notifications-status .status-name.completed {
	color: #1ca25e
}
.list-group.task-listing-group article a .notifications-status .status-name.failed {
	color: #d23e3e
}
.list-group.task-listing-group article a .notifications-status .status-name.processing {
	color: #c78e2b
}

.list-group.task-listing-group article a .job-number {
	width: 130px;
	text-align: center
}
.list-group.task-listing-group article a .date-type {
	width: 320px;
}
.list-group.task-listing-group article a .status {
	width: 180px;
	text-align: center
}
.list-group.task-listing-group article a .remark {
	width: 380px;
	text-align: left
}
.list-group.task-listing-group article a .button {
	width: 140px;
	text-align: center;
	vertical-align: middle;
}
.list-group.task-listing-group article a .year-bill-date {
	width: 250px;
}
.list-group-item .list-coman-block.year-bill-date .list-block-cell label {
	min-width: 110px;
}
.list-group.task-listing-group article a .jobs-bill-amt {
	width: 230px;
}
.list-group-item .list-coman-block.jobs-bill-amt .list-block-cell label {
	min-width: 110px;
}
.list-group.task-listing-group article a .status-pay-status {
	width: 367px;
}
.list-group.task-listing-group article a .status-pay-status .list-block-cell span.date {
	color: #0c8b54
}

.list-group.task-listing-group article a .button .btn {
	border-radius: 3px;
	border: 0
}
.list-group-item .list-coman-block label {
	color: #919191;
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 8px
}
.list-group-item .list-coman-block .number {
	font-size: 20px;
	color: #d8820e;
	font-weight: 500
}
.list-group-item .list-coman-block .text {
	font-size: 16px;
	font-weight: 400;
	color: #d8820e;
}
.list-group-item .list-coman-block .list-block-cell span {
	font-size: 15px;
	font-weight: 400;
	word-break: break-all;
}
.list-group-item .list-coman-block .list-block-cell .date {
	color: #255999
}
.list-group-item .list-coman-block .list-block-cell .type {
	color: #434242
}
.list-group-item .list-coman-block .status-name {
	font-size: 16px;
	font-weight: 500;
	color: #545555
}
.list-group-item .list-coman-block .remark-detail {
	font-size: 14px;
	color: #545555;
	font-weight: 300
}
.task-company-heading {
	color: #3f4b5b;
	font-family: "Roboto", sans-serif;
	font-size: 22px;
	font-weight: 400;
	margin: 10px 0;
	padding: 15px;
	text-align: center;
}
#taskFilterCollapse.collapse {
	display: block
}

/*_____ [ Task Detail ] _____*/

#page-details-container {
	margin: 15px 0;
	min-height: 500px;
}

#page-details-container .page-heading {
	background-color: #f7f7f7;
	margin-bottom: 20px;
	text-align: right
}
#page-details-container .page-heading .title .sub-title {
	display: none
}
#page-details-container .page-heading .title {
	padding: 8px 20px;
	background-color: #cc3232;
	display: inline-block;
	position: relative;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 300;
	z-index: 1;
	border-radius: 3px 0 0 3px;
	float: left
}
#page-details-container .page-heading .title:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 23px;
	transform: skew(37deg, 0);
	background-color: #cc3232;
	z-index: -1;
}
#page-details-container .page-heading .btn-group-container {
	display: inline-block
}
#page-details-container .page-heading .btn-group-container .btn {
	padding: 10px 15px;
	border-radius: 0;
	font-family: asapregular;
	font-size: 17px;
}
#page-details-container .page-heading .btn-back {
	padding: 12px 15px;
	border-radius: 0;
	background-color: #7b96b6;
	color: #fff;
}
#page-details-container .page-heading .btn-back:focus {
	background-color: #b0c3da
}

#page-details-container .page-heading .btn-back .fa {
	margin-right: 5px;
}

#page-details-container .well {
	background-color: #fff;
	border: 1px solid #d6dee7;
}
#page-details-container .well .page-dtl-row {
	width: 33%;
	position: relative;
	display: inline-block
}
#page-details-container .well .page-dtl-row.job-no-date {
	width: 100%;
	border-bottom: 1px solid #d6dee7;
	margin-bottom: 21px;
}
#page-details-container .well .page-dtl-row .coman-field {
	display: inline-block;
	padding: 5px 0;
	position: relative
}
#page-details-container .well .page-dtl-row .coman-field label {
	font-family: Roboto;
	font-size: 15px;
	color: #778493;
	font-weight: 400;
	min-width: 120px;
}
#page-details-container .well .page-dtl-row .coman-field span {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400
}
#page-details-container .well .page-dtl-row .coman-field span .date {
	color: #7f541e;
	margin-left: 5px;
}
#page-details-container .well .page-dtl-row .coman-field label .col {
	color: #778493;
	float: right;
	margin-right: 10px;
}

#page-details-container .well .page-dtl-row .coman-field.job-no label {
	font-size: 18px;
	margin-bottom: 20px;
}
#page-details-container .well .page-dtl-row .coman-field.job-no span {
	font-family: Roboto;
	color: #ce8f09;
	font-weight: 500;
	font-size: 18px;
}
#page-details-container .well .page-dtl-row.notifications-dtl-status, #page-details-container .well .page-dtl-row.notifications-dtl-status .coman-field, #page-details-container .well .page-dtl-row.notifications-dtl-subject {
	width: 100%
}
#page-details-container .well .page-dtl-row.notifications-dtl-status .sub-dtl {
	display: inline-block;
}
#page-details-container .well .page-dtl-row.notifications-dtl-status .sub-dtl.completed {
	color: #1ca25e
}
#page-details-container .well .page-dtl-row.notifications-dtl-status .sub-dtl.failed {
	color: #d23e3e
}
#page-details-container .well .page-dtl-row.notifications-dtl-status .sub-dtl.processing {
	color: #c78e2b
}
#page-details-container .well .page-dtl-row.notifications-dtl-status .sub-dtl + .sub-dtl {
	margin-left: 15px;
}
#page-btn-menu {
	float: right;
	display: none
}
#page-btn-menu .btn.dropdown-toggle {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	margin: -15px 0;
	padding: 15px;
	position: relative;
	top: 3px;
}
#page-btn-menu .btn .bar-vt {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	margin-bottom: 5px;
	background-color: #fff;
}
#page-btn-menu .btn.dropdown-toggle:hover, #page-btn-menu .btn.dropdown-toggle:focus {
	border: 0;
	background-color: transparent;
	box-shadow: none
}
#page-btn-menu .dropdown-menu {
	margin-top: 16px;
}
#page-btn-menu .dropdown-menu li {
	float: none;
	display: block;
	padding: 5px 10px;
}
#page-btn-menu .dropdown-menu li.divider {
	padding: 0
}
#page-btn-menu .dropdown-menu li .btn {
	width: 100%;
	font-family: Roboto;
	border: 0;
	color: #fff
}
#page-btn-menu .dropdown-menu li .btn .fa {
	margin-right: 5px;
	float: left;
	padding: 3px 0
}
#page-btn-menu .dropdown-menu li .btn:hover {
	color: #d44949;
}
#page-btn-menu .dropdown-menu li .btn:focus {
	color: #fff;
}

/*_____ [ Contact Us ] _____*/
#contact-us-page {
	margin-bottom: 20px;
	float: left;
	width: 100%;
	position: relative
}
.map-frame {
	height: 600px;
	overflow: hidden;
	padding: 0
}
.address-detail {
	padding: 0;
	background-color: #fff;
}
.address-detail .colorStrip {
	background-color: #296fc4;
	width: 100%;
	height: 150px;
	position: relative
}
.address-detail .colorStrip h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}
.shadowBlock {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: transparent;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
	top: -1px;
}
.address-detail address {
	padding: 20px 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300
}
.address-detail address .address-block {
	margin-top: 20px;
	display: block
}
.address-detail address .address-block .fa {
	margin-right: 10px;
}
.address-detail address .address-block.btn-danger {
	color: #d43f3a;
	background-color: transparent
}
.address-detail address .address-block.btn-primary {
	color: #2e6da4;
	background-color: transparent
}

/*_____ [ Notification ] _____*/

.notification-heading {
	background-color: #f7f7f7;
	margin: 20px 0;
	text-align: right;
	float: left;
	width: 100%
}
.notification-heading {
	background-color: #f7f7f7;
	margin-bottom: 20px;
	text-align: right
}
.notification-heading .title {
	padding: 8px 20px;
	background-color: #cc3232;
	display: inline-block;
	position: relative;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 300;
	z-index: 1;
	border-radius: 3px 0 0 3px;
	float: left
}
.notification-heading .title:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 23px;
	transform: skew(37deg, 0);
	background-color: #cc3232;
	z-index: -1;
}
.notification-list-container article {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.notification-list-container article a {
	display: block;
	border: 1px solid #e0e5ec;
	float: left;
	width: 100%;
	text-decoration: none;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 0;
}
.notification-list-container article a:hover .notification-icon, .notification-list-container article a:focus .notification-icon {
	background-color: #2e72c5;
	color: #fff;
}
.notification-list-container article a:hover, .notification-list-container article a:focus {
	border: 1px solid #2e72c5;
}
.notification-subjects {
	padding: 0 0 10px;
}
.notification-subjects label {
	display: inline-block;
	font-size: 16px;
	font-family: Roboto;
	color: #5c5c5c;
	font-weight: 500;
	padding: 0;
}
.notification-subjects label .col {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
.notification-subjects .remark-detail {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	color: #505050;
	display: inline-block
}
.nt-type, .nt-time, .nt-status, .nt-view-time {
	padding: 0
}
.nt-type label, .nt-time label, .nt-status label, .nt-view-time label {
	font-size: 15px;
	font-weight: 400;
	color: #5c5c5c;
	font-family: Roboto
}
.nt-type .remark-detail, .nt-time .remark-detail, .nt-status .remark-detail, .nt-view-time .remark-detail {
	font-size: 15px;
	color: #333;
	font-family: Roboto;
	font-weight: 400
}
.nt-type .remark-detail {
	color: #cc3232;
}
.nt-status .remark-detail {
	color: #2569bc;
}
.nt-btn-block {
	padding: 15px 0 0;
	text-align: right
}
.nt-btn-block .btn {
	border: 0;
	border-radius: 3px;
}
.notification-icon {
	font-size: 45px;
	color: #50555c;
	text-align: center;
	padding: 0;
	display: table-cell;
	float: none;
	vertical-align: middle;
	background-color: #e0e5ec;
	width: 100px;
}
.notification-icon .fa {
	position: relative;
	left: 0px
}
.notification-content {
	display: table-cell;
	padding: 0;
	float: none;
	vertical-align: top;
	padding: 15px;
}
#page-details-container .well .page-dtl-row.notificatio-message {
	width: 100%
}
#page-details-container .well .page-dtl-row.notificatio-message label {
	float: left;
}
#page-details-container .well .page-dtl-row.notificatio-message span {
	float: left;
	width: calc(100% - 120px);
}

/*_____ [ Vendor Page Css ] _____*/

.vendor-page-container .nav-tab-area {
	background-color: #f1f1f1;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
.vendor-page-container .nav-tab-area .nav-tabs {
	border: 0
}
.vendor-page-container .nav-tab-area .nav-tabs > li > a {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	border: 0;
	padding: 8px 20px 15px;
	color: #235fa7
}
.vendor-page-container .nav-tab-area .nav-tabs > li.active > a, .vendor-page-container .nav-tab-area .nav-tabs > li.active > a:hover, .vendor-page-container .nav-tab-area .nav-tabs > li.active > a:focus {
	color: #333
}

.filter-form-horizontal.flex, .filter-form-horizontal.flex form {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
.filter-form-horizontal.flex {
	border-bottom: 1px solid #e5e5e5
}
.filter-form-horizontal.flex .form-group {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px 8px;
}
.form-label {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #636568;
	font-weight: 300;
	padding: 6px 0 0;
	text-align: inherit
}
.data-table .table th {
	color: #333;
	font-family: Roboto, 'Sans Serif';
	font-weight: 500;
	font-size: 15px;
	border-color: #e5e5e5;
}
.data-table .table td {
	font-family: Roboto, 'Sans Serif';
	font-size: 15px;
	font-weight: 300;
	padding: 10px 7px;
	vertical-align: middle;
}
.data-table .table td.inset-table {
	padding: 0
}
.data-table .table td.row-captions {
	font-weight: 400;
	background-color: #fffbef;
	padding: 5px 15px;
	text-align: center
}
.data-table .table {
	/*border-left: 1px solid #e5e5e5;
	 border-right: 1px solid #e5e5e5;
	 border-bottom: 1px solid #e5e5e5*/
}
.toggle-button {
	margin-bottom: 15px;
	display: none
}
.form-verticle-inline.col {

}
.form-verticle-inline .form-group .form-caption {
	font-family: Roboto, 'Sans Serif';
	font-size: 16px;
	font-weight: 400
}
.form-verticle-inline.col .form-group {
	padding: 0
}
.form-verticle-inline.col .form-group .form-caption, .form-verticle-inline.col .form-group .form-fields {
	padding: 0
}
.form-verticle-inline .form-group .form-caption .col {
	float: right
}
.form-verticle-inline.col .form-group .form-caption .col {
	margin-right: 15px;
}
.form-verticle-inline .form-group .form-fields {
	font-family: Roboto, 'Sans Serif';
	font-size: 16px;
	font-weight: 300
}
.form-verticle-inline .form-group .checkbox-inline {
	padding: 3px 20px;
	margin-bottom: 10px;
	margin-left: 0
}

.btn-comman {
	border: 0;
	padding: 8px 15px;
	border-radius: 3px;
}
.btn-comman + .btn-comman {
	margin-left: 12px;
}

@media (min-width: 991px) and (max-width: 1200px) {
	#userOptionsSections {
		margin-right: -26px
	}
	#headerNavigations .navbar .navbar-nav > li > a {
		padding: 7px 16px 8px
	}
	.list-group-item .list-coman-block .list-block-cell label {
		display: block;
		margin: 0;
		padding: 0;
		text-align: center
	}
	.list-group-item .list-coman-block .list-block-cell .date, .list-group-item .list-coman-block .list-block-cell .type {
		display: block;
		text-align: center
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#page-details-container .well .page-dtl-row {
		width: 49%
	}
	#logoSections #headerLogoBlock {
		width: 150px;
		padding: 10px 16px;
	}
	#userOptionsSections {
		margin-right: -10px;
	}
	#headerNavigations .navbar .navbar-nav > li > a {
		font-size: 15px;
		padding: 7px 16px 8px
	}
	.list-group-item .list-coman-block .list-block-cell label {
		display: block;
		margin: 0;
		padding: 0;
		text-align: center
	}
	.list-group-item .list-coman-block .list-block-cell .date, .list-group-item .list-coman-block .list-block-cell .type {
		display: block;
		text-align: center
	}
	.list-group.task-listing-group article a .remark {
		width: 270px;
	}
	.list-group.task-listing-group article a .date-type {
		width: 250px;
	}

}
@media (max-width: 991px) {
	.client-login-register-btn:before, .client-login-register-btn:after {
		content: none
	}
	#userOptionsSections .client-login-register-btn {
		top: 3px
	}
	#userOptionsSections .client-login-register-btn .btnText, #userOptionsSections .client-login-register-btn .small {
		display: none
	}
	#userOptionsSections .client-login-register-btn .fa {
		font-size: 24px;
	}
	#headerNavigations .navbar .navbar-nav {
		margin-left: 0
	}
	.btn-coman .user-name {
		display: none
	}
	.list-group-item-icon:before {
		left: 38px;
		transform: skew(19deg, 0deg);
	}
	.list-group-item-icon:after {
		left: 2px;
		transform: skew(23deg, 0deg);
	}
	.ca-page-heading h2 {
		padding-left: 220px;
	}
	.side-block {
		text-align: left
	}
	.notification-icon {
		font-size: 45px;
		color: #50555c;
		text-align: center;
		padding: 20px 0;
		display: block;
		float: none;
		vertical-align: middle;
		background-color: #e0e5ec;
	}
	.notification-icon .fa {
		position: relative;
		left: 0px
	}
	.notification-content {
		display: block;
		padding: 0;
		float: none;
		vertical-align: top;
		padding: 15px;
	}
}
@media (max-width: 767px) {
	.modal-dialog {
		width: 100% !important;
		margin: 0 auto;
		height: 100%
	}
	.modal-dialog .modal-content {
		height: 100%;
		overflow: auto;
		box-shadow: none;
		border: 0
	}
	#logoSections {
		display: block;
		float: none;
		margin: -6px auto -15px;
		width: 150px;
	}
	#logo-back-cover {
		display: none
	}
	#logo-back-cover-2 {
		display: none
	}
	#headerLogoBlock {
		width: 102px;
		height: 65px;
		overflow: hidden;
		margin: 0 auto
	}
	#headerNavigations {
		display: block;
		float: left;
		width: 100%;
		margin: -67px 0 0
	}
	#headerNavigations .navbar-toggle {
		float: left;
		margin: 12px 0 0 16px
	}
	#userOptionsSections {
		margin: -29px 0 4px;
		position: relative;
		z-index: 1
	}
	.btn-coman {
		height: 78px;
	}
	.client-login-register-btn {
		margin-bottom: -1px;
		height: 76px;
	}
	#userOptionsSections .client-login-register-btn {
		top: 3px
	}
	#headerNavigations .navbar-header {
		height: 67px
	}
	.navbar-toggle {
		border: 0;
		border-radius: 2px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #daebff
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #2e72c5
	}
	#headerNavigations .navbar .navbar-nav > li {
		padding: 0 15px 0 0
	}
	footer nav.navbar {
		min-height: 55px;
	}
	footer nav .navbar-header .navbar-brand {
		padding: 17px 15px 39px
	}
	footer nav .navbar-collapse:before, footer nav .navbar-collapse:after {
		content: none;
	}
	footer nav.navbar-default .navbar-nav > li {
		padding: 7px 22px
	}
	footer nav.navbar-default .navbar-nav > li > a {
		color: #455467;
		padding: 8px 18px
	}
	footer nav.navbar-default .navbar-nav > li > a:hover, footer nav.navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background-color: #f29c27;
	}
	footer nav.navbar-default .navbar-nav > li.active > a {
		background-color: #f29c27;
		color: #fff;
	}
	.jumbotron-bg {
		padding: 25px 10px
	}
	#after-login-manu-btn {
		display: inline-block;
		float: left;
		margin-top: -19px;
		position: relative;
	}
	.side-panel-header {
		height: 100px;
		overflow: hidden
	}
	.side-panel-close {
		left: 0;
		right: auto;
		background-color: transparent;
		font-size: 25px;
		top: 28%
	}
	.ca-dashboard-collapse .panel-dashboard .panel, .ca-dashboard-collapse .panel-dashboard .panel .panel-body {
		height: auto;
		overflow: visible
	}
	.ca-page-heading {
		padding: 15px 0;
		background-color: #839ab6
	}
	.ca-page-heading h2 {
		padding: 0;
	}
	.ca-page-heading h2 .title {
		font-size: 29px;
	}
	.ca-page-heading h2 .title:before {
		border-width: 11px;
		left: 38%;
		bottom: -16px;
		border-color: transparent transparent #fff
	}
	.ca-date-time {
		float: right;
		padding: 0;
		background-color: transparent;
		padding: 8px;
	}
	.table-responsive {
		border: 0
	}
	body {
		overflow: visible
	}
	#contact-btn {
		display: none
	}
	#contact-support {
		display: block
	}

	.list-group.task-listing-group article {
		display: block;
		text-align: left
	}
	.list-group.task-listing-group article a {
		padding: 15px;
	}
	.list-group.task-listing-group article a .list-coman-block {
		display: block;
		width: 100% !important;
	}
	.list-group.task-listing-group article a:before, .list-group.task-listing-group article a:hover:before, .list-group.task-listing-group article a:focus:before {
		position: absolute;
		content: '';
		width: 99%;
		height: 3px;
		background: #e42128;
		background: -moz-linear-gradient(left, #e42128 0%, #c21687 16%, #2e3a96 33%, #21bac9 51%, #49b74a 67%, #dbd22b 83%, #d71d26 100%);
		background: -webkit-linear-gradient(left, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
		background: linear-gradient(to right, #e42128 0%,#c21687 16%,#2e3a96 33%,#21bac9 51%,#49b74a 67%,#dbd22b 83%,#d71d26 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42128', endColorstr='#d71d26',GradientType=1 );
		opacity: .5;
		filter: alpha(opacity=50);
		left: 3px;
		top: 3px;
	}
	.list-group.task-listing-group article a .list-coman-block + .list-coman-block {
		border: 0;
	}

	.list-group.task-listing-group article a .job-number, .list-group.task-listing-group article a .status, .list-group.task-listing-group article a .remark, .list-group.task-listing-group article a .button {
		text-align: left
	}

	.list-group-item .list-coman-block label {
		margin: 0;
		padding: 0 0 5px;
	}
	.list-group.task-listing-group article a .list-coman-block {
		padding-bottom: 15px;
		display: table;
		width: 100%
	}
	.list-group.task-listing-group article a .list-coman-block + .list-coman-block {
		margin: 0;
		padding: 10px 0 15px;
		border-top: 1px solid #e0e5ec
	}
	.list-group.task-listing-group article a .list-coman-block .list-block-cell {
		display: table-cell;
		width: 50%
	}
	.list-group.task-listing-group article a .list-coman-block .list-block-cell label {
		display: block;
	}
	.task-filter-collapseble, .task-filter-collapseble .container {
		padding: 0
	}
	#taskFilterButton {
		display: block
	}
	#taskFilterCollapse.collapse {
		display: none
	}
	#taskFilterCollapse.collapse.in {
		display: block
	}
	.form-inline.row {
		margin: 0;
		padding: 15px 0
	}
	.task-filter-collapseble .form-inline .form-group + .form-group, .task-filter-collapseble .form-inline .form-group .col-sm-9 {
		padding: 0;
	}
	#page-details-container .container {
		padding: 0;
	}
	#page-details-container .well {
		padding: 0;
		border: 0;
		box-shadow: none
	}
	#page-details-container .well .page-dtl-row {
		width: 100%
	}
	#btn-desktop-viewport {
		display: none
	}
	#page-details-container .page-heading {
		text-align: left;
		background-color: transparent;
		padding: 0 20px 12px;
		border-bottom: 1px solid #e9ecf0;
		margin-bottom: 0
	}
	#page-details-container .page-heading .title {
		float: none;
		background-color: transparent;
		color: #3f4b5b;
		font-size: 18px;
		font-weight: 500;
		padding: 0
	}
	#page-details-container .page-heading .title .sub-title {
		font-family: Roboto;
		font-size: 14px;
		font-weight: 400;
		color: #94999f;
		width: 100%;
		display: block;
		padding: 0 0 5px;
		display: block
	}
	#page-details-container .page-heading .title:before {
		content: none;
	}
	#page-details-container .well .page-dtl-row {
		padding: 10px 20px;
		border-bottom: 1px solid #e9ecf0
	}
	#page-details-container .well .page-dtl-row.job-no-date {
		margin-bottom: 0;
		border-color: #e9ecf0
	}
	#page-details-container .well .page-dtl-row .coman-field.job-no label {
		width: 100%;
		color: #94999f;
		font-size: 14px;
		margin: 0;
		padding-bottom: 5px;
	}
	#page-details-container .well .page-dtl-row .coman-field.job-no span.col {
		display: none
	}
	#page-details-container .well .page-dtl-row .coman-field.job-date {
		background-color: transparent
	}
	#page-details-container .well .page-dtl-row .coman-field.job-date label {
		width: 100%;
		color: #94999f;
		font-size: 14px;
	}
	#page-details-container .well .page-dtl-row .coman-field.job-date span {
		font-size: 16px;
		font-weight: 400;
		color: #32302d
	}
	#page-details-container .well .page-dtl-row .coman-field label {
		width: 100%;
		color: #94999f;
		font-size: 14px;
	}
	#page-details-container .well .page-dtl-row .coman-field span {
		color: #32302d
	}
	#page-btn-menu {
		display: block
	}
	#page-details-container .well .page-dtl-row.notificatio-message span {
		float: left;
		width: 100%;
	}
	#login-register-forms .control-label {
		width: 100%
	}
	#login-register-forms .control-label .col {
		float: none;
		margin: 0 10px;
	}
	.data-table .table * {
		display: block;
	}
	.data-table .table {
		margin: -1px 0 0;
		width: 100%;
	}
	.data-table .table > th, .data-table .table > thead {
		display: none !important
	}
	.data-table .table > tbody {
		width: 100%;
	}
	.data-table .table tr {
		border: 1px solid #e2e2e2;
		width: 100%;
		margin-bottom: 10px;
	}
	.data-table .table td {
		border: 0;
		width: 100%
	}
	.data-table .table td table td:nth-child(1) {
		background-color: #eeeeee;
		font-weight: 400
	}
	.data-table .table tr td table {
		margin: 0;
	}
	.data-table .table tr td table tr {
		border: 0 !important;
		margin-bottom: 0;
	}
	.data-table .table tr td table tr td {
		padding: 15px 15px;
		text-align: center
	}
	.data-table .table td.inset-table {
		padding: 0
	}
	.data-table .table td.row-captions {
		font-weight: 400;
		background-color: #fffbef !important;
		border-top: 1px solid #eae3c4
	}

	.filter-form-horizontal.flex, .filter-form-horizontal.flex form {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	.filter-form-horizontal.flex {
		border-bottom: 1px solid #e5e5e5
	}
	.filter-form-horizontal.flex .form-group {
		padding: 0;
		margin-bottom: 7px;
	}
	.filter-form-horizontal.flex.hidemobile, .hidemobile {
		display: none
	}
	.toggle-button {
		display: block
	}

	.btn-comman {
		border: 0;
		padding: 10px 15px;
		border-radius: 3px;
		width: 100%;
	}
	.btn-comman + .btn-comman {
		margin-top: 12px;
		margin-left: 0
	}
	#userNameForMobile {
		display: block
	}
}

@media (max-width: 550px) {
	.list-group-item-icon:before, .list-group-item-icon:after {
		content: none;
	}
	.list-group-item-icon {
		width: 69px;
	}
	.list-group-item-icon .fa {
		left: 0
	}
	.panel-news .list-group-item-icon .date {
		left: 0
	}
	.list-group-item-content {
		padding-left: 17px;
	}
	#userOptionsSections {
		margin: -29px -15px 4px 0
	}
	.side-panel {
		width: 85% !important
	}
	#news-btn {
		display: none
	}
	.slide-reveal-overlay {
		background-color: rgba(0, 0, 0, .1) !important;
	}
	.ca-page-heading h2 .title {
		font-size: 21px;
		font-weight: 400
	}
	.ca-page-heading h2 .title:before {
		border-width: 11px;
		left: 35%;
		bottom: -23px;
		border-color: transparent transparent #fff
	}
	.ca-date-time {
		float: right;
		padding: 0;
		background-color: transparent;
		padding: 8px;
		font-size: 13px;
		margin-left: 0
	}
	.ca-date-time time {
		margin-left: 5px;
		float: right;
		margin-left: 5px;
		margin-right: -11px;
		padding-right: 0;
	}
	#after-login-manu-btn {
		margin-left: -17px;
	}
	#after-login-manu-btn .btn-menu .bar-title, #cph-timer-block {
		display: none
	}
	.btn-coman {
		padding: 14px 10px 16px;
	}
	#headerLogoBlock {
		height: 58px;
		margin: 5px auto 0;
		overflow: hidden;
		width: 89px;
	}
	#news-link {
		display: block
	}
	.list-group.task-listing-group article a .list-coman-block .list-block-cell {
		display: block;
		width: 100%
	}
	.list-group.task-listing-group article a .list-coman-block .list-block-cell{
		margin-bottom: 8px;
	}
	#page-details-container .well .page-dtl-row {
		width: 100%
	}
	#page-details-container .well .page-dtl-row .coman-field.job-date {
		background-color: transparent;
		border-radius: 0;
		left: 137px;
		position: absolute;
	}
	.nt-btn-block .btn {
		width: 100%
	}
	.notification-heading .title {
		width: 100%;
		border-radius: 3px;
		text-align: center
	}
	.notification-heading .title:before {
		content: none;
	}
}
@media (max-width: 400px) {
	#login-register-forms .btn {
		margin: 10px 0 !important;
		width: 100%
	}
	#login-register-forms .btn-radio-group .btn {
		width: auto
	}
	.side-block {
		text-align: center
	}

	footer .copyright-block {
		background-color: #2e72c5;
		text-align: center
	}
	footer .container {
		padding: 0
	}
	footer .copyright-block:before, footer .copyright-block:after {
		content: none;
	}
}

@font-face {
	font-family: 'asapregular';
	src: url('../fonts/asap/asap_regular.eot');
	src: url('../fonts/asap/asap_regular.eot?#iefix') format('embedded-opentype'), url('../fonts/asap/asap_regular.woff2') format('woff2'), url('../fonts/asap/asap_regular.woff') format('woff'), url('../fonts/asap/asap_regular.ttf') format('truetype'), url('../fonts/asap/asap_regular.svg#asapregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.pricing-heading {
	background-color: #296fc4;
	padding: 35px 0;
}
.pricing-heading h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 35px;
	color: #fff;
	margin: 0;
	padding: 0 0 0 300px;
}

#PricingTab {
	background-image: url('http://techprocircle.com/wp-content/uploads/2016/08/pricing_bg.jpg');
	background-size: 100% 100%;
	background-attachment: fixed;
	padding: 35px 0;
}
#PricingTab table {
	width: 100%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	/*box-shadow: 1px 1px 149px 0px rgb(24, 25, 25);*/
}
@media (max-width: 768px) {
	#PricingTab {
		width: 100%;
		overflow: auto;
		border: 1px solid #ccc
	}
	#PricingTab table {
		max-width: 800px;
		width: 800px;
	}
}

#PricingTab .tabco1 {
	background: #fff;
	width: 40%;
	padding: 10px !important;
}
#PricingTab th:first-child {
	border-radius: 5px 0 0 0;
}
#PricingTab th:last-child {
	border-radius: 0 5px 0 0;
}
#PricingTab tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
#PricingTab tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}
#PricingTab th.tabco1 {
	background: #fff;
	padding: 32px 10px !important;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
}
#PricingTab .tabco2 {
	background: #25c281;
	text-align: center;
	color: #fff;
	width: 250px;
	border-color: #14b170;
}

#PricingTab th.tabco2 {
	background: #25c281;
	padding: 20px 5px !important;
	font-size: 18px;
	text-transform: uppercase;
}
#PricingTab .tabco3 {
	background: #296fc4;
	text-align: center;
	color: #fff;
	width: 250px;
	border-color: #1d63b8
}
#PricingTab th.tabco3 {
	background: #296fc4;
	padding: 20px 10px !important;
	font-size: 18px;
	text-transform: uppercase;
}
#PricingTab .tabco4 {
	background: #e53935;
	text-align: center;
	color: #fff;
	width: 250px;
	border-color: #d72b27
}
#PricingTab th {
	vertical-align: middle;
}
#PricingTab tbody td:first-child {
	color: #535353;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
}
#PricingTab tbody td {
	vertical-align: middle;
	padding: 15px 0;
	font-family: open sans;
	font-size: 16px;
}
.webruppe {
	font-family: WebRupee;
	font-size: 17px;
	margin-right: 5px;
}
#PricingTab th.tabco4 {
	background: #E53935;
	padding: 20px 10px !important;
	font-size: 18px;
	text-transform: uppercase;
}
#PricingTab .rightSign {
	color: #fff;
	/*background: #fff;
	 border-radius: 45px;
	 padding: 5px;*/
	font-size: 25px;
}
#PricingTab .crossSign {
	color: #de2315;
	background: #fff;
	border-radius: 45px;
	padding: 5px 7px;
	box-shadow: 0px 0px 11px -5px #000;
	font-size: 15px;
}
#PricingTab .White-Yellow {
	border-top: 0;
	border-left: 75px solid #fff;
	border-right: 75px solid #FEF200;
	height: 5px;
	width: 0px;
}

/*_____ [ Features Page Css ] _____*/
.section-highlight {
	background-color: #296fc4;
	padding: 25px 0;
}
section h2.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 15px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-align: left;
	padding-left: 310px;
}
section h3.section-subheading {
	font-size: 16px;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: none;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 75px;
}
.timeline {
	list-style: none;
	padding: 67px 0;
	position: relative;
}
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: "";
	width: 2px;
	background-color: #f1f1f1;
	left: 40px;
	margin-left: -1.5px;
}
.timeline > li {
	margin-bottom: 50px;
	position: relative;
	min-height: 50px;
}
.timeline > li:before, .timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li .timeline-panel {
	width: 100%;
	float: right;
	padding: 0 20px 0 100px;
	position: relative;
	text-align: left;
}
.timeline > li .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline > li .timeline-image {
	left: 0;
	margin-left: 0;
	width: 80px;
	height: 80px;
	position: absolute;
	z-index: 100;
	background-color: #f29c27;
	color: white;
	border-radius: 100%;
	border: 7px solid #f1f1f1;
	text-align: center;
}
.timeline > li .timeline-image h4 {
	font-size: 10px;
	margin-top: 12px;
	line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
	text-align: left;
	padding: 0 20px 0 100px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline > li > .timeline-panel.inverted {
	float: left;
	text-align: left;
	padding: 30px 20px 0 100px;
}
.timeline > li.timeline-inverted > .timeline-panel.inverted {
	float: left;
	text-align: left;
	padding: 30px 20px 0 100px;
}
.timeline-more {
	overflow: hidden
}
.timeline-more a {
	display: block;
	font-family: roboto;
	font-size: 18px;
	font-weight: 300;
	height: 100%;
	line-height: 148px;
	vertical-align: middle;
	width: 100%;
	color: #fff;
	text-decoration: none
}
.timeline-image .img-responsive {
	margin: 15px auto;
	width: 55%
}

.timeline > li:last-child {
	margin-bottom: 0;
}
.timeline .timeline-heading h4 {
	margin-top: 0;
	color: inherit;
	font-family: "Roboto Condensed";
	font-size: 22px;
	font-weight: 400;
	color: #313131
}
.timeline .timeline-heading h4.subheading {
	text-transform: none;
}
.timeline .timeline-body > p, .timeline .timeline-body > ul {
	margin-bottom: 0;
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	color: #6e6e6e
}

input.error, select.error {
	border: 1px solid #f00;
}
label.error {
	color: #f00;
	font-family: Roboto;
	font-weight: 300
}

.otpLoadingBlock {
	padding: 7px 15px;
	font-family: Roboto;
	font-size: 13px;
	line-height: 23px;
	color: #cc3232
}
.otpLoadingBlock .fa {
	margin: 0 9px 0 -12px;
	float: left;
	font-size: 21px;
}
@-webkit-keyframes spinnerRotate
{
from {
	-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes
spinnerRotate {from{
	-moz-transform: rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
}
}
@-ms-keyframes
spinnerRotate {from{
	-ms-transform: rotate(0deg);
}
to {
	-ms-transform: rotate(360deg);
}
}
.otpLoadingBlock .fa {
	position: relative;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: .5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: .5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	color: #cc3232
}
.alert {
	position: relative;
	margin-bottom: 10px;
}
.alert .close {
	font-size: 21px;
	margin-top: -3px;
	opacity: 0.5;
	position: absolute;
	right: 11px;
	top: 17px;
	filter: alpha(opacity=50);
}

/*_____ [ News Page ] _____*/

.news-page {
	margin: 25px 0;
}
.news-list-container article, .notification-list-container {
	float: left;
	width: 100%
}
.news-list-container article a, .notification-list-container a {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #e0e5ec;
	text-decoration: none;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 0;
	overflow: hidden
}
.news-list-container article a:hover .news-icon .transform:before, .news-list-container article a:focus .news-icon .transform:before {
	background-color: #30a699;
}
.notification-list-container article a:hover .news-icon .transform:before, .notification-list-container article a:focus .news-icon .transform:before {
	background-color: #2688ff;
}
.news-list-container article a:hover .news-icon .transform, .news-list-container article a:focus .news-icon .transform {
	color: #fff;
}
.news-list-container article a:hover, .news-list-container article a:focus {
	border: 1px solid #30a699;
}
.notification-list-container article a:hover, .notification-list-container article a:focus {
	border: 1px solid #2688ff;
}
.news-content label {
	display: inline-block;
	font-size: 17px;
	font-family: Roboto;
	color: #5c5c5c;
	font-weight: 500;
	padding: 0;
}
.news-content label .col {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
.news-content .news-detail {
	font-family: Roboto;
	font-size: 17px;
	font-weight: 300;
	color: #505050;
	display: inline-block
}
.news-icon {
	font-size: 45px;
	color: #50555c;
	text-align: center;
	padding: 0;
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 120px
}
.news-icon .transform {
	width: 100%;
	display: table;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0
}
.news-icon .transform:before {
	content: '';
	position: absolute;
	top: 0;
	left: -45px;
	width: 150%;
	height: 102%;
	-ms-transform: skew(35deg, 0deg);
	-webkit-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
	background-color: #ececec;
}
.news-icon .fa {
	position: relative;
}
.news-icon .transform time {
	position: relative;
	top: -5px;
	font-size: 14px;
	width: 100%;
	left: 0;
	font-family: Roboto, sans-serif;
	display: block
}
.news-content {
	display: table-cell;
	float: none;
	vertical-align: top;
	padding: 15px 15px 15px 82px;
	width: calc(100% - 120px)
}
.news-page-details {
	padding: 0;
	margin: 0;
}
.news-page-details time {
	font-size: 15px;
	font-weight: 400;
	font-family: Roboto;
	color: #00196c
}
.news-page-details time .fa {
	margin-right: 10px;
}
.news-page-details hr.line {
	border-color: #e0e0e0
}
.news-page-details .p {
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto;
	line-height: 25px;
	padding: 15px 0;
	margin: 15px 0 0
}
.news-page-details .p img {
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 18px 8px 0;
}
.news-page-details .p p {
	padding: 15px 0 0
}
.heading-container {
	padding: 25px 0;
	margin: 0 0 15px;
	background-color: #f1f1f1;
}

.page-heading {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-family: Roboto;
	font-weight: 400;
	color: #ce8f09;
}
.btn-back {
	background-color: #7b96b6;
	border-radius: 0;
	color: #fff;
	padding: 8px 15px;
	border-color: #7b96b6
}
.btn-back:focus {
	background-color: #b0c3da
}
.btn-back .fa {
	margin-right: 7px;
}
.pricing-note-section {
	/*background-color: #fafafa;
	 border-bottom: 1px solid #e5e5e5;
	 border-radius: 0;
	 border-top: 1px solid #e5e5e5;*/
	background-color: #ffffee;
	border-bottom: 1px solid #ffe4ad;
	border-radius: 0;
	border-top: 1px solid #ffe4ad;
	margin-bottom: 20px;
	padding: 20px 25px;
}
.pricing-note-section h3 {
	color: #333;
	font-family: Open Sans;
	font-size: 22px;
	font-weight: 600;
	margin: 5px 0 20px;
	padding: 0
}
.pricing-note-section h3 .fa {
	margin-right: 15px;
}
.pns-content-list {
	padding: 15px 0 0
}
.pns-content-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pns-content-list li {
	font-family: Open Sans;
	font-size: 16px;
	color: #3a3a3a;
	padding: 0 0 18px 30px;
}
.pns-content-list li .fa {
	margin-right: 15px;
	font-size: 16px;
}
.please-call {
	color: #e4423f
}
.pns-content-list li .please-call .fa {
	margin-left: 5px;
	margin-right: 0;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.news-icon {
		width: 100px;
	}
	.news-content {
		width: calc(100% - 100px)
	}
	.news-icon .transform:before {
		left: -80px;
		width: 190%;
	}
}

@media (max-width: 768px) {
	section h2.section-heading {
		padding: 0;
		text-align: center;
		font-size: 22px;
		margin-bottom: 10px;
	}
	.heading-container{
    padding: 13px 0;
  }
	.section-highlight{
    padding: 15px 0;
  }
	.news-icon {
		width: 100px
	}
	.news-icon .transform .fa {
		top: 30%;
		height: auto
	}
	.news-icon .transform:before {
		content: none
	}
	.news-content {
		width: calc(100% - 100px);
		padding: 15px 15px 15px 22px;
	}
	.news-page-details time {
		display: block;
		text-align: center;
		padding: 0
	}
	.news-list-container article a .news-icon, .news-list-container article a .news-icon {
		background-color: #ececec;
	}
	.news-list-container article a:hover .news-icon, .news-list-container article a:focus .news-icon {
		background-color: #30a699;
	}
	.news-list-container article a:hover .news-icon .transform, .news-list-container article a:focus .news-icon .transform {
		color: #fff;
	}
	.news-page-details .page-heading{
    font-size: 19px;
  }
	.news-page-details .p img {
		float: none;
		display: block;
		border: 1px solid #ccc;
		padding: 2px;
		margin: 0 auto 15px;
	}
	#back-btn-container {
		display: none
	}
	.btn.btn-mobile-back{
    padding: 4px 12px;
    font-size: 14px;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0
  }
  #mobile-view{
    display: block;
  }  
}
@media (max-width: 400px) {
	.news-icon {
		width: 100%;
		display: block
	}
	.news-icon .transform, .news-icon .transform .fa {
		position: relative
	}
	.news-content {
		width: 100%;
		display: block
	}
}
@media (min-width: 768px) {
	.timeline:before {
		left: 50%;
	}
	.timeline > li {
		margin-bottom: 100px;
		min-height: 100px;
	}
	.timeline > li .timeline-panel {
		width: 41%;
		float: left;
		padding: 0 20px 20px 30px;
		text-align: right;
	}
	.timeline > li .timeline-image {
		width: 100px;
		height: 100px;
		left: 50%;
		margin-left: -50px;
	}
	.timeline > li .timeline-image h4 {
		font-size: 13px;
		margin-top: 16px;
		line-height: 18px;
	}
	.timeline > li.timeline-inverted > .timeline-panel {
		float: right;
		text-align: left;
		padding: 0 30px 20px 20px;
	}
	.timeline > li > .timeline-panel.inverted {
		float: right;
		text-align: left;
		padding: 0 20px 0 20px;
	}
	.timeline > li.timeline-inverted > .timeline-panel.inverted {
		float: left;
		text-align: right;
		padding: 0 20px 0 20px;
	}
	.timeline-image .img-responsive {
		margin: 18px auto;
		width: 60% !important
	}
}
@media (min-width: 992px) {
	.timeline > li {
		min-height: 150px;
	}
	.timeline > li .timeline-panel {
		padding: 0 20px 20px;
	}
	.timeline > li .timeline-image {
		width: 150px;
		height: 150px;
		margin-left: -75px;
	}
	.timeline > li .timeline-image h4 {
		font-size: 18px;
		margin-top: 30px;
		line-height: 26px;
	}
	.timeline > li.timeline-inverted > .timeline-panel {
		padding: 0 20px 20px;
	}
	.timeline-image .img-responsive {
		margin: 30px auto;
		width: 50% !important
	}
}
@media (min-width: 1200px) {
	.timeline > li {
		min-height: 170px;
	}
	.timeline > li .timeline-panel {
		padding: 0 20px 20px 100px;
	}
	.timeline > li .timeline-image {
		width: 170px;
		height: 170px;
		margin-left: -85px;
		overflow: hidden
	}
	.timeline > li .timeline-image h4 {
		margin-top: 40px;
	}
	.timeline > li.timeline-inverted > .timeline-panel {
		padding: 0 100px 20px 20px;
	}
	.timeline-image .img-responsive {
		margin: 40px auto;
		width: 100%
	}

}

.jsarrowLeft, .jsarrowRight {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('../images/a22.png') center center no-repeat;
	overflow: hidden;
}
.jsarrowLeft {
	background-position: -10px -31px;
}

.jsarrowRight {
	background-position: -70px -31px;
}

.jsarrowLeft:hover {
	background-position: -130px -31px;
}

.jsarrowRight:hover {
	background-position: -190px -31px;
}

.jsarrowLeft.jssora22ldn {
	background-position: -250px -31px;
}

.jsarrowRight.jssora22rdn {
	background-position: -310px -31px;
}
.jssor-slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1300px;
	height: 445px;
	overflow: hidden;
	visibility: hidden;
}
.jssor-slider-loading {
	position: absolute;
	top: 0px;
	left: 0px;
}
.jsl-div {
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.jsl-div-2 {
	position: absolute;
	display: block;
	background: url('../images/loading.gif') no-repeat center center;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.jsl-container {
	cursor: default;
	position: relative;
	top: 0px;
	left: 0px;
	width: 1300px;
	height: 445px;
	overflow: hidden;
}
.autoFocus {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
	cursor: pointer;
	filter: alpha(opacity=0)
}

.list-group .mCSB_inside > .mCSB_container {
	padding: 0 0 0 15px;
}
#important-notifications.activeShadow, #news-scroll-container.activeShadow {
	position: relative;
	overflow: hidden;
}
#important-notifications.activeShadow:before, #news-scroll-container.activeShadow:before {
	box-shadow: 0 11px 10px rgba(0, 0, 0, 0.1);
	content: "";
	height: 31px;
	left: -1px;
	position: absolute;
	top: -38px;
	width: 100%;
	z-index: 5;
}
#important-notifications.activeShadow:after, #news-scroll-container.activeShadow:after {
	box-shadow: 0 -11px 10px rgba(0, 0, 0, 0.1);
	content: "";
	height: 31px;
	left: -1px;
	position: absolute;
	bottom: -38px;
	width: 100%;
	z-index: 5;
}
.btn-in {
	border-color: #2688ff;
	color: #fff;
	background-color: #2688ff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400
}
.btn-in:hover, .btn-in:focus {
	border-color: #1375ec;
	color: #fff;
	background-color: #1375ec;
}
.btn-nb {
	border-color: #30a699;
	color: #fff;
	background-color: #30a699;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400
}
.btn-nb:hover, .btn-nb:focus {
	border-color: #259b8e;
	color: #fff;
	background-color: #259b8e;
}

.login-register-forgot-form .control-label {
	color: #3e3e3e;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	font-weight: 300;
	text-align: left;
}
.login-register-forgot-form .control-label .col {
	float: right;
}
.login-register-forgot-form .form-control {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400;
}

/********************************/
/*_____[ Profile Page Css ]_____*/
/********************************/
.form-profile {
	padding: 30px 0
}
.form-profile .form-group {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 15px
}
.form-profile .control-label {
	padding: 5px 0;
	font-weight: 300;
	font-size: 17px;
	color: #3e3e3e;
	font-family: "Roboto Condensed", sans-serif;
}

.profile-radio-buttons .radio-inline {
	font-size: 16px;
	padding: 6px 20px;
	margin: -2px;
	border-radius: 3px 0 0 3px;
	position: relative;
	background-color: #f2f2f2
}
.profile-radio-buttons .radio-inline.active {
	background-color: #de8c1a;
	color: #fff;
	box-shadow: none
}
.profile-radio-buttons .radio-inline + .radio-inline {
	margin-left: -3px;
	border-radius: 0 3px 3px 0;
}

.profile-radio-buttons .radio-inline input[type=radio] {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0)
}
.profile-radio-buttons .radio-inline input:checked {
	border: 1px solid #f00
}
.profile-pic {
	border: 1px solid #ccc;
	width: 220px;
	height: 180px;
	border-radius: 3px;
	margin-bottom: 15px;
	padding: 4px;
}
.profile-pic figure {
	border-radius: 3px;
	background-color: #f2f2f2;
	width: 100%;
	height: 170px;
	text-align: center;
	overflow: hidden
}
.btn-primary.btn-border {
	box-shadow: 0 3px 0 rgba(51, 122, 183, 0.3);
	border: 0 none;
	border-radius: 3px;
	font-family: Roboto;
	font-size: 14px;
	padding: 8px 15px;
}
.profile-btns .btn + .btn {
	margin-left: 5px;
}
.profiles-btn-group {
	float: left;
	margin: 0 0 0 104px;
	position: absolute;
	top: 0;
}
.profile-btns {
	position: relative;
}

.opps-container {
	background-color: #f9fafb;
	padding: 50px 15px 20px;
	margin-right: 15px;
	text-align: center
}
.opps-container .img-responsive {
	margin: 0 auto
}
.opps-container h6 {
	font-size: 23px;
	color: #5f697a;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding: 40px 0 0
}
.form-profile #divActionBtn .btn{
  width: 100%
}

@media (max-width: 768px) {
	.form-profile .form-group .field-input {
		padding-left: 0;
		padding-right: 0;
		margin-top: 5px;
	}
	.pricing-note-section {
		background-color: #fff;
		margin: 15px 0 30px;
		padding: 20px 0
	}
	.pns-content-list li {
		padding: 0 0 18px 30px;
		position: relative;
		line-height: 27px;
	}
	.pns-content-list li .fa {
		position: absolute;
		top: 5px;
		left: 0
	}
	.pns-content-list li .please-call .fa {
		position: relative;
		top: 0
	}
	.pricing-heading h1 {
		padding: 0;
		text-align: center
	}
	.profiles-btn-group {
		float: left;
		position: relative;
		top: 0;
		margin: 5px 0 0
	}	
	
	table#tblTakeStudPic, table#tblTakeStudPic tr, table#tblTakeStudPic tbody, table#tblTakeStudPic td{
    display: block;
  }
	table#tblTakeStudPic td div{
    display: block;
    width: 100%;
    margin-top: 10px
  }
  #page-details-container .well .page-dtl-row .coman-field label .col{
    float: none;
    margin-left: 5px;
  } 
  .hidden-label{
    display: none
  }
  .form-field-container .form-group{
    margin-left: 0;
    margin-right: 0;
    padding: 0
  } 
  .login-register-forgot-form .control-label .col {
  	float: none;
  }
  .panel-heading span{
    width: 155px
  }
  .panel-default > .panel-heading {
    font-size: 19px;
  }
  .mobile-padding-view{
    margin: 0
  }
  .mobile-padding-view .col-sm-6{
    padding: 0
  }
  .btn-change-pin{
    width: 100%
  }
  .list-group a.list-group-item {
  	height: auto;
  }  
}

@media (max-width: 420px) {
	.uploadifyQueue {
		margin-top: 10px;
	}
	.profiles-btn-group .btn {
		clear: both;
		float: left;
		margin-bottom: 7px;
		margin-left: 0 !important;
		width: 100%;
		margin-top: 5px;
	}
	.uploadifyQueueItem {
		width: 100% !important
	}
  .profile-pic{
    width:  100%
  }
  .uploadifive-button.btn.btn-browse{
    width: 100% !important
  }
  .profiles-btn-group{
     width: 100%
  }
  .empty-padding{
    padding: 0
  }
  .form-profile{
    padding: 15px 0
  }
}
@font-face {
	font-family: 'WebRupee';
	src: url('../fonts/webrupee/WebRupee.eot?#iefix') format('embedded-opentype'), url('../fonts/webrupee/WebRupee.woff') format('woff'), url('../fonts/webrupee/WebRupee.ttf') format('truetype'), url('../fonts/webrupee/WebRupee.svg#WebRupee') format('svg');
	font-weight: normal;
	font-style: normal;
}