*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*,html,body {
	font-family: 'Open Sans', sans-serif;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
	font-family: 'Open Sans', sans-serif;
}
h3 span {
	font-size: 15px;
}
body {
	background: #F5F5F5;
}
ol {
	margin: 0;
	padding: 0;
}
a {
	color: #1CBBDD;
}
a:hover{
	color: #1CBBDD;
}
/* SECTIONS */

/*section {*/
	/*width: 100%;*/
	/*min-width: 960px;*/
	/*float: left;*/
	/*padding: 20px 0;*/
/*}*/


/* GRID */

/*.row:before, .row:after {*/
    /*content: "";*/
    /*display: table;*/
    /*line-height: 0;*/
/*}*/
/*.row   {*/
	/*position: relative;*/
	/*width: 100%;*/
	/*overflow: hidden;*/
	/*margin: 0;*/
/*}*/

#breadcrumbs.row,
section#content,
section#alerts {
	padding: 0;
}
#content {
	margin-bottom: 50px;
}
#main {
	background: #FFF;
}	
.row [class*="span"] /* wildcard, used to detect all elements within .row starting with 'span' */ { 
	float: left;
}

.row.no-overflow {
	overflow: visible;
}
.centered.row {
	max-width: 1100px;
	min-width: 980px;
	margin: 0 auto;
	clear: both;
}
.row .text-center {
	text-align: center;
}
.span1 {
	width: 8.333333%;
}
.span2{
	width: 16.66666%;
}
.span3{
	width: 25%;
}
.span4{
	width: 33.333333%;
}
.span5{
	width: 41.666666%;
}
.span6{
	width: 50%;
}
.span7{
	width: 58.33333%;
}
.span8{
	width: 66.66666%;
}
.span9{
	width: 75%;
}
.span10{
	width: 83.33333%;
}
.span11{
	width: 91.666666%;
}
.span12{
	width: 100%;
}

/* GRID WITH PADDING */

.row.padding [class*="span"] {
	padding: 10px;
}
/* GRID WITH MARGIN */

.row.margin [class*="span"] {
	margin: 1.2% 2%;
}
.margin .span1 {
	width: 4.333333%;
}
.margin .span2{
	width: 12.66666%;
}
.margin .span3{
	width: 21%;
}
.margin .span4{
	width: 29.333333%;
}
.margin .span5{
	width: 37.666666%;
}
.margin .span6{
	width: 46%;
}
.margin .span7{
	width: 54.33333%;
}
.margin .span8{
	width: 62.66666%;
}
.margin .span9{
	width: 71%;
}
.margin .span10{
	width: 79.33333%;
}
.margin .span11{
	width: 87.666666%;
}
.margin .span12{
	width: 96%;
}
.row [class*="span"].no-float {
	float: none;
	margin: 0% auto;
}


/* HEADER */

.navbar {
	margin-bottom: 0px;
}
/*.navbar-header   {*/
	/*margin: 8px 2% 0;*/
/*}*/
.navbar-header .navbar-brand {
	width: 80px;
	height: 30px;
	padding: 0;
}
.navbar-header .navbar-brand.additionlogo {
	margin-left: 20px;
	margin-top: 8px;
	height: auto;
}
body.bb .navbar-header .navbar-brand.additionlogo {
	margin-left: 0px;
	margin-top: -5px;
}
.navbar-header .navbar-brand.additionlogo.arnhemLogo {
	margin-left: 20px;
	margin-top: 4px;
	width: 170px;
}
.navbar-header .navbar-brand.additionlogo.logodronten {
	margin-left: 20px;
	margin-top: 4px;
	width: 134px;
}

.navbar-header .navbar-brand.additionlogo.valklogo {
	margin-left: 20px;
	margin-top: 4px;
	width: 160px;
	height: auto;
}

.navbar-header .navbar-brand img {
	width: 100%;
	height: auto;
}

body.bb .navbar-header .navbar-brand img {
	width: auto;
	height: 150%;
}

/* ACTIONS */

#actions {
	text-align: right;
}
#actions h1{
	text-align: left;
}
#actions .span12{
	margin: 1% 2%;
}
#actions .span6 button,
#actions .span12 button,
.selectie_form .span12 button{
	margin-left: 20px;
}
#actions .span12 button.pull-left{
	margin-left: 0px;
}
/* TITLE & BREADCRUMB */

#breadcrumbs .span12{
	margin: 5px 2%;
}

#breadcrumbs {
	background: #EEE;
	margin-bottom: 20px;
}

#title{
	background: #FFF;
	padding: 8px 0;
}

.breadcrumb {
    list-style: none outside none;
    padding: 0;
	margin: 0;
	border-radius: 0;
	background: none;
	font-size: 12px;
}
.breadcrumb li a,
.breadcrumb li{
	font-size: 11px !important;
	text-transform: uppercase;
	font-weight: 600;
}

#title h1 {
	font-weight: 300;
	font-size: 32px;
	margin: 0;
	padding: 0;
	color: #1CBBDD;
	display: inline;
}

body.bb #title h1 {
    color: #393938;
}

body.bb a {
    color: #f79322;
}

body.bb a.btn {
    color: #FFF !important;
}


.pointer{
    cursor: pointer;
}

.form-inline .form-group{
    width: 100%;
    margin-top: 15px;
}

