.sotg-panel-content {
    display: block;
    width: 970px;
}

.sotg-panel {
    border-top: 5px solid #666;
    min-height: 570px;
    background: white;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    padding: 10px 15px;
}

.dashboard-menu {
    height: 100px;
    background-color: #efefef;
    border: 1px solid #bebebe;
    border-bottom: none;
    border-top: none;
    padding-top: 5px;
}

.invoice-cust-label h3 {
    font-size: 14px !important;
}

.invc-reset-button {
    margin-right: 14px;
}

.invc-cust-desc {
    font-size: 14px !important;
    font-weight: bold;
    margin-left: 14px;
    padding-top: 10px;
}

.order-title {
    color: #2C4155 !important;
}

.order-desc {
    color: #d35400 !important;
}

#jobtracker .aqua-panel-content {
    height: 100vh;
    background: #e9e9e9 url('./images/dark-body-bg.png') !important;
}

.tracker-container {
    height: 100%;   
    margin:5px;
}

.start-workorders {  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #34495e;
    height: 25%;  
    margin-bottom:8px;
}

.workorders-container {  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    height: 95%;  
    margin:5px;
}


.start-tracker { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #34495e;
    height: 55%;  
    margin-bottom:8px;
}

.jobs-container {  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fbfbfb;
    height: 97%;  
    margin:5px;
}


.start-settings { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #34495e;
    height: 10%;  
    margin-bottom:5px;
}

.setting-container {  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fbfbfb;
    height: 90%;  
    margin:5px;
}

.box-tracker {
    height: 90%;  
}

.order-holder {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     margin:10px;
     background-color: #F4F4F4;
     width:99%;
     overflow-y:scroll;
     height: 85%; 
     border: 1px solid #bebebe;
}


.station-holder {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     margin:10px;
     background-color: #F4F4F4;
     width:99%;
     overflow-y:scroll;
     height: 85%; 
     border: 1px solid #bebebe;
}

.order-holder .span1 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:8px;
    width: 130px !important;
    background-color:#C3DDFF;
    height: 40%; 
     border: 1px solid #4A99FF;
}




.jt-order-widget {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:8px;
    width: 130px !important;
    background-color:#C3DDFF;
    height: 40%;  
    border: 1px solid #4A99FF;
    float:left;
}


.note-detail-form {
    min-height: 290px !important;
}

.widget-info{
    text-align:right;
    margin-right:2px;
    width:98%;
    color:#4A99FF;
}

.widget-ordernum{
    margin-top:2px;
    float:left;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    width:100%;
    color:#5065A1;
}

.jbstation {
   float:right;
   margin-top:10px;
}



/* General Form Styles */
#channel-letter-form {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

    /* Label Styles */
    #channel-letter-form label {
        font-weight: bold;
        margin-bottom: 5px;
        display: inline-block;
        color: #343a40;
    }

    /* Input and Textarea Styles */
    #channel-letter-form .form-control {
        border-radius: 4px;
        border: 1px solid #ced4da;
        padding: 8px;
        font-size: 14px;
        width: 100%;
    }

    /* Button Styles */
    #channel-letter-form .btn-primary {
        background-color: #007bff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 4px;
        margin-top: 15px;
    }

        #channel-letter-form .btn-primary:hover {
            background-color: #0056b3;
        }

/* Panel Styles */
.panel {
    border: 1px solid #ddd;
    border-radius: 8px;
}

.panel-heading {
    background-color: #007bff;
    color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-weight: bold;
}

/* Row and Column Styles */
.row {
    margin-bottom: 15px;
}

.col-md-6, .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .col-md-6, .col-md-4 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #channel-letter-form .form-group {
        margin-bottom: 15px;
    }
}