﻿/*#region styleroot */
:root {
    --main-bg-color: #d9caca;
    --main-font-color: white;
    --main-table-bg-color: #8e8585;
    --main-btn-color: #8e8585;
    --main-btn-text-shadow: black;
    --main-content-row-height: 90%;
    --main-detail-pic-height: 1100px;
    --main-detail-pic-width: 900px;
    --main-gallery-pic-height: 1100px;
    --main-gallery-pic-width: 1100px;
    --main-gallery-event-pic-height: 500px;
    --main-gallery-event-pic-width: 400px;
    --main-accordion-pic-height: 1100px;
    --main-error-accordion-height: 1150px;
    --main-product-accordion-height: 1100px;
    --inventory-datalist-width: 915px;
    --inventory-gv-width: 945px;
    --work_journal-datalist-width: 1500px;
    --system-datalist-width: 750px;
    --contact-datalist-width: 1250px;
    --work_journal_text_shadow: "6px 6px 2px 1px black";
    --pricelist-items-datalist-width: 700px;
    --image-power-effects-color: green;
    --image-power-effects-border-radius: 25px;
}
/* #endregion styleroot */

/* #region Home */

    .home_accordion {
        width: 100%;
        height: 1500px;
    }

    .home_table{
        height: 1670px !important;
    }

    .home_image_logo{
        width: 800px !important;
        height: 500px !important;
    }

    .home_image_about{
        width: 300px !important;
        height: 400px !important;
    }

    .home_image_profile{
        width: 800px !important;
        height: 900px !important;
    }

    .home_image_contactinfo {
        width: 800px !important;
        height: 550px !important;
    }

    .home_contactus_info {
        font-size: 50px;
        text-shadow: 5px 2px 5px var(--main-btn-text-shadow);
        color: var(--main-font-color);
        font-weight: bold;
        text-align: center;
        /*padding-left: 15%;*/
        align-items: center;
    }

    .home_contactus_info_title {
        font-size: 65px;
    }

    .home_contactus_info_email {
        font-size: 60px;
        color: forestgreen !important;
    }
/* #endregion Home */

/* #region Main */
.main_content_table {
    width: 95%;
    padding-left: 3%;
}

.main_content_row {
    height: var(--main-content-row-height);
}

.main_title_header_image {
    background: url("../images/start/Title.jpg") no-repeat center;
    border-radius: 40px;
    height: 400px;
    background-size: 100% cover;
    /*height:900px;
            background-size: cover;*/
}

.main_title_image {
    height: 450px;
    width: 100%;
}

.main_left_image {
    height: var(--main-detail-pic-height);
    width: 550px;
    border-radius: 40px;
    /*position:relative;
            top:-100%;
            left: 2px;*/
}

.main_title {
    font-size: 70px;
    text-shadow: 5px 2px 5px black;
    color: var(--main-font-color);
    font-weight: bold;
    text-align: center;
    position: relative;
    /*top: 280px;*/
    align-self: center;
}

.main_table {
    width: 100%;
    border-radius: 40px;
    background-color: var(--main-table-bg-color);
    color: var(--main-font-color);
    font-style: italic;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
}

.main_row {
    width: 100%;
    text-align: center center;
}

.main_display_spacer {
    height: 30pt;
}

/* #endregion Main */

/* #region accordions */
.general_accordion {
    width: 100%;
    height: var(--main-detail-pic-height);
}

.error_accordion {
    width: 75%;
    height: var(--main-error-accordion-height);
}

.product_accordion {
    width: 100%;
    height: var(--main-product-accordion-height);
}

.subscription_accordion {
    width: 100%;
    height: var(--main-detail-pic-height);
}

.main_container_accordion {
    width: 100%;
    height: var(--main-detail-pic-height);
}

.inventory_content_template {
    min-height: 500px;
    max-height: 500px;
}

.invoice_item_selection_accordion {
    width: 100%;
    height: 500px;
}

.work_journal_accordion {
    width: 100%;
    height: var(--main-detail-pic-height);
}

