@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

.wrapper{
	display: flex;
	width: 100%;
	align-items: stretch;
}

#content{
	width: 100%;
}

#sidebar {
	min-width: 50px;
	max-width: 177px;
}

#sidebar.active {
	margin-left: -250px;
}

#thesidebar .activebutton{
	color: rgb(0, 137, 255);
}

#thesidebar button{
	border: 0px;
background: transparent;
margin: auto;
    margin-left: auto;
margin:auto;
display: block;
color: rgb(104, 121, 146)

}

#thesidebar .linebreak{
	color: rgb(229, 239, 255);
height: 2px;
margin: 10px 0px;
}

#thesidebar button:hover{
	color: rgb(0, 137, 255);
	cursor:pointer;

}

#thesidebar{
	border-right: 1px solid rgb(229, 239, 255);
background-color: rgb(255, 255, 255);
box-shadow: rgb(229, 239, 255) 0px 1px 3px 0px;
}


#topbar{
	background: #333;
color: white;
display: flex;
padding: 3px 20px;
}

#topbar .left{
	flex-grow: 1;
	text-transform: uppercase;
font-size: 15px;
font-weight: 500;
}

#topbar a{
	color:#fff;
	text-decoration: none;
}
.pagination li {
position: relative;

display: block;

padding: .5rem .75rem;

margin-left: -1px;

line-height: 1.25;

color: #3a7ca0;

background-color: #fff;

border: 1px solid #dee2e6;
}

.w3-border{
	background-color: #fff;
}

body {
	font-size: 13px !important;
	font-family: 'Open Sans', sans-serif;
}

.table-container{
	background-color: #fff
}

.table thead th{
	border-right: 1px solid #f1f1f1;
}

.col-sm a{
	color:#17a2b8;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: bold;
font-size: 11px;
} 

.col-sm-3 a{
	color:#17a2b8;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: bold;
font-size: 11px;
} 

.card-header a{
color:#17a2b8;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: bold;
font-size: 11px;
}

.w3-container .w3-container{
	margin-left:0px!important;
	margin-top:0px!important;
}

.FULLY {
	background:#f1fff3;
}

.table th.avail{

}

.table td.avail{
}

.avail{
	max-width: 150px;
		padding:0px;
	margin:auto;
}
.table th.sub_view{
	width: 250px;
}

.table td.sub_view{
	width: 250px;
}
.subview{
	max-width: 230px;
	width:230px;
}

.formset-form .row .nottowide{
	max-width: 220px;
	min-width: 200px;
}

.formset-form .row .nottowide2{
	display: grid;
vertical-align: sub;
align-content: flex-end;
}


.col-sm .deletebutton{
	display: block;
margin-top:34px;
width: min-content;
}

.nottowide .col-lg-8{
	width: 100%;
max-width: 100%;
margin: 0px;
padding: 0px;
}
.w3-container{
	
	margin-top:20px;
}

.w3-sidebar{

	margin-top:10px;
}
.thenavbar{
position: fixed!important;
top: 0px;
left: 0px;
height: 30px;
display: block;
width: 100%;
z-index: 1
}

.wrapper{
	background: #f9fbff;
}

.w3-sidebar button{
	color:#fff;
}


.bottomsettings{
	position: absolute;
bottom: 80px;
}

i.selfemployed{
	font-size: 19px;
	margin-left: -2px;
	margin-bottom: 5px;
}

i.subcontracting{
	font-size: 19px;
	margin-left: -3px;
	margin-bottom: 5px;
	
}

i.settings{
	font-size:16px;
	margin-left:-4px;
}

i.subcontracting:active{
	font-size: 22px;
color:#000;
}

.smallbreak{
	display:block;
	width:5px;
	height:16px;
}

i.paymentview{
	font-size: 16px;
margin-left: -4px;
}

.openclose{
	margin-top: 5px;
	margin-bottom:5px;
}

i.registered{
	font-size: 20px;
	margin-left: -3px;
}

i.mailbox{
	font-size: 16px;
margin-left: -3px;
}

i.clients{
	font-size: 17px;
	margin-left: -2px;
}

i.dashboard{
	font-size: 16px;
	margin-left: -2px;
}

i.sailor{
	font-size: 20px;
	margin-left: -3px;
}

i.invoices{
	font-size: 20px;
    margin-left: -1px;
}

i.jobs{
	font-size: 20px;
    margin-left: -2px;

}

i.payments{
		font-size: 21px;
    margin-left: -1px;
}


#thesidebar svg{
	font-size: 19px;
}
#openbutton svg{
	font-size: 12px;
    position: initial;
    margin-left: 19px;
    color: rgb(104, 121, 146);
}

#closebutton{
	padding: 10px;
    font-size: 23px;
    margin-left: 130px;
    color:#fff;
}

.menuname{
	display: inline;
	margin-left:5px;
}
.inline{
	display:inline-block;
}

.fa{
font-size: 20px;
padding: 5px;
}

.col-sm-6 .btn{
	margin-right:4px;
}
.col-sm-9 .btn{
margin-bottom:2px;
}

.row .paddybox{
padding: 5px 10px;

margin: 0px 10px;
}

.insuranceblock .col-sm-3 a{
	color:#fff;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 11px;

}



.table thead th{
	vertical-align: bottom;
border-bottom: 2px solid
#dee2e6;
font-weight: initial;
text-transform: uppercase;
letter-spacing: 1.3px;
font-size: 11px;
}

.table-container th a{
	color:#17a2b8;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 11px;
font-weight: bold;
}

.table-container a:hover{
	color:#000;

}

.w3-bar .w3-bar-item{
	font-size: 13px;
}
html{
	overflow-x: visible!important;
	font-family: 'Open Sans', sans-serif;
}

.row{
	font-family: 'Open Sans', sans-serif;
}
h2{
	font-size: 44px;
}

.formblock{
	max-width: 900px;
}

.collapsing {
  transition: none !important;
}

.w3-bar{
	text-transform: uppercase;
}

.color1{
	background-color: #3a7ca0  !important;
	color:#fff !important;
}
.color2{
	color:#fff !important;
}

.color3{
	background-color: #DEF2F1!important;
	color:#000 !important;
}


.color4{
	background-color: #FEFFFF !important;
	color:#000 !important;
}


.color5{
	background-color: #17252A !important;
	color:#000 !important;
}

.onebox{
	height: 60px;
	padding-left:0px!important;
	position: relative;
}

.onebox h3 {
	display: inline;
}

.onebox button{
	position: absolute;
	right: 5px;
}

.onebox a.blue-button{
	position: absolute;
	right: 5px;
	color: #fff;
background: #136acd;
padding:5px 15px;
border: 1px solid transparent;
}



.onebox a.blue-button:hover{
background: #0f529f;
color: #fff;
}




tr a{
color: initial;
}

a:hover{
	text-decoration:none!important;

}

.w3-sidebar a, .w3-sidebar button{
	font-family: 'Open Sans', sans-serif;

text-transform: uppercase;

padding-bottom: 8px;

padding-top: 8px;

font-size: 13px;

letter-spacing: 0.4px;

line-height: 18px;
}


nav{
	font-family: 'Open Sans', sans-serif;
}

nav button{font-family: 'Open Sans', sans-serif;

}
thead{
	background: #f1f1f1;
}

.row{
	margin-bottom: 10px;
}
.formset-form .form-group{
	display: inline-block;
width: auto;
vertical-align: middle;
margin-left:10px;
margin-right: 10px;
font-size: 13px;
}

.deletebutton{
	vertical-align: baseline;
    margin-left: 10px;
    margin-bottom: 16px;


}

.aligny-bottom{
	padding-top: 36px;
}

.row dt{
	font-weight: unset;

text-transform: uppercase;

font-size: 14px;
}

.calendar-button{
	border: 1px solid #bbb;
color: #1a73e8;
padding: 2px 30px;
background-color: #fff;
border-radius: 10px;
margin-top: 5px;
line-height: 15px;
font-size: 16px;
}


.deletebutton input[type="checkbox"]{
	display:none;
}

.extra-pos .form-group{
		display: inline-block;

width: auto;

vertical-align: bottom;
margin-left: 20px;

}

.hideme{
	display: none;
}

.formset-form .maxwidth, .headers .maxwidth, .lowers .maxwidth, .footers .maxwidth{
	width:180px;
}

.invoicepage .row{
	margin-left:0px;
}

.subtotalrow{
	border-top: solid 1px;
    padding-top: 2px;

}

.grandtotalrow{
	font-weight: bold !important;
    border-top: solid;
}

.grandtotalrow h5{
	font-weight: bold;
}

.footers .maxwidth{
vertical-align: super;

font-size: 16px;
}

.footers .maxwidth2{
vertical-align: super;

font-weight: 700;

font-size: 19px;

width: 250px;

display: inline-block;
}

.row .invoice-col{
	max-width: 450px;
}

.col-inv{
	width:140px;
	margin-left:20px;
}

.fillerdiv{
	display: inline-block;

width: 224px;
}
.row .invoice-row{
	width:100%;
	margin-left:10px;

}
#id-exampleForm2{
display: inline-block;
vertical-align: top;
width: 700px;
}

#id-exampleForm9{
display: inline-block;
vertical-align: top;

}

.shiprow .w3-container{
	padding-left:0px;
	padding-right:0px;
}

.shiprow{
	margin-bottom: 10px;
}

#formset{

}


.odd-row{
	background-color: rgba(0,0,0,.05);
}

.name{
	width:100px;

}



.salarybox{
	display: inline-block;

}


.dayswidth{
	display: inline-block;
	width: 120px;
}


.invoice-form textarea.form-control{
	height: 35.75px;
	width:180px;

}

.city{
	margin-bottom:10px;
}

.invoice-form input{
	max-width: 95px;
}