/**
 * 2 col form, used for organsiation / contract
 */
.form-2col .form-group h4 {
	padding-top:20px;
	clear:both;
	color:#f79322;
}
.form-2col .form-group .control-label {
	clear:both;
	padding-left:0px;
	margin-top:8px;margin-bottom:10px;
}
.form-2col .form-value {
	display:inline-block;
	margin:8px 0px 10px;
	border-bottom:solid #e5e5e5 1px;
	width:100%;
}

/* END */



.tpl_list{
    display:none;
    list-style: none;
    list-style-type: none;
    padding: 5px;
    margin-top: 5px;
}

.tpl_list_item:hover{
    font-weight: bold;
    cursor: pointer;
}

.dropdown-menu.scroll {
	overflow:auto;
	max-height:150px;
}

.footer_extra{
	float:left;
	margin-left: 5px;
}


/* VIEWS */

span.pointer  {
	margin: 0 0px;
}
table {
	line-height: 30px;
}
th {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

tr.active td.cat_name {
	font-size: 16px;
	font-weight: 600 !important;

}
#projects_builder tr.active  {
	line-height: 30px;
}

#projects th.action,
#projects th.name,
#projects th.owner,
#projects th.status,
#projects th.contractor,
#projects th.value{

}

.projects_index th.name {
	width: 25%;
}
.projects_index th.owner {
	width: 10%;
}
.projects_index th.status {
	width: 10%;
}
.projects_index th.contractor {
	width: 17%;
}
.projects_index th.value {
	width: 15%;
}
.projects_index th.action {
	width: 23%;
}



.alert {
	margin: 0px;
	position: absolute;
	z-index: 99;
}


/* STATUS */


.statusbar {
}
.statusbar ul,
.statusbar ul li{
	float: left;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.statusbar ul {
	width: 100%;
	list-style: none;
	height: 20px;
}
.print .statusbar ul,
.projects_sheet .statusbar ul {
	width: 100%;
	list-style: none;
	height: 35px;
}
.statusbar .bars ul li{
	float: left;
	width: 25%;
	list-style: none;
	height: 100%;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;
}
.statusbar .bars ul li span {
	font-size: 13px !important; /* Change PK 3-07-2014 */
}
.print .bars ul li{
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	line-height: 34px;
}

.statusbar > div {
	float: left;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}
.statusbar .bars  {
	background: #FFF;
   -moz-box-shadow:    inset 0 0 3px #CCC;
   -webkit-box-shadow: inset 0 0 3px #CCC;
   box-shadow:         inset 0 0 3px #CCC;

   border: 1px solid #FFF;	background: transparent;
}

.statusbar .bars .voorbereiding {
	background: #FAD14F;
   	width: 25%;
	border-bottom: 3px solid #E1B836;
}
.statusbar .bars.uitvoering .aanbesteding,
.statusbar .bars.aanbesteding .aanbesteding {
	background: #1CBBDD;   	width: 25%;
	border-bottom:3px solid #03A2C4;
}
.statusbar .bars.archief .uitgevoerd,
.statusbar .bars.uitvoering .uitvoering {
	background: #DB595A;   	width: 25%;
	border-bottom: 3px solid #C24041;
}
.statusbar .bars.archief .archief {
	background: #CCC;   	width: 25%;
	border-bottom:  3px solid #999;
}
.statusbar .spacer{
	width: 100%;
	height: 100%;
	float:left;
	display: block;
}

.bars {
	
}

/* BUTTONS */

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0) inset, 0 1px 1px rgba(0, 0, 0, 0);
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}
.btn-info,
.btn-default,
.btn-primary,
.btn-warning,
.btn-success {
    background-image: none;
    background-repeat: repeat-x;
    border: 0;
}
.btn-primary,
.btn-info {
	background-color: #1CBBDD;
	border-bottom:3px solid #03A2C4;
}

.btn-margin-row {
	margin-bottom: 10px;
}

body.bb .btn-primary,
body.bb .btn-info {
	background-color: #151515;
	border-bottom:3px solid #000;
}

.btn-primary:hover,
.btn-info:hover {
	background-color: #29C8EA;
	border-bottom:3px solid #1CBBDD;
}

body.bb .btn-primary:hover,
body.bb .btn-info:hover {
	background-color: #2F2F2F;
	border-bottom:3px solid #000;
}

.btn-success{
	border-bottom:3px solid #3D993D;
}
.btn-success:hover{
	background-color: #6BC76B;
	border-bottom:3px solid #3D993D;
}
.btn-default {
	border-bottom:3px solid #DDD;
}
.btn-default:hover{
	background-color: #DDD;
	border-bottom:3px solid #CCC;
}
.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:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
	background-color: #1CBBDD;
	border-bottom:3px solid #03A2C4;
}

.btn-warning {
	border-bottom:3px solid #d1873d;
}

/*
span.pointer.glyphicon.glyphicon-remove {
	float: right;
}
*/

.category_row td {
	font-weight: bold !important;
	border-bottom: 2px solid #1CBBDD;
}

.navbar.navbar-inverse {
	background-color: #29C8EA !important;
	background-image: none !important;
	border-bottom: 3px solid #03A2C4 !important;
}

.navbar-inverse .navbar-nav>.active>a {
	background-color: #03A2C4 !important;
	background-image: none !important;
}

