/*Pseudo-bootstrap rules (because now I appreciate them) -M*/
.col-3 {
    width: 25%;
    float:left;
}
.col-6 {
    width: 50%;
    float:left;
}
.row-30 {
    height:30%;
}
.row-40 {
    height:40%;
}
.row-50 {
    height:50%;
}
.sb-i {
    padding: 5px;
    /*border: 1px solid darkseagreen;*/
}
.sb-a {
    border: 1px solid darkseagreen;
}
.sb-1 {border-top: 1px solid darkseagreen;}
.sb-12 {border-top: 1px solid darkseagreen; border-right: 1px solid darkseagreen;}
.sb-123 {border-top: 1px solid darkseagreen; border-right: 1px solid darkseagreen;border-bottom: 1px solid darkseagreen;}
.sb-1234 {border-top: 1px solid darkseagreen; border-right: 1px solid darkseagreen; border-bottom: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-124 {border-top: 1px solid darkseagreen; border-right: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-13 {border-top: 1px solid darkseagreen; border-bottom: 1px solid darkseagreen;}
.sb-134 {border-top: 1px solid darkseagreen; border-bottom: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-14 {border-top: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-2 {border-right: 1px solid darkseagreen;}
.sb-23 {border-right: 1px solid darkseagreen; border-bottom: 1px solid darkseagreen; }
.sb-234 {border-right: 1px solid darkseagreen; border-bottom: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-24 {border-right: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
.sb-3 {border-bottom: 1px solid darkseagreen;}
.sb-34 {border-bottom: 1px solid darkseagreen; border-left: 1px solid darkseagreen;}
#searchcontent a {
    -webkit-user-select: none;
}
#searchcontent input {
    font-size: 14px;
}
#filterwrapper div {
    -webkit-user-select: none;
}
.clrctr {
    color:darkseagreen;vertical-align:middle;text-align:center;font-weight:bold;
}
.btnreset {
    cursor: pointer;
}
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
.gbtn {
    background-color: darkseagreen;
    height: 100%;
    width: 100%;
    float: left;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.clearfix:after { 
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
/*Old CSS*/
#searchcontent{
    width:1000px;
    float:left;

}
#searchcontent #titlebar{
    float:left;
    width:100%;
    height:25px;
    background-color: darkseagreen;
    text-align:center;
    cursor:pointer;
    line-height:20px;
    user-select: none;
    -webkit-user-select: none;
}

#searchcontent #titlebar #title{

    margin-right:10px;
    color: white;
    font-weight: bold;
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;

}

#appointmentsearchlist {
    float:left;
    width:100%;

}


#searchtool{
    font-size:18px;
    width:100%;
    float:left;
}
.filteropen {
    height:125px;
}
.filterbox{
    padding:5px 5px;
    margin:5px 2px;
    height:95px;
    border:thin darkseagreen solid;

}
.filterbox span{
    color:darkseagreen;
    font-weight:bold;
    text-align:center;

}


#filterwrapper{
    width:100%;
    float:left;
    overflow:hidden;
}


#searchwrapper{
    float:left;
    width:220px;
    font-size:20px;
    margin-left:10px;

}
#searchwrapper span{
    margin-top:10px;
    float:left;
    width:100%;
    font-weight:bold;
    color:darkseagreen;
    text-align:center;
}
#searchwrapper input{
    float:left;
    width:85%;
    margin-top:10px;
    font-size:20px;
}
#searchsearchlist .searchtable tr{
    padding:2px;
    cursor:pointer;
}
#searchsearchlist .searchtable td{
    padding:5px 2px;
    font-size:18px;
    border:thin black solid;
}
#searchsearchlist .searchtable th{

    font-size:20px;
    font-weight:bold;
    background-color:darkseagreen;
    height:20px;
    border:thin black solid;
    text-align: center;
    padding:15px 5px ;
}
#searchcontrols {
    float:left;
    width:300px;
    border:thin darkseagreen solid;

}
#searchcontrols input{
    float:left;
    width:25px;
    height:25px;
    clear:left;
    font-weight:bold;
    color:darkseagreen;
    margin-top:4px;
}
#searchcontrols span{
    float:left;
    width:250px;
    font-size:20px;
    font-weight:bold;
    color:darkseagreen;
    text-align:center;
    margin-top:6px;
}
#moredata {
    float:left;
    text-align: center;
    width:100%;
    height:30px;
    float:left;
    margin-left:2px;
    margin-right:2px;
    margin-top:7px;

    padding-top:12px;
    background-color: darkseagreen;
    font-size:20px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}