﻿/*Expander*/
.results {
    margin-top: 25px;
}

.sectionBar {
    padding: 0 10px;
    border-bottom: 1px ridge gray;
    min-height: 50px;
    width: 100%;
    cursor: pointer;
    background-color: #e6e6e6;
    color: #5e5e5e;
    font-weight: normal;
}

.sectionBar-static {
    padding: 0 10px;
    height: 30px;
    width: 100%;
    cursor: pointer;
    background-color: #5e5e5e;
    color: white;
    font-weight: bold;
}

.sectionBar:hover {
    font-weight: bold;
}

.sectionBar-active {
    border-bottom: none;
    font-weight: bold;
    color: #5e5e5e;
    background-color: white;
    background: linear-gradient(#e6e6e6, white);
}

    .sectionBar-active:hover {
        background-color: #f4f4f4;
        background: linear-gradient(#e6e6e6, white);
    }

.sectionContent {
    border-bottom: 2px solid gray;
    padding: 0 10px 20px 10px;
}

.sectionHide {
    display: none;
}

.sectionBar td, .sectionBar-static td {
    /*border: 1px solid red;*/
}

.results .sb-order {
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.results .sb-form {
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.results .sb-date {
    min-width: 85px;
    max-width: 85px;
}

.results .sb-status {
    min-width: 75px;
    max-width: 75px;
}

/*.sectionBar  td, .sectionBar-static td {
    height: 40px;
    vertical-align: middle;
    text-align:left; width:40%;
    border:1px solid red;
   }
     .sectionBar td:nth-child(3),  .sectionBar-static td:nth-child(3) { max-width:45px; }
    .sectionBar  td:last-child, .sectionBar-static  td:last-child{text-align:right; max-width:45px;   }*/



@media screen and (max-width:1000px) {
    .sectionContent {
        padding: 0 8px;
    }
}

@media screen and (max-width:600px) {

    /*.sectionBar td:nth-child(3),  .sectionBar-static td:nth-child(3) {  min-width:unset;}
             .sectionBar td:last-child,  .sectionBar-static td:last-child { display:none;}*/
    .sectionBar td, .sectionBar-static td, .div-innercontent {
        font-size: 11px;
    }
    /*.results .sb-date {min-width:65px; max-width:65px;}
    .results .sb-status {min-width:65px; max-width:65px;}*/
}


