.search-panel {    
     margin-top : 80px;                 
}

.footer {
    height : 60px;
    background-color : #f8f9fa;
    position : fixed;
    bottom : 0;   
    left : 0;
    line-height : 60px;
    width : 100%;
}

.left-footer-button {
    position : absolute;
    left : 20px;
    top : 10px;    
}

.bug-button {
    position : absolute;
    right : 20px;
    top : 5px;    
}

.list-servers {
    height : 500px;
    overflow-y : scroll;
}

.keyboard-off {
   background-color : #e9ecef;    
}

.keyboard-on {
   background-color : #79c1e1;    
}

.popover {
    max-width: 100%; 
}

.custom-select {    
    background: #f8f9fa;    
}

.keyboard-select {       
    position: absolute;
    left : 20px;
    top : 10px;    
}

.card-error {
    margin-top : 10px;
    border : 1px solid #121212;    
    background: #eee url(../assets/error.png);
    height : 120px;    
    position : fixed;
    bottom : 60px;   
    left : 0;    
    line-height : 20px;
    width : 100%;
}

.card-body-error {
    font-size : 110%;
    color : #121212;     
}

.far {
    font-size: 25px;
}

.span-switch-button {
    margin-left : 10px;
    margin-right : 20px;
}

.advance-settings-row {
    margin-top : 5px; 
}

.advance-settings {
    margin-top : 40px;     
    margin-left : 80px;
}

.search-buttons {
    margin-top : 40px; 
}

.advance-search-inputs {
    margin-top : 20px; 
}

.data-table {
    margin-top : 20px; 
    margin-bottom : 100px; 
}

.fail-note {
    text-align: center;    
    color : #323232;
    font-size: 200%;    
}

.fail-note-card {    
    background: #eee url(../assets/noresults.png);    
}

.button-switch-type:focus {
    outline: none !important;
}

.tooltip-inner {
    background-color: #6c757d;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #6c757d !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #6c757d !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #6c757d !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #6c757d !important;
}

.custom-control-label::before, .custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

.nav-search-pills {
     font-size : 140%;   
}

.nav-pills .custom-pill .nav-link {
    background-color: rgba(00, 123, 255, 0.8);
    color: white;
}

.nav-pills .custom-pill .nav-link:not(.active) {
    background-color: rgba(00, 123, 255, 0.0);    
    color: rgba(00, 123, 255, 0.9);    
}

.table {
    border-spacing: 0 !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #aabbcc !important;    
}

.table td, .table th {
    padding: 5px 5px !important; 
}

body {
    background: #eee url(../assets/background.png);    
}

html,body {
    position : relative;
    height : 100%;
}

@font-face {
    font-family : 'Combi';
    font-style :  normal;
    font-weight : normal; 
    src: url(../webfonts/combi.woff) format('woff');
}

.javascript-error {
    font-size : 250%;
    color : #dc3545;
    background: #eee url(../assets/javascript.png); 
    border : 2px solid #dc3545;
    padding : 25px;  
    background-repeat : no-repeat;
    background-size : 25% 100%; 
}

.validate-font-label {
    font-family : 'Combi';
    font-size : 250%;    
}

.validate-input-postion {
    margin-top :  -7px;     
    margin-left : -150px !important; 
}

 .disabled {
    pointer-events : none;
    cursor : default;
}