.invoice-form .nullbooleanselect{
	width: 70px;
	margin-right: 0px;
}
.form-group .offset-lg-2{
	margin-left: 0px;
}
.invoice-form .col-form-label{
	display:none;
}
.invoice-form-header2{
	display: inline-block;
	width: 186px;
margin-left:10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}

.invoice-form input.short-input {
	width: 50px;
	padding: 5px;
}
.invoice-form input.dashed-input{
border: 2px #17a2b8;
border-style: dashed;

}

.invoice-form-header-short{
	display: inline-block;
	width: 50px;
	text-align: center;
margin-left:10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}

.invoice-form-header{
	display: inline-block;
	width: 95px;
margin-left:10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}

.invoice-form-times{
	display: inline-block;
	width: 40px;
margin-left:10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}

.invoice-form-header3{
	display: inline-block;
width: 95px;
margin-left: 10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}

.invoice-form-header4{
	display: inline-block;
width: 180px;
margin-left: 10px;
margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid;
}


.invoice-form-footer2{
	display: inline-block;
	width: 160px;
margin-left:24px;
margin-right: 10px;
	font-weight: 700;
	display: flex;

vertical-align: baseline;

}

.invoice-form-footer2-payroll{
	display: inline-block;
	width: 170px;
	margin-left: 28px;
	margin-right: 131px;
	font-weight: 700;
	display: flex;

vertical-align: baseline;

}



.invoice-form-footer{
	display: inline-block;
	margin-left: 11px;
	width: 96px;
	margin-right: 11px;
	font-weight: 700;
	vertical-align: baseline;
	font-size: 19px;
}

.invoice-form-footer5{
display: inline-block;
margin-left: 10px;
width: 95px;
margin-right: 10px;
font-weight: 700;
vertical-align: baseline;
font-size: 19px;
}

.invoice-form-pos2{
	display: inline-block;
	width: 175px;
margin-left:10px;
margin-right: 10px;


}

.invoice-form-pos3{
	display: inline-block;
	width: 205px;
margin-left:10px;
margin-right: 10px;


}
.invoice-form-footer5 #div_id_totalbrutto{
	width: 180px;
}

.invoice-form-pos{
	display: inline-block;
	width: 95px;
margin-left:10px;
margin-right: 10px;


}
.invoice-form-footer4{
	display: inline-block;

width: 162px;
margin-left: 24px;
display: flex;
margin-right: 10px;
font-weight: 700;
vertical-align: unset;

}

.footers .eurosign{
	font-size: 18px;
	margin-top:7px;
	margin-right:5px;
}


.invoice-form-footer3{
	display: inline-block;

width: 162px;

margin-left: 39px;

margin-right: 10px;

font-weight: 700;

}
.invoice-form-footer .col-lg-8{
	max-width: 100%;
	flex:auto;
	margin-right: 0px;
margin-left: auto;
}

.invoice-form-footer2 .col-lg-8{
	max-width: 100%;

	margin-right: 0px;
margin-left: auto;
}

.invoice-form-footer3 .col-lg-8{
	max-width: 100%;

	margin-right: 0px;
margin-left: auto;
}

.footers{
	border-top: 1px solid;
padding-top: 10px;
display: flex;
}

.extra-pos .col-form-label{
	display: none;
}

.extra-pos .form-group{
	margin-left:10px;
}

.extra-pos .numberinput{
max-width: 100px;
}