.navbar.navbar-inverse > a,
.navbar.navbar-inverse p {
	color: #FFF !important;
}
.navbar-text.navbar-right a,
.navbar-default .navbar-nav>li>a {
	color: #FFF !important;
}

/* Bewuste Bouwers */

body.bb .navbar.navbar-inverse {
	background-color: #f79322 !important;
	background-image: none !important;
	border-bottom: 2px solid #aaa !important;
}
body.bb .navbar-inverse .navbar-nav>.active>a {
	background-color: #aaa !important;
	background-image: none !important;
}
.navbar.navbar-inverse > a,
.navbar.navbar-inverse p {
	color: #FFF !important;
}
.navbar-text.navbar-right a,
.navbar-default .navbar-nav>li>a {
	color: #FFF !important;
}
/* menu item hover */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #aaa;

}

/* END Bewuste Bouwers */

.print-brand {
	width: 200px;
	float: left;
	margin-top: 10px;
}	
.print-brand img{
	width: 100%;
	height: auto;
}	
.print label{
	margin-right: 30px;
	margin-bottom: 0;
}	
.print .total_done{
	font-size: 16px;
	font-weight: 400;
}	
.print td{
	text-align: left;
}	
.print th{
	background: #CCC !important;
	color: #FFF;
	font-size: 14px;
}	
#actions.print {
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
}
.print .category_row td {
    border-bottom: 0px solid #1CBBDD;
    font-weight: bold !important;
	font-size: 16px;
}
.print .category_row  {
	margin-top: 40px;
	font-weight: 600;
}
.print td h3 {
    margin: 0 0 10px 0;
}
.navbar-inverse .navbar-nav > .active > a {
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25) inset;
}
.item_row td span {
	font-size: 12px;
}

.selectie_result  thead{
}
.selectie_result  tbody{
	margin-bottom: 15px;
}
.selectie_result  .col_2 {
	width: 60%;
	vertical-align: top;
}
.selectie_result  .col_1{
	width: 40%;
	vertical-align: top;
}
.selectie_result thead .col_2,
.selectie_result thead .col_1{

	padding-top: 25px;
}
.navbar-nav > li > a {
    padding-bottom: 16px;
    padding-top: 15px;
}

body.bb .navbar-nav > li > a:hover {
    background-color: #AAA !important;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #03a2c4;
    color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #FFF;
    border-top-color: #FFF;
}

.values_form div > div {
	float: left;
}
.values_form {
	float: left;
}
.values_form > div {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.values_form > div > input{
	width: 90%;
	float: right;
	margin-left: 15px;
}.modal-footer {
    border-top: 0;
}
.form-control {
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	min-width: 50px;
}
/* Override twitterbootstrap tooptip css */
.tooltip-inner {
    max-width: 400px;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.hidden_payment_email_vars {
	display: none;
}

.button-add-field {
	margin-top: 6px; 
	border-radius: 3px; 
	width: 50px; 
	height: 22px; 
	border: solid 1px #000;
}

.disabled-buttons .button-add-field {
	border: dotted 1px #ccc;
	color: #ccc;
	cursor: default;
}

.smallselectinline {
	max-width: 200px;
	display: inline-block;
	margin-left: 10px;
}

.history-table {
	width: 100%;
}

.history-table .ico-column {
	width: 50px;
	vertical-align: top;
}

.history-table .table-date {
	font-size: 12px;
	color: gray;
	display: block;
	margin-top: -7px;
}

.smallico {
	width: 10px;
}

span.pointer.sorticon {
	margin-left: 5px;
}

.reports_aannemers_area {
	display: none;
}

.toright {
	float: right;
}

.toright-text {
	text-align: right;
}

.help-function-show-ico {
	display: inline-block;
	margin-right: 20px;
	float: right;
	/*position: fixed;*/
	/*z-index: 9;*/
	/*right: 20px;*/
}
.help-function-show-ico.stick {
	position: fixed;
	z-index: 9;
	top: 20px;
	right: 24px;
}

.help-function-show-ico img {
	/*width: 30px;*/
	cursor: pointer;
	height: 40px;
	width: auto;
}

select[multiple].helpselect {
	height: 200px;
}

.selechte_nh_checkbox_input {
	visibility: hidden;
}

.new_project_nh.has-error #remarks.form-control {
	border: 1px solid #ccc;
}

#add_to_groslijst {
	width: 100%;
}

.inputsarea .mainel {
	border-bottom: 1px solid #CCC;
}

/*.inputsarea .mainel:last-child {
	border-bottom: none;
}*/

.inputsarea .mainel .removebtnarea {
	text-align: right;
}

.inputsarea .mainel .removebtnarea img {
	cursor: pointer;
}

.organisate_cc_mails_area {
	background-color: #f5f5f5; 
	border-radius: 4px; 
	padding: 10px;
}

.organisate_cc_mails_area .actionarea span {
	font-size: 22px;
    padding-top: 5px;
}

.organisate_cc_mails_area .actionarea .save {
	color: green;
}

.organisate_cc_mails_area .actionarea .remove {
	color: red;
}

