.sgl-plugin-page .rider_row{margin-bottom: 15px !important;}
.sgl-plugin-page #ringWrapper .add-entry-div{padding: 15px !important}
.sgl-plugin-page #add_people_button {display:none}
.sgl-plugin-page .display_detail_block {
    display: block !important;
}
.sgl-plugin-page .modal_input_half {
    height: 1.5em !important;
    margin-bottom: 0 !important;
}
.sgl-plugin-page .my-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.sgl-plugin-page .input-group {
    align-items: center;
    width: 50%;
    margin: 0.5rem;
    margin-bottom: 0px !important;
}
.sgl-plugin-page .input-group-full {
    align-items: center;
    width: 100%;
    margin: 0.5rem;
    margin-bottom: 0px !important;
}


.sgl-plugin-page .color-gray{
    color: gray;
}
.sgl-plugin-page .modal-width {
    width: 90%;
    max-width:700px !important;
}
.sgl-plugin-page .farm-label {
    display: inline !important;
    vertical-align: middle;
}
.sgl-plugin-page .vertical-align-middle {
    vertical-align: middle;
}
/* .modal-width-small {
    width: 30%;
} */

.sgl-plugin-page .txt-field-container-div {
    width: 22%;
    float: left;
}
.sgl-plugin-page .txt-field-container {
    width: 200px;
}

/* .txt-field-container-div-modal {
    width: 50%;
    float: left;
} */

.sgl-plugin-page .txt-field-container-modal {
    width: 100%;
}

.sgl-plugin-page .modal-membership-div {
    width: 50%;
}

.sgl-plugin-page .table-scroll {
    
    max-height: 300px;
    overflow-y: scroll;
    width: 100%;
    display: block;
    overflow-x: hidden;
}
.sgl-plugin-page .scroll_table tbody>tr, .sgl-plugin-page .scroll_table thead>tr {
    display: table;
width: 100%;
table-layout: fixed;
}

.sgl-plugin-page .input-height{
    height: 2em !important;
}

.sgl-plugin-page .input-width{
    width: 200px !important;
}

.sgl-plugin-page .mt-20{
    margin-top: 20px !important;
}

.sgl-plugin-page .mr-15{
    margin-right: 15px !important;
}

.sgl-plugin-page .mb-10{
    margin-bottom: 10px !important;
}
.sgl-plugin-page .add_entry_custom_label{
    font-weight: unset !important;
}
.sgl-plugin-page #step_2_warning{
    padding-top: 10px;
}

.sgl-plugin-page .add-entry-p{margin-bottom: 0.4em !important;}

.sgl-plugin-page #ringWrapper ul{margin-bottom: 1em;}

.sgl-plugin-page #add_rider_button{margin: 0px !important}
.sgl-plugin-page #detail_rider3, .sgl-plugin-page #detail_rider2, .sgl-plugin-page #detail_rider, .sgl-plugin-page #detail_trainer, .sgl-plugin-page #detail_owner, .sgl-plugin-page #detail_prize, .sgl-plugin-page #detail_responsible{margin-top: 12px;}

.sgl-plugin-page #step_3 .people_selection_div, .sgl-plugin-page #step_4 .people_selection_div{width: 32% !important; margin-right: 10px} /*change in media query*/
.sgl-plugin-page #step_9 .people_selection_div{width: 32% !important; margin-right: 10px; min-width: 300px;}
.sgl-plugin-page .people_selection, .sgl-plugin-page .class_selection{width: 100% !important}

.sgl-plugin-page .trash-icon{width: 16px !important; height: unset !important; cursor: pointer; min-width: 15px !important;}
.sgl-plugin-page .warning-icon{width: 14px !important; height: unset !important;}
.sgl-plugin-page .ring-name{font-size: 14px !important;}
.sgl-plugin-page .txt-field-container-div {width: 30%; margin-right: 10px;}
.sgl-plugin-page .txt-field-container-div .txt-field-container{width: 100%;}
.sgl-plugin-page .txt-field-container-div .txt-field-container input{width: 100% !important;}
.sgl-plugin-page .txt-field-container-div-full {width: 60%; margin-right: 10px;}
.sgl-plugin-page .txt-field-container-div-full .txt-field-container{width: 100%;}
.sgl-plugin-page .txt-field-container-div-full .txt-field-container input{width: 100% !important;}
.sgl-plugin-page .display_on_mobile, .sgl-plugin-page .display_on_mobile_th{display: none;}
.sgl-plugin-page .people_search_wrapper{ float: left}


.sgl-plugin-page .mymodal{
    width:90%;
    max-width:400px;
}

.sgl-plugin-page .mymodal.modal-width-responsive{
    max-width:600px;
}
  
.sgl-plugin-page .mymodal h2{
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    margin-top: 0.4em;
    font-size: 18px !important;
    text-align:center;
}
  
.sgl-plugin-page .mymodal input[type="text"]{
    width:100%;
}
  
.sgl-plugin-page .mymodal p{
    font-size:13px;
    margin-bottom:10px;
    margin-top:0px;
}

.sgl-plugin-page .mymodal .right{
    float:right;
    margin-right:0px;
}

.sgl-plugin-page .mymodal .left{
    float:left;
}

.sgl-plugin-page .mymodal button{
    cursor:pointer;
}

.sgl-plugin-page .mymodal.modal-width-responsive a{
    cursor:pointer;
    font-size:11px;
}

.sgl-plugin-page .mymodal.modal-width-responsive label{
    margin-bottom:2px;
    display:block;
    text-indent:2px;
}

.sgl-plugin-page .mymodal.modal-width-responsive .add_modal_div, .sgl-plugin-page .mymodal.modal-width-responsive li.entry_people_li{
    margin-bottom:0px;
}