.form-group .col-lg-2{
	flex:auto;
	max-width: inherit;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

tr[status="True"] {
	opacity: 0.3;

}

body a{
	color: #000;
}

.bottombox{
	padding-top: 120px

}

.actionbox h5{
	font-size: 16px;
}



.subtotalrow label{
	display:none;
}

.payslipbox .col-sm-8, .payslipbox .col-4, .payslipbox .col-sm-7{
	padding-left:4px;
	padding-right:4px;
}

.payslipbox .toprow{
padding-top:4px;

}
.nolabel label{
	display: none
}

.payslipcontainer{
	max-width: 1200px;
}

.taxbox{
	width:900px;
}

.rowblock .topbutton{
	vertical-align: top;
}

.payslipbox{
	max-width: 900px;
	font-size:12px;
}

.payslipbox .row dt{
font-size: 12px;
	}

.payslipbox .row{
margin:0px;

}

div#id_fromdate, div#id_todate { display: inline-block; }
.ui-individual-date { background: yellow; }

.table-container .page-item.active .page-link{
background-color: #3a7ca0;
border-color: #3a7ca0;
}

.table-container .page-link{
	color: #2b7a78;
}

.bootstrap-datetimepicker-widget{
	display: block!important;
}

.sideblock .button{
	margin-bottom: 15px;
	margin-right: 8px;
}

.sideblock{
background: #e4e4e4;
padding: 10px 15px;
max-width: 350px;
margin-bottom: 15px;
border-radius: 3px;

}

.invoicepage .btn-secondary{
	margin-bottom:15px;
}

.mainlogo{
max-width: 240px;
max-height: 130px;
height: auto;
margin-bottom: 0px;

}

.worker-cell{
	background: white;
  padding: 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
  max-width: 1000px;
  margin-bottom: 15px;
}

.placement-row{
	background: #ededed;
  padding: 20px;
  display: block;
}

.open-row{
	padding-left: 20px;
	padding-top:5px;
	margin-bottom:0px;
}

.formtable{
	min-width: 67px;
}


.sublogo{max-width: 350px;
	height: auto;

}

.specialcol{
	margin:auto;
}

.frontpage{
	
	margin-top:50px;
}

.btn_wow{
color: #fff;
background-color: #3a7ca0;;
border-color: #3a7ca0;;
}


.specialcol label{
	width: 100px;
	    font-family: Montserrat,sans-serif;
	    font-size: 16px;
	    text-align: right;
}

.loginblock{
max-width: 400px;
display: block;
margin: auto;
background: #fff;
padding-top:15px;
}

.loginblock label {
    width: 100px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: right;
}

.loginblock input{
	overflow: visible;
padding: 5px;
margin: 10px;
font-size: 16px;
width:270px;
font-family: 'Open Sans', sans-serif;
}

.loginblock .super-button {
    background-color: #387da2;
    color: #fff;
    width: 100%;
    border: none;
    border-radius: 5px;
    max-width: 375px;
    font-family: 'Open Sans', sans-serif;
}


.frontlogo2{
	max-width: 150px;
margin: auto;
display: block;
margin-top:40px;
}

.module-title{
text-transform: uppercase;
font-size: 19px;
margin: auto;
    margin-top: auto;
display: block;
width: max-content;
margin-top: -10px;
letter-spacing: 1.5px;
color: #fd545b;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}



.navbar .navbar-brand{
	color: #fff;

text-transform: uppercase;

font-size: 15px;

font-weight: 300;

letter-spacing: 1px;
}

.item-row .formset-form .form-group{
	width: 100%;
}

.item-row .invoice-form textarea.form-control{
	width: 100%;
}

.invoice-item-form .form-group{
	width: 100%;
}

.invoice-item-form textarea.form-control{
height: 35px;
}

.extra-pos .form-group{flex: 0 0 66.666667%;

max-width: 66.666667%;

width: 66%;}

.extra-pos textarea.form-control{
	height: 35px;
}

.extra-pos input[type="checkbox"]{
	display: none;

}

.form-check input[type="checkbox"]{
	width:14px;
	height: 14px;
}

.form-check{
	margin-left:20px;
	padding-bottom: 10px;

}

.extra-pos label{
	display: none;
}

.col-form-label{
	
}

.greytext{
	color: #848484;
}

.w3-bar .w3-button{
	text-transform: uppercase;
padding: 4px 10px;
background: #0073cb;
color: white;
border-radius: 5px;
margin: 4px;
    margin-bottom: 4px;
margin-bottom: 4px;
display: inline-block;
}

.extra-pos .description{
	width: 66%;
	height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
vertical-align: middle;

margin-left: 10px;

margin-right: 10px;
margin-bottom: 26px;
font-size: 15px;
}

.extra-pos .various{
	width: 250px;
	height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
vertical-align: middle;

margin-left: 0px;

margin-right: 10px;
margin-bottom: 26px;
font-size: 15px;
}


.times{display: inline-block;
width: 40px;

margin-left: 10px;

margin-right: 10px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.new-success-badge{
font-size: 13px;
line-height: 16px;
font-weight: 600;
display: inline-block;
margin: 2px 0;
padding: 4px 12px 4px 14px;
border-radius: 40px 12px 12px 40px;
white-space: nowrap;
text-transform: capitalize;
background-color:#adf0cc;
color: #14713f;
text-align: center;

}

.new-warning-badge{
font-size: 13px;
line-height: 16px;
font-weight: 600;
display: inline-block;
margin: 2px 0;
padding: 4px 12px 4px 14px;
border-radius: 40px 12px 12px 40px;
white-space: nowrap;
text-transform: capitalize;
background-color:#f3d1d1;
color: #a90909;
text-align: center;
}
.new-warning-badge a{
	color: #a90909;}


.new-info-badge{
font-size: 13px;
line-height: 16px;
font-weight: 600;
display: inline-block;
margin: 2px 0;
padding: 4px 12px 4px 14px;
border-radius: 40px 12px 12px 40px;
white-space: nowrap;
text-transform: capitalize;
background-color:#b3e4f5;
color:#11637e;
text-align: center;
}

.new-info-badge a{
	color:#11637e;}

.new-danger-badge{
font-size: 13px;
line-height: 16px;
font-weight: 600;
display: inline-block;
margin: 2px 0;
padding: 4px 12px 4px 14px;
border-radius: 40px 12px 12px 40px;
white-space: nowrap;
text-transform: capitalize;
background-color:#f3d1d1;
color: #a90909;
text-align: center;
}

.new-danger-badge a{
	color: #a90909;
}



.small-badge{
width: 65px;

}

.big-badge{
	font-size: 15px;
	
	}
	


.accountingpage .table td{
	padding:8px;
	font-size: 11px;
}


.table td.money-width{
	min-width: 100px;
	text-align: right;
}

.table th.money-width{
	min-width: 100px;
	text-align: right;
}

.table td.money2-width{
	min-width: 100px;
	text-align: right;
}

.table th.money2-width{
	min-width: 100px;
	text-align: right;
}

.table td.money-width2{
	min-width: 100px;
	text-align: left;
}



.table td.inv-width{
	max-width: 150px;
	text-align: left;
	min-width: 145px;
}

.table th.inv-width{
	min-width: 130px;
	text-align: left;
	min-width: 125px;
}

.table td .cust-width{
	 white-space: nowrap; 
  min-width: 140px; 
  overflow: hidden;
  max-width: 170px;
  text-overflow: ellipsis; 
}


.table td .cust-width:hover{
	overflow:initial;
}


.table td .emp-width{
	 white-space: nowrap; 
  min-width: 170px; 
  overflow: hidden;
  text-overflow: ellipsis;
font-size: 14px;
max-width: 170px;
color:#11637e;
font-weight: normal; 

}

.table th .emp-width{
	 white-space: nowrap; 
  min-width: 170px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

.table td .emp-width:hover {
	overflow:initial;
}

.table td .job-badge{
	white-space: nowrap;
min-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-weight: ;
color:   #11637e;
 font-weight: normal;


}

.table td .job-badge:hover{
	font-weight: 700;
}

.invoice-popup{

    visibility: hidden;
width: 860px;
background-color:#fff;
height: auto;
margin-top: 30px;
transition-property: visibility 0.5s;
transition-delay: 0.5s;
position: absolute;
border-radius: 5px;
padding: 15px;
border: 1px solid #b5b5b5;
font-size: 13px;
}

tr .inv-width:hover .invoice-popup {
    visibility: visible;
    z-index: 100;
}

.grandtotal-popup{

visibility: hidden;
width: 800px;
font-size: 13px;
background-color:#fff;
height: auto;
margin-top: 6px;
transition-property: visibility 0.5s;
transition-delay: 0.5s;
position: absolute;
border-radius: 5px;
padding: 15px;
border: 1px solid #b5b5b5;
margin-left:-450px;
}

tr .money-width:hover .grandtotal-popup {
    visibility: visible;
    z-index: 100;
}


tr .money-width:hover{
	cursor: pointer;
}


.accountingpage .table tr.True td{
	border:0px;
}

.payment-popup:hover{
	 visibility: visible;
    z-index: 100;
}

.payment-popup{

visibility: hidden;
width: 800px;
font-size: 13px;
background-color:#fff;
height: auto;
margin-top: -20px;
transition-property: visibility 0.5s;
transition-delay: 0.5s;
position: absolute;
border-radius: 5px;
padding: 15px;
border: 1px solid #b5b5b5;
margin-left:-550px;
}

tr .pay-width a.pop-hover:hover ~ .payment-popup {
    visibility: visible;
    z-index: 100;
}



.payment-amount-popup{
visibility: hidden;
width: 800px;
font-size: 13px;
background-color:#fff;
height: auto;
margin-top: 4px;
transition-property: visibility 0.5s;
transition-delay: 0.5s;
position: absolute;
border-radius: 5px;
padding: 15px;
border: 1px solid #b5b5b5;
margin-left:-750px;

}

tr .money2-width:hover  .payment-amount-popup {
    visibility: visible;
    z-index: 100;
}

tr .money2-width:hover{
	cursor: pointer;
}

#savebutton{
	display: none;

}

.allianz-width{

width: 95px;
display: inline-block;

margin-right: 10px;

text-transform: uppercase;
}

.col-sm-3 a.new-success-badge{
	color: #14713f;
}

.col-sm-3 a.new-danger-badge{
	color: #a90909;
}

.col-sm-3 a.new-danger-badge{
	color: #a90909;
}

.mail-example{
background: #fff;
padding: 10px;
font-size: 14px;
}

.space-even{
	display: flex;
	justify-content: space-evenly;
}

.body-frame{
	width: 1008px;
    padding: 24px;
    margin: auto;
    font-family: "Open Sans", Open-sans;
    margin-top: -65px;
}

.whatsapp-big{
	color: #14713f;
	font-size: 20px;

}

.regsub{
font-size: 20px;

}
.body-frame-extended{
	min-width: 975px;
    padding: 24px;
    margin: auto;
    font-family:  Montserrat,sans-serif;
    margin-top: -65px;
}

.document-view-header{
	padding: 0 0 15px;
	border-bottom: 1px solid #c6cccd;
}
.simple-button{
text-align: center;
min-width: 100px;
border-radius: 500px;
margin: 0;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
outline: 0;
font-family: Montserrat,sans-serif;
font-weight: 600;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
}

.simple-small-button{
	text-align: center;
	min-width: 50px;
	border-radius: 500px;
	margin: 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	outline: 0;
	font-family: Montserrat,sans-serif;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	}

button.simple-button:hover{
	color: #136acd;
border-color: #136acd;
}

button.simple-button{
color: #4d6575;
border: 1px solid #b2c2cd;
padding: 8px 20px;
background: #fff;
}

button.button-small{
color: #4d6575;
font-size: 14px;
border: 1px solid #b2c2cd;
padding: 0px 8px;
min-width: 70px;
background: #fff;
}

button.button-xs{
color: #4d6575;
font-size: 14px;
border: 1px solid #b2c2cd;
padding: 0px 3px;
min-width: 40px;
background: #fff;
}

button.float-right{
	float:right;
}

.dv-header{
	display: flex;
	justify-content: space-between;
}

.dv-header-title{
	display: inline-block;
	flex-grow: 1;
	font-size: 33px;
	font-weight: 600;

}

.document-view-summery{
	display: flex;
margin-bottom: 15px;
}

.document-view-summery-sub{
	display: flex;
	margin-bottom: 20px;
}


.summary-small{
	font-size: 14px;
}


.summary-status{
	margin-right: 20px;
	display: inline-block;
width: max-content;
}

.vs-text{
	color: #4d6575;
	font-weight: 600;
	margin: 16px 0 5px;
}

.document-view-body{
	margin: 20px auto;
width: 820px;
}

.status-badge{
	min-width: 61px;
text-align: center;
line-height: 1.4;
font-weight: 600;
font-size: 14px;
display: block;
margin: 2px 0;
padding:4px 12px 4px 14px;;
border-radius: 40px 12px 12px 40px;
white-space: nowrap;
text-transform: capitalize;
}

.status-danger-badge{
	background-color: #f3d1d1;
color: #a90909;
}

.status-info-badge{
	background-color: #b3e4f5;
color: #11637e;
}


.status-success-badge{
background-color: #adf0cc;
color: #14713f;
}

.status-grey-badge{
background: #e3e3e3;
color: #717171;
}



.vs-text{
	display: block;

}
.summary-client{
 	display: inline-block;
 	flex-grow: 1;
 	margin-right: 10px;
}
.summary-item{
	display: inline-block;
	margin-right: 18px;
}
.last{
	margin-right: 0px;
}

.document-view-summary .summary-status{
	display: inline-block;
}

.small-status-badge{
	padding: 2px 10px;
border-radius: 3px;

}
.summary-big{
	font-size: 18px;
}

button.disabled-button{
	color: #b7b7b7;
border-color: #bfbfbf;

}

.document-view-box{
display: block;
padding: 16px;
margin-bottom: 16px;
border-radius: 8px;
border: 1px solid #b2c2cd;
background-color: #fff;
}

.document-view-document{
display: block;
padding: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,.2);
background-color: #fff;
margin-bottom: 16px;
margin-top:35px;
}

.body-frame a{
	color: rgb(45, 155, 243)
}

.docs-uploaded{
	margin-left:40px;
}

.documents-uploads .document-box{
	display: inline-block;
	min-width: 235px;
}

.documents-uploads .document-box2{
	display: inline-block;
	min-width: 235px;
}


.documents-uploads .document-box a{
	display: inline-block;
vertical-align: top;
}

.documents-uploads .document-box .document-title{
	display: inline-block;
}

a .step-badge{


}

.step-badge{
margin: 0 6px;
border-width: 2px;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
	margin-right: 18px;
background: #fff;
border: 2px solid #136acd;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 46px;
margin-left: -34px;
margin-top: -22px;
margin-right: 12px;

}

.small-delete-button{
	color: #a90909;
font-size: 12px;
}

.status-info{
color: #11637e;
border-color: #11637e;
background-color: #b3e4f5;
}

.status-danger{
color: #a90909;
border-color: #a90909;
background-color: #f3d1d1;
}

.status-success{
color: #14713f;
border-color: #14713f;
background-color: #adf0cc;
}

.status-success a{
color: #14713f;
border-color: #14713f;
background-color: #adf0cc;
}

.status-danger a{
color: #a90909;
border-color: #a90909;
background-color: #f3d1d1;
}

.status-info a{
color: #11637e;
border-color: #11637e;
background-color: #b3e4f5;
}

.status-grey{
	color: #bbb;
	border-color: #bbb;
	background-color: #fff;
	}

	.success-icon{
		color: #14713f;
border-color: #14713f;
font-size: 18px;
	}

	.danger-icon{
		color: #a90909;
		border-color: #a90909;
font-size: 18px;
	}

	.mlc th{
		padding: 0px;
	}

.step-badge i{
	width: 17px;
	height: 25px;
	font-size: 25px;

}

.step-badge svg{
	width: 17px;
	height: 25px;
	font-size: 25px;

}

.whatsappbutton{
	border: 1px solid #333;
	padding: 3px 10px;
	background-color: #0f529f;
	height: 30px;
	color:#fff;
	border-radius: 10px;
	margin-top: 5px;
	line-height: 20px;
	font-size: 17px;
}

.whatsappbutton-grey{
	border: 1px solid #bbb;
	color: #bbb;
	padding: 3px 10px;
	background-color: #fff;
	height: 30px;
	border-radius: 10px;
	margin-top: 5px;
	line-height: 20px;
}

.whatsappbutton-disabled{
	border: 1px solid #bbb;
	color: #fff;
	padding: 3px 10px;
	background-color: #9cc5f4;
	height: 30px;
	border-radius: 10px;
	margin-top: 5px;
	line-height: 20px;
	font-size: 17px;
}

.whatsappbutton i, .whatsappbutton-grey i{
	font-size: 20px;
}


i.whatsappje{
	font-size: 18px;
	margin-left: -3px;

}
.plane i{
	margin-right: 10px;
}


.content-header{
	display:flex;
}
.fill-gap{
	display: block;
height: 47px;
}
.content-header .step-subtitle{
font-size: 22px;
font-weight: 600;
flex:1;
}

.light-text{
	color: #848484;
}
.light-blue{
	color: rgb(45, 155, 243)
}

.content-body-right{
	flex-grow:1;
}

.content-body{
	padding-left:20px;
	flex-grow:1;
}

.content-text .label, .content-text .content, .content-text .label-xl{

	display: inline-block;
	font-size: 16px;
	padding-top:0px;
}

.content-text .content{
	min-width: 250px;
}

.content-text .content-sub{
	display: block;
	font-size: 16px;
	padding-top:0px;
}

.content-text .label{
	font-weight: 600;
	min-width: 75px;
}

.content-text .label-xl{
	font-weight: 600;
	min-width: 110px;
}


.trans-header{
	display: flex;
}

.trans-text{
	flex-grow:1;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.intercomp i{
	margin-left:-7px;
}

.invoice-inter-status{
	display: inline;
margin: 0px;
padding: 0px;
font-size: 17px;
background: #000;
border-radius: 20px;
color: #fff;
padding: 0px;
    padding-left: 0px;
padding-left: 5px;
}

.trans-header .transnumber {
	min-width: 300px;
}

.summary-dummy{
	flex-grow:1;
}

.trans-header .amount {
	min-width: 170px;
	padding-left:20px;
}

.status-info-badge i{
	width: 7px;
}

.status-info-badge {
	color: #11637e;
border-color: #fff;
}

.status-info-doc-badge{
		color: #11637e;
border-color: #fff;
}

.modal .mail{
	max-width: 900px;
	margin:auto;
	-webkit-transform: translate(0,0);

}
.mailheader .receivers .row{
	display: inline-block;
	margin-bottom: 2px;
}

.mailheader .receivers .row .col{
width: auto;
min-width: 300px;
margin-bottom: 2px;
}

.mailmodal{
	display: flex;
}


.bccbox{
	flex-grow:1;
	margin-left:20px;
	max-width: 300px;
}

.mailheadeR{
	flex-grow:1;
}

.mail-subject .row .col{
	flex-basis:auto;
	display: block;
	margin-bottom: 2px;
}

.mail-subject{
	    max-width: 745px;

}

.envelope-badge{
font-size: 15px;
padding: 4px;
border-radius: 50%;
border: 2px solid;
margin-bottom: 4px;
margin-right: 4px;
height: 26px;

}
.trans-credit-buttons{
	min-width: 300px;
}
.trans-buttons{
	min-width: 110px;
}

.trans-file .trans-text{
	width: 230px;
	display: inline-block;
}

.mailline{
	min-width: 280px;

}

.mail .trans-text{
	margin-top: 4px;
font-size: 14px;
width: 280px;
}
.file-badge-upload {
	border-radius: 50%;
	border:none;
}

.trans-footer{
	display:flex;
	font-size: 13px;
padding: 5px;

}

.document-view-document .content-header{
	margin-bottom:15px;
}

.trans-footer-pay{
	display:flex;
	font-size: 13px;
padding: 5px;
margin-left:10px;
padding-top:0px;
}

.trans-block{
	margin-bottom: 10px;
}

.trans-file{
	margin-left:20px;
	flex-grow: 1;
}

.trans-sub-block{
	margin-left: 21px;
margin-top: 4px;
}

.creditbox{
	padding-left: 65px;
margin-top: 15px;
}

.creditbox .step-subtitle{
	font-size: 16px;
font-weight: bold;
flex: 1;
}

.text-ital{
	display: block;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-style: italic;
color: #646363;
letter-spacing: 0.3px;
}

.nav-box{
	border-bottom: 1px solid #dfe6f1;
}
.nav-box-item span{
	background: #dfe6f1;
color: #3c5b8b;
font-weight: 600;
padding: 0 8px;
border-radius: 500px;
font-size: 14px;
line-height: 1.4;
display: inline-block;
margin-left: 0px;
}

.nav-box-item{
	display: inline-block;
padding: 8px;
margin-right: 16px;
cursor: pointer;
text-decoration: none;
font-weight: normal;
color: #4d6575;
border-bottom: 4px solid transparent;
font-size: 16px;
color: #4d6575;
}

.nav-box a{
	color: #4d6575;;

}

.body-frame-extended .table thead tr .orderable a:hover{
	color: #136acd;
}

.nav-box-item:hover{
	color: #1c252c;
border-bottom: 4px solid #d4dde3;
}

.nav-box .color2{
color: #1c252c !important;
font-weight: bold;
border-bottom: 4px solid #2B7A78 !important;
background-color: transparent;
}

.row .middle{
	display: block;
margin: auto;
}
button.blue-button{
	color: #fff;
background: #136acd;
border: 1px solid transparent;
}

button.coral-button{
	background-color:	#FE545B;
	color: #fff;
	border: 1px solid transparent;
	}

	button.coral-button:hover{
				background-color: #FB434A;
				color: #fff;
		border: 1px solid transparent;
		}



input.blue-button{
	color: #fff;
background: #136acd;
border: 1px solid transparent;
}

input.blue-button:hover{
background: #0f529f;
color: #fff;
}

.trans-header a{
	color:#0056b3;
}


button.blue-button:hover{
background: #0f529f;
color: #fff;
}

.simple-filter .form-group label{
	display: none;
}

.body-frame-extended .document-view .document-view-header{
	border:none;
	margin-bottom: 25px;
}

.one-length{
	display: flex;
justify-content: space-between;
}

.invoice-status{
	flex-grow: 1;
}

.one-length .badge{
	max-height: 22px;
margin-top: 5px;
padding: 8px;
border-radius: 10px;
font-size: 15px;
line-height: 5px;
font-family: Montserrat,sans-serif;

}

.report-table td{
	border-right: 1px solid #ededed;
}

.invoice-status a{
	width: auto;
display: inline-block;
}

.body-frame-extended .table td.inv-width{
	min-width: 140px;
	width: 140px;
	max-width: 140px;
	padding: 4px;
}

.body-frame-extended .table td{
	vertical-align: initial;


}

.searchresults .table td{
	vertical-align: top;
	padding: 10px 5px;
	border-top: 1px solid #2f2f2f;
	position: relative;

}

.searchresults .content-text .content{
	min-width: auto;
}

.body-frame-extended .table tr:hover{
	cursor: pointer;
}


.body-frame-extended .table thead th{
	text-transform: none;
	font-size: 12px;
	border:none;
	border-bottom: 2px solid #dfe6f1;
}

.body-frame-extended .table thead th a{
	color: #1c252c;
	text-transform:none;
	font-size: 13px;
}

table .icon-cell{
	padding-top:0px!important;
	padding-bottom:0px!important;
	font-size: 16px!important;
}

.body-frame-extended thead{
	background-color: #fff;
}

.cardrow thead{
	background-color: #fff;
}

.hover-table tbody tr:hover{
background-color: #ededed;
}

.button-modal a{
	display: block;
	margin-bottom: 15px;
}

.info-badge{
	color:#136acd;
}

.red-jobcheck{
	color: #a90909;
	font-size: 25px;
	
}

.green-jobcheck{
	color: #14713f;
	font-size: 25px;
	
}

.document-view-body-extended .table td{
	vertical-align: initial;

}

.document-view-body-extended .table tr:hover{
	cursor: pointer;
}


.document-view-body-extended .table thead th{
	text-transform: none;
	font-size: 12px;
	border:none;
	border-bottom: 2px solid #dfe6f1;
}

.document-view-body-extended .table thead th a{
	color: #1c252c;
	text-transform:none;
	font-size: 13px;
}

.document-view-body-extended thead{
	background-color: #fff;
}

.step-badge .move{
	width: 21px;
height: 25px;
font-size: 23px;
}

.seafarer-steps .status-badge{
	text-align:unset;
}
.extended .content form{
	margin-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
height: 40px;

}

.rankingbox{
	color: #222;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.short-name{
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
				color: #1a73e8;
    font-size: 15px;
    display: inline-block;
}

.short-text{
	   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}

.extra .content-text .label{
	font-weight: 300;
min-width: 95px;
font-size: 14px;
color: rgb(104, 121, 146);
vertical-align: top;
}

.extrablock{
	width: 200px;
display: inline-block;
}

.extra .content-text .content{
font-size: 14px;
letter-spacing: 0.6px;
vertical-align: text-bottom;
max-width: 400px;
}

.content-body-mother{
	display: flex;
}

.formblock-2 .form-group{
	font-family: Montserrat,sans-serif;
font-size: 14px;
padding-top: 2px;
}

.formblock-2 .form-group .left{
	text-align: left;
}

.formblock-2 .left .col-form-label{
	text-align: left!important;
}

.formblock-2 .col-form-label{
	font-family: Montserrat,sans-serif;
font-size: 15px;
padding-top:2px;

min-width: 200px;
text-align: right;
flex-grow: 0;
}

.col .input-group{
	flex-wrap:inherit;
}

.formblock-2 input{
min-width: 300px;
max-width: 350px;
}

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

.formblock-2 .date input{
	min-width: 300px;
	max-width: 350px;
	}

.formblock-2 select{
min-width: 300px;
max-width: 350px;
}

.formblock-2 textarea{
min-width: 300px;
max-width: 350px;
}

.placement-form select, .placement-form textarea, .placement-form input, .placement-form .date input{
	min-width: auto;
}

.formblock-2 input.blue-button{
	
}

.documents{
	display: flex;

}




.document-box{
	    margin-top: 20px;
    padding-left: 70px;
	display: flex;
	flex-grow: 1;
	max-width: 65%;
	width:49%;
}

.document-box2{
	margin-top: 20px;
margin-left: 70px;
display: flex;
flex-grow: 1;
max-width: 30%;
width:30%;
}


.documents-box .sub-box{
	display: flex;
	width: 233px;
}

.documents-box{
	flex-grow:1;
	width: 50%;
}
.small-badge .fa-anchor{
	margin-left:-3px;
}

.document-box .document-title{
	flex-grow:1;
	font-weight: 600;
	font-size:16px;
	max-width: 220px;
}


.document-box .status{
	font-size: 12px;
}

.document-box .document-options{
	flex-grow: 1;
}

.thumbnail{
	width: 250px;
	height: auto;
	display: block;
	margin:auto;
}

.ticket-item{
	width: 250px;
padding: 5px;
border: 1px solid #ededed;
margin-right: 10px;
border-radius: 5px;
margin-bottom: 5px;
}

.small-image{
	width: 90px;
	height: auto;
	display: block;
	margin:auto;
}

.ticket-title{
	display: inline-block;
	vertical-align: top;
	width: 100px;
}

.ticket-image{
	display: inline-block;
	vertical-align: top;
	margin: auto;
	width: 120px;

}


.content-body .subheading{
	margin: 35px 0px;
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid black;
	padding-bottom: 12px;
}


.content-body .subheading2{
	margin-top: 35px;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 2px;
border-bottom: 1px solid #ddd;
}


.inline{
	display: inline-block;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.simple-dropdown{
	min-width: 130px;
}
.dropdown-content {
  display: none;
position: absolute;
background-color: #fff;
min-width: 130px;
overflow: auto;
z-index: 1;
margin-top: -10px;
border-radius: 5px;
appearance: none;
color: #4d6575;
border: 1px solid #b2c2cd;
    border-top-color: rgb(178, 194, 205);
    border-top-style: solid;
    border-top-width: 1px;
padding: 8px 5px;
padding-right: 5px;
border-top: 0px;
border-top-right-radius: 0px;
padding-right: 6px;
}

.dropdown-content-big {
  display: none;
position: absolute;
background-color: #fff;
overflow: auto;
z-index: 1;
margin-top: -10px;
padding-top:10px;
padding-bottom: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
appearance: none;
color: #4d6575;
border: 1px solid #b2c2cd;
    border-top-color: rgb(178, 194, 205);
    border-top-style: solid;
    border-top-width: 1px;
border-top: 0px;
width: 130px;
}

.dropdown-content-big a{
font-size: 16px;
padding-left:10px;
display:block;
color:black;
color: black;
padding:10px;
}

.dropdown-content-big a:hover{
background:#ededed;
cursor: pointer;
}

.align-center{
	font-size: 20px;
	display: inline;
	vertical-align: -moz-middle-with-baseline;
}


.small-dropdown .dropdown-content{
	padding:0px;
	min-width: 80px;
}

.small-dropdown .dropdown-content a{
	padding-left: 5px;
}

.dropdown-content a {
  color: black;
padding: 7px 0px;
text-decoration: none;
display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.simple-dropdown .dropbtn{
text-align: center;
min-width: 130px;
border-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
margin: 0;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
outline: 0;
font-family: Montserrat,sans-serif;
font-weight: 600;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
color: #4d6575;
background: rgba(0,0,0,0);
border: 1px solid #b2c2cd;
padding: 8px 20px;
}

.small-dropdown .dropbtn{
text-align: center;
min-width: 80px;
border-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
margin: 0;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
outline: 0;
font-family: Montserrat,sans-serif;
font-weight: 600;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 11px;
color: #4d6575;
background: rgba(0,0,0,0);
border: 1px solid #b2c2cd;
padding: 4px 10px;
}

.smalltext{
	font-size:13px;
}

.new-layout .col{
	font-family: Montserrat,sans-serif;
	font-size: 15px;

}

.new-layout .right{
	text-align: right;
}

.document-view .costitem{
	margin-left: 100px;
	margin-right: 100px;
	padding:30px;
}

.document-view-box .table tr:hover{
	cursor: pointer;
}

.document-view-box .table thead th a{
	color: #1c252c;
text-transform: none;
font-size: 14px;
font-weight:700;
}

.document-view-box thead{
	background-color: #fff;
}

table .icons{
	padding: 2px!important;
}

.icons .small-badge{
	 display: inline-block;
width: 29px;
padding: 9px;
    padding-top: 9px;
border-radius: 50%;
height: 29px;
line-height: 0px;
border: 1px solid;
font-size: 15px;
line-height: 1px;
padding-top: 7px;
}

.icons .small-badge-se{
	 display: inline-block;
width: 29px;
padding: 9px;
    padding-top: 9px;
border-radius: 50%;
height: 29px;
line-height: 0px;
border: 1px solid;
font-size: 15px;
line-height: 1px;
padding-top: 7px;
padding-left:7px;
}


dd, dt, dl{
font-family: Montserrat,sans-serif;

}

.mail-example{
	background-color: #f7f7f7;
margin: 20px;
}

.width-1500{
	width: 1500px;;
}

button.filter{
	padding:7px 15px;
}

.elementbox{
	display: flex;
}

.cal-allblock-av{
padding: 3px 3px;
background: #adf0cc;
font-size: 12px;
margin-bottom: 2px;
}

.cal-allblock-job{
	padding: 3px 3px;
	background: #b3e4f5;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 15px;
	border: 2px solid #333;
	}

	
.rank-buttons{
	padding:10px 0px;
}

.dashbox{
	font-size: 16px;
font-family: montserrat;
margin-bottom:20px;
}


.elementbox a{
flex-grow: 1;
border: 1px solid #ededed;
border-radius: 5px;
margin: 5px;
max-width: max-content;
font-size: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.elementbox .stutus{

padding: 5px 10px;
vertical-align: top;
text-align: center;
}

.elementbox .number{
display: inline-block;
padding-left: 10px;
padding-right: 15px;
padding-top: 10px;
font-size: 16px;
vertical-align: top;
text-align: center;
}

.elementbox a:hover{
	box-shadow: 0 2px 8px rgba(0,0,0,.6);
	cursor:pointer;
}

.elementbox .solo{
	vertical-align: top;
	text-align: center;
	display: block;
	padding-bottom:5px;
}

.card-box{
	max-width: 300px;
border: 1px solid #ededed;
padding: 10px;
margin: 10px;

display: inline-block;
min-width: 250px;
min-height: 250px;
vertical-align: top;
margin-bottom: 20px;
background-color: rgb(255, 255, 255);
border-radius: 4px;
border: 1px solid rgb(229, 239, 255);
}

.card-box-big{
max-width: 700px;
border: 1px solid #ededed;
padding: 10px;
margin: 10px;

display: inline-block;
min-width: 650px;
height: 363px;
vertical-align: top;
margin-bottom: 20px;
background-color: rgb(255, 255, 255);
border-radius: 4px;
border: 1px solid rgb(229, 239, 255);
overflow: hidden;
}

.heigth-auto{
height: fit-content;
}

.card-box-body .text-min{
	max-width: max-content;
}

.card-title{
	font-weight: bold;
font-size: 16px;
color: rgb(36, 55, 78)
}

body a{
	
}
body .row{

}

.card-box-body .col{
	font-size: 14px!important;
}

.number .small-text{
	font-size: 12px;
	color:#404040;
}
.number {
	font-size: 16px;
}

.first-cardrow{

margin-top:-30px;
}

#readybutton{
	border: 1px solid #c8c7c7;
padding: 5px 15px;
}

.userbutton{
text-align: center;
min-width: 100px;
border-radius: 500px;
margin: 0;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
outline: 0;
font-family: Montserrat,sans-serif;
font-weight: 600;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #808080;
width: max-content;
padding: 2px 8px;
margin:4px;
margin-bottom:10px;
height: max-content;
}


.bccbox .titel{
	margin-bottom: 3px;
	padding:5px;
}

.highlight{
		color: #fff;
background: #136acd;
border: 1px solid transparent;

}

.bccbox label input[type='checkbox']{
	display: none;
}

.whatsappbutton input[type='checkbox']{
display: none;
}

.ticket-item input[type='checkbox']{
	display: none;
	}



.hidden-input {
	display: none;
}

.receivers #div_id_mailform-sendfile .col, .receivers #div_id_mailreminderform-sendfile .col{
	width: 150px;
	min-width: 140px;
}

.receivers #div_id_mailform-sendxml .col, .receivers #div_id_mailreminderform-sendxml .col{
	width: 150px;
	min-width: 140px;
}

.body-frame-extended .document-view .jobview{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.overbox{
	display: flex;
	justify-content: center;
	margin-bottom: 12px;

}

.overbox .document-view-box{
	padding:10px;
	flex-grow:1;
	margin-right: 10px;
max-width: max-content;
min-width: 540px;
margin-bottom: 0px;
}

.overbox .content-header .step-subtitle{
	font-size: 18px
}
.nofieldlabel{
	margin-top: 39px;
	font-size: 17px;
	text-align: right;
}
#whatsappform .whatsappchecked{
	background: #d4edda;
}
.overbox .content-header .step-subtitle{
	font-size: 14px;
}

.contactbutton .checked{
	background-color: #04AA6D;
}

.ticketbox .checked{
	border: 2px solid #04AA6D;
}

.fs-16{
font-size: 16px;
}
.overbox .extra .content-text .label{
	font-size: 12px;
}

.overbox .extra .content-text .content{
	font-size: 11px;
	overflow: hidden;
max-width: 180px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.overbox .extra .content-text .label{
	min-width: 70px;
}

.overbox .simple-button{
	font-size: 12px;
	padding: 3px 10px;
}

.overbox .content-body{
	padding-left:0px;
}

.overbox .step-badge{
width: 25px;
height: 25px;	
}

.overbox .step-badge .move {
    width: 15px;
    height: 16px;
    font-size: 15px;
}

.jobview .summary-big{
    	font-size: 14px
    }

.jobview .status-badge{
	font-size: 12px;
}    


.jobview .dv-header-title{
	font-size: 28px;
}

.jobview .simple-button{
	font-size: 14px;
}

.overbox .step-badge i {
    width: 11px;
    height: 16px;
    font-size: 17px;
    }

.jobextended{
	padding-bottom: 0px;
}    

.overbox .trans-header .amount{
	min-width: 70px;

}

.overbox .trans-text{
	font-size: 12px;
}

.overbox .content-text .label{
	font-size: 12px;
}

.overbox .content-text .content-sub{
	font-size: 12px;
}

.overbox .envelope-badge{
	font-size: 12px;
	height: 22px;
}

.overbox .document-box .document-title{
	font-size: 12px;
}

.overbox .document-box{
	margin-left: 0px;
}

.overbox .simple-dropdown .dropbtn{
	font-size: 11px;
	padding: 5px 15px;
	min-width: 70px;
}

.overbox .simple-dropdown{
	min-width: 70px;
}

.overbox .document-view-box .table thead th a{
	font-size: 11px;
}

.overbox .mail .trans-text{
	width:initial;
}

.overbox .mailline {
	min-width: initial;
}

.overbox tbody{
	font-size: 10px;
}

.overbox .trans-header .transnumber{
	min-width: 220px;
}

tr .icons{
	min-width: 100px;
}

.formset-form .typewidth{
	width: 195px;
	display: inline-block;
}

.slicktable .table-container th a{
	color:#000;
	font-weight: normal;
}

.formset-form .insurwidth{
	width: 360px;
}

.headers .insurwidth{
	width: 360px;
}

.clickable tr:hover{
	cursor: pointer;

}


.detailbox{
 display: flex;
}

.detailrow{
flex-grow: 1;
}

.small-button{
  padding: 5px 15px;
  font-size: 13px;
}

.detailunit{
  display: flex;
  flex-grow:1;
}

.detaillabel{
  min-width: 130px;
text-align: left;
margin-right: 10px;
}

.detaillabel-xl{
  min-width: 220px;
text-align: left;
margin-right: 10px;
}

.form-view .col{

}

.document-view .form-view{
	box-shadow:none;
}

.document-view .compact{
  max-width: 960px;
}

.detailunit{
  font-size: 15px;
margin-bottom: 2px;
line-height: 23px;
letter-spacing: 0.8px;
}
.wide-formblock .form-group .collabel{
  min-width: 230px;
}

.wide-formblock .form-group .selectcol{
  max-width: max-content;
}

.detailvalue{
	text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 300px;
}

.notesvalue{
	max-width: 330px;
margin-right: -50px;
}

.elementbox_client{
	width: 100%;
	margin-bottom:15px;
}

.statusbox{
	background: #fff;
}

.elementbox_client a .statusbox{
	display: inline-block;
	width: 15.74%;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 3px;
	min-height: 75px;
	background: #fff;

}

.elementbox_sub a .statusbox{
	display: inline-block;
	width: 13.35%;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 3px;
	min-height: 75px;
	background: #fff;

}

.elementbox_client .stutus, .elementbox_sub .stutus{
	text-align: center;
	padding: 2px 5px;
font-size: 15px;

}

.smaller .detailunit{
	font-size: 12px;
}

.smaller .detaillabel{
	min-width: 90px;
}

#templatesnip{
	background: #ddd;
height: 250px;
padding: 20px;
}

.elementbox_client .number, .elementbox_sub .number{
	text-align: center;
	padding-top:10px;
}




.status-info-neutral{
	background: #3a7ca0;
color: #fff;
}

.payslip-row{
	font-size: 12px;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
padding-top:2px;
}

.document-view .no-border{
	border:none;
}

.icon-badge{
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 46px;
display: inline-block;
margin-right: 5px;
}

.icon-badge i{
	margin-left: 9px;
	vertical-align: super;

}

.payslip-overview{
width: max-content;
}

.payslip-column-small{
	display: inline-block;
	width:50px;
}
.payslip-column{
	display: inline-block;
	width:100px;
}

.payslip-column-big{
	display: inline-block;
	width:150px;
}

.payslip-column-xl{
	display: inline-block;
	width:200px;
}

.payslip-totals{
	display: block;
width: 900px;
 margin-bottom: auto;
margin-bottom: 40px;

}




i.bigger-red{
	font-size: 17px;
	color:#14713f;

}

i.bigger-green{
	color:#a90909;
	font-size: 17px;
}

.table td{
	font-size:12px;
}

.formbox .form-group {
    flex-grow: 1;
}

.formbox {
    display: flex;
    margin-left: 1px;
	align-items: last baseline;
}

.formbox button {
    height: 38px;
    line-height: 13px;
    margin-right: 20px;
    margin-left: 20px;
    }

.box1 .titel {
    font-size: 20px;
    padding: 3px;
}    

.mini-dropdown .dropdown-content {
    font-size: 13px;
    width: 140px;
    }

    .simple-dropdown .dropdown-content a {
    padding: 7px;
        padding-left: 3px;
    padding-left: 10px;
}

#expenceform{
	max-width: 700px;
}

    .file-drop .dropdown-content a {
    padding: 7px;
        padding-left: 3px;
    padding-left: 10px;
}

.mini-dropdown .dropdown-content a {
    font-size: 13px;
}

.mini-dropdown .dropbtn {
    background: #136acd;
    font-size: 13px;
    color: #fff;
    height: 29px;
    padding-top: 0px;
    border-radius: 10px;
    vertical-align: top;
    }

    .mini-dropdown .dropbtn {
    line-height: 10px;
    padding: 2px 11px;
}

.dropdown-content a:hover {
    background-color: #ededed;
}

.mini-dropdown .dropdown-content{
	margin-top: -5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	padding:0px;
}

.mini-dropdown{
	display: inline-block;
}

.table-container .small-table .danger{
	background-color: #f3d1d1!important;
	border-bottom: 2px solid #fff; 
}

.small-table #True {
    background-color: #adf0cc;
    border-bottom: 2px solid #fff;
}

.table-container .small-table tbody .info {
    background-color: #b3e4f5 !important;
    color: #11637e;
}

.small-table #False {
    background-color: #f3d1d1;
    border-bottom: 2px solid #fff;    
}

.small-table .line{

}

.mini-dropdown .white-drop{
	background: white;
color: black;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.single-line {
    display: flex;
    justify-content: space-between;
}

.single-line i {
    display: inline-block;
    margin-right:4px;}

    .single-line .filetitel {
    display: inline-block;
    max-width: 145px;
    overflow: hidden;
    vertical-align: bottom;
    padding: 0px 3px 0px 5px;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-button {
    width: 33px;
    display: block;
    padding: 4px;
        padding-left: 4px;
    padding-left: 4px;
    border: 2px solid #136acd;
    border-radius: 50%;
    font-size: 18px;
    padding-left: 8px;
    color: #136acd;
    }

    .single-line a{
    	height: 28px;
    }

td.titel{
	font-weight: 600;
}    


.no-flex .col{
	flex-grow:1;
}

.new-formblock .form-group {
    display: flex;
    font-size: 16px;
    }

.new-formblock .box1 form {
    display: flex;
    padding: 20px;
        padding-top: 20px;
    padding-top: 0px;
    justify-content: space-between;
    }    

.mlctable .question{
	font-size: 14px;
font-weight: 600;


}
.turn-green button{
	    background-color: #adf0cc;
    color: #14713f;
} 

.turn-green .simple-button{
	    background-color: #adf0cc;
    color: #14713f;
    font-size: 18px;
} 

td.avail .simple-button{
	font-size: 18px;
}

.float-right{
	float:right;
}

input.simple-button{
	padding: 8px 20px;
}


.availbutton{
	margin-top:30px;
}

.detailunit .minivalue{
	font-size: 11px;
}

button.deletebutton:hover{
	color:#fff;
	border-color:#c82333;
}

.availform .commitbutton{
margin-left:130px;
}

.modal button.blue-button{
	margin-bottom:5px;
}

.payslips-content .header-row{
	    font-weight: 600;
    border-bottom: solid 1px black;
    padding-bottom: 2px;

}

.detaillabel i{
	color: #a4a3a3;
}

.detailbox .insuranceblock{
width: 45%;
display: inline-block;
margin-right: 30px;
}

.detailbox .insur-item{
display: inline-block;
}

.detailbox .buttonrow{
	padding-left: 15px;

}

.buttonrow .buttons{
	float: right;
}

.detailbox .insuranceblock dt{
font-size: 12px;
}

.simple-filter .form-group #div_id_fromdate label{
	display: block;
}

#div_id_fromdate label {
display: block;

}

 #div_id_todate label {
 	display: block;

 }

 .table th.short-width{
 	max-width: 80px;
 }

 .table .red{
 
color: #a90909;

 }

	.red{
		color:#a90909;
	}

 .formblock-2 .date{
 	flex-wrap: inherit;
 }

 .table .yellow{
color: #11637e
 }

 .job-name{
 	display: inline-block;
font-size: 16px;
font-weight: 600;
 }

 .sub-till{
 	display: inline-block;
font-size: 16px;
 }

 .sub-row{
 	padding: 0px 0px 8px 0px;
 }

	.mr-20{
		margin-right:20px;
	}
 .firstblock{
 	display: inline-block;
 	vertical-align: top;
		margin-right: 20px;
 }

	
 .secondblock{
 	display: inline-block;
 	vertical-align: top;
		margin-left:0px;
 }


 .resultsblock{
 	display: inline-block;
 	padding:15px;
 }

 .resultsblock .subresult{
 	display: inline-block;
 	margin-right: 25px;
 	min-width: 150px;

 }

 #form-multi{
	 width: 930px;
	 min-width: 930px;
 }

 #form-multi .form-check{
	display: inline-block;
	width: 280px;
	margin-left: 0px;
	padding-left: 0px;
 }

 #form-multi .col-form-label{
	text-align: left;
	border-bottom: 1px solid black;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-weight: 700;
 }

 #form-multi input[type="checkbox"]{
	 min-width:0px;
	 width: 16px;
	 height: 16px;
 }

 #form-multi .textarea{
	 width: 930px;
 }

 .fulline{
	 max-width: 850px;
 }

 .exp-star{
	font-size: 23px;
	vertical-align: bottom;
 }

 .tablerow .status{
	 padding: 0px;
 }

 .gold-star{
	 color:#f2b01e;
 }

 .silver-star{
	color:#D7D7D7
}