.organisate_cc_mails_area .emailsarea div {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.documentsarea .documentsarea_grouped .templategroup {
	margin-top: 50px;
    border: 2px solid #CCC;
    padding: 15px;
	position: relative;
}

.documentsarea .templatenogroup {
	margin-top: 50px;
	padding: 17px;
}

.documentsarea .groupname {
	position: absolute;
    display: inline-block;
    background-color: #ffffff;
    top: -10px;
    padding: 0 10px;
}

.documentsarea .group-no-automatic-mails {
	position: absolute;
    right: 55px;
    top: -30px;
}

.documentsarea .removegroup {
	font-size: 22px;
	color: red;
	position: absolute;
    right: 5px;
    top: -30px;
}
.documentsarea .removedocument {
	font-size: 22px;
	color: red;
}
.archivearea .removearchived {
	font-size: 22px;
	color: red;
}
.documentsarea .savedocument {
	font-size: 22px;
	color: green;
}
.documentsarea .archivedocument {
	font-size: 22px;
}

.statusem {
	color: #9A9999;
	font-size: 90%;
}

.groslijst-row td {
	background-color: #29C8EA;
	color: #ffffff;
	font-weight: bold;
}

.statustype-row td {
	color: #999;
	color: #848484;
    background-color: whitesmoke;
}

.selectie_form_ob textarea {
	margin-top: 2px;
	margin-bottom: 2px;
}

.archivearea td span {
	font-size: 85%;
	color: gray;
}

.documentsarea td .removefilee {
	font-size: 70%;
	font-style: italic;
	color: red;
}

.email_cc_area input {
	width: 40%;
}

th.action {
	min-width: 160px;
}

.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}

.one_email_area.additional {
	padding-top: 6px;
}

.one_email_area.additional:first-child {
	padding-top: 0px;
}

.one_email_area.additional input {
	width: 85%;
}

.remove_one_email_area {
	font-size: 22px;
    color: red;
}

.one_email_area.additional .form-control.error
{
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.grayarea {
	background-color: #f5f5f5;
}

.color_status_column {
	padding-bottom: 15px;
}

.selectie_groslijsten {
	list-style: none;
    margin-top: 15px;
    margin-bottom: 30px;
}

h4.selection_number {
	font-weight: bold;
	float: right;
}

h4.selection_number_left {
	font-weight: bold;
	float: left;
}

.no-margin {
	margin: 0 !important;
}

label.header {
	font-size: 120%;
}

.remove_one_attachment {
	font-size: 22px;
    color: red;
	position: absolute;
	top: 10px;
	right: 10px;
}

.file-preview-frame {
	position: relative;
}

div.file-upload-indicator:hover {
	font-size: 1em;
}
.file-preview-text {
	overflow: hidden;
}

.statusOrb,
.preference-table .statusOrb,
.zaanstad-selectie-stepthree .preference-table .statusOrb {
	border-radius: 50%;
	behavior: url(PIE.htc);
	width: 24px;
	height: 24px;
	display: inline-block;
}

.statusOrb.red,
.preference-table .statusOrb.red,
.zaanstad-selectie-stepthree .preference-table .statusOrb.red {
	background-color: red;
}

.statusOrb.orange,
.preference-table .statusOrb.orange,
.zaanstad-selectie-stepthree .preference-table .statusOrb.orange {
	background-color: orange;
}

.statusOrb.green,
.preference-table .statusOrb.green,
.zaanstad-selectie-stepthree .preference-table .statusOrb.green {
	background-color: green;
}

.zaanstad-selectie-stepthree .preference-table th {
	line-height: 16px;
	text-align: center;
}

.zaanstad-selectie-stepthree .preference-table td {
	padding: 5px;
}

.zaanstad-selectie-stepthree .preference-table .statusOrb {
	border-radius: 50%;
    behavior: url(PIE.htc);
	width: 24px;
	height: 24px;
	display: inline-block;
}

.zaanstad-selectie-stepthree .preference-table .statusOrb.red {
	background-color: red;
}

.zaanstad-selectie-stepthree .preference-table .statusOrb.orange {
	background-color: orange;
}

.zaanstad-selectie-stepthree .preference-table .statusOrb.green {
	background-color: green;
}

.to_center {
	text-align: center;
}

.selectie_form .span12 button.left-button {
	margin-left: 0px;
}

.selection_comments .documentsarea .documentsarea_grouped .templategroup {
	margin-top: 20px;
}

.selection_comments .documentsarea .groupname {
	top: -34px;
}

.selection_comments .list-group-item
{
	margin-top: 20px;
}

.selection_comments .note-editor {
	background-color: #fff;
}

.selection_comments .list-group-item .list-group-item-text
{
	overflow: hidden;
}

.ic_send_to {
	width: 80%;
    display: inline-block;
    float: left;
}

.added_person {
	padding-top: 5px;
}

.added_person .remove_one_user {
	color: red;
}

#inform_colleagues_content {
	display: none;
}

#inform_interest_content {
	display: none;
}

#past_performance_list {
	display: none;
}

.table50 td {
	width: 50%;
}

.exportbtn {
	margin-right: 20px;
}

span.green {
	color: green;
}

.groslisten-group span.green,
.groslisten-group span.red,
.groslisten-group span.orange {
	background-color: transparent;
}

span.red {
	color: red;
}

span.orange {
	color: orange;
}

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}

.green {
	background-color: green;
}

.black-text {
	color: black;
}

.statusOrbPrint {
	min-width: 24px;
	min-height: 24px;
}

.showPastPerformanceTable td {
	padding: 0 10px;
}

