.sgl-plugin-page .sgl-content-wrapper .tab, .sgl-plugin-page .sgl-content-wrapper .tabcontent{
    border:none;
}

.sgl-plugin-page .tabcontent{
    margin:10px;
}

.sgl-plugin-page .sgl-content-wrapper .tab.display_on_desktop {
    border-bottom:3px solid #ccc;
    margin-bottom:15px;
}

.sgl-plugin-page .sgl-content-wrapper .tab.display_on_mobile {
    display:none;
    margin-bottom:15px;
}

.sgl-plugin-page .sgl-content-wrapper .tab button{
    text-transform:uppercase;
    font-size: 12.5px;
    text-transform: uppercase;
    line-height: 17px;
    font-weight: bold;
    padding: 6px 15px !important;
    border:none;
    border-right: 1px solid #ddd;
}

.sgl-plugin-page .sgl-content-wrapper .tab button:first-child{
    border-right: 1px solid #ddd;
}

.sgl-plugin-page #sgl-content-wrapper .sgl-plugin .tablinks.active{
    border:none !important;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

.sgl-plugin-page .table_row_p{
    margin: 0px !important; 
    margin-top: 8px !important; 
    margin-bottom: 8px !important;
}
.sgl-plugin-page .entry-detail-p{
    color: #333131;
    line-height: 1.8;
}
.sgl-plugin-page .show_name{color:grey;}
.sgl-plugin-page .display_on_mobile{display: none;}

.sgl-plugin-page .left{
    float:left;
}
.sgl-plugin-page .right-checkbox{
    float:right;
    width: fit-content;
    text-align: right;
    margin-right:5px;
}
.sgl-plugin-page .payment_table {
    max-width: 500px !important;
}

.sgl-plugin-page .bold{
    font-weight:bold;
}

.sgl-plugin-page .select-width, .sgl-plugin-page .input-width {
    width:90% !important;
    max-width:300px !important;
}

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


.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 .select-width{
    width:90%;
    max-width:300px;
}

.sgl-plugin-page .mymodal .otp_error_summary{
    color:red;
    font-size:13px;
    display:none;
}

.sgl-plugin-page .float-right {
    float: right;
}

.sgl-plugin-page .centerCheckBox{
    vertical-align: middle !important;
}

.sgl-plugin-page .td-style{
    text-align: right !important;
    background-color: white;
}

.sgl-plugin-page .total{
    float: right;
    background: #505d6d;
    border: 1px solid #30363d;
    border-radius: 5px;
}

.sgl-plugin-page .total span, .sgl-plugin-page .total strong {
    padding: 6px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    display: inline-block;
}

.sgl-plugin-page .total span{
    font-size: 12px;
}

.sgl-plugin-page .total strong{
    border-left: 1px solid #30363d;
}
.sgl-plugin-page #include_all{
    vertical-align: middle;
}
.sgl-plugin-page #include_all_label{
    padding-top: 2px;
}

@media all and (max-width: 750px) {
    .sgl-plugin-page .sgl-content-wrapper .tab.display_on_desktop {
        display:none;
    }

    .sgl-plugin-page .sgl-content-wrapper .tab.display_on_mobile {
        display:block;
    }
}

@media all and (max-width: 600px) {
    .sgl-plugin-page .display_on_desktop{
        display: none;
    }

    .sgl-plugin-page .display_on_mobile{
        display: block;
    }

    .sgl-plugin-page td.display_on_mobile{
        display:table-cell;
    }
    

    .sgl-plugin-page .mymodal table tr td, .sgl-plugin-page .mymodal table tr th{
        border:none !important;
    }
    
    .sgl-plugin-page .mymodal table tr.sgl-primary-header{
        display:none !important;
    }

    .sgl-plugin-page .right-checkbox{
        padding-top: 40px;
        width: 35%;
    }
}

@media all and (max-width: 500px) {

    .sgl-plugin-page .sgl-content-wrapper .continue-button-div .button{
        float:none !important;
    }
}