/* 
    Created on : March 7, 2018
    Author     : Mike Volmar
*/

    html {
        font-size: 13px;
    }

    body {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    input,
    select {
        font-size: 1rem;
        padding: .5rem;
        border: 1px solid #B5B5B5;
        border-radius: 6px;
        font-weight: 600;
        width: 14.85rem;
        background-color: #f8f8f8;
        box-sizing: border-box;
    }

    @media only screen and (max-width: 650px) {
        input,
        select {
            width: 58%;
        }
    }

    textarea {
        font-size: 1rem !important;
        border: 1px solid #b5b5b5;
        border-radius: 6px;
        background-color: #f8f8f8;
        min-width: 14.85rem;
        resize: both;
    }

    @media only screen and (max-width: 650px) {
        textarea {
            width: 58% !important;
        }
    }

    select {
        background-color: #F8F8F8;
        cursor: pointer;
        width: 16rem;
    }

    input[type="checkbox"] {
        height: fit-content;
        width: fit-content;
        min-width: fit-content;
        font-size: 1rem;
        margin-top: 1rem;
    }

    input[type="radio"] {
        width: fit-content;
        height: fit-content;
        transform: translateY(.2rem);
    }

    input[type="submit"] {
        background-color: #FFD141;
        border: none;
        min-width: 9.23rem;
        max-width: 14.85rem;
        cursor: pointer;
        margin: 0 .5rem;
        transition: .3s ease-in;
        border: 1px solid #ffd141
    }

    input[type="submit"]:hover {
        background-color: #FFC100;
        border: 1px solid #ffc100;
    }

    .content{
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        color: #000;    

    }
    
    .ui-widget button {
        font-size: 12pt !important;
    }

    .error_msg{
        color: red;  
        font-size: .8rem; 
        margin-left: 2em;
    }
    .exportcsv{
        font-size: .8rem; 
        color: #1900ff;
    }
    .smalltext{ 
        font-size: .8rem; 
        margin-left: 1em;
    }
    #e3d-logo {
        height: auto; 
        width: auto; 
        max-width: 125px; 
        max-height: 125px;
        padding-top:1em;
        padding-bottom:1em;
    }

    .e3d-menu{
        min-height:20px;
        min-width:600px;
        background-color: #809b3b;
        padding:.25em;
    }  
    
    .siteMessage{
        background-color: #fbd13e;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        font-size: 1.4rem;
        color: #000;
        border: 2px solid #fb0909;
        width: fit-content;
        margin: 1rem auto 2rem;
        padding: .5em;
        padding-left: 2em;
        border-radius: 10px;
        background-image:url('images/Achtung1.png');
        background-repeat: no-repeat;
        background-position: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    
    .e3dbanner{
        height:50px;
        min-width:600px;
        background-color: #000;
        background-image: url('../include/images/ellie-white.png');
        background-repeat: no-repeat;  /* make the background image appear only once */
        background-position: center;
        background-size: 100px 50px;
        padding: 1rem;
    }
    .banner_logo{
        height:40px;
        margin-top: 5px;
        float: right;
    }

    .banner_logo img {
        height: 1.25rem;
    }
    .banner_logo sup{
        font-size: 1rem;
    }
    span.e3di{
        display: block;
        margin-left: 50%;
        color: #fff;
        font-size:40px;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        
    }
    .footer{
        min-height:20px;
        min-width:600px;
        background-color: #000;  
        margin-top:4em;
    }
    
    .information{
        font-size: 10px;
    }

    
    /* navigation menu */
    
    

    nav {
        font-size: 0; /* Remove annoying whitespace between Nav Elements (white-space-collapse got moved to CSS4) */
        width: auto;
        background-color: #f2f2f2;
        FONT-FAMILY: Verdana, Arial, sans-serif;
        padding: .5rem 0;
        box-shadow: 0 3px 6px #00000029;
    }
    nav li {
        background-color: #f2f2f2;
    }

    nav li:hover {
        background-color: #BDBDBD;
    }
    /*
    nav ul {
        padding: 1px;
        border: 1px solid #003366;
    }

    nav ul li ul li{
        background-color: #f1f0f1;
    }
    nav ul li ul li ul li {
        background-color: #f2f0f2;
    }
    */
    /* nav li:hover {
        background-color: #e1bc37;
    } */

    nav a {
        font-size: 1.08rem; 
        padding: 0.5em;
        display: block; /* So we can have padding */
        white-space: nowrap; /* No linebreaks in the menu */
        text-decoration: none;

    }
    nav a, nav a:visited{
        color: #2d250b;
    }
    nav a:hover,
    nav a:focus,
    nav a:active {
        color:#1601ff;
    }

    nav ul {
        list-style: none; /* Remove Bullets from Lists */
        padding: 0.1em; /* remove default browser padding for ul */
        z-index: 1000;
        text-align: center;
        font-weight: 600;
    }

    /* Any list item in the menu */
    nav li {
        position: relative; /* positioned so this is the reference. Required to be able to have the sub menu show up at the same level */
        display: inline-block;
    }

    /* All Sub menues */
    nav ul ul {
        display: none; /* Hide sub menu by default */
        position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
    }

    /* Show sub menu on hover */
    nav li:hover > ul {
    display: block;
    }

    /* Any sub menu below the second level (Flyout menues in the dropdown) */
    nav ul ul ul {
        left: 100%; /* Pushes the menu to the right of it's parent */
        top: 0; /* Make it appear at the same level as it's parent */
    }
    /* Make the top menu (first level) at least 100px wide  */
    nav > ul > li {
        min-width: 100px;
    }
    /* Make the dropdown menu (first level) at least as wide as it's parent */
    nav > ul > li > ul > li {
        min-width: 100%;
    }
    /* Make the flyout menu (second level) at least as wide as it's parent */
    nav > ul > li > ul > li > ul > li {
        min-width: 100%;
    }

    .logout:hover {
        text-decoration: underline;
    }

    /* end navigation menu */

    a.link{
        padding-left: 1em;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        text-decoration: none;
        color: #FFFFFF;
    }
    a.deleteFile{ 
        color: red;
        font-weight: bold;
        font-size: 80%;         
        text-decoration: none;  
        border: 2px solid red; 
        padding:.25em;
    }    
    a.deleteFile:hover{
        color: #b30000;
        border: 2px solid #b30000;
    }
    a.deleteItem{ 
        color: red;
        font-weight: bold;
        font-size: 70%;         
        text-decoration: none;  
        border: 2px solid red; 
        padding:.125em;
    }    
    a.deleteItem:hover{
        color: #b30000;
        border: 2px solid #b30000;
    }    
    a.deleteEstimate{ 
        float: right;
        color: red;
        font-size: 80%;         
        text-decoration: none;  
        padding:.25em;
    }    
    a.deleteEstimate:hover{
        font-weight: bold;
    } 
    a.deleteContents{ 
        color: red;
        font-size: 80%;         
        text-decoration: none;  
        padding:.25em;
    }    
    a.deleteContents:hover{
        font-weight: bold;
    } 
    a.deleteContractPayment { 
        float: left;
        color: red !important;
        font-size: 80%;         
        text-decoration: none;  
        padding:.25em;
    }    
    a.deleteContract, a.deleteContractPayment, a.delPrjBgt { 
        float: right;
        color: red !important;
        font-size: 80%;         
        text-decoration: none;  
        padding:.25em;
    }    
    a.deleteContract:hover, a.deleteContractPayment:hover, a.delPrjBgt:hover {
        font-weight: bold;
    } 
    a.deleteInvoice{ 
        color: red;
        font-weight: bold;
        font-size: 80%;         
        text-decoration: none;  
        border: 2px solid red; 
        padding:.25em;
    }    
    a.deleteInvoice:hover{
        color: #b30000;
        border: 2px solid #b30000;
    }    
    .message{
        color: green;  
        font-size: 10pt; 
        margin-left:2em;
    }
    .addContactIssue{
        font-size: 20pt; 
        border: 1px solid #32290c;
    }
    .action_form_group{
        
    }
    .form_group{
        width: 93%;
        float: left;  
        margin:.5em; 
        padding: 2rem .5em;  
        background-color: #eaeaea;
        border: 1px solid #32290c;
         
    }

    .small_form_group{
        width: 45%;
        /*height: 350px;*/
        padding:.5em;
        margin:.5em;
        float: left;  
        background-color: #eaeaea;
        border: 1px solid #32290c;
    }

    @media only screen and (max-width: 667px) {
        .small_form_group {
            width: 97%;
        }
    }

    .large_form_group{
        width: 90%;
        /*height: 350px;*/
        float: left;  
        margin:.5em; 
        padding:.5em;  
        background-color: #eaeaea;
        border: 1px solid #32290c;
         
    }
    a.link:visited
    {
        color: #FFFFFF;
    }

    a.link:hover
    {
        color: #AED6F1;
        text-decoration: underline;
    }
    .userprofile{
        margin: .5em;
        float:right;
    }
    .request_button{
        float:right;
        margin-top: .3em;
        margin-right: 1em;
    }
    a.userprofilelink{
        color: #000;
        font-size:10px;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        text-decoration: none;       
    }
    
    .userid{
        color: #000;
        font-size:1rem;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        text-decoration: none; 
        margin-right: .5em;
    }
    a.userprofilelink:hover{
        text-decoration: underline;    
    }

    .title{
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }
    .subtitle{
        margin-left:1em;
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }

    .widgetbox{
        margin-left:1em;
    }
    .widget {
        width: 25%;
        height: 150px;
        border: 4px solid #115592;
        margin:10px;
        float: left;
        text-align: center;
        vertical-align: middle;
        line-height: 75px;
        min-width:250px;
        background: #F2F3F4;
    }
    .widget-title{
        padding-top:1em;
        font-size:20px;
        color:  #566573;
        text-align:center;  
    }
    .widget-info{
        font-size:40px;
        color: #000;      
        text-align:center;  
    }

    .user{
        margin: .2em;
        font-size:10px;
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }
    .file{
        font-size:10px;
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }
    .e3dlabel{
        font-size:12px;
        FONT-FAMILY: Verdana, Arial, sans-serif;    
    }

    .search{
        margin-left: 2em;
    }

    .controlpanel {    
        padding-left: 1em;
        background: #ffffff;  
        width: 98%;
    }

    .clear{
        clear: both;
    }

    .form_controls{
        
        display: inline-block;
        float: left;
        clear: left;
        width: 50%;
        text-align: left;
        padding-left: 4em;
        margin-top: 2em;
       
    }
    form_response{
        display: inline-block;
        float: left;
        clear: left;
        width: 50%;
        text-align: left;
        padding-left: 4em;
        margin: 1em;        
    }
    
    .loginform{
        margin: 0 auto; 
        width:85%;
    }
 
    .login_label{       
        display: inline-block;
        float: left;
        clear: left;
        width: 10%;    
        vertical-align:middle;
        margin: .25em;

    }
    .login_field{        
        display: inline-block;
        min-width: 20%;
        float: left;   
        margin: .25em;

    }    
    
    .login{
       /* background-image: url(../images/logo-sm.png); */
       /* background-color: transparent; /* make the button transparent */
       background-repeat: no-repeat;  /* make the background image appear only once */
       vertical-align: middle;
       cursor: pointer;
       color: #000;
       font-size:20px;
       background-color: #fbd13e;
       width: 150px;
       height: 40px; 
       margin-top: 1em;
       margin-left:1em;
       float: left;
       clear: left;
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }


    .section_header {
        float: left;
        clear: left;
        width: 100%;
        text-align: center;
        padding:.25em 0;
        background: #868686;
        /*background: linear-gradient(#868686, #acacac, #C0C0C0, #acacac, #868686);*/
        font-size: 1.75rem;
        font-weight: 700;
        color: #FFFFFF;  
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }
    .page_section_header {
        float: left;
        clear: left;
        width: 98.5%;
        text-align: left;
        padding:.25em;
        padding-left:1em;
        background: linear-gradient(#868686, #acacac, #C0C0C0, #acacac, #868686);
        text-shadow: 2px 2px 5px #868686;
        color: #FFFFFF;  

    }       
    .section_header2 {
        float: left;
        clear: left;
        width: 90%;
        text-align: left;
        padding:.25em;
        padding-left:2em;
        background: #fbd13e;
        color: #000;
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }  
    .form_section {
        float: left;
        clear: left;
        width: 95%;
        text-align: left;
        margin:.5em;
        padding:.25em;
        padding-left:1em;
        background: #C0C0C0;
        /*background: linear-gradient(#868686, #acacac, #C0C0C0, #acacac, #868686);*/
        text-shadow: 2px 2px 5px #868686;
        color: #FFFFFF;  
        FONT-FAMILY: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }    
/* job header */  

   
   .company_header{
       color: #222222;
       font-weight: 800;
       margin:1em;
       font-size: 1.85rem;  
       text-align: center;
   }
   
    .job_header{
        text-align: center;
        font-size: 1.85rem;
        color: #222222;
        text-shadow: unset;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }

    @media only screen and (max-width: 768px) {
        .job_header {
            flex-direction: column;
        }
    }
    
    a.company_name{
        margin-right: 1em;
        text-decoration: none;
        font-size: 1.85rem;
        color: #222222;
        font-weight: 600;
    }
    a.show_name{
        margin:1em;
        text-decoration: none;
        font-weight: 800;
        color: #BDBDBD;
    }
    
    .show_location{
        margin-right: 1em;
        text-decoration: none;
        font-weight: 800;
        color: #BDBDBD;
        border-inline: 2px solid #BDBDBD;
        padding-inline: 1rem;
    }
    
    .jobid{
        text-decoration: none;
        font-size: 1.85rem;
        color: #222222;
        font-weight: 600;
    }
    
    /* estimate builder */
    
    .build_estimate{
        float: left;
        margin-top: .25em;
        margin-bottom: .5em;
        margin-left: .5em;
        text-decoration: none; 
        color: #967d25 !important;      
    }
    a.build_estimate:hover{
        text-decoration: underline; 
        color: #0000EE;
    }   
    .build_estimate_item{
        float: left;

        text-decoration: none; 
        color: #fcc331;               
    }
    a.build_estimate_item:hover{
        text-decoration: underline; 
        color: #0000EE;
    }  
    .filefield{
        width: 10%;
    }
    .filenotefield{
        width: 15%;
    }
    .filenotes{
        width: 100%;
        height: 100%;
        overflow-y: scroll;   
        overflow-x: hidden;  
        resize: vertical;
    }
    .filefield_link{
        width: 20%;
    }
    .filefield_status{
        width: 8%;
    }
    .filefield_action{
        width:1%;
        white-space:nowrap;
    }    
    
    .showMyComponents,.hideMyComponents,.showMyItems,.hideMyItems{ 
        color: blue;   
        text-decoration: none;  
        /*padding:.25em;*/
        cursor: pointer;
    }    
    .showMyComponents:hover, .hideMyComponents:hover,.showMyItems:hover,.hideMyItems:hover{
        font-weight: bold;
    }    
    .contractItems{
        
    }
    .urgentTask{
        color: red;   
        
    }
    .task_area{
        font-size: 12px;
        margin: 1em .5em;
        border: 1px solid #000;
        box-shadow: 1px 1px 10px 0 rgba(112,112,112,1), 1px 1px 10px 0 rgba(112,112,112,1);  
        min-width: 1000px;
    }
    .deleteHighlight{
        border: 2px solid red;
    }
    .task_title{
        font-size: 15px;
        color: #fff;
        background: #4d4e4e;
        padding: .125em;
        font-weight: bold;
    }
    .task_title a{
        color: #fff;
        text-decoration: none;
    }
    .task_title a:hover{
        color: blue;
        text-decoration: underline;
    }
    .task_subtitle{
        font-size: 13px;
        color: #fff;
        background: #000;
        padding: .25em;
        font-weight: bold;
    }
    .task_subtitle a{
        color: #fff;
    }
    .task_content{
        font-size: 12px;
        color: #000;
        background: #e5e5e4;
        padding: .125em;
        width: 99.8%;
        display:inline-block;
    }
    .DE_task_content{
        font-size: 12px;
        color: #000;
        background: #e5e5e4;
        padding: .125em;
        width: 99.8%;
        display:inline-block;
    }
    .task_dates{
        float: left;
        color: #000;
        background: #fff;
        width: 15%;
        display:inline-block;
        font-size: 12px;
        min-height: 130px;
        max-height: 130px;
        overflow: auto;
        padding: .125em;
        margin: .5em;
        border: 1px solid #000;
    }
    .task_dates table{
        font-size: 12px;
    }
    .DE_task_dates, .placeholder, .date_placeholder{
        float: left;
        color: #000;
        background: #fff;
        width: 15%;
        display:inline-block;
        padding: .25em;
        margin: .25em;
        border: 1px solid #000;
        font-size: 12px;
        font-weight: bold;
        min-height: 130px;
        max-height: 130px;
        overflow: auto;
    }
    .contract_title{
        font-size: 15px;
        color: #fff;
        background: #4d4e4e;
        padding: .125em;
        font-weight: bold;
    }
    .contract_subtitle{
        font-size: 13px;
        color: #fff;
        background: #000;
        padding: .25em;
        font-weight: bold;
        height: 1.25em;
    }
    .contract_content{
        font-size: 12px;
        color: #000;
        background: #e5e5e4;
        padding: .125em;
        width: 99.8%;
        display:inline-block;
    }
    .contract_dates {
        float: left;
        color: #000;
        background: #fff;
        width: 25%;
        display:inline-block;
        padding: .25em;
        margin: .25em;
        border: 1px solid #000;
        font-size: 12px;
        font-weight: bold;
        min-height: 160px;
        max-height: 160px;
        overflow: auto;
    }
    .contract_metrics {
        float: left;
        color: #000;
        background: #fff;
        width: 15%;
        display:inline-block;
        padding: .25em;
        margin: .25em;
        border: 1px solid #000;
        font-size: 12px;
        font-weight: bold;
        min-height: 160px;
        max-height: 160px;
        overflow: auto;
    }
    .metrics_label{
        
    }
    .metrics_data{
        text-align: right;
    }
    .contract_metrics td {
        width: 30%;
    }
    .contract_identifier, .contractid{
        margin-left: .5em;
    }
    .contract_net{
        float: right;
        margin-right: 1em;
    }
    .dateblock{
        background: #d1d1d1;
        width: 13%
    }
    .placeholder{
        border: 1px solid #000;
        background: #e5e5e4;
    }
    .date_placeholder{
        border: 1px solid #e5e5e4;
        background: #e5e5e4;
        width: 13%
    }
    .DE_task_dates table{
        font-size: 12px;
        font-weight: normal;
    }
    .new_concept{
        float: left;
        clear: left;
    }
    .task_boxes{
        float: left;
        margin-top: 2em;
        width: 30%;
    }
    .taskbox{
        float: left;
        font-size: 12px;
        color: #000;
        background: #fff;
        border: 1px solid #000;
        width: 25%;
    }
    .stepComplete{
        background: #ffd250;
    }
    .grayout{
        background: #e5e5ef;
    }
    .refusedTask{
        background: red;
        color: #fff;
    }
    .task_buttons{
        float: right;
    }
    .yellow{
        color: #ffd250;
    }
    
    .task_notes_area{
        float: left;
        clear: both;
        background: #b1b2b2;
        width: 99.8%;
        padding: .125em;
    }
    .task_note_controls{
        float: left;
    }

    .hide_task_note:hover{
        color: red;   
        cursor: pointer;
    }
    .show_task_note:hover{
        color: green;   
        cursor: pointer;
    }
    .right{
        float: right;
    }
    .center {
        text-align: center;
    }
    .textright{
        text-align: right;
    }
    .invoicefield{
        width: 70%;
        float: left; 
        clear: left;
        padding-left: 25%;      
        padding-bottom: 1em;      
    }
    .invoicesummary{
 
        width: 70%;
        float: left; 
        clear: left;
        padding-left: 1em;           
    }
    .invoice_form_group{
        width: 90%;
        /*height: 350px;*/
        float: left;  
        margin:.5em; 
        padding:.5em;        
    }
    .invoice_form_label{
        float: left; 
        clear: left;   
        font-weight: bold;
        font-size: 90%;
        padding-bottom: 1em;  
    }
    .invoice_form_field{
        display: inline-block;
        width: 70%;
        float: left;   
        padding-left: 1em;        
    }
    .invoice_section_desc{
        width: 70%;
        height: 50px;
        display: inline-block;
        float: left;   
        overflow-y: scroll;   
        overflow-x: hidden;  
        resize: vertical;
    }
    
    .removeItem, .removeGroup{ 
        float:left;
        font-size: 80%;
        color: red;   
        text-decoration: none;  
        /*padding:.25em;*/
        cursor: pointer;
    }    
    .removeItem:hover{
        font-weight: bold;
    }
    .removeGroup:hover{
        font-weight: bold;
    }
    .Est_sectionitems, .Est_sectionitem, .flooring_sectionitems, .SS_sectionitem, .Graphic_sectionitem, .Flooring_sectionitem{
        float: left;
        clear:left;
        border-bottom: 1px solid #ddd;
    }
    .Est_sectionitems, .SS_sectionitem{
        margin-left: 1em;
        width: 95%;
    }
    .Est_sectionitem, .Graphic_sectionitem, .Flooring_sectionitem{
        margin-left: 2em;
        width: 95%;
        border-bottom: 1px solid #ddd;
        margin-bottom: .25em;
    }
    .proposalComponent{
        float: left;
    }
    .componentItems{
        margin-left: 2em;
        width: 90%;
        
    }    
    .componentItems td {
        border: 1px solid #ddd;
    }

    .componentItems tr:nth-child(even){
        background-color: #f4f4f4;
    }
    .estimate_details_header{
        background: #acacac;
        color: #fff;
        text-align: center;
        text-shadow: 2px 2px 5px #868686;
    }
    .proposalid{
        color: #002366;
        margin-left: 1em;
    }
    .proposal_name{
        cursor: pointer;
        
    }
    
    .proposal_name:hover {
        text-decoration: underline; 
        color: #0000EE;
    }        
    .proposal_section{
        width:95%;
        padding: 1rem;
        margin-block: 1rem;
    /*    background: linear-gradient(#868686, #acacac, #C0C0C0, #acacac, #868686);*/
        background: #000;
        text-shadow: none;
        color: #FFFFFF;          
        box-shadow: none;
        float:left;
        clear: left;
        text-align: center;
        font-weight: 600;
        font-size: 1.25rem;
    }
    .estimate_section{
        display: flex;
        flex-direction: column;
        width: 90vw;
        padding: 1rem;
        margin: 1rem auto;
        border: 2px solid #acacac;      
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }   
    #componentform {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }
    #componentform .label-input-group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 1rem;
    }
    #componentform .form_select {
        margin: .5rem 0;
        max-width: unset;
        float: unset;
    }
    #componentform .label-input-group textarea {
        width: 100%;
        max-width: 100%;
        margin-left: 1rem;
    }
    #componentform #userfile-label {
        width: 120px;
    }
    .estimate_section_desc, .estimate_section_notes{
        min-width: 100%;
        max-width: 100%;
    }
    .estimate_section_notes{
        margin-top:.25em;
    }
    .estimate_section_total{
        float: left;
        font-size: 12pt;
        width: 10%;
        margin-top: 1em;
        border: 1px solid #acacac;         
    }
    .estimate_item_header input, .estimate_section_total_label {
        font-weight: bold;
        background: #868686;
        color: #fff;
        text-align: center;
    }
    .estimate_section_buttons, .estimate_section_total, .estimate_controls, .estimate_section_total_label {
        margin-top:.025em;
        margin-bottom:.25em;
        padding:.25em;
        float: left;
        
    }
    #addSection, #StockType, #StockComponent, #addStock{
        float: left;
    }
    .AddSection {
        transform: unset !important;
    }
    .estimate_text{
        font-size: 8pt;
        margin-left: .25em;
        margin-right: .125em;
    }
    .estimate_label{
        font-size: 1rem;
        font-weight: bold;
        margin-right: 1rem;
        color: #000;
        text-align: left;
        width: 90px;        
    } 
    .estimate_section_title {
        float: left;
        clear:left;        
    }
    .estimate_form_group{
        padding-top:2em;
    }    
    .estimate_section_total{
        margin-top: .125em;
        text-align:left;
    }
    .estimate_section_total_label{
        margin-top: .25em;
        margin-right: .125em;
        margin-left: .5em;
        font-weight:normal;
        font-size: 10pt;
    }
    
    #estimateform .estimate_section .label-input-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 1rem;
    }

    #estimateform .estimate_section .label-input-group .estimate_label {
        width: fit-content;
    }

    #estimateform .estimate_section .label-input-group .estimate_section_title {
        float: none;
        clear: none;
    }
    #estimateform .estimate_section .label-input-group .estimate_section_title_2 {
        width: fit-content;
        max-width: unset;
    }
    .FileSubTable {
        font-size: 10;
 
    } 

    /* Job Status History */
    /* .JobStatusHistory{
        float: left;
        font-size: 12;
        width: 90%;
        padding: .5em;
        margin-left:.5em;
        margin-bottom: 1em;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);        
    }
    .statusevent{
        display: inline-block;
        width: 15%;
        float: left;
        margin-left:.5em;
    }
    .statustype{
        display: inline-block;
        width: 15%;
        float: left;
        margin-left:.5em;        
    }
    .statussubtype{
        display: inline-block;
        width: 15%;
        float: left;
        margin-left:.5em;        
    }
    .statusdetails{
        display: inline-block;
        width: 45%;
        float: left;
        margin-left:.5em;        
    } */
    
    .SS_sectionitem{
        border-bottom: 1px solid #868686;
    }
    
    button.addItem, button.estimate_section_button, button.saveEstimate, button.removeSection, #StockType, #StockComponent, #addStock, .SaveFlooring, .rejectContract, .approveContract, .rejectReview, .CreateInvoice, .PrepareInvoice {
        margin-left:.15em;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
        cursor: pointer;  
    }
    .actionbtn{
        padding:.25em;
        cursor: pointer;  
        margin: 0 .5rem;
        width: 10rem !important;
        min-width: fit-content;
        height: 2.77rem;
        border: 1px solid #2e2e2e;
        font-weight: 600;
        font-size: 1rem;
        background-color: #fff;
        color: #000;
        transition: .3s ease-in;
    }

    .actionbtn:hover {
        color: #fff;
        background-color: #2e2e2e;
    }

    #ResetFilters {
        color: #000;
    }

    #ResetFilters:hover,
    #ResetFilters:focus,
    #ResetFilters:active {
        background-color: #2e2e2e;
        color: #fff;
    }

    .smActionbtn{
        margin-left:.125em;
        font-size: 80%;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #868686;
    }   

    .contractMgr{
        font-size: 80%;
        padding-top: .5em;
        padding-bottom: .5em;
        margin-bottom: 1em;
        min-height: 3em;
        border: 1px solid #acacac;  
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }
    .contractlink{
        min-width: 15%;
        float: left;
        clear: left;
        margin-left: 1em;
        color: #FBD13E !important;
        cursor: pointer;
        text-decoration: none;
    }
    .contractAction{
        font-size: 10pt;
        min-width: 8%;
        float: left;
        margin-left: 1em;

    }
    .contractInfoTable{
        min-width: 7%;
        float: left;
        margin-left: 1em;

    }  
    .contractMgrTable{
        font-size: 85%;
        padding: .5em;       
        margin: 1em;
        width: 95%;
        border: 1px solid #acacac;  
    }
    .contractMgrTable td{
        width: 33%;
    }
    
    
    .ConfigureProposal{
        float: left;
        clear: left;
        margin-left: 1em;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }
    
    .componentsSummary, .serviceSummary, .graphicsSummary, .flooringSummary{
        float: right;
        width: 50%;
        margin-top: .125em;
        margin-right: 2em;
        border: 1px solid #acacac;  
        font-size: 80%;
    }
    .contractSummary{
        width: 100%;
        margin-top: .125em;
        margin-right: 5em; 
        font-size: 90%;
    }    

    .contractSummary .summary_label, .componentsSummary .summary_label, .serviceSummary .summary_label, .graphicsSummary .summary_label, .flooringSummary .summary_label{
        font-weight: bold;
        padding-right: .25em;
    }
    
    .componentSummary{
        float: right;
        width: 35%;
        margin-top: .125em;
        margin-right: 3em;
        border: 1px solid #acacac;  
        font-size: 80%;
        background: #EAEDED;
    }    
    
    
    .addSectionItem, .sectionitems{
        float: left;
        clear: left;
    }
    