.bronze-star{
	color:#6A3805;
}

.ship-detail{
margin-left: 10px!important;
font-size: 15px;
background: #f3f3ff;
padding: 5px;
margin-bottom: 3px;
}

.patent-row .form-check{
	width:260px; 
	display: inline-block;
}

.patent-row .custom-control{
	width: 260px;
display: inline-block;
}

.fat{
	font-weight: 600;
}

.steplabel{
	margin-left: 4px;
font-size: 12px;
color: #000;
font-weight: bold;
}

.step-options .header-button, .step-options .simple-dropdown{
	display: inline-block;
}

.searchform li{
	margin-right: 5px;
    display: inline-block;
}

.searchform ul{
margin-left: 10px;
padding-left: 5px;
}

.searchform .form-group{
	display: flex;
}

.searchform .form-group #id_ranking > div{
	display: inline-block;
	padding:2px;
}
.searchform .form-group #id_languagetype > div{
	display: inline-block;
	padding:2px;
}

.searchform .form-group #id_shiptype > div{
	display: inline-block;
	padding:2px;
}

.searchform .form-group #id_patenttype > div{
	display: inline-block;
	padding:2px;
}

.searchform .form-group #id_rivertype > div{
	display: inline-block;
	padding:2px;
}


.searchblock{
	position:relative

}

