@charset "UTF-8";
/* CSS Document */
/*@import '/fonts/fonts.css';*/

/*
brandcolor#01: #A7CC7F
brandcolor#02: #D8E4BA
*/ 

body {
	font-family: "roboto";
	font-weight: 300;
	counter-reset: service;
}
body.soft {
	background-color: #D8E4BA;
}
.text-success {
  color: #0C0;
}
.text-muted {
	color: #ccc;
}
.text-colored {
	color: #A7CC7F;
}
.darkgray_background {
	background-color: #333;
}
.ligtgray_background {
	background-color: #eee;
}
.colored_background {
	background-color: #D8E4BA;
}
.white_background {
	background-color: #fff;
}
.section-header {
	margin-top: 60px;
}
.section-header h4{
	line-height: 2.5em;
	text-transform: uppercase;
	
}

/*-------------------------------------------------------------- */
/*------------------------- HEADERS ---------------------------- */
/*-------------------------------------------------------------- */
h1 {
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}


/*-------------------------------------------------------------- */
/*------------------------- SELECTORS -------------------------- */
/*-------------------------------------------------------------- */
a,
a:link,
a:visited {
  color: #A7CC7F;
  text-decoration: underline;
}
a:hover,
a:active,
a:focus {
  color: #A7CC7F;
  text-decoration: none;
}
a.white,
a.white:link,
a.white:visited {
  color: #fff;
  text-decoration: underline;
}
a.white:hover,
a.white:active,
a.white:focus {
  color: #fff;
  text-decoration: none;
}
a.dark,
a.dark:link,
a.dark:visited {
  color: #333;
  text-decoration: underline;
}
a.dark:hover,
a.dark:active,
a.dark:focus {
  color: #000;
  text-decoration: none;
}
/*-------------------------------------------------------------- */
/*------------------------- ICONS ------------------------------ */
/*-------------------------------------------------------------- */

/*------------------------- ICONS STATUS ----------------------- */
.icon-status-group {
	margin-right: 20px;
}
.icon-status {
	width: 30px;
	height: 30px;
	float: right;
	margin: 15px 1px 0 1px;
	background: url(../images/layout/icons-status.png) no-repeat;
	background-position-x: 0;
}
.icon-status-small {
	width: 20px;
	height: 20px;
	background-size: 40px 140px;
	margin-top: 7px;
}
.icon-inactive { background-position-x: -30px; }

.icon-status-inprogress { background-position-y: 0; }
.icon-status-finished { background-position-y: -30px; }
.icon-status-start { background-position-y: -60px; }
.icon-status-polled { background-position-y: -90px; }
.icon-status-accepted { background-position-y: -120px; }
.icon-status-payed { background-position-y: -150px; }
.icon-status-receipt { background-position-y: -180px; }

.icon-status-small.icon-inactive { background-position-x: -20px; }

.icon-status-small.icon-status-inprogress { background-position-y: 0; }
.icon-status-small.icon-status-finished { background-position-y: -20px; }
.icon-status-small.icon-status-start { background-position-y: -40px; }
.icon-status-small.icon-status-polled { background-position-y: -60px; }
.icon-status-small.icon-status-accepted { background-position-y: -80px; }
.icon-status-small.icon-status-payed { background-position-y: -100px; }
.icon-status-small.icon-status-receipt { background-position-y: -120px; }


.icon-accepted-count {
	background: none;
	font-size: 6px;
	line-height: 1.4em;
	text-align: center;
	padding-top: 8px;
}
.icon-accepted-count strong {
	font-size: 10px;
}
/*------------------------- ICONS RATING ----------------------- */
.icon-rating {
	display: block;
	width: 79px;
	height: 15px;
	margin: 0px;
	background: url(../images/layout/icons-rating.png) no-repeat;
	background-position-x: 0;
}
.icon-rating-0 { background-position-y: 0; }
.icon-rating-1 { background-position-y: -15px; }
.icon-rating-2 { background-position-y: -30px; }
.icon-rating-3 { background-position-y: -45px; }
.icon-rating-4 { background-position-y: -60px; }
/*.icon-rating-5 { background-position-y: -75px; }*/