/* end job header */  

    .po_form_group{
        width: 40%;
        min-height: 150px;
        padding:.5em;
        margin:.5em;
        float: left;  
        border: 1px solid #C0C0C0;
    }
    
    .po_form_group_total{
        width: 60%;
        min-height: 20px;
        padding:.5em;
        margin-left:2em;
        float: left;  
        border: 1px solid #C0C0C0;  
        font-weight: bold;
        
    }
    .po_form_group_total input{
        width: 20em;
        font-weight: bold;
        
    }
    
    .po_button_group{
        float: left;
        clear: left;   
        margin-left: 2em;
    }
    /*#addPOItem, #savePO{*/    
    .po_button_group button{
        padding-left: .5em;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }
    .POMessages{
        float: left;
        clear: both;
        margin: 1em;
    }
    .po_form_label{       
        display: inline-block;
        float: left;
        clear: left;
        width: 40%;
        text-align: left;
        padding-left: 1em;
        vertical-align: middle;
        margin-bottom: .5em;
        font-size: 12px;
    }
    
    .po_form_field{        
        display: inline-block;
        width: 50%;
        float: left;   
        padding-left: 1em;
        
    }
    .form_message{
        float: left;
        clear: left;
        font-size: 70%;
        padding: 1em;
    }
    
    .small_form_label{       
        display: inline-block;
        float: left;
        clear: left;
        width: 7rem;
        text-align: right;
        padding-right: 2em;
        vertical-align: middle;
        margin-bottom: .5em;
        margin-top: 1rem;
        font-weight: 600;
    }
    
    .small_form_field{        
        display: inline-block;
        width: 70%;
        float: left; 
        margin-bottom: 1rem;  
    }

    .small_form_field .hasDatepicker {
        width: 43% !important;
    }

    .reroute_link{
        color: blue !important;
    }
    
    @media only screen and (max-width: 650px) {
        .small_form_field .hasDatepicker {
            width: 83% !important;
        }
    }

    .small_form_field #timestep1,
    .small_form_field #timestep2 {
        width: 43% !important;
    }

    @media only screen and (max-width: 650px) {
        .small_form_field #timestep1,
        .small_form_field #timestep2 {
            width: 83% !important;
        }
    }
    
    .small_form_label, .small_form_field, .datepick {
        font-size: 12px !important;
    }

    .small_form_button{       
        display: inline-block;
        float: left;
        clear: left;
        width: 10%;
        text-align: center;
        margin-top: 1em;
        margin-left: 2em;
        vertical-align: middle;
    } 

    .form_label, .subtype_form_label{       
        display: inline-block;
        float: left;
        clear: left;
        min-width: 15%;
        max-width: 15%;
        text-align: right;
        margin-right: 2em;
        vertical-align: middle;
        margin-top: 1rem;
        margin-bottom: .5em;
        font-size: 1rem;
        font-weight: 600;

    }
    
    .form_field{        
        display: inline-block;
        min-width: 30%;
        max-width: 70%;
        float: left;   
        padding-left: 1em;
        margin-top: .5rem;
        margin-bottom: .5rem;
        
    }

    .form_field.mainduedate {
        padding-left: 0;
    }

    .form_field.mainduedate .hasDatepicker {
        width: 100%;
    }
     
    .form_button{       
        display: inline-block;
        float: left;
        clear: left;
        width: 10%;
        text-align: center;
        margin-top: 1em;
        margin-left: 2em;
        vertical-align: middle;
        transform: translateX(20vw);
    }
    
    .cancelform_label {       
        display: inline-block;
        float: left;
        clear: left;
        width: 20%;
        text-align: left;
        margin-left: 2em;
        vertical-align: middle;
        margin-bottom: .5em;
        font-size: 12px;
    }

    .cancelform_field{        
        display: inline-block;
        width: 40%;
        float: left;   
        padding-left: 1em;
        font-size: 12px;
    }

    .noticeAction{       
        float: left;
        text-align: center;
        margin: .25em;
        vertical-align: middle;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }      
    .action_button{   
        float: left;
        clear: left;
        text-align: center;
        margin: .25em;
        vertical-align: middle;
        color: #000;
        background-color: #fff;
        border: 1px solid #2e2e2e;
        transition: .3s ease-in;
        cursor: pointer;
    }
    .action_button:hover {
        color: #fff;
        background-color: #2e2e2e;
    }
    .task_buttons .action_button{
        width: 125px;
    }
    .task_buttons .action_button:hover{
        background: #ffd250;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }
    .contact_button{       
        float: left;
        text-align: center;
        margin: .25em;
        vertical-align: middle;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    }     
    .action_button_group{
        float: left;
        clear: left;
        margin-left: 2em;
        margin-top: 1em;
    }
    
    label.error{
        color: #ff0000;
        font-style: italic; 
        float: left;
        display: inline;
        width:250;
        font-size:12px; 
        margin-left:1em;
    }
    .white{
        color: #fff;
    }
    .green{
        color: #33cc33 !important;
    }
    .red{
        color: #ff0000 !important;
    }
    .yellow{
        color: #FFFF00;
    }
    
    .dotR {
        height: 25px;
        width: 25px;
        background-color: #ff0000;
        border-radius: 50%;
        display: inline-block;
    }
    .dotY {
        height: 25px;
        width: 25px;
        background-color: #ffff00;
        border-radius: 50%;
        display: inline-block;
    }
    .dotG {
        height: 25px;
        width: 25px;
        background-color: #33cc33;
        border-radius: 50%;
        display: inline-block;
    }
    .dotRsm {
        height: 15px;
        width: 15px;
        background-color: #ff0000;
        border-radius: 50%;
        display: inline-block;
    }
    .dotYsm {
        height: 15px;
        width: 15px;
        background-color: #ffff00;
        border-radius: 50%;
        display: inline-block;
    }
    .dotGsm {
        height: 15px;
        width: 15px;
        background-color: #33cc33;
        border-radius: 50%;
        display: inline-block;
    }
    
    .dob_block{        
        display: inline;
    }
    
    #debug{
        display: inline-block;
        float: left;
        clear: left;
        width: 65%;
        text-align: left;
        padding-left: 2em;    
    }
    .e3duser{
        margin: .2em;
        font-size:10px;
        FONT-FAMILY: Verdana, Arial, sans-serif;
    }
    a.userprofilelink{
        color: #000;
        font-size:1rem;
        font-weight: bold;
        FONT-FAMILY: Verdana, Arial, sans-serif; 
        text-decoration: none; 
        float:right;
    }
    a.userprofilelink:hover{
        text-decoration: underline;    
    }

    .resultarea{
        margin-left: 1em;
    }
    
    /* table cells */
    
    .cell, .datecell, .namecell, .notecell,.callback_date_cell,.callback_notes_cell,.callback_action_cell,.action_cell{
        border-bottom: 1px solid #D7DBDD;
    }
    .refused_label, .refused_date, .refused_count{
        color: red;  
        font-weight:bold;
    }
    .newTasks_count{
        color: green;  
        font-weight:bold;        
    }
    .show_service_row td{
        
        
    }

    .notice_count{
        font-weight:bold;
    }
    .datecell{
        width: 5%;
    }
    .namecell{
        width: 5%;
    }
    .notecell{
        width: 40%;
    }
    .callback_date_cell{
        width: 15%;
    }
    .callback_notes_cell{
        width: 60%;
        font-size: 9pt;
    }
    .callback_action_cell,.action_cell{
        width: 10%;
    }  
    
    #service_title{
        font-weight: bold;
        margin-left: 2em;
        
    }
    