#go_to_selection {
	margin-left: 20px;
}

.redstar {
	color: red;
}

.glyphicon-orange {
	color: orange;
}
.organisation_settings label {
	font-weight: normal;
}

.organisation_settings label.bold {
	font-weight: bold;
}

.orderposition {
	width: 50px;
	text-align: center;
}

.aannemername {
	line-height: 16px;
}

.status3, .status3 a, .status-grayname, .status-grayname a {
	color: #8c8c8c;
}

.form-control[disabled].disabledwhite {
	border: none;
	background-color: #ffffff;
	box-shadow: none;
}

.to_left {
	text-align: left !important;
}

.to_right {
	text-align: right !important;
}

.to_top {
	vertical-align: top !important;
}

.arnhem_table {
	width: 100%;
}

.arnhem_table .headerscore {
	text-align: right;
}

.beoordelinga, .beoordelingb {
	width: 150px;
	display: inline-block;
}

.arnhem_table td,
.arnhem_table th {
	padding: 3px 7px;
}

.arnhem_table_header {
	background-color: #1CBBDD;
	color: #ffffff;
}

.arnhem_table_header th {
	font-weight: normal;
	font-size: 16px;
}

.arnhem_table_header th .beoordelinga,
.arnhem_table_header th .beoordelingb {
	font-weight: bold;
}

.arnhem_parta_table,
.arnhem_partb_table {
	width: 100%;
}

.arnhem_part_table thead {
	background-color: #f5f5f5;
	border: 2px solid #f5f5f5;
}

.arnhem_part_table td {
	border-left: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
}

.arnhem_part_table td.arnhem_parta_question_answer,
.arnhem_part_table td.arnhem_partb_question_answer {
	border-right: 2px solid #f5f5f5;
}

.arnhem_parta_category_score {
	width: 200px;
}

.arnhem_parta_question_answer .answers {
	margin: 0 auto;
	width: 60px;
}

.answerspartb {
	margin: 0 auto;
	width: 170px;
}

.answerspartb label,
.arnhem_parta_question_answer label {
	font-weight: normal;
}

.mainsum {
	display: inline-block;
	float: right;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.styledtable th,
.styledtable td {
	padding: 5px 10px;
}

.userlist-body {
	/*font-size: 90%;*/
}

.table-ico-url {
	color: #000000;
}

.backtoadminarea {
	float: left;
    margin-right: 20px;
    color: #ffffff;
    margin-left: 20px;
	border-left: 2px #ffffff solid;
    padding-left: 10px;
}

.backtoadminarea a {
	margin-left: 10px;
}

.backtoadminarea span {
	font-weight: bold;
}

.flatvertical {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.indicatorbox {
	border-left: 2px solid #999;
	padding-left: 30px;
	margin-top: 40px;
}

.indicatorbox .toright {
	font-size: 14px;

}

.indicatorbox .toright div {
	display: inline-block;
}

.indicatorbox .toright div .rating_input {
	margin-left: 10px;
	width: 70px;
	text-align: center;
}

.indicatorbox .toright div.item_best_practice {
	margin-right: 30px;
}

.indicatorbox .toright div.item_best_practice input,
.indicatorbox .toright div.item_good_example  input {
	margin-right: 5px;
}


/**
 * checkboxlist
 */
.form-2col .form-group .checkboxlist {
	margin-top:10px;
	margin-bottom:16px;
	padding-left:20px;
}
.form-2col .form-group .checkboxlist br {
	clear:both;
}
.form-2col .form-group .checkboxlist input,
.form-2col .form-group .checkboxlist label {
	float:left;
	clear:none !important;
	margin:4px 4px 0px 10px;
	padding:0px;
	text-align:left !important;
	font-weight:normal;
}
.form-2col .form-group .checkboxlist input {
	margin:8px 4px 0px 0px;
}
.form-2col .form-group .checkboxlist label {
	width:300px;
}

body.bb .navbar-inverse .navbar-nav > .open > a,
body.bb.navbar-inverse .navbar-nav > .open > a:hover,
body.bb .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #AAA !important;
	color: #fff;
}

.password-recover-link {
	display: block;
	margin-top: 6px;
}

.changeOrganisationArea {
	float: left;
	color: #ffffff;
	padding-top: 6px;
	padding-left: 20px;
	border-left: 2px solid #ffffff;
}

.dtable {
	display: none;
}

.groslijst_eddy_region_table th {
	padding: 2px 10px;
	font-weight: bold;
	line-height: 16px;
}

.eddyselectcontent .regionhead td {
	background-color: #29C8EA;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.eddyselectcontent .groslijsthead td {
	background-color: #eee;
	padding: 5px 20px;
	font-weight: bold;
}

.eddyselectcontent .typehead td {
	background-color: #F5F5F5;
	padding: 5px 20px;
}

.contractorsTable th {
	padding: 2px 10px;
}

.contractorsTable td {
	padding: 2px 10px;
}

.selection_estimated label {
	font-weight: normal;
}

.selection_estimated_desc {
	display: none;
}#toast-container.specjal-toastr {
	height: 98%;
}
#toast-container.specjal-toastr .toast{
	width: 99%;
	max-width: 655px;
	opacity: 0.9 !important;
	float: right;
	max-height: 100%;
	overflow-y: auto;
	background-position: 15px 15px;
	-moz-box-shadow: 0 0 12px #999 !important;
	-webkit-box-shadow: 0 0 12px #999 !important;
	box-shadow: 0 0 12px #999 !important;
	padding: 15px !important;
	background-image: none !important;
}
#toast-container.specjal-toastr .toast .toast-close-button {
	font-size: 32px;
	right: 0.9em;
	position: fixed;
	top: 0.3em;
 }
