@import "Styles/colors.css";
@import "Styles/buttonstyles.css";
@import "Styles/colorstyles.css";
@import "Styles/tabsstyles.css";
@import "Styles/tablestyles.css";
@import "Styles/borderstyles.css";
@import "Styles/navigationstyles.css";
@import "Styles/messageboxstyles.css";
@import "Styles/fontstyles.css";
@import "Styles/page-login-styles.css";
@import "Styles/page-projects-styles.css";
@import "Styles/page-project-lines-styles.css";
@import "Styles/page-settings-styles.css";
@import "Styles/page-admin-styles.css";


@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: local('Monda Regular'), local('Monda-Regular'), url(https://fonts.gstatic.com/s/monda/v4/9IGqbwlMn4Zg3as8alsdNA.woff2) format('woff2');
}
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 700;
  src: local('Monda Bold'), local('Monda-Bold'), url(https://fonts.gstatic.com/s/monda/v4/44jqK75nnE1DvJU0RnbUMPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: local('Monda Regular'), local('Monda-Regular'), url(https://fonts.gstatic.com/s/monda/v4/9IGqbwlMn4Zg3as8alsdNA.woff2) format('woff2');
}
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 700;
  src: local('Monda Bold'), local('Monda-Bold'), url(https://fonts.gstatic.com/s/monda/v4/44jqK75nnE1DvJU0RnbUMPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

html {
	height: 100%;
}

#master_form
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#master_header
{
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 1170px;
	margin-left: auto;
    margin-right: auto;
    padding: 0;
}

/* The background behind the actual form. So that part of the browser wat is not used.*/
#master_body 
{
    font-family: Monda, sans-serif;
	background: none;
	color: #444;
	font-size: 14px;
	height: 99%;
	background-image:url(header-producten.jpg);
	background-repeat: no-repeat;
	background-color: #F8F7F5;
}

#comp-logo
{
	display: inline-block;
    padding: 20px 0 20px 10px;
}

/* navigation */
.navigation
{
	background: none;
	background-color: Black;
    background-repeat: repeat-x;
    border-bottom-color:#278BCA;
    border-width:0 0 0 0;
    height:50px;
    font-family: Mondana,sans-serif;
    width:85.9%;
    margin-left: 14%;
    border-left: 1px ridge #006699;
    border-right: 1px ridge #006699;
    min-width: 900px;
    padding-top: 40px;
    height: 63px;
    padding-right: 0px;
}

.navigation_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -15px;
    background-color: Black;
}

#navigation-border
{
    height : 32px;
}

.nav-ul
{
	padding-left: 20px;
}

.nav-ul li {
    float: left;
    height: 50px;
    list-style: none outside none;
    line-height: 20px;   
}    

.navigation a 
{
	color: #FFFFFF;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    border: 0 none;
    margin: 0;
    vertical-align: baseline;
    line-height: 1.34em;
    font-family: Oswald,sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase;  
}

.nav-ul li:hover 
{
    /* border-bottom: 1px solid white; */
}

.navigation a:hover {
	background: none; 
	color: white !important; 
}

.nav-ul a:hover  {
    border-bottom: 1px solid white;
}

.nav-ul a.current_page_item  {
    border-bottom: 1px solid white;
}

.messagebox
{
	border-style: ridge;
	padding: 10px;
	overflow: auto;
	background-image: url('bg.jpg');
	background-color: white;
	width: 300px;
	height: 150px;
	z-index: 100;
	margin: auto;
	position: absolute;
	top: 150px;
	left: 40%;
	font-size: 1.2em;
}

#master_header #master_left {
	background-color: #4292C7;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 3em;
	width: 60%;
	text-align: left;
}

#master_header #master_right {
	overflow: auto;
	width: 40%;
}

#master_header #master_left, #master_header #master_right
{
	background-color: #4292C7;
	color: #FFF;
	height: 100%;
}

.PanelUpdateProjectGridWarning
{
	background-image: url('bg.jpg');
}

/* header */
#master_top {
	height: 77px;
}

#PanelRadanWebQuote
{
	background-image: url('Radan_header.png');
}

.DetailEntryField
{
	width: 225px;
}

.MaterialDescription 
{
	width: 400px;
}

/*Added KeesO; 31-8-2012; Grid sorting color. */
tr.odd td.sorting_1 {
	background-color: #FAD6D6;
}
tr.even td.sorting_1 {
    background-color: #FDEAEA;
}

#master_container 
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding : 0;
	margin-left:14%;
	width:85.9%;
	padding-top: 40px;
	position: relative;
	top: -20px;
	padding-right: 0px;
}

#master_container .main
{
	/* background: url("Images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; /*none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	/*border-top: 0;*/
}

