.bootstrap-styles_4-5-2 {
    font-family: Arial, Helvetica, sans-serif !important;
}

.bootstrap-styles_4-5-2 .table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
}

.bootstrap-styles_4-5-2 .spinner-wrapper {
    position: absolute;
    background-color: rgba(0,0,0,0.13);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
}

.bootstrap-styles_4-5-2 .fixed-table-toolbar {
    display: none !important;
}

.bootstrap-styles_4-5-2 .fullscreen .fixed-table-toolbar {
    display: -ms-flexbox!important;
    display: flex!important;
}

.bootstrap-styles_4-5-2 .fullscreen #fullscreen {
    display: none !important;
}

.bootstrap-styles_4-5-2 .fullscreen .fixed-table-body {
    height: 80% !important;
}

.bootstrap-styles_4-5-2 .bs-bars {
    width: 100%;
}

.bootstrap-styles_4-5-2 .columns-right.btn-group {
    height: 38px;
}

.bootstrap-styles_4-5-2 .filter-option, .dropdown-item .text {
    font-size: 0.8rem;
}

.bootstrap-styles_4-5-2 .table td, .bootstrap-styles_4-5-2 .table th {
    border: 1px solid #333 !important;
    padding: 5px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    color: #333 !important;
}

.bootstrap-styles_4-5-2 .th-left-align .th-inner {
    padding-left: 5px !important;
}

.bootstrap-styles_4-5-2 .table thead th {
    border-bottom: 1px solid #333;
    font-weight: 700;
}

.bootstrap-styles_4-5-2 .hide-spinner {
    display: none !important;
}

.bootstrap-styles_4-5-2 .filter-label {
    font-size: 0.9em;
    font-weight: 500;
}

.bootstrap-styles_4-5-2 .bootstrap-select {
    max-width: 150px !important;
}

.bootstrap-styles_4-5-2 .selected-filter, .bootstrap-styles_4-5-2 .selected-filter:hover,
.bootstrap-styles_4-5-2 .selected-filter:target {
    border: 1px solid #600 !important;
}

.bootstrap-styles_4-5-2 .form-check-label {
    position: relative;
    font-size: 1.2em;
}

.bootstrap-styles_4-5-2 .form-check-label .badge {
    border: solid 1px #d7d7d8;
}

.bootstrap-styles_4-5-2 .form-check-label .badge:hover {
    cursor: pointer;
    border: solid 1px #777;
}

.bootstrap-styles_4-5-2 .form-check {
    display: inline-block;
}

.bootstrap-styles_4-5-2 .scroll-form {
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 0.8rem;
    height: 210px;
}

.bootstrap-styles_4-5-2 .thor-btn {
    color: #fff !important;
    background-color: #600;
    border-color: #600;
}

.bootstrap-styles_4-5-2 .thor-btn-outline {
    color: #600 !important;
    border-color: #600;
}

.bootstrap-styles_4-5-2 .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    left: 8px !important;
    /* top: 2px; */
}

.bootstrap-styles_4-5-2 .bootstrap-select .bs-ok-default:after {
    border-width: 0 0.15em .15em 0 !important;
    width: .45em !important;
    height: 0.8em !important;
}

.bootstrap-styles_4-5-2 .view-all {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    left: -83%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.bootstrap-styles_4-5-2.fullscreen-container .view-all {
    left: 0%;
    width: 100%;
}

.bootstrap-styles_4-5-2.fullscreen-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100%!important;
    background: #fff;
    height: calc(100vh);
    overflow-y: scroll;
}

.bootstrap-styles_4-5-2.fullscreen-container .application-selection-container {
    width: 66.6666%;
}

.bootstrap-styles_4-5-2.fullscreen-container .parameter-selection-container,  
.bootstrap-styles_4-5-2.fullscreen-container .application-checkbox-container {
    width: 33.3333%;
}

.bootstrap-styles_4-5-2 .column-list li {
    display: block;
}

.bootstrap-styles_4-5-2 .view-all .scroll-form {
    height: auto !important;
}

.bootstrap-styles_4-5-2 .bootstrap-table .fixed-table-container .table thead th .both {
    background-image:url("both_arrows.png");
}

.bootstrap-styles_4-5-2 .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image:url("up_arrow.png") !important;
}

.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image:url("down_arrow.png") !important;
}


.bootstrap-styles_4-5-2 .port-checkbox-label:hover {
    cursor: auto;
}

.bootstrap-styles_4-5-2 .port-checkbox {
    background-color: transparent;
    border: none;
    position: relative;
    margin: auto;
}
        
.bootstrap-styles_4-5-2 .port-checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 5;
    width: 12px;
    bottom: 2px;
    height: 12px;
    top: 1px;
    cursor: pointer;
    position: absolute;
    -moz-appearance: initial;

}

.bootstrap-styles_4-5-2 .port-checkbox span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    /* border-radius: 5px; */
    border: 1px solid #777;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
    flex-shrink: 0;
}

/*
.bootstrap-styles_4-5-2 .port-checkbox input[type="checkbox"]:focus + span {
    outline: #5d9dd5 solid 1px;
    box-shadow: 0 0px 8px #5e9ed6;
  }*/

.bootstrap-styles_4-5-2 .port-checkbox input[type="checkbox"]:checked + span {
    border: 1px solid #777;
    background-color: #600;
    transition: 0.5s;
}

.bootstrap-styles_4-5-2 .port-checkbox i {
    position: absolute;
    left: 4px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}