#toast-container.specjal-toastr .toast .toast-close-button:hover {
	color: #fff;
	opacity: 0.7;
}
#toast-container.specjal-toastr .toast .toast-message table {
	width: 100%;
	margin-bottom: 20px;
}
#toast-container.specjal-toastr .toast .toast-message table tbody tr {
	text-align: center;
}

#toast-container.specjal-toastr .toast .toast-message table tbody tr:not(:last-child) {
	border-bottom: 1px solid #fff;
}

#toast-container.specjal-toastr .toast .toast-message table tbody tr td:not(:last-child) {
	border-right: 1px solid #fff;
}

/* Let's get this party started */
#toast-container.specjal-toastr ::-webkit-scrollbar {
	width: 8px;
}

/* Track */
#toast-container.specjal-toastr ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

}
/* Handle */
#toast-container.specjal-toastr ::-webkit-scrollbar-thumb {
	background: rgba(58, 195, 232, 0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
#toast-container.specjal-toastr ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(58, 195, 232,0.4);
}
#content {
	overflow: hidden;
}
.download-selection-ico {
	font-size: 25px;
    margin-top: 12px;
}

@media screen and (min-width: 768px) {
	.modal-dialog.modal-lg {
		width: 760px !important;
	}
}

.groslijstencheckboxes label {
	font-weight: normal;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-38 {
	margin-top: 38px !important;
}

.margin-top-90 {
	margin-top: 85px !important;
}

.height-40 {
	height: 40px !important;
}

.documentrow td {
	vertical-align: middle !important;
}

#commentfield_row {
    display: none;
}

label.forcheckbox {
	font-weight: normal;
}

a.azerostyle,
a.azerostyle:hover {
	color: black;
	text-decoration: none;
}

.grayborder {
	border: 2px solid #CCC;
}

.fixednotification {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 50%;
	width: 50%;
	margin-left: -25%;
	text-align: center;
}
.input-error{
	color: #a94442;
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tablecontractorenvelop {
	font-size: 36px;
	line-height: 36px;
}

.linebottom {
	border-bottom: 1px solid darkgrey;
}

.movearea {
	float: left;
	margin-top: 28px;
	cursor: move;
}

.selectioninfotable th {
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	border: solid 1px #333;
	padding: 10px;
}

.selectioninfotable td {
	padding: 5px 10px;
	border: solid 1px #333;
}

.yellowinfo {
	margin: 20px 0px;
	padding: 20px;
	background-color: #ffffcc;
}

.orangeinfo {
	margin: 20px 0px;
	padding: 20px;
	background-color: #eea236;
}

#contractorstable th {
	line-height: 16px;
}

.additionageneralstatusarea {
	display: none;
}

.alert-error {
	color: red;
}

.modaliframe {
	border: none;
	width: 100%;
	height: 100%;
}

.modal-big {
	width: 1100px;
}

table.companies-name{
	display: block;
	max-height: 500px;
	overflow-y: auto;
}
td.parent-row, td.child-row{
	padding: 5px;
}
td.parent-row.active, td.child-row.active{
	padding: 5px;
	color: #FFF;
	background: #29C8EA;
}
td.parent-row:hover, td.child-row:hover{
	cursor: pointer;
	color: #FFF;
	background: #8be0f4;
}
.form-step{
	list-style-type: none;
	-webkit-padding-start: 0px;
}
.form-step li{
	display: block;
	float: left;
	width: 230px;
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid #f79322;
	border-radius: 3px;
}
.form-step li.active{
	color: #FFFFFF;
	background-color: #f79322;
	border: 1px solid #f79322;
}
.contract-view-info{
	margin-left: 15px;
	display: block;
}

.selection-confirm {
	text-align: center;
	width: 200px !important;

}

.actions-col {
	min-width: 100px;
}

.movefieldarea {
	cursor: pointer;
}

.userlistarea {
	display: none;
}

.clear-both {
	clear: both;
}
/* Request Permission Box */
#request-permission-box-level1 {
	width: 45%;
	float: left;
}

#request-permission-box-level2 {
	width: 45%;
	float: right;
}

.request-permission-box-element {
	padding: 10px;
}

.dataTables_filter {
	float: left !important;
}

.dataTables_select {
	float: left !important;
	width: 300px !important;
}