/* end table cells */

    
/* sortable table */

    .tableheader {
        /*background: #003366;*/
        background: #000 !important;
        text-align: center;
        color: #FFFFFF !important;
        font-weight: bold !important;
        font-size: 1rem !important;
        border: none !important;
        padding: .5rem !important;
    }

    .sortable{
        font-size: 8pt;
        background: #FFFFFF;
        margin:1em;
        width: 95%;
        border: 1px solid #999999;
    }

    .sortable TD{
        font-size: 9pt;
    }
    .sortable TR{
        font-size: 8pt;
        border-bottom: 1px solid #999999;
    }
    
/* sortable table */    
     
    .companyInfoResults{
        padding: 1em;
    }

    .searchform {
        /*
        width: 5em;
        margin: 0 auto;
        */

        margin: .5em;
    }

    .searchform #searchform {
        text-align: center;
        margin-top: 2.38rem;
    }

    #searchfield{
        max-width: 14.85rem;
        background-color: #fff;
    }
    
    #searchvalue{   
        width: 14.85rem;
        margin-left: .5em;
        background-color: #fff;
    }   

    .search_button {
        max-width: 9.23rem;
    }

    @media only screen and (max-width: 650px) {
        #searchfield,
        #searchvalue {
            display: block;
            margin: .5rem auto;
            max-width: 15rem;
        }
    }
    
    
    .callback_group, .project_group, .taskBy_group, .taskTo_group, .myProjects_group{
        margin: 2em;
    }
    
    .callback_summary, .project_summary, .taskBy_summary, .taskTo_summary, .myProjects_summary{
        border-bottom: 2px solid #000;
        display: inline-block;
        float: left;
        clear: left;
        width: 100%;
        margin-bottom: 1em;
        font-size: 90%;

    }
    
    /* task table */
    
    .task {
        border: 2px solid #D7DBDD;
        width: 100%;
        margin-bottom: 1em;
        font-size: 12pt;
    }
    .task td {
        font-size: 80%;
    }    
    

    .task_label{       
        display: inline-block;
        float: left;
        clear: left;
        width: 10%;
        line-height:3em;
        text-align: left;
        padding-left: 1em;
        vertical-align: middle;
        margin-bottom: .5em;
        font-size: 75%;
    }    
    .task_field{    
        
        display: table-cell;        
        width: 12%;
        line-height:5em;
        float: left;   
        margin: .25em;
        font-size: 75%;        
        border-right:1px solid #D7DBDD;
        text-align:center;
        vertical-align:middle;    
        
    }        
    .task_notes {
        display: table-cell;        
        width: 40%;
        float: left;
        clear: left;
        line-height:3em;
        margin: .25em;
        font-size: 12pt !important;
       /* overflow-y: scroll;   
        overflow-x: hidden;        */
    }
    .CClist{
        display: table-cell;        
        width: 40%;
        float: left;
        line-height:3em;
        margin: .25em;
        overflow-y: scroll;   
        overflow-x: hidden;        
    }
    .task_note{    
        display: table-cell;         
        width:auto;
        float: left;   
        margin: .25em;     

    }  
    .task_note_author{       
        display: inline-block;
        float: left;
        clear: left;
        line-height:2em;
        text-align: left;
        padding-left: 1em;
        vertical-align: middle;
        margin-bottom: .5em;
        font-size: 75%;
    }    
    .task_note_content{    
        display: inline-block;
        float: left;
        clear: left;
        line-height:2em;
        text-align: left;
        padding-left: 1em;
        vertical-align: middle;
        margin-bottom: .5em;
        font-size: 75%;  
        
    }  
    
    .task_action_area{
        padding-left:1em;
        border-left:1px solid #D7DBDD;
    }
    
    .task_action{
        display: table-cell;        
        width: 5%;
        line-height:3em;
        float: left;   
        margin: .25em;
        margin-left:5em;
        font-size: 75%;        
        text-align:center;
        vertical-align:middle; 

        /*
             display: flex;
     justify-content: space-between;
        */

    }
    
    .task_field table{        
        font-size: 95%;
    }   
    
    .commgroup{
        float: left; 
        clear:left;
        margin: .25em;    
        width: 100%;   
    }

    .commgroup .commgroup {
        max-width: 600px;
    }

    @media only screen and (max-width: 650px) {
        .commgroup .commgroup {
            max-width: 90vw;
        }
    }
    
    .commgrouptitle{
        float: left; 
        clear:left;
        font-size: 1.25rem;
        color:#003366;
        width: 99%;
        border-top:1px solid #C0C0C0;
        padding-top: 1rem;
    }
    
    .commitem{
        float: left;   
        margin: .5em;  
        width: 180px;
        height: 2em;
        font-size: 1.2rem;
    }

    @media only screen and (max-width: 650px) {
        .commitem {
            font-size: 1.15rem;
        }
    }
    
    .dashboardArea{
        height: 25%; 
        width: 95%;
        
    }

    .scrollArea{
        margin:1em;        
        float: left;
        width: 95%;
        height: 30%;
        overflow-y: scroll;   
        overflow-x: hidden;
        
    }
 
  #accordion-resizer {
    padding: 10px;
    width: 350px;
    height: 220px;
  }


  
  
  .sup_shipform_results, .client_shipform_results{
      float: left;
      clear: left;
  }
     
    .callback_count, .project_count, .taskBy_count, .taskTo_count, .myProjects_count,.taskBy_count_flagged, .taskTo_count_flagged, .myProjects_count_flagged{
        margin-left: 1em;
        font-style: italic;
        cursor: pointer;    
    }
    .taskBy_count_flagged, .taskTo_count_flagged, .myProjects_count_flagged{
        color: red;
        font-weight: bold;
    }
    /* tablesorter */

    table.tablesorter {
        background-color: #000;
        border-spacing: 1px;
    }

    th.tableheader.header{
      background: #000; /* linear-gradient(#C0C0C0, #999999, #acacac); */
      color: #fff;
      font-size: 1rem;
      padding-block: .8rem;
      text-align: center;
      font-weight: bold; 
      border: none;       
    }
    .tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
    }    
    /*
    .tablesorter tbody tr:nth-child(odd) {
        background-color: #CDCDCD;
    }
    table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
    }
    */

    .tablefooter {
        font-weight: bold;
    }
    
    #AddMgmtNoteButton{
        float:left;
    }
    .instructions{
        padding: 1em;
        margin: 1em;
        width: 90%;
        border:1px solid #C0C0C0;
        font-size: 1.2rem;
        float: left;
        clear: left;
    }
    .team_notes{
        padding: 1em;
        margin: 1em;
        width: 40%;
        border:1px solid #C0C0C0;
        float: left;
        height: 50%;
        overflow-y: scroll;   
        overflow-x: hidden;
    }     
    .mgmt_notes{
        padding: 1em;
        margin: 1em;
        width: 40%;
        border:1px solid #C0C0C0;
        float: left;
        height: 50%;
        overflow-y: scroll;   
        overflow-x: hidden;
    }
    .mgmt_note{
        float:left;
        clear: left; 
        padding-left: 1em;
    }
    .mgmt_note_header{
        float:left;
        clear: left;  
        padding-top: 1em;
        padding-left: 2em;
        border-bottom:1px solid #C0C0C0;
        font-size: 55%;
    }
    .mgmt_note_body{
        float:left;
        clear: left;  
        padding-left: 2em;
        font-size: 75%;
    }
    .notes_title{
        float:left;
        clear: left;
        font-weight: bold;
        margin: .25em;
    }

    
    button.osx {
            text-decoration: none;
            font-family:".LucidaGrandeUI", "Lucida Grande", "Lucida sans unicode";
            color: black;
            font-size: 1rem !important;
            padding: 1px 7px;
            border:1px solid #2e2e2e;
            margin: 2px 2px;
            display: inline-block;
            background-color: #fff;
            border-radius: 6px !important;
            cursor: pointer;
            box-shadow: unset;
            height: 2.77rem;
            min-width: 10rem;
            font-weight: 600;
            transition: .3s ease-in;
    }
    button.osx:hover {
        color: #fff;
        background-color: #2e2e2e;
    }
    button.osx:active {
            border-color:#705ebb;
            background-image:-webkit-linear-gradient(
            #acc5e9 0%, 		#a3c0f2 18%, 
            #61a0ed 39%,		#55a3f2 70%, 
            #82c2f1 91.72%, 	#9AD2F2 100%); 
            box-shadow: 0px 0px 1px rgba(0,0,0,0.65);		
    }
    button.osx:disabled {
            color: #999!important;
            background-image: -webkit-linear-gradient(#fbf8f8 0%, #f0f0f0 30%, #e3e3e3 45%, #d7d7d7 60%, #cbc9c9 100%);
            cursor: not-allowed;
    }

    #addItem,
    .form_button,
    .SelectImgGrp {
        transform: unset !important;
    }

    button:disabled{
      cursor: not-allowed;
    }


    .fs-wrap {
        border-radius: 6px;
        width: 16rem !important;
        height: 2.77rem;
        border: 1px solid #b5b5b5;
        background-color: #f8f8f8;
    }

    @media only screen and (max-width: 650px) {
        .fs-wrap {
            width: 95% !important;
        }
    }

    .fs-wrap .fs-label-wrap {
        font-size: 1rem;
        font-weight: 600;
        padding: .5rem;
        border: none;
        background-color: #f8f8f8;
        cursor: pointer;
    }

    .fs-wrap .fs-label-wrap .fs-label {
        font-size: 1rem !important;
    }
    
    @media screen and (min-width:320px) and (max-width:640px) {
      /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */



    }

    #accordion .ui-accordion-header {
        color: #2E2E2E;
        font-size: 1.15rem;
        font-weight: 600;
        background: #f2f2f2;
        margin: 0;
        padding-block: 1rem;
    }

    #accordion .ui-accordion-header:nth-of-type(2n) {
        background: #fff;
    }

    .contractSectionHeader h3 {
        background-color: #2e2e2e;
        color: #fff;
        font-size: 1rem;
        font-weight: 600;
        padding: 1rem;
        margin-top: 0;
    }

