VERAG_Homepage/css/Customers/CustomerAVISO.css

#tableSearch {
    width: 1250px;
}

h1 {
    color: #043381;
    font-size: 32px;
}

#normaltable {
    width: 1500px;
}

#conovertab {
    margin-left: 0px;
    width: 1700px;
}
#cont1{
    width:100%
}
#btn_collapseoptionalparams {
    color: #043381;
    background-color: #fff;
}
btn_collapseoptionalparams:hover {
    color: #fff;
    background-color: #043381;
}
hr{
    color:#043381;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #043381;
    text-align: left;
    background-color: #fff;
    border: none;
    border-radius: 0;   
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;  
    height:5px;
}
.accordion #accordionExample #collapseOne .card card-body #cont3 .container {
    margin-left: 2px;
}
    .accordion #accordionExample #collapseOne .card card-body #cont3 .container .d-none d-md-block .row .col-12 {
        margin-right: /*1.52px;*/ 0.33480176211453744vw;
    }
#RadioButtonList1 {
   border: none;
}
#btn_resetForm {
    margin-right: 2px;
}
#Abstand{
    height: /*12px*/ 0.936768149882904vh;
}
#Abstand_lang{
    height: /*24px*/ 1.873536299765808vh;
}
#Abstand_laenger{
    height: /*32px*/ 2.498048399687744vh;
}
.g-3 {
    border: /*1.8px*/ 0.0706436420722135vw #808080 ridge;
    margin-left: 12px
}
#normaltable{
    width:100%;
}
.CSS_Input {    
    font-size:/*17px*/1.063em;
    margin-left:4px;
}
.accordion-button:not(.collapsed) {
    color: #043381;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(4, 51, 129,.125);
    border: none;
    height: 14px;
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        border: none;
        transform: rotate(-180deg);
        height: 14px;
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 14px;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none;
        height: 14px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none;
        height: 14px;
    }
}

.accordion-button:hover {
    z-index: 2;
    height: 14px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #043381;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(4, 51, 129,.25);
    height: 14px;
}   
#btn_resetForm {
    padding-right:-800px;
}
#rbt_Erf{
    font-size:18px;
}
.tbl_style {
    background-color: #043381;
    color: #fff;
}
.required {
    color: red;
    border: 1px solid red;
}
.Css_Classval{
    display:none;
}
    .Css_Classval[style*=visible] + input,
    .Css_Classval[style*=visible] + select,
    .Css_Classval[style*=visible] +textarea{
        background-color:salmon;
        border: 1px solid red;
    }
#pickdate1:valid{
    color:black;
}
#pickdate1:invalid{
    border: 1px solid red;
    background-color:lightcoral;
}#pickdate2:valid{
    color:black;
}
#pickdate2:invalid{
    border: 1px solid red;
    background-color:lightcoral;
}
@media (max-width: 558.98px) {
    h1 {
        color: #043381;
        font-size: 22px;
    }
    #tableSearch {
        width: 53%;
        border:1px solid grey;
    }
    #txt_Absender_M {
        width: 250px;
        padding-right: -2px;
        padding-left: 60px;
    }
    #txt_Empfaenger_M {
        width: 250px;
        padding-right: -2px;
        padding-left: 60px;
    }
    #txt_LKWNr_M {
        width: 250px;
        padding-right: -2px;
        padding-left: 60px;
    }
    #txt_KdNrAuftrag_M {
        width: 250px;
        padding-right: -2px;
        padding-left: 60px;
    }
    .container-fluid {
        width: 700px;
    }    
    #cont1 {
        width: 700px;
    }
    #containerseiterand {
        min-width: 700px;
    }
    .flex-fill {
        width: 700px;
    }
    #cont3 {
        width: 700px;
    }
    #cont4 {
        min-width: 750px;
    }
    tbody {
        font-size: 3.303964757709251vw;
        height: auto;
        flex-wrap: wrap;
        width: fit-content;
    }
    #normaltable {
        width: 100%;
    }
    #conovertab {
        /* max-width:width:150px 11.25em;*/
        margin-left: /*14px*/ 3.0837004405286343vw;
        max-width: /*390px;*/ 85.90308370044053vw;
        overflow-x: auto;       
    }
        #btn_Auftraege{
            height:15px;
            width:120%;
        }
        #pickdate1{
            border: 1px solid #000000;
        }
        #pickdate1 {
            border: 1px solid #000000;
        }
    #txt_LKWNr_M:valid {
        color: black;
    }
    #txt_LKWNr_M:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
    #txt_KdNrAuftrag_M:valid {
        color: black;
    }
    #txt_KdNrAuftrag_M:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
    #txt_Absender_M:valid {
        color: black;
    }
    #txt_Absender_M:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
    #txt_Empfaenger_M:valid {
        color: black;
    }

    #txt_Empfaenger_M:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
}
@media (min-width: 558.98px) {
    #txt_Absender {
        width: 850px;
    }
    #txt_Empfaenger {
        width: 850px;
    }
    #txt_LKWNr {
        width: 850px;
    }
    #txt_KdNrAuftrag {
        width: 850px;
    }
    #normaltable {
        width: 100%;
    }
    #txt_LKWNr:valid {
        color: black;
    }
    #txt_LKWNr:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
    #txt_KdNrAuftrag:valid {
        color: black;
    }
    #txt_KdNrAuftrag:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
    #txt_Absender:valid {
        color: black;
    }
    #txt_Absender:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }    #txt_Empfaenger:valid {
        color: black;
    }
    #txt_Empfaenger:invalid {
        border: 1px solid red;
        background-color: lightcoral;
    }
}