.work_journal_content_template {
    min-height: 500px;
    max-height: 700px;
}
/* #endregion accordions */

/* #region image_activity */
.image_table {
    width: 100%;
}

.image_title {
    width: 400px;
    height: 500px;
    box-shadow: 0px 0px 20px 10px orangered;
    border-radius: 30px;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: image_powereffects;
    animation-duration: 5s;
    animation-name: image_powereffects;
    animation-iteration-count: infinite;
}

.image_title_row {
    image-orientation: 180deg;
    text-align: center;
}

.image_activity {
    height: 400px;
    width: 400px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 10px orangered;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: imageeffects;
    animation-duration: 5s;
    animation-name: imageeffects;
    animation-iteration-count: infinite;
}

.image_activity_left {
    text-align: right;
    padding-left: 1%;
}

.image_activity_right {
    text-align: left;
    padding-left: 3%;
}

.image_activity_center {
    text-align: center;
}

/* #endregion image_activity */

/* #region testimonials */
.testimonials_table_main {
    width: 100%;
}

.testimonials_table {
    background-color: white;
    border-radius: 30px;
    color: black;
}

.testimonials_image {
    height: 350px;
    width: 275px;
    border-radius: 30px;
}

.testimonials_accordion {
    width: 100%;
    height: var(--main-accordion-pic-height);
}

/* #endregion image_activity */

