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

html, #master_body{
    height: 100%;
}

/* The background behind the actual form. So that part of the browser wat is not used.*/
#master_body 
{
    height: 99%;
}

.labelstyle {
    margin-left: 20px;
    display: inline-block;
}

legend {
    color:var(--text_color_depth_4);
    font-weight: bold;
    Margin-left: 4px;
	Margin-bottom: 3px;
}

.group-box-header-style {
    margin: 5px;
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: var(--text_color_depth_4) !important;
}

.project-grid-status
{
    display: inline-block;
    vertical-align: top;
    margin-top: 4px; /*makes the text move a bit down*/
}
#master_header #master_left {
    line-height: 3em;
    width: 60%;
    text-align: left;
}

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

#master_header #master_left, #master_header #master_right
{
    color:var(--text_color_depth_1);
    height: 100%;
}
#master_header { 
    padding:0;
	min-width: 1920px;
	margin: 0px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#div {
	min-width: 1920px;
}

.PanelUpdateProjectGridWarning
{
    background-image: url('../Images/bgmessage.jpg');
}

/* header */
#master_top {
    height: 90px;
	width: 100%;
	padding: 0px;
}

#PanelRadanWebQuote
{
    display: none;
    background-image: url('../Images/Header.png');
}



.DetailEntryField
{
    width: 275px;
}

.MaterialDescription 
{
    width: 400px;
}



.button-projectlines {
    margin-left: 205px;
    width: 225px;
}


/* 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;
}

#ContentPlaceHolder1_chkFinishing{
    margin-right: 100px;
}

.buttonapplication {
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
}

textarea, input[type=text], input[type=password], select, label {

    /*background-image: none !important;*/
    line-height: 20px;
    display: inline-block;
    vertical-align: top !important;
    outline: none !important;
}


.linkstyle {
    color: var(--text_color_depth_6);
}
.linkstyle:hover {
    color: var(--text_accent);
}

fieldset {
    border: none;
    color: var(--text_color_depth_4);
    font-weight: normal;
}

fieldset span #lblMessage
{
    color:var(--text_color_depth_3)
}
.customgroupingstyle {
    border: none;
    color: var(--text_color_depth_4);
    font-weight: bold;
    font-size: 1.1em !important;
}
.logo-image
{
    width: 280px;
    height: auto;
	padding: 20px;
	margin-left: 165px;
}



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

.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;
}

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


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

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

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

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

.buttonapplication {
    cursor: pointer;
}

    

.fg-button {
    width: 21px;
}

@media only screen and (min-width: 1300px) and (max-width: 1700px) {
    #welcome-text-register-3 {
        right: 40% !important;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
    .login-register-label, .update-company-details-page-label {
        width: 15.5% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .login-register-label, .update-company-details-page-label {
        width: 17% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        right: 0% !important;
    }

    #welcome-text-register-3 {
        right: 35% !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    .login-register-label, .update-company-details-page-label {
        width: 19% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        right: 0% !important;
    }

    #welcome-text-register-3 {
        right: 30% !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    .login-register-label, .update-company-details-page-label {
        width: 21% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        right: 0% !important;
        width: 480px !important;
    }

    #welcome-text-register-3 {
        right: 25% !important;
    }

    #welcome-text-register {
        height: 520px !important;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .login-register-label, .update-company-details-page-label {
        width: 24% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        right: 0% !important;
        width: 370px !important;
    }

    #welcome-text-register {
        height: 430px !important;
    }

    #welcome-text-register-2 {
        height: 140px !important;
        margin-top: 400px !important;
    }

    #welcome-text-register-3 {
        right: 0% !important;
        width: 350px !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
    .login-register-label, .update-company-details-page-label {
        width: 27% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        right: 0% !important;
        width: 260px !important;
    }

    #welcome-text-register {
        height: 340px !important;
    }

    #welcome-text-register-2 {
        height: 120px !important;
        margin-top: 400px !important;
    }

    #welcome-text-register-3 {
        right: 0% !important;
        width: 350px !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 800px) {
    .login-register-label, .update-company-details-page-label {
        width: 30% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        display: none;
    }

    #welcome-text-register-3 {
        right: 0% !important;
        width: 350px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
    .login-register-label, .update-company-details-page-label {
        width: 33% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        display: none;
    }

    #welcome-text-register-3 {
        right: 0% !important;
        width: 350px !important;
    }
}

@media only screen and (max-width: 600px) {
    .login-register-label, .update-company-details-page-label {
        width: 37% !important;
    }

    #welcome-text-login, #welcome-text-register, #welcome-text-register-2 {
        display: none;
    }

    #welcome-text-register-3 {
        right: 0% !important;
        width: 350px !important;
    }
}

#welcome-text-login {
    background: url(../Images/FrontpageImg.png) no-repeat scroll 0 transparent;
    background-size: 100% 100%;
	width: 500px;
	height: 303px;
    position: absolute;
    right: 9.5%;
    margin-top: -49px;
}

#welcome-text-register {
    background: url(../Images/RegisterPageImg.png) no-repeat scroll 0 transparent;
    background-size: 100% 100%;
    width: 600px;
    height: 600px;
    position: absolute;
    right: 10%;
    margin-top: -20px;
}
#welcome-text-register-2 {
    background: url(../Images/RegisterPageImg2.png) no-repeat scroll 0 transparent;
    background-size: 100% 100%;
    width: 544px;
    height: 160px;
    position: absolute;
    right: 13%;
    margin-top: 567px;
}
#welcome-text-register-3 {
    width: 544px;
    height: 160px;
    position: absolute;
    right: 45%;
    margin-top: 667px;
    font-weight: 100;
}

#ContentPlaceHolder1_lblRequiredFieldExplaination{
    width: 19.25% !important;
}

#ContentPlaceHolder1_lblCompanyCountry, #ContentPlaceHolder1_lblCompanyName, #ContentPlaceHolder1_lblCofC, #ContentPlaceHolder1_lblVatNumber, #ContentPlaceHolder1_lblCompanyEmail, #ContentPlaceHolder1_AddressControlShipment_lblAddressLine1, #ContentPlaceHolder1_AddressControlShipment_lblCity, #ContentPlaceHolder1_AddressControlShipment_lblCountry, #ContentPlaceHolder1_AddressControlShipment_lblPostalCode, #ContentPlaceHolder1_lblPersonalEmail, #ContentPlaceHolder1_lblFirstName, #ContentPlaceHolder1_lblLastName, #ContentPlaceHolder1_lblPersonalPhoneNr, #ContentPlaceHolder1_lblUserName, #ContentPlaceHolder1_lblNewPassword, #ContentPlaceHolder1_lblRetypeNewPassword {
    color: var(--background_depth_4) !important;
    font-weight: 100 !important;
}

#ContentPlaceHolder1_lblRequiredFieldExplaination {
    padding-top: 10px !important;
    color: var(--background_depth_4) !important;
}

#ContentPlaceHolder1_messPwsMust6Char {
    width: 328px;
    position: absolute;
    margin-left: 4px;
}