/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 13, 2018, 4:59:32 PM
    Author     : Codup
*/

.sr-main-wrapper{
    width: 100%;
    display: block;
}
.sr-sidebar form {
    width: 100%;
    display: table;
    table-layout: auto;
    margin-bottom: 20px;
}
.sr-sidebar p, .sr-sidebar select{
    width: 100%;
    padding: 0;
    margin: 0;
}
.sr-filter-box select {
    padding: 10px;
    height: auto;
    border-radius: 3px;
    color: #a8832c;
}
.sr-filter-box{
    padding-bottom: 20px;
    padding-right: 20px;
    display: table-cell;
    font-size: 18px;
}
.sr-filter-box:nth-child(3){
    padding-right: 0;
}
.sr-filter-submit {
    display: table-row;
}
.sr-filter-box label {
    margin-bottom: 10px;
    display: block;
}
.sr-filters {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.sr-filters a {
    cursor: pointer;
}
.sr-filters table {
    font-size: 18px;
    width: 100%;
    text-align:  left;
    display:  inline-table;
}
.sr-filters table tbody tr:nth-child(even) {
    background: #fbfbfb;
}
.sr-filters table thead th, .sr-filters table tfoot th {
    font-family:  inherit;
    font-weight: 500;
    text-transform: capitalize;
}
.sr-filters table th, .sr-filters table td {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}
.sr-filters table thead, .sr-filters table tfoot {
    background: #999;
    color: #ffffff;
}
.sr-btn {
    background: #a7842a;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    border: 0;
}
.sr-min-btn {
    background: #a7842a;
    color: #FFF;
    padding: 5px 10px;
    cursor: pointer;
    border: 0;
    min-width: 110px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
}
a.sr-mark-paid.sr-min-btn.m-paid {
    background: red;
}
a.sr-mark-paid.sr-min-btn.m-un-paid {
    background: green;
}
.sr-hidden-form {
    margin-top: 30px;
}
.sr-hidden-form .gform_wrapper {
    display: none;
}
.sr-master-total input, .sr-master-total input:focus, .sr-supplemental-total input, .sr-supplemental-total input:focus, .sr-private-lesson-total input, .sr-private-lesson-total input:focus{
    border: 0 !important;
    outline: 0 !important;
    width: 100% !important;
}
.sr-master-total input:focus, .sr-supplemental-total input:focus, .sr-private-lesson-total input:focus{
    outline: 0 !important;
}
.sr-master-total .gfield_label, .sr-supplemental-total .gfield_label, .sr-private-lesson-total .gfield_label {
    display: inline-block;
    width: 100%;
}
.sr-master-total .gfield_description, .sr-supplemental-total .gfield_description, .sr-private-lesson-total .gfield_description {
    display: inline-block;
    width: 12%;
}
.sr-master-total .ginput_container, .sr-supplemental-total .ginput_container, .sr-private-lesson-total .ginput_container {
    display: inline-block;
    width: 15%;
}
.sr-preview-detail {
    margin: 20px 0;
}
.sr-preview-detail p {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
}
.sr-preview-detail ul {
    margin: 0;
}
.sr-form-error {
    color: red;
    font-size: 12px;
    padding: 5px 0 0 0;
}
.gform_wrapper .sr-form-wrapper select, .gform_wrapper .sr-form-wrapper input, .gform_wrapper .sr-form-wrapper .ginput_total_1{
    color: #000 !important;
}
.gform_wrapper .sr-form-wrapper .gfield_description{
    color: #000;
}
.gform_wrapper .sr-form-wrapper .gfield_radio li {
    display: inline-flex;
    vertical-align: top;
    padding: 0 10px 0 0 !important;
}
.gform_wrapper .sr-form-wrapper .gfield_radio li input[type=radio] {
    margin-top: 5px !important;
}
.gform_wrapper .sr-form-wrapper .sr-ms-calculations .gfield_checkbox li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    padding: 0 30px 0 0 !important;
}
.gform_wrapper .sr-form-wrapper .gfield_checkbox li input[type=checkbox] {
    vertical-align: top;
}


@media screen and (max-width: 810px) {
    .gform_wrapper .sr-form-wrapper .sr-ms-calculations .gfield_checkbox li {
        width: 33%;
    }
}

@media screen and (max-width: 641px) {
    .gform_wrapper .sr-form-wrapper .sr-ms-calculations .gfield_checkbox li {
        width: 49%;
    }
    .gform_wrapper .sr-form-wrapper .gfield_radio li {
        display: block;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 460px) {
    .gform_wrapper .sr-form-wrapper .sr-ms-calculations .gfield_checkbox li {
        width: 100%;
    }
}