/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


/*.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*/

.dataTables_length, .dataTables_paginate{
    padding-bottom: 20px;
}


.post-type-archive-sro_study_catalog #main-content .container:before,
.single-sro_study_catalog #main-content .container:before,
.post-type-archive-bp_toolkit #main-content .container:before {
    display: none;
}

.post-type-archive-sro_study_catalog #catalogTable_filter{
    display: none;
}

.et-menu li {
	width: 100%;
}

.btn-custom{
    border: 1px solid #587abc;
    text-transform: uppercase;
    color: #587abc;
    background: #fff;
}


.post-type-archive-bp_toolkit #main-content .container {
    padding-top: 30px!important;
}

.single-sro_study_catalog ul#studyCatalog{
    list-style-type: none;
}

/*.single-sro_study_catalog ul#studyCatalog li a:not(active){
    color: rgba(0,0,0,.6);
}*/
.single-sro_study_catalog #mystudyCatalog{
    /*border: 2px solid #dee2e6;*/
    /*padding-top: 15px;*/
}
.panel .panel-heading .nav-tabs {
    margin-bottom: -11px;
}
/*.single-sro_study_catalog ul#studyCatalog li a:not(active){*/
/*.single-sro_study_catalog .nav-link, */
.nav-tabs .nav-link:not(active){
    color: #ffffff;
    font-weight: bold;
    background-color: #337ab7;
    border-color: #ffffff #ffffff #337ab7;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /*color: #495057;*/
    color: #337ab7;
    font-weight: bold;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.dtsp-searchCont{
    border: 2px solid #eee!important;

}

div.dtsp-searchButtonCont{
    border-left: 2px solid #eee!important;
}


.w-30 {
    width: 30%!important;
}

.w-70 {
    width: 70%!important;
}

.btn-outline-primary {
    color: #337AB7;
    border-color: #007bff;
}

.search-button .btn-outline-primary:hover{
    color: #ffffff;
    background-color: #337AB7;
    border-color: #007bff;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #337AB7;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
}


div.dtsp-panesContainer{
    /*overflow-y: scroll;*/
    overflow-y: auto;
    /*height: 100vh;*/
    height: calc(100vh - 200px);
}


/*
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
*/

.back-to-bottom {
    position: fixed;
    top: 130px;
    right: 25px;
    /*display: none;*/
}


    /* =Additional CSS
    Panes vertically stacked next to DataTable
    ------------------------------------------------------- */

.marginTop{
    margin-top: 200px!important;
}


div.dtsp-verticalContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

div.dtsp-verticalContainer div.dtsp-verticalPanes,
div.dtsp-verticalContainer div.dtsp-dataTable{
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
}

div.dtsp-verticalContainer div.dtsp-verticalPanes{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 26%;
}

div.dtsp-title {
    margin-right: 0px !important;
    margin-top: 13px !important;
}

input.dtsp-search {
    min-width: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
}

div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes{
    flex-direction: column;
    flex-basis: 0px;
}

div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes div.dtsp-searchPane{
    flex-basis: 0px;
}

div.dtsp-verticalContainer div.dtsp-dataTable{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 70%;
}


div.dtsp-verticalContainer div.dtsp-verticalPanes{
    padding-right: 10px;
}