/*-------------------------------------------------------------- */
/*------------------------- BUTTONS ---------------------------- */
/*-------------------------------------------------------------- */
.btn {  
  padding: 10px 20px;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn.btn-sort {
  width: 30px;
  height: 30px;
  padding-left: 0;
  padding-right: 0;
  background: url(../images/layout/sort-icon.png) no-repeat center center;
}
.btn.btn-sort:hover {
  background: url(../images/layout/sort-icon-active.png) no-repeat center center;
}

/*------------------------- DEFAULT ---------------------------- */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.btn-default:hover {
  color: #333;
  background-color: #eee;
  border-color: transparent;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #eee;
  border-color: transparent;
  box-shadow: none;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #eee;
  border-color: transparent;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  opacity: 1;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
/*------------------------- PRIMARY ---------------------------- */
a.btn-primary,
.btn-primary {
  color: #fff;
  background-color: #A7CC7F;
  border-color: #A7CC7F;
  text-decoration: none;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #85AA5D;
  border-color: #85AA5D;
}
.btn-primary:hover {
  color: #fff;
  background-color: #85AA5D;
  border-color: #85AA5D;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #85AA5D;
  border-color: #85AA5D;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #85AA5D;
  border-color: #85AA5D;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #85AA5D;
  border-color: #85AA5D;
  opacity: .2
}
/*------------------------- INFO ---------------------------- */
.btn-info {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #333;
  border-color: #333;
  opacity: .3;
}
/*------------------------- DANGER ---------------------------- */
.btn-danger {
  color: #fff;
  background-color: #c00;
  border-color: #c00;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c00;
  border-color: #c00;
}
.btn-danger:hover {
  color: #fff;
  background-color: #f00;
  border-color: #f00;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #f00;
  border-color: #f00;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #c00;
  border-color: #c00;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c99;
  border-color: #c99;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
/*-------------------------------------------------------------- */
/*------------------------- MODALS BARS ------------------------ */
/*-------------------------------------------------------------- */
.modal-content {
	border-radius: 0;
}
.modal-header {
	background: #A7CC7F;
	color: #fff;
	text-transform: uppercase;
}
.modal-header h3 {
	font-weight: 300;
}
.modal-body {
	background: #ccc;
}

.modal-body fieldset {
	border-bottom: none;
}
.modal-body fieldset legend {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: .86em;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px groove #eee;
}
.modal-body .highlight-box {
	background: #999;
	top: -15px;
	padding-top: 15px;
}
.close img {
	width: 30px;
}
.close {
	opacity: .7;
	position: relative;
	top: 5px;
}
label {
	font-weight: inherit;
}
/*------------------------- SUBMITED MODAL --------------------- */
#modal_submited_work .modal-body,
#submited_modal .modal-body {
	padding-top: 70px;
	background: url(../images/layout/icon-validated.png) no-repeat center top 10px;
	text-transform: uppercase;
}
#submited_modal .modal-body h6 {
	color: #666;
}
/*-------------------------------------------------------------- */
/*------------------------- NAV BARS --------------------------- */
/*-------------------------------------------------------------- */
.navbar {
	min-height: 40px;
}
.navbar-default {
  background: none;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 12px;
}
.navbar-default .navbar-brand {
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #A7CC7F;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  line-height: 1em;
}

.navbar-default #main_menu,
.navbar-default #login_menu {
	margin-right: 5px;
}

.navbar-default #main_menu.navbar-nav > li > a,
.navbar-default #main_menu.navbar-nav > li > a:link,
.navbar-default #main_menu.navbar-nav > li > a:visited {
  color: #fff;
  text-decoration: none;
}
.navbar-default #main_menu.navbar-nav > li > a:hover,
.navbar-default #main_menu.navbar-nav > li > a:focus {
  color: #A7CC7F;
  background-color: transparent;
}
.navbar-default #main_menu.navbar-nav > .active > a,
.navbar-default #main_menu.navbar-nav > .active > a:hover,
.navbar-default #main_menu.navbar-nav > .active > a:focus {
  color: #A7CC7F;
  background: none;
  box-shadow: none;
}
.navbar-default #main_menu.navbar-nav > .disabled > a,
.navbar-default #main_menu.navbar-nav > .disabled > a:hover,
.navbar-default #main_menu.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