.main .k-content
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.dxf-file-location
{
    font-size: large;
}


#imageBelowNavigation
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	width:100%;  
    height: 80px;
    position: relative;
    margin-top: 30px;
    z-index: -1;
}

/*#imageBelowNavigation img
{
    width: 100%;
    height: 100%;
}
*/
#Image3
{
    width : 188px;
    height : 59px;
    position: relative;
    bottom : 20px;
    left: 30px;
}

.ui-widget {
    font-family: Monda, sans-serif;
    font-size: 14px;
    line-height : 15px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height : 15px;
}

#filler
{
    background-color:White;
    height : 100%;
    width: 100%;
}

input.btnLogin
{
    width:20.5%;
    margin-left:20%;
}

/*	Customization
--------------------------------------------------------------------------------------------------*/
html, body, .k-block, .k-popup, .k-content, .k-dropdown .k-input, label {
    color: #FFFFFF !important;
}
.k-widget.k-tooltip-validation {border: 0; background-color: #FFFFFF; color: #000000;}
.k-content .k-invalid-msg {box-shadow: none;}
span.k-tooltip {}
#master_container {margin: 0; float: right;}
#master_body {background-image: url(new_header.jpg); background-color: #000000;}
#divProjects {margin: 5px 0 !important;}
#master_body {font-size: 13px !important; color: #FFFFFF !important;}
#ContentPlaceHolder1_panelProjectLines, #ContentPlaceHolder1_panelProjectLineDetail, #ContentPlaceHolder1_panelProjectDetails, #ContentPlaceHolder1_PanelCreateProject {margin: 0 !important;}
#tblProjectLines thead {display: none; visibility: hidden;}
.navigation {margin: 0; border-color: #000000 !important; float: right;}
.main {padding: .2em !important; background-color: #000000; border: 1px solid #535353;}
.ui-widget {line-height: 20px !important; margin: 0 !important; font-size: 13px;}
.ui-accordion {margin-bottom: 5px !important;}
.ui-widget-content {padding: 0 !important; border: 0 !important;}
.dataTables_scrollHead  {background-image: none !important; background-color: transparent !important;}
table.display {margin: 5px 0; border: 1px solid #535353 !important;}
table.display thead tr th {padding: .5em 1em !important; border: 1px solid #535353 !important; border-top: 0px !important; border-right: 0px !important; white-space: nowrap; outline: none;}
table.display thead tr th:first-of-type {border-left: 0 !important;}
table.display thead tr th div {white-space: nowrap;}
table.display thead tr th div span {margin: 2px 0; display: inline !important;}
table.display tr.row_selected td, table.display td.datatablerowhighlight {background: #FCB316 url("logisz/images/ui-bg_inset-soft_0_FCB316_1x100.png") 50% 50% repeat-x !important;}
table.display td {border-bottom: 1px solid #535353; padding: .5em 1em !important;}
table.display tr:last-of-type td {border-bottom: 0 !important;}
.dataTables_wrapper tr.even, tr.even {background-color: #000000;}
.dataTables_wrapper tr.odd, tr.odd {background-color: #191919;}
.dataTables_wrapper tr.even td.sorting_1, tr.even td.sorting_1 {background-color: #bd8610 !important;}
.dataTables_wrapper tr.odd td.sorting_1, tr.odd td.sorting_1 {background-color: #FCB316 !important;}
.dataTables_wrapper tr td span {margin: 0 !important;}
.dataTables_wrapper tr td input[type=button] {width: 16px; border: 0 !important;}
.dataTables_wrapper .ui-toolbar {padding: .5em 1em !important; height: auto !important;}
#pnlCommandButtons {margin: 0 !important;}
.paging_full_numbers {height: auto !important; width: 420px;}
.dataTables_length, .dataTables_info, .dataTables_filter {margin: 0 !important;}
.dataTables_info {line-height: 36px;}
.paging_full_numbers a.ui-button {border: 1px solid #535353; cursor: pointer; margin: 0 0 0 10px; padding: .5em 1em !important;}
.buttonapplication {width: auto !important; background-color: #000000; background-position: 10px 50% !important; background-size: 35px; background-repeat: no-repeat; border: 1px solid #535353; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-right: 5px; margin-left: 0px; padding: 0.5em 1em 0.5em 45px !important; font-family: Monda, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-variant: normal !important; font-weight: bold !important; color: #FFFFFF !important; display: inline-block; outline: none; cursor: pointer;}
.buttonapplication:hover {background-color: #FCB316; /*background: #FCB316 url("logisz/images/ui-bg_inset-soft_0_FCB316_1x100.png") 50% 50% repeat-x !important;*/ border: 1px solid #bd8610;}
.buttonapplication:last-of-type {margin-right: 0 !important;}
.dataTables_length select {background-color: #000000; border: 1px solid #535353; line-height: 20px; display: inline-block; vertical-align: top !important; outline: none; color: #FFFFFF;}
.dataTables_filter {white-space: nowrap;}
.dataTables_filter input[type=text] {background-color: transparent; border: 1px solid #535353; line-height: 20px; display: inline-block; vertical-align: top !important; outline: none; color: #FFFFFF;}
.dataTables_filter button {display: inline-block; vertical-align: top !important; margin-left: 5px !important; outline: none;}
select {background-color: #000000; border: 1px solid #535353; line-height: 20px; display: inline-block; vertical-align: top !important; outline: none !important; color: #FFFFFF;}
textarea, input[type=text], input[type=password] {background-image: none !important; background-color: transparent; border: 1px solid #535353; border-radius: 0 !important; line-height: 20px; display: inline-block; vertical-align: top !important; outline: none !important; color: #FFFFFF;}
textarea:hover, input[type=text]:hover, input[type=password]:hover {background-color: transparent; border-color: #535353;}
.ReadOnlyTextBox {background-color: #535353 !important;}
.DetailEntryFieldHasFocus {background-color: #bd8610/*FCB316*/ !important;}
#tabs-1 {margin-top: .5em;}
fieldset {padding: .2em !important; border: 1px solid #535353;}
fieldset legend {padding: 0 1em;}

.dataTables_scrollHeadInner table {margin-bottom: 0 !important; border-bottom: 0 !important;}
.dataTables_scrollBody table {margin-top: 0 !important; border-top: 0 !important;}

.PanelUpdateProjectGridWarning, .messagebox {color: #000000 !important;}



.gridButton {
    background-position: center center;
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: initial;
    width: 20px;
    height: 24px;
    padding: 0;
}

#cloned_btnShowDxfInformation{
    display:none;
}

.plabelentrycombination{
    margin:0px;
    padding:2px;
}

#ContentPlaceHolder1_OrientationControl1_btnOrientation1,
#ContentPlaceHolder1_OrientationControl1_btnOrientation2,
#ContentPlaceHolder1_OrientationControl1_btnOrientation3,
#ContentPlaceHolder1_OrientationControl1_btnOrientation4,
#ContentPlaceHolder1_OrientationControl1_btnOrientation5,
#ContentPlaceHolder1_OrientationControl1_btnOrientation6,
#ContentPlaceHolder1_OrientationControl1_btnOrientation7,
#ContentPlaceHolder1_OrientationControl1_btnOrientation8 {
    background-color: #FCB316;
}

.settings-page-label, .update-company-details-page-label, .projects-page-label, .login-register-label {
    position: absolute;
    text-align: right;
    width: 19%;
}

.project-lines-page-label {
    position: absolute;
    text-align: left;
}

.admin-page-label {
    float: left;
    position: absolute;
    text-align: left;
}

#admin-table {
    text-align: left;
    width: 900px;
}

.DetailEntryField,
#ContentPlaceHolder1_txtAppSettingValue,
#ContentPlaceHolder1_linkToJsonValidator,
#ContentPlaceHolder1_linkToWeb2Calc {
    margin-left: 20%;
}

#ContentPlaceHolder1_txtUserNameAdmin,
#ContentPlaceHolder1_txtCompanyCofCAdmin,
#ContentPlaceHolder1_txtFirstNameAdmin,
#ContentPlaceHolder1_txtNewPasswordAdmin,
#ContentPlaceHolder1_txtUserEmailAdmin,
#ContentPlaceHolder1_ddlLanguageAdmin,
#ContentPlaceHolder1_txtRegistrationDateAdmin,
#ContentPlaceHolder1_txtCompanyNameAdmin,
#ContentPlaceHolder1_txtVatNrAdmin,
#ContentPlaceHolder1_txtLastNameAdmin,
#ContentPlaceHolder1_txtRetypeNewPasswordAdmin,
#ContentPlaceHolder1_txtUserPhoneNrAdmin,
#ContentPlaceHolder1_txtLastLoginDateAdmin {
    margin-left: 35%
}

#ContentPlaceHolder1_chkIsApproved,
#ContentPlaceHolder1_ChkIsAdmin,
#ContentPlaceHolder1_ChkIsSuperUser {
    margin-left: 15%;
}

#ContentPlaceHolder1_UpdatePanelDetails {
    width: 750px;
}

/* Added KeesO 18-12-2017; Do not show include transport check on make order form.
#update-project-status > ul > li:nth-child(4)
{
    display:none;
}
*/