.filter-label{
	border-bottom: 1px solid #848484;
	font-weight: 600;
	margin-right: 10px;
	padding: 2px 2px;
	margin-bottom: 4px;
	font-size: 16px;
	color: rgb(36, 55, 78)

}

.shortlist-icon{
font-size: 25px;
margin-right: 15px;
}

.searchblock .checked{
	color:#fff;
	background: #136acd;
	border: 1px solid #136acd;
}

.searchform label{
	border: 1px solid #333;
padding: 3px 10px;
border-radius: 15px;
background-color: #fff;
text-transform: uppercase;
}

.searchform label:hover{
	background-color: #0c4b93;
	color:#fff;
	border: 1px solid #0c4b93;
}


.col #checkbutton{
	right: 10px;
	position: initial;
	bottom:5px;
}

.document-box .step-badge{
	margin-top:0px;
}

#checkbutton{
	right: 10px;
	position: absolute;
	bottom:5px;
}

.searchblock b{
	min-width: 80px;
}

.table .shortlistbuttons{
	width: 150px;
	padding:0px 10px;
}


.shortlistbutton{
	border-radius:10px;
}

.green-button, button.green-button{
	background-color: #04AA6D;
	color: #ffffff;
}

.coral-button{
background-color:	#FE545B;
}


.blue-button{
	color: #fff;
background-color: #1a73e8;
}