body.soft .navbar-default:not([class="navbar-shrinked"]) #main_menu.navbar-nav {
	font-weight: 400;
}
body.soft .navbar-default:not(.navbar-shrinked) #main_menu.navbar-nav > li > a,
body.soft .navbar-default:not(.navbar-shrinked) #main_menu.navbar-nav > li > a:link,
body.soft .navbar-default:not(.navbar-shrinked) #main_menu.navbar-nav > li > a:visited  {
	color: #000;
}
body.soft .navbar-default:not([class="navbar-shrinked"]) #main_menu.navbar-nav > li > a:hover,
body.soft .navbar-default:not([class="navbar-shrinked"]) #main_menu.navbar-nav > li > a:focus,
body.soft .navbar-default:not([class="navbar-shrinked"]) #main_menu.navbar-nav > li > a:active  {
	color: #A7CC7F;
}

.navbar-default #lang_menu.navbar-nav > li > a {
  color: #fff;
  background: #333;
}
.navbar-default #lang_menu.navbar-nav > li > a:hover,
.navbar-default #lang_menu.navbar-nav > li > a:focus {
  color: #A7CC7F;
  background: #333;
}
.navbar-default #lang_menu.navbar-nav > .active > a,
.navbar-default #lang_menu.navbar-nav > .active > a:hover,
.navbar-default #lang_menu.navbar-nav > .active > a:focus {
  color: #A7CC7F;
  background: #333;
  opacity: .2;
  box-shadow: none;
}
.navbar-default #lang_menu.navbar-nav > .disabled > a,
.navbar-default #lang_menu.navbar-nav > .disabled > a:hover,
.navbar-default #lang_menu.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default #login_menu.navbar-nav > li > a {
  color: #fff;
  background: #A7CC7F;
  text-decoration: none;
}
.navbar-default #login_menu.navbar-nav > li > a:hover,
.navbar-default #login_menu.navbar-nav > li > a:focus {
  color: #fff;
  background: #85AA5D;
  text-decoration: none;
}
.navbar-default #login_menu.navbar-nav > .active > a,
.navbar-default #login_menu.navbar-nav > .active > a:hover,
.navbar-default #login_menu.navbar-nav > .active > a:focus {
  color: #fff;
  background: #85AA5D;
  box-shadow: none;
}
.navbar-default #login_menu.navbar-nav > .disabled > a,
.navbar-default #login_menu.navbar-nav > .disabled > a:hover,
.navbar-default #login_menu.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default #login_menu .login_menu_username {
	line-height: 40px;
	padding: 0 20px;
	font-weight: 600;
}
#top-nav.navbar-shrinked  #login_menu .login_menu_username {
	color: #fff;
}
#footer_menu.navbar-nav {
	padding: 0px;
	line-height: 1em;
}
#footer_menu.navbar-nav > li > a {
  color: #fff;
  background: none;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 0px;
  padding-top: 0px;
  text-decoration: none;
}
#footer_menu.navbar-nav > li > a:hover,
#footer_menu.navbar-nav > li > a:focus {
  color: #A7CC7F;
  background: none;
}
#footer_menu.navbar-nav > .active > a,
#footer_menu.navbar-nav > .active > a:hover,
#footer_menu.navbar-nav > .active > a:focus {
  color: #333;
  background: #A7CC7F;
  box-shadow: none;
}
#footer_menu.navbar-nav > .disabled > a,
#footer_menu.navbar-nav > .disabled > a:hover,
#footer_menu.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}
@media (max-width: 767px) {
	.navbar-default {
	  background: #eee;
	}
	.navbar-default .navbar-nav {
		margin: 0px 0 !important;
		padding: 2px 0;
		border-bottom: 1px solid #ccc;
	}
}
#top-nav {
	height: 80px;
	background: none;
	border: none;
}
#top-nav.navbar-shrinked {
	height: 40px;
	background: #333;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.navbar-brand {
    height: 100px;
    padding-top: 0;
	padding-top: 10px;
}
.navbar-brand.navbar-brand-shrinked  {
	height: 40px;
	/*transition: all 0.2s ease;*/
}
.navbar-brand img {
	height: 100%;
}
.navbar-brand.navbar-brand img.shrinked {
	display: none;
}
/*------------------------- DROP DOWN  ------------------------- */
.dropdown-menu {
	background: none;
	padding: 0px;
}
.dropdown-menu > li {
	margin: 1px 0;
	font-size: 12px;
	font-weight: 300;
	border-top: 1px solid #eee;
}
.dropdown-menu > li > a {
  padding: 15px;
  color: #333;
  background: rgba(255,255,255,.9);
  text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #A7CC7F;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #A7CC7F;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/*-------------------------------------------------------------*/
/*---------------NAV TABS -------------------------------------*/
/*-------------------------------------------------------------*/
.nav-tabs-row {
	background: #A7CC7F;
	-webkit-box-shadow: inset 0px -1px 1px 1px rgba(0,0,0,0.22);
	-moz-box-shadow: inset 0px -1px 1px 1px rgba(0,0,0,0.22);
	box-shadow: inset 0px -1px 1px 1px rgba(0,0,0,0.1);
}
.content-row {
	background: #eee;
	padding: 25px 0px;
}
/*---------------NAV TABS BOOTSTRAP COSTUMIZE -----------------*/
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0px;
  border-left: 1px solid #D8E4BA;
}
.nav-tabs > li:first-child {
	border: none;
}
.nav-tabs > li > a {
  margin-right: 2px;  
  line-height: 2.5em;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
}
.nav-tabs > li > a:hover {  
  border-color: none;
  border: none;
  color: #000;
  background: none;
}
.darkgray_background .nav-tabs > li > a:hover {  
	color: #fff;
	background: #A7CC7F;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #000;
  cursor: default;  
  background-color: #eee;
  border: none;
}