.label-input-group input,
.label-input-group textarea,
.label-input-group select {
    box-sizing: border-box;
    width: 200px;
    max-width: 200px;
    min-width: 200px;
    padding: 6px;
}

.label-input-group .form_label_inline {
    clear: none;
    max-width: 20vw;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .label-input-group .form_label_inline {
        max-width: 60vw;
    }

}

.label-input-group.red-label-group .form_label {
    color: red;
}

#contractBuilderForm .label-input-group input,
#contractBuilderForm .label-input-group textarea,
#contractBuilderForm .label-input-group select {
    width: 20vw !important;
    max-width: 20vw !important;
}

@media only screen and (max-width: 768px) {
    #contractBuilderForm .label-input-group input,
    #contractBuilderForm .label-input-group textarea,
    #contractBuilderForm .label-input-group select {
        width: 60vw !important;
        max-width: 60vw !important;
    }
}

#contractBuilderForm .label-input-group span.form_field {
    padding: 0;
}

#contractBuilderForm .label-input-group span.form_field select {
    margin-bottom: 12px;
    display: block;
}
#contractBuilderForm .label-input-group span.form_field select:last-of-type {
    margin-bottom: 0;
}

#ProductionScheduleTable tbody tr .prodcell ul {
    padding-left: 0;
    width: max-content;
}

#ProductionScheduleTable tbody tr .prodcell ul li {
    min-width: 45px;
    text-align: right;
    word-break: keep-all;
}