.red-button, button.red-button{
	color: #fff;
background-color:#f44336;
}


.yellow-button{
	color: #fff;
background-color: #ff9800;
}



.buttonicon i{
	height: 18px;
line-height: 18px;
width: 18px;
margin-right: 4px;
}


.buttontext{
	font-size: 12px;
line-height: 1.5em;
}
.shortlist-buttons .listbutton-inactive{
    background-color: #fff;
    border: 2px solid #aacfff;
    color: #9bc3f7;
}

.listbutton-inactive{
	display: none;
}

.body-frame-extended .document-view .advanced-search-header{
	margin-bottom: 0px;
}

.shortlistbutton{
	padding: 5px 10px;
	border-radius: 10px;
	margin: 2px;
	margin-right: 2px;
	text-transform: uppercase;
}

.searchblock input[type="checkbox"] {
	display: none;
  }
 
.shortchoices input[type="checkbox"]{
	display: block;
}

  .searchblock label:hover {
	cursor: pointer;
  }
  
 .searchresults .tab{
	border-bottom: 1px solid #dfe6f1;
 }

 .searchresults .tab .active{
 color: #1c252c !important;
font-weight: bold;
border-bottom: 4px solid #2B7A78 !important;
 }

 .adv-search .content-text .content, .adv-search .content-text .label{
	 letter-spacing: 0.8px;
	 font-size:13px;
	 font-weight: 400;
	 min-width: 95px;

 }

 .adv-search .content-text .label{
	font-size: 12px;
font-weight: 400;
color: rgb(128, 129, 130);
padding: 4px 0px;
text-transform: uppercase;
 }

 .adv-search .content-text .content{

 }

 .searchblock .filterbutton{
	position: absolute;
	right: 18px;
	top: 10px;
	font-size: 31px;
	color: rgb(0, 103, 240);
	width: 30px;
height: 30px;
z-index: 2;

 }