/* #region imageeffects */
@-webkit-keyframes image_powereffects {
    0%

{
    box-shadow: 0px 0px 20px 0px var(--image-power-effects-color);
    border-radius: 20px;
}

10% {
    box-shadow: 0px 0px 20px 5px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

20% {
    box-shadow: 0px 0px 20px 10px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

30% {
    box-shadow: 0px 0px 20px 15px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

40% {
    box-shadow: 0px 0px 20px 20px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

50% {
    box-shadow: 0px 0px 20px 25px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

60% {
    box-shadow: 0px 0px 20px 20px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

70% {
    box-shadow: 0px 0px 20px 15px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

80% {
    box-shadow: 0px 0px 20px 10px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

90% {
    box-shadow: 0px 0px 20px 5px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

100% {
    box-shadow: 0px 0px 20px 0px var(--image-power-effects-color);
    border-radius: var(--image-power-effects-border-radius);
}

}

/* Standard syntax */
@keyframes image_powereffects {
    0% {
        box-shadow: 0px 0px 20px 0px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    10% {
        box-shadow: 0px 0px 20px 5px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    20% {
        box-shadow: 0px 0px 20px 10px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    30% {
        box-shadow: 0px 0px 20px 15px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    40% {
        box-shadow: 0px 0px 20px 20px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    50% {
        box-shadow: 0px 0px 20px 25px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    60% {
        box-shadow: 0px 0px 20px 20px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    70% {
        box-shadow: 0px 0px 20px 15px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    80% {
        box-shadow: 0px 0px 20px 10px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    90% {
        box-shadow: 0px 0px 20px 5px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }

    100% {
        box-shadow: 0px 0px 20px 0px var(--image-power-effects-color);
        border-radius: var(--image-power-effects-border-radius);
    }
}

/* #endregion imageeffects */

/* #region default catch all */
.logo {
    width: 300px;
    height: 150px;
}

.logo_row {
    background-image: url(Images/HomePage/Logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
}

.title {
    font-size: 70px;
    text-shadow: 5px 2px 5px black;
    color: var(--main-font-color);
    font-weight: bold;
    text-align: center;
}

.summary_text {
    font-size: 30px;
    color: black;
    font-style: italic;
    /*Width="1272px"*/
}

.summary_text_row {
    text-align: center;
    box-shadow: 0px 0px 20px 10px orangered;
    border-radius: 20px;
    font-size: 30px;
    color: black;
    font-style: italic;
}

.title_tr_spacer {
    height: 40px;
    text-align: center center;
}

.summary_tr_spacer {
    height: 30px;
    text-align: center center;
}

.email_address {
    font-size: 50px;
    text-shadow: 5px 2px 5px var(--main-btn-text-shadow);
    color: var(--main-font-color);
    font-weight: bold;
    text-align: center;
    /*padding-left: 15%;*/
    align-items: center;
}

.h_ref {
    text-decoration: none;
    color: var(--main-font-color);
    font-weight: bold;
}

.CenterRow {
    font-size: 70px;
    text-shadow: 5px 2px 5px black;
    color: var(--main-font-color);
    font-weight: bold;
    text-align: center center;
    width: 70%;
}

.item_display_row {
    text-align: center;
    box-shadow: 0px 0px 20px 10px red;
    border-radius: 20px;
    font-size: 30px;
    color: var(--main-font-color);
    background-color: var(--main-bg-color);
    font-style: italic;
}

.item_linkbutton {
    color: var(--main-font-color);
    background-color: var(--main-bg-color);
    font-style: italic;
    font-weight: bold;
    font-size: 60px;
    text-decoration: wavy;
}

.start_detail_fullbody {
    position: relative;
    left: 0%;
    width: 10%;
    vertical-align: top;
}

.start_detail_products {
    left: 10%;
    width: 90%;
    vertical-align: top;
}

.aboutme_display_row_noshadow {
    font-style: italic;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    vertical-align: top;
}

.package_display_separater {
    height: 60px;
}

/* #endregion default catch all */

/*#region buttons*/
    .sitechooserbutton {
        box-shadow: inset 0px 0px 9px 3px var(--main-font-color);
        text-shadow: 3px 1px 4px var(--main-btn-text-shadow);
        border-radius: 30px;
        height: 80px;
        width: 450px;
        font-size: 35px;
        color: var(--main-font-color);
        font-weight: bold;
        background-color: var(--main-btn-color);
    }

    .sitechooserbutton:hover {
        color: var(--main-btn-color);
        background-color: var(--main-font-color);
    }

    .productchooserbutton {
        box-shadow: inset 0px 0px 9px 3px var(--main-font-color);
        text-shadow: 3px 1px 4px var(--main-btn-text-shadow);
        border-radius: 30px;
        height: 80px;
        width: 550px !important;
        font-size: 35px;
        color: var(--main-font-color);
        font-weight: bold;
        background-color: var(--main-btn-color);
        /*text-align:center;*/
        left: 5%;
        white-space: normal !important;
    }

    .productchooserbutton:hover {
        color: var(--main-btn-color);
        background-color: var(--main-font-color);
    }

    .customerprofilechooserbutton {
        box-shadow: inset 0px 0px 9px 3px var(--main-font-color);
        text-shadow: 3px 1px 4px var(--main-btn-text-shadow);
        border-radius: 30px;
        height: 80px;
        width: 175px !important;
        font-size: 35px;
        color: var(--main-font-color);
        font-weight: bold;
        background-color: var(--main-btn-color);
        left: 5%;
        white-space: normal !important;
    }

    .vendorchooserbutton{
        width: 250px !important;
    }
    
    .invoiceitemchooserbutton {
        width: var(--inventory-datalist-width) !important;
    }

    .customerprofilechooserbutton:hover {
        color: var(--main-btn-color);
        background-color: var(--main-font-color);
    }

    .paymentchooserbutton {
        box-shadow: inset 0px 0px 9px 3px var(--main-font-color);
        text-shadow: 3px 1px 4px var(--main-btn-text-shadow);
        border-radius: 30px;
        height: 80px;
        width: 400px !important;
        font-size: 35px;
        color: var(--main-font-color);
        font-weight: bold;
        background-color: var(--main-btn-color);
        left: 5%;
        white-space: normal !important;
    }

    .paymentchooserbutton:hover {
        color: var(--main-btn-color);
        background-color: var(--main-font-color);
    }

    .productchooserbutton_event {
        height: 80px;
        white-space: normal;
        word-wrap: break-word;
    }

    .confirmation_chooserbutton {
        box-shadow: inset 0px 0px 9px 3px var(--main-font-color);
        text-shadow: 3px 1px 4px var(--main-btn-text-shadow);
        border-radius: 30px;
        height: 80px;
        width: 325px;
        font-size: 35px;
        color: var(--main-font-color);
        font-weight: bold;
        background-color: var(--main-btn-color);
        /*text-align:center;*/
        left: 5%;
    }

    .sitechooserbutton_customer {
        width: 225px;
    }
/*#endregion buttons*/

/*#region errors*/
.errors_color {
    font-size: 50px;
    color: #d1194c;
    font-weight: bold;
    align-content: center;
}

.errors {
    width: 50%;
    /*height: 750px;*/
}

.errors_color2 {
    color: #d1194c;
    font-weight: bold;
    align-content: center;
}

/*#endregion errors*/

/*#region customerprofileinfo*/
    .customerprofileinfo_display_row_noshadow_info {
        font-style: italic;
        font-weight: bold;
        font-size: 20px;
        text-align: left;
    }


    .customerprofileinfo_display_row_title {
        font-style: italic;
        font-weight: bold;
        font-size: 60px;
        text-align: center;
        text-shadow: 5px 2px 5px black;
    }

    .customerprofileinfo_display_row_noshadow_label {
        font-style: italic;
        font-weight: bold;
        font-size: 18px;
        text-align: right;
    }

    .customerprofileinfo_display_row_noshadow_label_datalist {
        width: 30%;
    }

    .customerprofileinfo_display_row_spacer {
        height: 30pt;
    }

    .customerprofileinfo_gridview {
        width: 400px;
    }

    .customerprofileinfo_display_table {
        border-style: solid;
        border-color: var(--main-font-color);
        border-width: 2px;
        border-radius: 30px;
    }

    .customerprofileinfo_display_row_status_good {
        color: green;
        font-size: 28px;
        text-align: center;
    }

    .customerprofileinfo_display_row_status_error {
        color: red;
    }

/*#endregion customerprofileinfo*/

/*#region inventory*/
    .inventory_display_separater {
        height: 20px;
    }

    .inventory_display_separater_table{
        text-align: center;
        width: var(--inventory-datalist-width);
    }

    .inventory_display_no_data {
        text-align: center;
        width: var(--inventory-datalist-width);
        font-size: 50px;
        text-shadow: 5px 2px 5px black;
    }  

    .inventory_dl_itemstyle {
        border-radius: 30px;
        border-color: black;
        padding: 15px;
        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        width: var(--inventory-datalist-width);
    }

    .inventory_gv_itemstyle {
        border-radius: 30px;
        border-color: black;
        padding: 15px;
        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        /*width: var(--inventory-datalist-width);*/
        min-width: var(--inventory-gv-width);
        height:70px;
    }

    .inventory_gv {
/*        min-width: var(--inventory-gv-width);
        max-width: var(--inventory-gv-width);
*/        width: var(--inventory-gv-width);
    }

    .inventory_dl_table_style {
        width: var(--inventory-datalist-width);
    }

    .inventory_dl_bottom_row_style {
        width: 33.33%;
    }

    .letter_height_width {
        width: 600px;
    }

    .letter_style {
        font-size: 30pt;
        height: 40pt;
        border-radius: 30px;
        text-align: right;
    }

    .inventory_quantity_width {
        width: 250px;
    }

    .inventory_display_row_noshadow_info {
        font-weight: bold;
        text-align: left;
    }

    .inventory_display_row_noshadow_label {
        font-weight: bold;
        text-align: right;
    }

    .inventory_label{
        
        font-weight: bold;
        /*width: 60px;*/
        vertical-align: top;
        text-shadow: 4px 0px 1px black;
    }

    .inventory_text{
        font-weight: bold;
        /*width: 600px;*/
        vertical-align: top;
        box-shadow: 6px 6px 2px 1px black;
    }

    .inventory_text:hover {
        color: var(--main-font-color);
        background-color: var(--main-btn-color);
    }

    .inventory_dropdownlist {
        font-weight: bold;
        vertical-align: top;
        text-align-last: right;
        box-shadow: 6px 6px 2px 1px black;
    }

    .inventory_dropdownlist:hover {
        color: var(--main-font-color);
        background-color: var(--main-btn-color);
        border-radius: 30px;
    }
    
    .inventory_message_body {
        font-size: 15pt;
        width: 700px;
        height: 350px;
        vertical-align: top;
    }

/*#endregion inventory*/

/*#region labslips*/
    .labslip_calendar_width {
        width: 300px;
    }

.labslip_message_body {
    /*font-size: 15pt;*/
    width: 950px;
    height: 350px;
    vertical-align: top;
    text-align: left;
    text-wrap:normal;
    overflow-wrap:normal;
    writing-mode:vertical-lr;
}
/*#endregion labslips*/

/*#region login*/
    .login_text {
        font-size: 20pt;
        font-weight: bold;
        width: 480px;
        height: 35pt;
        vertical-align: top;
        border-radius: 15px;
    }

/*#endregion login*/

/*#region processing*/
    .processing_panel {
        width: 1150px;
        height: 20%;
        color: white;
        background-color: white;
        position: absolute;
        margin: auto;
        top: 0%;
        left: 0%;
        bottom: 0;
        right: 0;
        z-index: 1000;
    }

    .processing_label {
        font-size: 70pt;
        font-weight: bold;
        width: 75%;
        height: 75pt;
        vertical-align: top;
        text-align: center;
        color: forestgreen;
        position: absolute;
        margin: auto;
        top: 0;
        /*left: -45%;*/
        left: 0%;
        bottom: 0;
        right: 0;
        -webkit-animation-duration: 60s;
        -webkit-animation-name: image_powereffects;
        animation-duration: 60s;
        animation-name: image_powereffects;
        animation-iteration-count: infinite;
    }

    .processing_label_row {
        border-style: none;
        border-radius: 40px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-animation-duration: 60s;
        -webkit-animation-name: image_powereffects;
        animation-duration: 60s;
        animation-name: image_powereffects;
        animation-iteration-count: infinite;
        background-size: cover;
    }
/*#endregion processing*/

/*#region products*/
    .product_item {
        border-radius: 30px;
        border-color: white;
        border-width: 1px;
        border-style: solid;
        box-shadow: inset 0px 0px 20px 10px white;
    }

    .product_display_row_noshadow {
        font-style: italic;
        font-weight: bold;
        font-size: 10pt;
        text-align: center;
        vertical-align: top;
        padding-left: 20%;
    }

    .productdescription_display_row_noshadow {
        font-style: italic;
        font-weight: bold;
        font-size: 20pt;
        text-align: center;
        vertical-align: top;
    }

    .productdescription_display_row_indent {
        padding-left: 20%;
    }

    .product_display_row_spacer {
        height: 25pt;
    }
/*#endregion products*/

/*#region shipper_info*/
.shipper_info_display_row_spacer {
    height: 15pt;
}
/*#endregion shipper_info*/

/*#region checkbox*/
.checkbox{
    height:200px;
    width: 200px;
}
/*#endregion checkbox*/

/*#region workjournal*/
    .work_journal_display_separater {
        height: 20px;
    }

    .work_journal_display_separater_table {
        text-align: center;
        width: var(--work_journal-datalist-width);
    }

    .work_journal_display_no_data {
        text-align: center;
        width: var(--work_journal-datalist-width);
        font-size: 50px;
        text-shadow: 5px 2px 5px black;
    }

    .work_journal_dl_headerstyle {
/*        border-radius: 30px;
        border-color: black;*/
        padding: 0px;
/*        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        width: var(--work_journal-datalist-width);
*/    }

    .work_journal_dl_itemstyle {
        border-radius: 30px;
        border-color: black;
        padding: 3px 0px 3px 0px;
        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        width: var(--work_journal-datalist-width);
    }

    .work_journal_header_label {
        font-weight: bold;
        /*width: 60px;*/
        font-size: 13pt;
        vertical-align: top;
        text-shadow: 2px 0px 1px black;
    }

    .work_journal_gv_itemstyle {
        border-radius: 30px;
        border-color: black;
        padding: 15px;
        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        /*width: var(--work_journal-datalist-width);*/
        min-width: var(--work_journal-gv-width);
        height: 70px;
    }

    .work_journal_gv {
        /*        min-width: var(--work_journal-gv-width);
            max-width: var(--work_journal-gv-width);
    */ width: var(--work_journal-gv-width);
    }

    .work_journal_dl_table_style {
        width: var(--work_journal-datalist-width);
    }

    .work_journal_dl_bottom_row_style {
        width: 33.33%;
    }

    .work_journal_letter_height_width {
        width: 75px;
    }

    .work_journal_letter_style {
        font-size: 10pt;
        height: 14pt;
        border-radius: 30px;
        text-align: right;
    }

    .work_journal_letter_style.work_journal_letter_style_dropdown {
        height: 18pt !important;
    }

    .work_journal_letter_style_pricelist {
        width: 300px;
    }    

    .work_journal_letter_style_standard {
        width: 100px;
    }    

    .work_journal_letter_style_short {
        width: 75px;
    }

    .work_journal_letter_style_date {
        width: 65px;
    }

    .work_journal_quantity_width {
        width: 150px;
    }

    .work_journal_display_row_noshadow_info {
        font-weight: bold;
        /*text-align: left;*/
    }

    .work_journal_display_row_noshadow_label {
        font-weight: bold;
        text-align: right;
    }

    .work_journal_label {
        font-weight: bold;
        /*width: 60px;*/
        vertical-align: top;
        text-shadow: 2px 0px 1px black;
    }

    .work_journal_text {
        font-weight: bold;
        /*width: 600px;*/
        vertical-align: top;
        box-shadow: 3px 3px 2px 1px black;
    }

    .work_journal_td_text {
        vertical-align: top;
    }
    .work_journal_text:hover {
        color: var(--main-font-color);
        background-color: var(--main-btn-color);
    }

    .work_journal_dropdownlist {
        font-weight: bold;
        vertical-align: top;
        text-align-last: right;
        box-shadow: 3px 3px 2px 1px black;
    }

    .work_journal_dropdownlist:hover {
        color: var(--main-font-color);
        background-color: var(--main-btn-color);
        border-radius: 30px;
    }

    .work_journal_message_body {
        font-size: 15pt;
        width: 700px;
        height: 350px;
        vertical-align: top;
    }

    .sitechooserbutton.work_journal_sitechooserbutton {
        height: 30px;
        width: 110px;
        font-size: 20px;
    }
    
    .work_journal_sitechooserbutton_find {
        /*color: green !important;*/
        border-color: green !important;
        border-style: solid;
        border-width: 3px;
    }

    .work_journal_sitechooserbutton_find_button {
        color: green !important;
    }

    .sitechooserbutton.work_journal_sitechooserbutton_header {
        height: 40px;
        width: 200px;
        font-size: 20px;
    }

    .work_journal_pricelist_item_sitechooserbutton {
        width: var(--pricelist-items-datalist-width) !important;
        height: 40px;
        font-size: 20px;
    }

    .work_journal_pricelist_item_control_size {
        height: 40px !important;
        font-size: 20px !important;
    }

    .work_journal_pricelist_item_enable_control_size {
        width: 130px !important;
    }

    .main_title.work_journal_main_title {
            font-size: 30px !important;
        }

    .work_journal_main_title_header_image {
/*        background: url("../images/start/Title.jpg") no-repeat center;*/
        border-radius: 40px;
        height: 40px;
        background-size: 100% cover;
    }

    
/*#region "work journal edit"*/
    .work_journal_edit_long{
        width: 200px;
    }
/*#endregion*/
/*#region "Work Journal Processing"*/
    .workjournal_processing_panel {
        width: 90%;
        height: 90%;
        color: white;
        background-color: var(--main-bg-color);
        position: absolute;
        margin: auto;
        top: 25%;
        left: 0%;
        bottom: 0;
        right: 0;
        z-index: 1000;
        border-radius: 45%;
    }

    .workjournal_processing_label {
        font-size: 70pt;
        font-weight: bold;
        width: 75%;
        height: 75pt;
        vertical-align: top;
        text-align: center;
        color: forestgreen;
        position: absolute;
        margin: auto;
        top: 0;
        /*left: -45%;*/
        left: 0%;
        bottom: 0;
        right: 0;
        -webkit-animation-duration: 60s;
        -webkit-animation-name: image_powereffects;
        animation-duration: 60s;
        animation-name: image_powereffects;
        animation-iteration-count: infinite;
    }

    .workjournal_processing_label_row {
        border-style: none;
        border-radius: 40px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-animation-duration: 60s;
        -webkit-animation-name: image_powereffects;
        animation-duration: 60s;
        animation-name: image_powereffects;
        animation-iteration-count: infinite;
        background-size: cover;
    }
/*#endregion*/

    .work_journal_display_row_location_edit{
        margin-left: 15%;
    }
/*#endregion*/

/*#region "System"*/
.system_description_style_long {
    width: 300px;
    text-align: left;
}

    .system_value_style_long {
        width: 450px;
        height: 50px;
        text-align: left;
    }

    .system_td_align {
        text-align: left !important;
    }

    .system_dl_itemstyle {
        border-radius: 30px;
        border-color: black;
        padding: 3px 0px 3px 0px;
        box-shadow: 1px 2px 6px 6px var(--main-font-color) inset;
        width: var(--system-datalist-width);
    }

    .system_dl_headerstyle {
        padding: 0px;
    }

    .system_dl_table_style {
        width: var(--system-datalist-width);
    }

    .sitechooserbutton.system_sitechooserbutton {
        height: 25px;
        width: 95px;
        font-size: 15px;
    }
/*#endregion*/

.dl_empty_text {
    color: red;
    background-color: var(--main-btn-color);
    border-radius: 30px;
    font-size: 35px;
    text-align:center;
    width: var(--work_journal-datalist-width);
}
.dl_auxinfo {
    text-align: center;
    font-size: 13pt;
    border-width: 3px;
    border-color: green;
    width: 1150px;
}
.dl_edit {
    border-width: 3px;
    background-color: firebrick;
    border-radius: 30px;
}

/*#region "ContactInfo"*/
.contactinfo_accordion {
    width: 100%;
    height: 1000px;
}
.contactinfo_dl {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-color: black;
    border-style: solid;
    border-width: 3px;
    width: var(--contact-datalist-width);
}

.contactinfo_label_row{
    padding: 0px 0px 0px 20px;
    font-size: 20px;
}

.get_contactinfo_btn {
    width: 200px !important;
}
/*#region "Address"*/
    .address_text {
        font-size: 20px;
        height: 30px;
        box-shadow: 3px 3px 2px 1px black;
    }

    .address_streetname{
        width: 400px;
    }

    .address_suiteapt {
        width: 100px;
    }

    .address_zip {
        width: 75px;
    }

    .address_country {
        height: 35px !important;
    }

    .address_addresstypes {
        border-radius: 25px;
        height: 160px;
        width: 150px;
        overflow: auto;
        padding-right: 20px;
    }
/*#endregion */

/*#region "Email Address"*/
    .emailaddress_text {
        font-size: 25px;
        height: 35px;
        box-shadow: 3px 3px 2px 1px black;
    }

    .emailaddress {
        width: 550px;
    }

    .emailaddress_emailaddresstypes {
        border-radius: 25px;
        height: 100px;
        width: 200px;
        overflow: auto;
        padding-right: 20px;
    }
/*#endregion */

/*#region "phonenumbers"*/
    .phone_text {
        font-size: 25px;
        height: 35px;
        box-shadow: 3px 3px 2px 1px black;
    }
    
    .phone {
        width: 150px;
    }
    
    .phone_countrycode {
        width: 25px;
    }

    .phone_areacode {
        width: 75px;
    }

    .phone_extension {
        width: 100px;
    }
    .phone_phonetypes {
        border-radius: 25px;
        height: 175px;
        width: 200px;
        overflow: auto;
        padding-right: 20px;
    }

/*#endregion */
/*#endregion */