.dataTables_select_label {
	float: left !important;
	width: 100px !important;
	margin-top: 5px;
}
table.dataTable.projectstable {
    border-collapse: collapse !important;
}
.projectstable .projectrow {
	border-left: 10px solid #29C8EA;
}
.projectstable .projectrow.emvi_project {
	border-left-color: #29C8EA;
}
.projectstable .projectrow.bb_project,
.projectstable .projectrow.bb {
	border-left-color: #f79322;
}
.projectstable .projectrow.merged_project {
	border-left-color: #29C8EA;
}
.projectstable .projectrow.metric_project {
	border-left-color: #48cfae;
}
.projectstable .projectrow .projectname {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.projectstable .projectrow .projectrowdetails {
    font-size: 13px;
}
.projectstable .projectrow .projectrowdetails .td {
    line-height: 16px;
    padding: 10px 20px 10px 0;
}
.projectstable .projectrow .projectrowdetails .td.headercolumn {
	width: 110px;
}
.projectstable .projectrow .projectrowdetails .td.valuecolumn {
	width: 200px;
}


.centered.row.mainprojectdetailsarea {
	margin-bottom: 40px;
}
.mainprojectdetails td {
	line-height: 24px;
	padding: 0 20px 0 0;
}

.smallgrayinfo {
	font-size: 70%;
	color: grey;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

/*
 * Complains
 */
.complains-section{
	max-height: 600px;
	overflow-y: auto;
}
.complain-by{
	font-weight: 600;
}
.complain-date{
	float: right;
	color: #a8b5cf;
	font-size: 0.8em;
}
.react-body{
	padding-left: 15px;
	padding-top: 15px;
}
.complain-body, .react-body{
	padding-right: 10px;
}
.complain-body{
	margin-top: 15px;
	max-height: 50px;
	overflow:hidden;
}
#projectModal h4, #complainModal h4{
	color: #f89f39;
}
.loading-spiner-holder{
	position: fixed;
	left: 50%;
	top: 45%;
	width: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 999;
}
.loading-spiner{
	font-size: 2em;
	background: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.complaint-comment{
	float: right;
	color: #a8b5cf;
	font-size: 1.2em;
	margin-left: 10px;
}
.btn-toggle{
	margin: 0 10px;
	cursor: pointer;
}
.compaint-header-details{
	cursor: pointer;
}
.btn-toggle:hover{
	color: #f89f39;
	transition: color 0.3s ease;
}
.complaint-short p{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.complaint-image{
	max-width:75%;
}

.button-groslijst {
    width: 180px !important;
}

.bold-underline-hand {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.file-name-block{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 350px;
	display: inline-block;
}

.align-left {
	text-align: left !important;
}

.align-right {
	float: right !important;
}

.alert-background {
	background-color: #FFAAAA !important;
}

.contactPersonProject{
	float: left;
	width: 100%;
}

.disabled-tooltip button  {
	position: relative;
}

.disabled-tooltip button:hover:after {
	position: absolute;
	top: 0;
	left: 75%;
	width: 100%;
	content: attr(title);
	background-color: #ffa;
	color: #000;
	line-height: 1.4em;
	border: 1px solid #000;
}

.text-red {
	color: #FF0000 !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-minus-45 {
	margin-bottom: -45px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.marketplace-form {
	display: none;
}

.display-none {
	display: none;
}

.alert-position-relative {
	margin-bottom: 20px !important;
	position: relative !important;
}

.alert-position-fixed {
	top: 80px !important;
	position: fixed !important;
	width: 40% !important;
	left: 30%;
}


.modal-big {
	width: 1000px;
}

.modal-full {
	width: 90%;
}
.margin-5{
	margin: 5px;
}

.wildcard-icon, .wildcard-icon:active, wildcard-icon:hover{
	background-color: #1CBBDD;
	border-bottom:3px solid #03A2C4;
	color: #FFFFFF;
}

body .btn {
	outline: 0 !important;
}
.wildcard-icon:active,
.wildcard-icon:focus {
	outline: 0 !important;
	outline-offset: 0  !important;
	background-image: none  !important;
	-webkit-box-shadow: none !important;
	box-shadow: none  !important;
}

.white {
	color: #FFFFFF;
}

/*
 *	VueJS modal
 */
.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: top;
}

.modal-container {
    width: 800px;
    margin: 100px auto;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
    margin-top: 0;
    color: #003cb9;
}

.modal-header2 h3 {
    margin-top: 0;
    color: #000000;
}

.modal-body {
    margin: 20px 0;
}

.modal-default-button {
    float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="action-new" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*
 *	VueJS modal - END
 */


.template-parent {
	padding: 10px;
	margin-top: 10px;
	background-color: #03003a;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.theme-parent {
	padding: 10px;
	margin-top: 10px;
	width: 97%;
	margin-left: 3%;
	background-color: #003cb9;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.activity-parent {
	padding: 10px;
	margin-top: 10px;
	width: 93%;
	margin-left: 7%;
	background-color: #1c94c4;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.activity-action-item {
	padding: 10px;
	margin-top: 10px;
	background-color: #1c94c4;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.activity-child {
	margin-top: 1px;
	padding: 5px;
	width: 90%;
	margin-left: 10%;
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: black;

}

.activity-formtype-parent {
	padding: 10px;
	margin-top: 20px;
	/*width: 93%;*/
	/*margin-left: 7%;*/
	background-color: #1c94c4;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.activity-formtype-child {
	padding: 10px;
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-top: 0px;
	border-color: black;

}

.panel-disabled {
	background-color: #bfbfbf;
}

.panel-orange {
	background-color: orange !important;
}

.background-emvi-blue {
	background-color: #1c94c4;
}

.activity-details-table {
	padding: 2px !important;
	spacing: 2px !important;
	margin-top: -15px;
	width: 450px !important;
	margin-left: 10px;
	border: 1px solid black !important;
	border-width: 1px;
	border-color: #000000;
}


.activity-parent-mini {
	padding: 2px;
	margin-top: -15px;
	width: 450px;
	margin-left: 10px;
	background-color: #1c94c4;
}

.activity-parent-mini-active {
	padding: 2px;
	margin-top: -15px;
	width: 450px;
	margin-left: 10px;
	background-color: #ffffff;
}

.activity-child-mini {
	margin-top: -15px;
	padding: 2px;
	width: 420px;
	margin-left: 40px;
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: black;

}

.text-grey {
	color: #bfbfbf;
}

.vue-action {
	color:#fff;
	margin-left: 10px;
}
.vue-action:hover {
	cursor:pointer;
	color:#000;
}

.vue-action-rev {
	color:#000;
	margin-left: 10px;
}
.vue-action-rev:hover {
	cursor:pointer;
	color:#f00;
}

.help {
	color: #FF0000;
	font-size: 10px;
}

.vue-hidden {
	display: none
}

[v-cloak] {
	display: none;
}

/*
	Spinner
 */
.spinner {
	margin-left: 50%;
	margin-top: 30%;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #FFF;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}

/* DRAG DROP */
.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.gu-hide {
	display: none !important;
}
.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.gu-transit {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

/*
 *	Checkbox grey
 */

.checkbox05 {
	opacity: 0.5 !important;
}

.display-none {
	display: none;
}

.text-strong {
	font-weight: bold !important;
}

.input-icon {
	position: relative;
}

.input-icon > i {
	position: absolute;
	display: block;
	bottom: 6px;
	pointer-events: none;
	width: 25px;
	text-align: center;
	font-style: normal;
}

.input-icon > input {
	padding-left: 20px;
	padding-right: 0;
}

#selection-type option[disabled],
#contractors-amount option[disabled] {
	display: none;
}

.required_skills_btn {
	cursor: pointer;
}

.projectrowdetails .table {
	display: table;
}

.projectrowdetails .table .tr {
	display: table-row;
}

.projectrowdetails .table .tr .td {
	display: table-cell;
}

.table-hover>tbody>tr:hover>td .projectrowdetails,
.table-hover>tbody>tr:hover>th .projectrowdetails {
	background-color: #f5f5f5;
}

.width-100 {
	width: 100px !important;
}

.width-200 {
	width: 200px !important;
}

.width-405 {
	width: 405px !important;
}

.width-600 {
	width: 600px !important;
}

.status-history-content {
	max-width: 540px !important;
}


.padding-table {
	padding: 5px;
}

.el-upload__input {
	display: none !important;
}

/*.el-select .el-input {*/
	/*width: 100% !important;*/
/*}*/

/*.input-with-select .el-input-group__prepend {*/
	/*background-color: #fff;*/
/*}*/

.element-modal {
	min-width: 800px !important;
}

.el-input-form {
	width: 80% !important;

	position: relative;
}

.border-right-none {
	border-right: none !important;
}

.border-left-none {
	border-left: none !important;
}

.block-screen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*background-color: #1c94c4;*/
	z-index: 9999;
}

.block-screen-message {
	background-color: #FFFFFF;
	width: 50%;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

.block-screen-loading {
	position: absolute;
	padding-top: 200px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10000;
}

.content {
	padding: 20px !important;
}

/* Blockscreen Spinner*/

#floatingCirclesG{
	position:relative;
	width:125px;
	height:125px;
	margin:auto;
	transform:scale(0.6);
	-o-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:22px;
	width:22px;
	border-radius:12px;
	-o-border-radius:12px;
	-ms-border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	animation-name:f_fadeG;
	-o-animation-name:f_fadeG;
	-ms-animation-name:f_fadeG;
	-webkit-animation-name:f_fadeG;
	-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
	-o-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:51px;
	animation-delay:0.45s;
	-o-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s;
}

#frotateG_02{
	left:15px;
	top:15px;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
}

#frotateG_03{
	left:51px;
	top:0;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
}

#frotateG_04{
	right:15px;
	top:15px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
}

#frotateG_05{
	right:0;
	top:51px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
}

#frotateG_06{
	right:15px;
	bottom:15px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
}

#frotateG_07{
	left:51px;
	bottom:0;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
}

#frotateG_08{
	left:15px;
	bottom:15px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
/* Blockscreen Spinner - END */

.new_project_skill_label {
	font-weight: normal;
	display: block;
}

.square-red {
	background: #F00;
	width: 20px;
	height: 20px;
}

.square-green {
	background: #01aa15;
	width: 20px;
	height: 20px;
}

.square-blue {
	background: #00F;
	width: 20px;
	height: 20px;
}

.removeFileRow {
	color: red;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 20px;
}

.companyfile, .companyfileremove {
	position: relative;
}

.f_upload_date, .f_file {
	position: relative;
}

.relativearea {
	position: relative;
}

.righttopcorner {
	position: absolute;
	top: 25px;
	right: 22px;
}

.word-wrap {
	overflow-wrap: break-word;
}

.uploadingrowalert {
	/*transition: opacity 0.5s ease-in-out;*/
	/*-webkit-transition: opacity 0.5s ease-in-out;*/
	/*-moz-transition: opacity 0.5s ease-in-out;*/
	/*-o-transition: opacity 0.5s ease-in-out;*/
	background-image: url(/files/uploading.png);
	background-repeat: no-repeat;
}