/*---------------DASHBOARD PANEL TABS  -----------------*/
.dashboard_panel {
	background: #eee;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.dashboard_panel .nav-tabs {
	background: #A7CC7F;
}
.dashboard_panel .tab-content {
	background: #eee;
}
.nav-tabs > li {
  border: none;
}
.nav-tabs > li > h4,
.dashboard_panel .panel_header.dark h4 {
  line-height: 3em;
  margin: 0px 15px;
}
.dashboard_panel .panel_header.dark h4 {
	color: #A7CC7F;
}
.dashboard_panel .panel_header.dark {
	background: #333;
}
.dashboard_panel .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px;
  font-size: .7em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #c00;
  border-radius: 4px;
  border: 1px solid #fff;
  position: relative;
  top: -1.3em;
  left: -5px;
  -webkit-box-shadow: -0px 0px 10px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: -0px 0px 10px 1px rgba(0,0,0,0.3);
  box-shadow: -0px 0px 10px 1px rgba(0,0,0,0.3);
}
.dashboard_panel .records_list {
	font-size: .8em;
}
.dashboard_panel .records_list > li {
	line-height: 5em;
}
.dashboard_panel .records_list > li > div > div > a {
	white-space: nowrap;
	font-size: .8em;
}
.dashboard_panel  .records_list > li.records_list_header {
	font-size: 1em;
}
.dashboard_panel .btn.btn-fullheight {
	width: 99% !important;
	height: 5em !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 1em !important;
}
.dashboard_panel p {
	margin: 0px;
}
.dashboard_panel .detailed_info {
	padding: 0 0px;
	margin-top: 1px;
	line-height: 1.4em;
}
.dashboard_panel .detailed_info > div {
	border-top: 1px solid #eee;
}
.dashboard_panel .detailed_info h6 {
	font-size: 11px;
	margin-bottom: 3px;
}
.dashboard_panel .detailed_info p {
	text-transform: none;
	margin: 0 0 15px 0;
}
.dashboard_panel .records_list img.accepted {
	max-width: 100%;
}
/*--------------- FOOTER NEWS -----------------*/
#footer_news {
	background: #eee;
	padding-top: 30px; 
	padding-bottom: 30px; 
	-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
}
.news_module .date {
	font-size: .8em;
}
.news_module h4 {
	margin-top: 0px;
}
/*-------------------------------------------------------------- */
/*------------------------- TOP BANNER ------------------------- */
/*-------------------------------------------------------------- */
#top_banner {
}
#top_banner .swiper-slide h1,
#top_banner .swiper-slide h1 small {
	display: block;
	text-transform: capitalize;
	font-size: 36px;
	font-weight:inherit;
}
#top_banner .swiper-slide h1 {
	font-weight: 500;
	padding-bottom: .4em;
}
#top_banner .swiper-slide h1:after {
  position: absolute;
  left    : 15px;
  bottom  : 0;
  height  : 1px;
  width   : 10%;  /* or 100px */
  border-bottom: 1px solid #333;
}
#top_banner .swiper-slide h1 small{
	color: #444;
	font-weight: 300;
	margin-bottom: .3em;
	
}
#top_banner .swiper-slide h1 small span {
	display: inline-block;
	position: relative;
	left    : 10px;
	top  	: -10px;
	height  : 24px;
	width   : 30px;  /* or 100px */
	background: no-repeat center bottom;
	background-size: 30px 48px;
}
.swiper-slide {
	background: url(../images/layout/bg_topBanner.png) repeat-x;
	background-size: cover;
	padding: 0px;
}
#top_banner_footer {
	background: #A7CC7F;
}
#top_banner_footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.top_banner_footer_item_container {
	padding: 35px 0;
	height: 200px;
	cursor: pointer;
}
.top_banner_footer_item_icon_container {
	width: 86px;
	height: 70px;
	background: no-repeat;
	background-position: center top;
	margin-bottom: 12px;
}
.top_banner_footer_item_container p {
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-size: 1.78em;
	font-size: 20px;
	line-height: 1.2em;
	padding-right: 20px;
}
.top_banner_footer_item_container:hover p,
.top_banner_footer_item_container.active p {
	color: #333;
}
.top_banner_footer_item_container:hover .top_banner_footer_item_icon_container,
.top_banner_footer_item_container.active .top_banner_footer_item_icon_container {
	background-position: center bottom;
}
#top_banner .button_holder {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
}
#top_banner_footer_container_holder {
		background: #eee;
}
.top_banner_footer_container {
	padding: 80px 0;
	position: relative;
	display: none;
}
.top_banner_footer_container .button_holders {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
}
/*-------------------------------------------------------------- */
/*------------------------- FOOTER ----------------------------- */
/*-------------------------------------------------------------- */
footer {
	margin-top: 30px;
}
#footer_pre_row {
	background: #333;
	padding: 23px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	line-height: 2.5em;
}
#footer_main_row {
	background: #000;
	padding: 20px 0;
}
#copyright,
#credits {
	font-size: 10px;
	line-height: 2em;
	color: #fff;
}
/*-------------------------------------------------------------- */
/*------------------------- LISTS ------------------------------ */
/*-------------------------------------------------------------- */
.records_list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: .9em;
	text-transform: uppercase;
}
.records_list > li {
	margin-bottom: 3px;
	line-height: 4em;
	background: #fff;
}
.records_list.sublist > li {
	line-height: 3em;	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0;
}
.records_list.sublist > li:first-child {
	border-bottom: none;
}
.records_list > li.records_list_header {
	background: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 500;
}
.financial-debit {
	color: #f00;
}
.financial-credit {
	color: #090;
}
.financial-total {
	text-align: right;
}
.financial-total span.item_name {
	width: 20%;
	vertical-align: top;
	text-transform:uppercase;
	margin-right: 20px;
}
.financial-total span.item_price {
	width: 80%;
	font-size: 32px;
	line-height: 1em;
	font-weight: 500;
}
.collapse-toggler {
	cursor: pointer;
}