#messageBox{
	position: fixed;
	width: 150px;
	height: 150px;
	margin:auto;
    background: #b6ccee;
    padding: 30px;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    color: #6c6b6b;
	display:none;

 }

 .searchblock .filterbutton:hover{
	 color:#17252A;
	 cursor:pointer;
 }

 .filter-titel{
	padding-left: 10px;
	font-weight: 600;
	font-size: 16px;
 }

 .filter-list, .filter-label{
	 vertical-align: top;
 }

 .filter-list .filterblockje{
	display: inline-block;
	padding: 2px 15px;
	background-color: rgb(0, 103, 240);
	color: white;
	border-radius: 9px;
	letter-spacing: 0.4px;
	vertical-align: text-top;
	margin-right:5px;
	margin-bottom:4px;
	font-size: 12px;
	text-transform: uppercase;
 }

 .searchblock .filterheader {
	margin-right: 50px;
}

.filterblock{
	background: #fff;
	border: 1px solid black;
	border-radius: 4px;
	padding: 16px;
 }
 .green{
	color:#20a15d;;
 }

	.blue{
		color: #1a73e8;
	}
 .green:hover{
	color:#186b3f;;
 }

.wait-row .listbutton{
	border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.delist-row .listbutton{
	border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.advanced-search-status .contacted, .advanced-search-status .shortlisted, .advanced-search-status .declined{
	display: none;

}
.wait-row .advanced-search-status .contacted{
	display: block;
}

.delist-row .advanced-search-status .declined{
	display: block;
}

.shortlist-row .advanced-search-status .shortlisted{
	display: block;
}


 .shortlist-row .listbutton{
	 display: block;
 }

 .wait-row .listbutton{
	display: none;
}

 .shortlist-row .delistbutton{
	display: inline-block;
}
.delistbutton{
	display:none;
}

 .delist-row .delistbutton, .delist-row .listbutton{
	display: none;
}

 .table .shortlist-row{

 }

 .table .wait-row{

 }

 .table .delist-row{

 }

 .shortlist-row .listbutton{
	 display: none;
 }




 .quali-popup{
width: 300px;
background-color:#fff;
height: auto;
position: absolute;
border-radius: 5px;
padding: 15px;
border: 1px solid #b5b5b5;
font-size: 13px;
top:0px;
right:-250px;
}

.patent-pop, .language-pop, .riverexp-pop, .shipexp-pop{
	visibility: hidden;
}

.exp-block{
	max-width: 280px;
}

.shortlistrow .score{
float: right;
font-size: 13px;
font-weight: 600;
background: #04aa6d;
border-radius: 50;
border-radius: 40px;
padding: 2px 5px;
color: #fff;

}

.shortlistrow .small-content{
display: block;
font-weight: 400;
font-size: 13px;
vertical-align: top;
letter-spacing: 0.7px;
padding: 3px 0px;
margin-right: 0px;
text-align: end;
}

.shortlistrow .bonusscore{
	float: right;
	font-size: 13px;
	font-weight: 600;
	background: #1a73e8;
	border-radius: 40px;
	padding: 2px 5px;
	color: #fff;
	margin-left: 2px;
	
	}


td .patent-block:hover ~ .patent-pop {
    visibility: visible;
    z-index: 100;
}

td .language-block:hover ~ .language-pop {
    visibility: visible;
    z-index: 100;
}

td .river-block:hover ~ .riverexp-pop{
    visibility: visible;
    z-index: 100;
}

td .shiptype-block:hover ~ .shipexp-pop{
	visibility: visible;
	z-index: 100;
}

.shortlistrow{
	position: relative;
}

.position-relative{
	position: relative;
}

.table-hover tbody tr:hover{
	cursor: pointer;
}


.jobcheck-check{
	font-size: 24px;
	display: inline;
	margin-left: 30px;
	color: #14713f;

}

.dashboardrow{
	margin-top: 20px;
	margin-left: 7px;
}

.dashboardrow .titel{
	margin-left: 5px;
}

.show-all-button{
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 20px;
	color: rgb(0, 103, 240);
}


.show-all-button2{
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 20px;
	color: rgb(0, 103, 240);
}

.show-all-button3{
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 20px;
	color: rgb(0, 103, 240);
}

.show-all-button4{
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 20px;
	color: rgb(0, 103, 240);
}




.jobcheck-nocheck{
	font-size: 24px;
	display: inline;
	margin-left: 30px;
	color:#a90909;

}

.todo{
	background: #dfe6f1;
color: #3c5b8b;
font-weight: 600;
padding: 0 8px;
border-radius: 500px;
font-size: 14px;
line-height: 1.4;
margin-left: 0px;
float: right;
margin-right: 20px;
}


.action-position{
	position: absolute;
	left:-137px;
	top:7px;
}

.shortlistrow .content-text{

	display: flex;
}

.shortlistrow .med-cell .content-text{
}

.note-box{
	background: #e8f4f9;
padding: 3px 10px;
font-style: italic;
max-width: 300px;

}
.loglink{
	margin-top:8px;
}
.note-box:hover{
	background:#b3e4f5;
	cursor:pointer;
}
.contact-block .shortlistbutton{
	display: inline-block;
}

.contactbutton{
	font-size: 25px;
	margin-right:10px;
	color:#888888;
}

#mainblock{
	background-color: #f9fbff;
}

.contactbuttons{
	display: flex;
}

.button-detail .contactbutton{
	color:#186b3f;
	display: inline-block;
	padding:4px;
	flex-grow:0;
}

.contactbutton label{
	cursor: pointer;
  display: block;
}

.shortlist-box{
	background: #dfe6f1;
    color: #3c5b8b;
    font-weight: 600;
    padding: 0 8px;
    border-radius: 500px;
    font-size: 14px;
    line-height: 1.4;
    display: inline-block;
    margin-left: 0px;

}

.searchresults .table .sub-cell{
	width: 400px;
	
}

.searchresults .table .xl-cell{
	width: 320px;
	max-width: 420px;
}


.searchresults .table .l-cell{
	width: 320px;
	max-width: 320px;
}


.searchresults .table .med-cell{
	width: 200px;
	max-width: 200px;
	padding-right: 15px;


}

.extra .shortlistrow .label{
font-weight: 400;
min-width: 95px;
font-size: 13px;
vertical-align: top;
color: #848484;
flex-grow: 1;
text-transform: uppercase;
letter-spacing: 0.7px;
}

.shortlistrow .clashalert{
	display: none;
}

.searchrow .clashalert{
	display: none;
}

.clashalert .clashalert{
	display: block;
}
.advanced-search-header{
	display: flex;
	justify-content: space-between;
}


.status-box{
	width: -moz-fit-content;
}

.status-box span{
	display: inline;
}

.advanced-search-title{
	font-size: 20px;
font-weight: 600;
line-height: 0.9;
color: rgb(36, 55, 78);
margin: 0px 0px 16px;
}

.modal.show .contract-dialog{
	max-width: 800px;
}

.adv-search{
	color: rgb(33, 37, 41);
display: flex;
-moz-box-pack: start;
justify-content: flex-start;
flex-flow: row wrap;
flex: 1 1 auto;
background-color: rgb(255, 255, 255);
border-radius: 4px;
border: 1px solid rgb(229, 239, 255);
position: relative;
width: 100%;
padding: 10px 12px;
-moz-box-align: center;
align-items: center;

}

.patentbutton{
	font-weight: 600;
}


.month {
	font-size: 25px;
}

.date {
	font-size: 16px;
}

.calendar .emptycell{
	border-color: white;
box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
}

.calendar .emptycell:hover{
	box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
}

.calendar .right{
	float: right;
	margin-right: 3px;
	color:#666;
}

.calendar .worklabel{
	text-align: center;
font-size: 12px;
letter-spacing: 1px;
color: #757575;
}

.calendar .placement{
	text-align: center;
}

.datecell{
	display: inline-block;
	width: 13%;
	cursor: pointer;
	min-height: 60px;
	margin: 2px;
					margin-right: 2px;
	border: 1px solid #8f8f8f;
	vertical-align: text-top;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	border-radius: 4px;
	margin-right: 4px;
	}
	
	.datecell:hover{
	transition: border-color .05s ease-in-out,box-shadow .05s ease-in-out;
			box-shadow: 0 2px 8px rgba(0,0,0,.4);
			border-radius: 5px;
	
	}
	.minimal{
		width: min-content;
		display: inline-block;
	}
	.w100px{
		width: 100px;
	}

	.w125px{
		width: 125px;
	}

	.w150px{
		width: 150px;
	}


	.datecell a:hover{
			text-decoration: none;
	}

	.minimal-docbox{
		margin-left: 36px;
		max-width: 400px;
	}
	
.minimal-docbox .document-title{
	max-width: 200px;
}


	.calendar tr .month{
			display: block;
	margin: auto;
	font-size: 20px;
	padding: 5px;
	}
	
	.datecell .date{
					padding-left: 5px;
					padding-top: 2px;
					display: block;
					font-size: 17px;
	
	}
	.calendar tr{
			min-width: 400px;
			display: flex;
	}
	
	.calendar th{
			width: 14%;
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 3px;
	font-size: 14px;
	text-transform: uppercase;
	}
	
	.calendar{
  width: 100%;
max-width: 1500px;
min-width: 600px;
}

#All{
font-weight: bold;
border-top: 4px solid;
border-bottom: 2px solid;
}