.sgl-plugin-page .mymodal.modal-width-responsive .txt-field-container-div-modal{
    margin-bottom:10px;
}

.sgl-plugin-page .mymodal.modal-width-responsive td, .sgl-plugin-page .mymodal.modal-width-responsive th, .sgl-plugin-page .mymodal.modal-width-responsive label, .sgl-plugin-page .mymodal.modal-width-responsive legend{
    font-size:1.05em;
} 

.sgl-plugin-page .mymodal.modal-width-responsive input, .sgl-plugin-page .mymodal.modal-width-responsive textarea, .sgl-plugin-page .mymodal.modal-width-responsive select, .sgl-plugin-page .mymodal.modal-width-responsive .select-resize-ghost, .sgl-plugin-page .mymodal.modal-width-responsive .select2-container .select2-choice, .sgl-plugin-page .mymodal.modal-width-responsive .select2-container .select2-selection{
    font-size:1.15em !important; 
    height:1.9em !important;
}

.sgl-plugin-page .mymodal h2.sgl-label-border{
    margin-bottom:10px;
}

.sgl-plugin-page .mymodal input[type="checkbox"], .sgl-plugin-page .mymodal input[type="radio"]{
    margin-top:10px;
    margin-bottom:0px;
}

.sgl-plugin-page .delete-column{
    min-width: 36px !important;
}
.sgl-plugin-page #is-farm-input-area{
    display: inline-block !important;
}
.sgl-plugin-page #checkIsFarm{
    vertical-align: middle !important;
    margin-top: 0px !important;
}
.sgl-plugin-page #checkIsFarmLabel{
    vertical-align: middle !important;
}

.sgl-plugin-page #checkinTime, .sgl-plugin-page #checkoutTime, .sgl-plugin-page #checkinDate, .sgl-plugin-page #checkoutDate{
    min-width: 235px;
}
.sgl-plugin-page .checkin-field-container-div {
    min-width: 250px;
}

@media only screen and (max-width: 600px) {
    .sgl-plugin-page .my-row {
        flex-direction: column;
    }
    .sgl-plugin-page .input-group {
        width: 100%;
    }
    /* .modal-width{width: 85%;} */
    /* .modal-width-small{width: 85%;} */
    .sgl-plugin-page .txt-field-container-div{width: 100%;}
    .sgl-plugin-page .txt-field-container-div-full{width: 100%;}

    .sgl-plugin-page .txt-field-container-div-modal{width: 100%;}
    /* .modal_input, .modal_select{width: 100%;} */
    .sgl-plugin-page .modal-membership-div {width: 90%;}
    .sgl-plugin-page #RiderRow2 .people_selection_div, .sgl-plugin-page #RiderRow3 .people_selection_div{width: 82% !important;}
    .sgl-plugin-page #RiderRow1 .people_selection_div, .sgl-plugin-page #TrainerRow .people_selection_div, .sgl-plugin-page #OwnerRow .people_selection_div, .sgl-plugin-page #PrizeRow .people_selection_div, .sgl-plugin-page #ResponsiblePersonRow .people_selection_div{width: 90% !important;} 
    .sgl-plugin-page #step_4 .people_selection_div, .sgl-plugin-page #step_8 .people_selection_div{width: 100% !important;} 
    .sgl-plugin-page #step_3 .people_selection_div select, .sgl-plugin-page #step_4 .people_selection_div select{width: 100% !important;} 
    .sgl-plugin-page #step_3 .search_button, .sgl-plugin-page #step_4 .search_button{float: right; margin-bottom: 10px;} 
    .sgl-plugin-page #step_3 .people_selection_div .people_selection, .sgl-plugin-page #step_4 .people_selection_div .people_selection{margin-bottom: 10px !important} 
    .sgl-plugin-page .detail_box{width: 100%};
    .sgl-plugin-page #division, .sgl-plugin-page #class_list{margin-bottom: 10px;}
    .sgl-plugin-page #class_rider{width: 100% !important;}
    .sgl-plugin-page #EnterClassRow .drop_button{margin-right: 10px;}
    .sgl-plugin-page #step_4 .class_selection{width: 100% !important; margin-bottom: 10px;}
    .sgl-plugin-page .display_on_desktop{display: none;}
    .sgl-plugin-page .display_on_mobile{display: unset;}
    .sgl-plugin-page .display_on_mobile_th{display: block;}
    .sgl-plugin-page .mobile_trash_container{padding-right: 0px !important;}
    .sgl-plugin-page .remove_rider_icon{
        float: right;
        /* margin-left: 10px;
        padding-top: 4px; */
    }
    .sgl-plugin-page .mbl_custom_row{padding: 0px !important}
    .sgl-plugin-page .mbl_custom_row .status_icon{padding-right: 10px !important; float: right;}
    .sgl-plugin-page .table_row_p{margin: 0px !important; margin-top: 8px !important; margin-bottom: 8px !important}
    .sgl-plugin-page .people_search_wrapper{width: auto; float: left}
    .sgl-plugin-page #txtAmount{width: 50% !important;}
    .sgl-plugin-page .mobile_table_cell{display: table-cell;}
    .sgl-plugin-page .search_icon{width: 16px !important; height: unset !important; cursor: pointer;}
    .sgl-plugin-page .icon_container{padding-top: 4px; display: inline-block;}
    .sgl-plugin-page .right-float{float: right !important};
    
}
.sgl-plugin-page .sgl-plugin .DonationsRow td{
    padding: 0px !important;
    padding-top: 4px !important;
}
.sgl-plugin-page .sgl-plugin .DonationsRow input[type='radio']{
    margin: 0px;
}