.sub-records-list {
	margin: 0 0 15px 0;
	padding: 0px;
	list-style: none;
}
.sub-records-list > li {
	line-height: 2.5em;
	border-bottom: 1px solid #eee;
}

/*------------------------- COMMENTS --------------------------- */
.comments_panel {
	border-top: 1px solid #eee;
}
.comments_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.comments_list li {
	font-size: .8em;
	border-top: 1px solid #eee;
}
.comments_list li:first-child {
	border: none;
}
.comments_list .date,
.comments_list p:first-child  {
	margin-top: 8px;
}
form.add_comment {
	margin: 10px 0 0 0 ;
	padding: 0px 0;
}
form.add_comment textarea {
	border: 1px solid #eee;
	resize: none !important;
}
	
/*-------------------------------------------------------------- */
/*------------------------- JOB DETAIL ------------------------- */
/*-------------------------------------------------------------- */
.job_detail_general_data {
	background: #fff;
	margin: 30px 0px;
	line-height: 1.4em;
}
.job_detail_general_data .job_detail_primary_info {
	line-height: 4em;
}
.job_detail_general_data .job_detail_secondary_info {
	border-top: 1px solid #eee;
}
.job_detail_general_data .job_detail_secondary_info  h6 {
	font-size: 11px;
	margin-bottom: 3px;
	text-transform:uppercase;
}
.job_detail_general_data .job_detail_secondary_info  p {
	text-transform: none;
	margin: 0 0 15px 0;
	font-size: 12px;
}
.job_detail_general_data .bootstrap-select button {
	border: 1px solid #eee;
}
.job_detail_general_data input {
	border: 1px solid #eee;
	margin-top: 5px;
}
.job_detail_pack_data {
	background: #fff;
	margin-bottom: 30px;
}
.job_detail_pack_data .pack_stage {
	padding: 15px 0;
	border-top: 1px solid #eee;	
}
.pack-stage-inactive {
	opacity: .25;
}
.job_detail_pack_data .pack_stage:fisrt-child {
	border: none;
}
.job_detail_pack_data h4 {
	font-weight: 200;
	text-transform: uppercase;
	font-size: 1em;
}
.job_detail_pack_data h6 {
	font-size: 11px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.job_detail_pack_data p {
	text-transform: none;
	margin: 0 0 15px 0;
	font-size: 12px;
}
/*-------------------------------------------------------------- */
/*------------------------- WIZZARD ---------------------------- */
/*-------------------------------------------------------------- */
#wizzard_box {
	background: #333;	
	text-align: center;
	padding-top: 40px;
}
#wizzard_box h1 {
	color: #fff;
	text-transform: none;
	font-weight: inherit;
}
#wizzard_box form {
	width: 80%;
	margin: 0 auto;
}
#wizzard_box .progressbar {
	width: 80%;
	height: 1px;
	background: rgba(216,228,186,.7);
	margin: 30px auto 30px auto;
}
#wizzard_box .progressbar .step {
	position: relative;
	top: -6px;
	background: #D8E4BA;
	height: 12px;
	width: 3px;
	display: block;
}
#wizzard_box .progressbar .step .step_value {
	color: #D8E4BA;
	position: absolute;
	top: 12px;
	left: -8px;
	font-size: 12px;
}
/*-------------------------------------------------------------- */
/*------------------------- RIGHT PANNEL------------------------ */
/*-------------------------------------------------------------- */
.rightPannel {
}
.rightPannel .filledPanel {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #A7CC7F;
}
.rightPannel h5 {
	text-transform: uppercase;
	font-weight: 900;
}
.rightPannel .checkout_items_list {
	margin: 0 0 30px 0;
	padding: 0px;
	list-style: none;
}
/* -------------- checkout_items_list ----------------*/
.rightPannel .checkout_items_pannel {
	margin-bottom: 36px;
}
.rightPannel .checkout_items_list li {
	text-transform:uppercase;
	display: table;
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px dotted #333
}
.rightPannel .checkout_items_list li.inactive {
	opacity: .3;
}
.rightPannel .checkout_items_list li > span {
	display: table-cell;
}
.rightPannel .checkout_items_list li > span.item_name {
	width: 67%;
}
.rightPannel .checkout_items_list li > span.item_price {
	width: 33%;
	text-align: right;
}
.rightPannel .checkout_items_list li.total {
	font-weight: 700;
	border: none;
}
.rightPannel .checkout_items_list li.total > span.item_name {
	width: 20%;
	vertical-align: top;
}
.rightPannel .checkout_items_list li.total > span.item_price {
	width: 80%;
	font-size: 32px;
	line-height: 1em;
}