tr .today{
	border: 3px solid #000;
}

.calendar tr .A{
	background: #adf0cc;
color: #14713f;
}

.calendar tr .U{
	background-color:#f3d1d1;
	color: #a90909;
}

.calendar tr .R{
	background-color:#dcf9d8;
	color: #333;
}

.calendar .onboardlabel{
background: #ffcf74;
text-align: center;
font-weight: bold;
border: 3px solid black;
}

.calendar tr ul{
margin-left: 0px;
padding-left: 3px;
}

.m160{
	max-width: 280px;
	margin-left:10px;
}

.pl-50{
	padding-left:50px;
}

.calendar tr .J{
	background-color:#b3e4f5;
	color:#11637e;
}

.candidatebox .short-name{
	color:#1a73e8
}

.namebox{
	display: flex;
	margin-top: 15px;
}

.seafarer-card{
	margin: 10px 0px;
	padding: 5px 0px;
	display: block;
	border-top: 2px solid #0f0f0f;

}

.candidatebox{
	padding:10px;
	font-size: 15px;
}
.seafarer-card .label{
	margin-left:10px;

}

.w111px{
	width: 111px;
}

.w100{
	width: 100%;
}

.w70{
	width: 70%;
}

.w15{
	width: 15%;
}

.w20{
	width: 20%;
}

.w10{
	width: 10%;
}
.namebox .short-name{
	flex-grow: 1;
}

.namebox .buttonlink{
	margin-right: 0px;
}

.namebox .button-small{
	border-radius: 20px;

	font-size: 15px;
	color: #0067f0;

}

.hidden{
	display:none;
}
.namebox .button-small:hover{
	cursor: pointer;
}

.planbox{
	padding:20px;
}

.checklist .checklistitem .label{
font-size: 12px;
font-weight: 400;
}

.incoterm-table .header {
	display: flex;
	justify-content: space-between;
}

.checkbox{
	font-size: 14px;
	margin-top: 5px;
	margin-left: 20px;
	display: flex;
}

.yousignlogo{
	width: 38px;
  margin-left: -37px;
}

.bold-field select, .bold-field textarea, .bold-field input {
	border:2px solid #333;
}

.border-solid {
	border:1px solid #747678;
}

.contract-titel{
	font-size: 14px;
	margin-bottom:2px;
}

.contract-box{
  padding: 16px;
  margin-bottom: 15px;
}

.contract-box .detailunit{
	font-size: 13px;
}

.contract-box .show-hide {
	display: none;
}

.contract-box .contract-head-block{
	background: #686868;
  color: white;
  padding: 3px 10px;

}

.contract-box .contract-sub-block{
	background: #fff;
  color: #333;
  padding: 3px 10px;
  border-bottom:1px solid #333

}

.contract-box .contract-element-block{
  background: #e5ebf9;
  color: #333;
  padding: 3px 10px;
  border-bottom: 1px solid #333;
}

.cursor-pointer:hover{
	cursor: pointer;
}

.py-0{
	padding-bottom:0px;
	padding-top:0px;
}

.my-0{
	margin-bottom:0px;
	margin-top:0px;
}

.flex{
	display: flex;
}

.pl70px{
	padding-left: 70px;
}

.fix-box{
	width: initial;
	max-width: initial;
	margin-top:0px;
}

.light-border{
	border: 1px solid #ededed;
}

.transaction-table{
	width: 100%;
}

.transaction-table th{
	border: solid 1px #ededed;
	text-align: center;
	background: #9fa2aa;
	font-weight: normal;
	color: #fff;
}

.transaction-table tr{
	border-bottom: solid 1px #999;
}

.table-titel{
	background: #e5ebf9;
	color: #333;
	width: 100%;
	padding: 3px 20px;

	font-weight: bold;
  
}
.transaction-table .status-badge{
	font-size: 12px;
	padding: 3px 8px 2px 8px;
}

.transaction-table .name-field{
	font-weight: normal;
}

.transaction-table td, .transaction-table th{
	padding: 3px 5px;

}
.lowercase{
	text-transform: lowercase;
}
.w15px{
	width: 15px;
}

.mw-70{
	width: 70px;
}

.mw-240px{
	width: 240px!important;
	max-width: 240px!important;
}

.mw-750px{
	width: 750px;
	max-width: 750px!important;
}


.text-center{
	text-align: center;
}

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

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

.drop-zone {
	border: 2px dashed #ccc;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.3s;
}

.drop-zone.dragover {
	background-color: #f0f0f0;
}

.margin-auto{
	margin: auto;
}