/* -------------- ulpoaded_files_list ----------------*/
.checkout_uploaded_pannel {
	margin-bottom: 36px;
}
.checkout_uploaded_list_container {
	background: #fff;
	padding: 10px;
}
.checkout_uploaded_pannel h5 {
	font-weight: 300;
	text-transform: uppercase;
}
.checkout_uploaded_pannel .checkout_uploaded_list {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
}
.checkout_uploaded_pannel .checkout_uploaded_list li {
	text-transform:uppercase;
	padding: 16px 0;
	border-bottom: 1px dotted #ccc
}

/* -------------- user_status_panel ----------------*/
.rightPannel .user_status_panel {
	margin-bottom: 10px;
	text-transform: uppercase;
	background: #333;
	padding: 10px;
}
.rightPannel .user_status_panel h2 {
	margin: 0px;
	color: #A7CC7F
}
.rightPannel #form_user_status {
	margin: 20px 0;
}
.rightPannel .user_status_panel .bootstrap-select .glyphicon {
	/*font-size: 2em;*/
	margin-right: 10px;
}
.rightPannel .user_status_panel .bootstrap-select .glyphicon-ok {
	color: #A7CC7F;
	
}
.rightPannel .bootstrap-select .glyphicon-remove {
	color: #c00;
}
/* -------------- user_alerts_panel ----------------*/
.rightPannel .user_alerts_panel {
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px;
}
.rightPannel .user_alerts_panel .user_alerts_list {
	margin: 0px -10px;
	padding: 0px;
	list-style-position: inside;
}
.rightPannel .user_alerts_panel .user_alerts_list li {
	margin: 1px 0px;
	padding: 16px 40px 16px 10px;
	font-size: 12px;
	text-transform: none;
	background: #fff no-repeat right 15px center;
}
.rightPannel .user_alerts_panel .user_alerts_list li.urgent {
	color: #c00;
	background-image: url(../images/layout/icons_alerts_urgent.png);
}
.rightPannel .user_alerts_panel .user_alerts_list li.mid-urgent {
	background-image: url(../images/layout/icons_alerts_mid_urgent.png);
}
.rightPannel .user_alerts_panel .user_alerts_list li.no-urgent {
	background-image: url(../images/layout/icons_alerts_no_urgent.png);
}
/*-------------------------------------------------------------- */
/*------------------------- FORMS ------------------------------ */
/*-------------------------------------------------------------- */
fieldset {
	border-bottom: 1px solid #A7CC7F;
}
/*------------------------- FORM_CONTROLS -----------------------*/
.form-control {
  height: 50px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.4em;
  color: #333;
  border:  none;
  border-radius: 0px;
  
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #A7CC7F;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167, 204, 127, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167, 204, 127, .6);
}
.form-control::-moz-placeholder {
  text-transform: uppercase;
}
.form-control:-ms-input-placeholder {
  text-transform: uppercase;
}
.form-control::-webkit-input-placeholder {
  text-transform: uppercase;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: .3;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

fieldset.box-style {
	background: #A7CC7F;
	padding-top: 15px;
	border: none;
	margin: 0 0 15px 0;
	position: relative;
	top: 0;
}
fieldset.box-style legend {
	position: relative;
	top: 20px;
	left: 15px;
	font-size: .86em;
	text-transform: uppercase;
	border: none;
	margin-bottom: 15px;
}

textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
/*------------------------- FORM_SELECT ------------------------------ */
.bootstrap-select .dropdown-menu {
	background: none;
	padding: 0px;
	margin-top: 1px !important;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.bootstrap-select .dropdown-menu > li {
	margin: 1px 0;
	font-size: 12px;
	text-transform:uppercase;
}
.bootstrap-select .dropdown-menu > li > a {
  padding: 15px;
  color: #333;
  background: rgba(255,255,255,.95);
  font-weight: 300;
}
.bootstrap-select .dropdown-menu > li > a:hover,
.bootstrap-select .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #A7CC7F;
  outline: 0;
  box-shadow: none;
  border: none;
 }
.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:hover,
.bootstrap-select .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #A7CC7F;
  outline: 0;
  box-shadow: none;
  border: none;
}
.bootstrap-select .dropdown-menu > .disabled > a,
.bootstrap-select .dropdown-menu > .disabled > a:hover,
.bootstrap-select .dropdown-menu > .disabled > a:focus {
  color: #777;
}
.bootstrap-select .dropdown-menu > .disabled > a:hover,
.bootstrap-select .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.bootstrap-select >.dropdown-toggle {
	padding-right: 60px;
	background-repeat: no-repeat;
	background-position: right -10px center;
	background-image: url(../images/layout/bg_select_dropdown_menu.jpg) !important;
	font-weight: 300;
	
	height: 50px;
  padding: 6px 12px;
  padding-right: 60px;
  font-size: 12px;
  line-height: 1.4em;
  color: #333;
  border:  none;
  border-radius: 0px;
  
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-select >.dropdown-toggle .caret {
	color: #fff;
	margin-right: 8px;
}
.bootstrap-select >.dropdown-toggle:hover,
.bootstrap-select >.dropdown-toggle:active {
	background-color: #fff;
}
.file-input .btn {
	padding: 14px 10px;
}
.file-input .btn-file {
	font-size: 12px;
	font-weight: 300;
}
.file-input .btn-file .glyphicon {
	display: none;
}
.checkbox label {
	/*margin-left: 40px;*/
}

/*------------------------- FORM IDS ------------------------------ */
.vmargined_button {
	margin: 40px 0px;
}
#submit_paper_form {
	display: none;
}