/* --------------------------------------------------
   SECTION
-------------------------------------------------- */
.section {
    border: 1px solid rgb(207, 207, 207);
    border-top: 0px;
    width: 100%;
    background-color: #F5F6F9;
    padding: 12px 34px;
}

.section td {
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:42px;*/
}

.section .options-table td:first-child,
.section .tcol:first-child {
    /* to indent the content from the title */
    padding-left: 30px;
}

.section tr {
    height: 42px;
}

.no-padding-left {
    padding-left: 0px !important;
}

.section.white,
.section.white table td {
    background-color: white;
}

.options-table {
    width: 100%;
}

.options-table label>span {
    font-style: italic;
    color: black;
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
}

/* to check why we need this */
/*.options-table label span:not(.tooltip-icon)
{
	min-width:85px;
}
*/
.options-table .dropdown.dropdown-menu li a {
    padding-top: 5px;
    height: 30px;
}

.options-table .dropdown.dropdown-menu li a:hover {
    color: rgb(21, 139, 243);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.formstyleInputText:focus,
input[type="text"]:focus {
    border: 1px solid #1588f3 !important;
    outline: none !important;
    box-shadow: none;
}

input[type="text"].no-border-right:focus {
    border-right: 0px !important;
}

.selectbox-search input[type="text"]:focus {
    border: none !important;
}

input[type="text"].no-border-right:focus+ul.no-border-left-container>li>a {
    border: 1px solid #1588f3 !important;
    outline: none;
    border-left: 0px !important;
}

ul.no-border-left-container>li>a:hover {
    border: 1px solid #ccc !important;
    border-left: 0px !important;
}

ul.no-border-left-container>li>a:active,
ul.no-border-left-container>li>a:focus {
    border-left: 0px !important;
}

/* input[type="text"].no-border-right:focus + ul.no-border-left-container>li>a { border:1px solid #1588f3 !important; outline: none; border-left:0px !important;} */

.add_header {
    background-color: #1588f3;
    color: white;
    padding-left: 34px;
    height: 40px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 16px;
    display: table;
    width: 100%;

}

.add_header span,
.add_header a {
    display: table-cell;
    vertical-align: middle;
}


.cancel_new {
    text-align: right;
    padding-right: 10px;
    cursor: pointer;
}

div.trow {
    display: table;
    padding: 10px 34px;
    width: 100%;

}

div.tcol {
    display: inline-block;
    vertical-align: middle;
    /*height: 32px;*/
    /*padding-right: 61px;*/
}

div.tcol>label>span {
    padding-right: 22px;
}

div.tcol>label.lbl-rtl {
    /*min-width:130px;*/
    min-width: 140px;
    padding: 5px 0px !important;
}

div.tcol label:first-child:not(.ck_label) {
    padding-top: 2px;
}

/* --------------------------------------------------------------------------------------------------------------------------
	INPUTS
-------------------------------------------------------------------------------------------------------------------------- */

/*// --- NUMERIC INPUTS ----------------------------*/

/* Hide Numeric Input Arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

/*// --- MULTISELECT CHECKBOX ----------------------*/

.multiselect-ul {
    /*float: none;            disable float */
    display: inline-block;
    /* to make him aside of other elements */
    height: 31px;
    /* height */
    top: 1px;
    margin-right: 5px;
    /* margin between filters */
    margin: 0px 5px !important;
}

.multiselect-ul .dropdown-menu {
    min-width: 170px;
}


/* --- filter ------------ */

li.clean-li {
    width: 100%;
    padding: 0 !important;
}

li.big-filter label {
    padding: 0 !important;
    margin: 0 !important;
}

li.big-filter input {
    margin: 3%;
    width: 93%;
}

li.datatable-filter>a {
    margin-top: 10px;
    padding: 5px 10px !important;
    height: 31px !important;
    font-style: italic;
}

.datatable-filter li:hover {
    color: #2AA6F3 !important;
    background-color: #F5F5F5 !important;
}

.datatable-filter ul span {
    top: -3px;
    position: relative;
    left: 3px;
    font-style: italic !important;
    cursor: pointer !important;
}

.datatable-filter ul i {
    font-style: normal !important;
}

/* --- select profile ---- */
.datatable-select-chk-ul {
    float: left;
    left: 0px !important;
    width: 200px;
}

.select-chk a.disabled p {
    color: #3B608C !important;
}

.select-chk li label {
    /* to enable clicking anywhere on the li to choose the option */
    width: 100%;
    cursor: pointer;
    float: none;
}

.select-chk-ul ul {
    width: 200px;
    left: 0px;
}

.select-chk-filter-box {
    max-width: calc(100% - 20px);
    text-overflow: ellipsis;
}

li.select-chk a {
    padding-top: 5px;
    padding-right: 11px;
    padding-left: 11px;
    height: 31px;
    font-style: italic;
    text-align: left;
    color: rgb(59, 96, 140) !important;
    white-space: normal;
}

li.datatable-select-chk a {
    margin: 0px !important;
    padding-top: 2px;
    padding-bottom: 5px;
    height: 24px !important;
    width: 200px;

}

li.select-chk p {
    display: inline-block;
    overflow: hidden;
}

li.select-chk a i {
    float: right;
    position: relative;
    padding-left: 6px;
    margin-top: 2px;
}

li.select-chk.datatable-select-chk a i {
    margin-top: 2px;
}

.select-chk ul.scrollable-ul {
    padding: 0px 2px 0px 2px;
    width: 194px;
}


.select-chk ul.scrollable-ul li:not(.clean-li):hover,
.select-chk ul.scrollable-ul li:not(.clean-li) span:hover {
    color: #2AA6F3 !important;
    background-color: #F5F5F5 !important;
}

.select-chk ul.scrollable-ul span {
    top: -3px;
    position: relative;
    left: 3px;
    font-style: italic !important;
    cursor: pointer !important;
}

.select-chk ul.scrollable-ul li {
    padding: 3px 3px 3px 9px;
}

.select-chk ul.scrollable-ul i {
    font-style: normal !important;
}

.select-chk li.selected,
.select-chk li.selected span {
    color: rgb(21, 136, 243) !important;
    background-color: rgb(245, 245, 245);
}

.select-chk li.disabled,
.select-chk li.disabled span,
.select-chk ul.scrollable-ul li.disabled:hover,
.select-chk ul.scrollable-ul li.disabled span:hover {
    color: #bbb !important;
}

/* -------- Resize Filter  ------------*/
.datatable-filter {
    min-width: 104px !important;
}

.datatable-filter label {
    padding: 6px 10px;
}

.datatable-filter a {
    text-align: left;
}

.datatable-filter a i {
    float: right !important;
    padding-left: 10px;
    padding-top: 3px;
}

.datatable-filter ul {
    width: 104px !important;
    min-width: 100px !important;
    left: 0px;
}

/* ------------------------------------*/

/*// --- SEARCH INPUT ------------------------------*/

.select-search::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #e5e5e5;
}

.select-search::-moz-placeholder {
    /* Firefox 19+ */
    color: #e5e5e5;
}

.select-search:-ms-input-placeholder {
    /* IE 10+ */
    color: #e5e5e5;
}

.select-search:-moz-placeholder {
    /* Firefox 18- */
    color: #e5e5e5;
}

.select-search {
    margin: 5px 5px 5px;
    width: 100%;
    border: 1px solid #e5e5e5;
    text-indent: 5px;
    float: left;
    border-radius: 4px;
    height: 25px;
}

.select-search:focus {
    border-color: #1588f3;
}

.search-input {
    outline: none;
    /* width: 300px !important; */
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: 0px !important;
}

.search-input:focus {
    border-right: 0px !important;
}

.search-input-container {
    display: inline-block;
    width: 34px;
    height: 31px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    position: relative;
    padding-top: 5px;
    border: 1px solid rgb(204, 204, 204);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    left: -4px;

    border-left: 0px;
}

.search-input-container .fa-search {
    color: rgb(51, 122, 183);
}

/*// --- CHECKBOXES -------------------------------*/

.dt-chk {
    /* to make the checkboxes on the datatble be at the middle */
    padding: 6px 10px;
}

.ck_label {
    float: left;
    padding: 0px 10px 0px 0px;
    min-width: 27.13px;
}

.radio-text {
    padding-left: 7px;
}

.dt-chk i,
.ck_label i {
    font-style: normal !important;
    font-weight: normal !important;
}

.ck_label.light_blue input[type="checkbox"]:checked+i:before,
.light_blue,
.light_blue i:before {
    color: #178bfd !important;
}

.grey i:before,
.grey {
    color: #979597 !important;
}

/* checkboxes with comment */
.comment {
    margin-left: 10px;
    font-weight: normal !important;
}

.comment span {
    padding: 0px;
    color: red;
}

/*// --- SCROLLABLE DATATABLE ----------------------*/
.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
    padding-right: 0px !important;
    width: 100% !important;
    border-bottom: 0px !important;
}

.dataTables_scrollBody table {
    border-top: 0px !important;
}

.dataTables_scrollHead {
    overflow: visible !important;
}

.dataTables_scrollBody thead {
    display: none !important;
}

/*// --- BUTTONS -----------------------------------*/
input[type="button"] {
    outline: none;
}

input[type="button"]:focus {
    outline: none;
    border-color: #969696 !important;
}

.eye {
    width: 36px !important;
    background: url('/images/admin/hosts/comm_preview.png') center no-repeat;
    border-color: #ccc !important;

}

.eye_dis {
    width: 36px !important;
    background: url('/images/admin/hosts/comm_preview_grey.png') center no-repeat;
    cursor: auto !important;
    border-color: #ccc !important;
}

.save-btn,
.clear-btn,
.btn-new-scan,
.btn-delete {
    background-color: #178AFE !important;
    border-color: #178AFE !important;
    color: white !important;
    height: 27px;
    width: 71px;
    padding-top: 3px;
    font-family: calibri !important;
    font: italic 15px Calibri !important;
    font-weight: bold !important;
    outline: none !important;
    margin: 0 10px 0 0 !important;
    padding: 0 15px !important;
}

.cancel-btn {
    border: 0px;
    color: rgb(64, 111, 166);
    margin: 0 10px 0 0 !important;
    padding: 0 15px !important;
    text-decoration: none !important;
    /* for a tag btns */
}

.btn-simple {
    margin: 0 10px 0 0 !important;
    padding: 0 15px !important;
}

.save-btn:focus,
.save-btn:active,
.save-btn.active {
    background-color: #178AFE !important;
    border-color: #178AFE !important;
    color: white !important;
}

.save-btn:hover {
    background-color: #1278DE !important;
    border-color: #178AFE !important;
    color: white !important;
}


.btn-cancel,
button[value="Cancel"] {
    border: none !important;
    color: #1f5081 !important;
}

.btn-cancel:focus,
button[value="Cancel"]:focus {
    border: none !important;
}

.save-btn {
    width: 77px !important;
    padding-bottom: 1px !important;
}

.btn-delete {
    background-color: #e51110 !important;
    border-color: #e51110 !important;
    border-radius: 5px;
    float: left;
    border-style: inherit;
}

.button-long {
    width: auto !important;
}

/*// --- DROPDOWN SELECT ---------------------------*/

.dropdown-menu {
    position: absolute;
    top: calc(100% + 2px);
    z-index: 1000;
    display: none;
    float: left;
    min-width: 260px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: white;
    border: 1px solid #C2C3C5;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    left: -25%;
}

.dropdown-menu>li>.scrollable-ul {
    height: 120px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

/* Disabled select: always white, never highlighted */
.btn.filter.disabled-select,
.btn.filter.disabled-select:active,
.btn.filter.disabled-select:focus,
.btn.filter.disabled-select:hover,
.btn.filter.disabled-select[aria-expanded="true"],
.btn-default.filter.disabled-select,
.btn-default.filter.disabled-select:active,
.btn-default.filter.disabled-select:focus,
.btn-default.filter.disabled-select:hover,
.btn-default.filter.disabled-select[aria-expanded="true"] {
    background-color: white !important;
    border: 1px solid #ccc !important;
}

/* Highlight only when dropdown is open */
.btn.filter[aria-expanded="true"],
.btn-default.filter[aria-expanded="true"],
a.bluebg,
a.bluebg:hover {
    background-color: #D5E8FA !important;
    border: 1px solid #1588f3 !important;
    box-shadow: none !important;
}

a.filter:focus,
a.filter:hover {
    background-color: white !important;
    border: 1px solid #aaa !important;

}

.fixed-size-ul a p {
    color: rgb(59, 96, 140);
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: rgb(245, 245, 245) !important;
}

.report_selector_box ul.nav,
.profile_selector_box ul.nav,
.search_report_box ul.nav {
    float: none;
    display: inline-block;
    position: relative;
    top: 7.5px;
}

.dropdown a:hover {
    color: rgb(21, 136, 243) !important;
}


.fixed-size-ul .dropdown {
    min-width: 147px;
    left: 0;
}

/*was -15%*/
.fixed-size-ul a {
    width: 147px;
    text-align: left;
}

/*was 160px*/
.fixed-size-ul li a {
    width: 100% !important;
    max-width: 100% !important;
    font-style: italic;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixed-size-ul a i {
    float: right;
    top: 2px;
    position: relative
}


.fixed-size-ul.big a {
    width: 500px;
    max-width: 500px !important;
}

.fixed-size-ul.big .dropdown:before {
    left: calc(100% - 25px)
}

.fixed-size-ul.big .dropdown:after {
    left: calc(100% - 24px);
}

.fixed-size-ul.big .dropdown {
    width: 100%;
    left: 0%;
}

.fixed-size-ul.smallselect a {
    width: 65px;
}

.fixed-size-ul.smallselect .dropdown:before {
    left: calc(100% - 45px)
}

.fixed-size-ul.smallselect .dropdown:after {
    left: calc(100% - 44px);
}

.fixed-size-ul.smallselect .dropdown {
    min-width: 100px !important;
    left: -10px;
}

.group-ddl a.selected {
    color: rgb(21, 136, 243) !important;
    background-color: rgb(245, 245, 245);
}

@media (max-width:1150px) {
    .fixed-size-ul.small a {
        max-width: 110px;
        width: 110px;
    }

    .fixed-size-ul.small .dropdown:before {
        left: 106px;
    }

    .fixed-size-ul.small .dropdown:after {
        left: 107px;
    }
}

@media (max-width:1090px) {
    span.smallspan {
        display: none;
    }
}



/*// --- GENERAL -----------------------------------*/

.tooltip-ellipsis a {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 60px;
    white-space: nowrap;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.end_buttons {
    background: white;
    height: 64px;
    width: 100%;
    border: 1px solid rgb(207, 207, 207);
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 16px 10px 16px 16px;
    text-align: right;
    /*margin-bottom: 25px;*/
}

.ast_require {
    color: red !important;
}

label {
    /*cursor: pointer;*/
    /*margin-right: 10px;*/
    /*padding: 0.5rem 1rem;*/
    /*line-height: 28px;*/
    font-weight: normal !important;
    margin: 0 !important;
    /*padding: 6px 0px;*/
}

.bold-text {
    font-weight: bold !important;
}

input {
    outline: none !important;
}

.lbl-rtl {
    /*direction:rtl;*/
    float: left;
    text-align: left;
    padding: 7px 0px;

}

.lbl-rtl.long {
    margin-right: 10px;
}

.no-border-top {
    border-top: 0px !important;
}

.lbl-rtl i {
    margin-left: 5px;
}

.disabled-select {
    cursor: default !important;
}

.disabled-select:hover,
.disabled-select:active,
.disabled-select:focus,
.disabled-select {
    border-color: #ccc !important;
    background-color: white !important;
    box-shadow: none !important;
    color: #8c8c8c !important;
}


.grayspan {
    color: #213547;
    font-family: calibri;
    font-size: 15px;
}

.no-padding {
    padding: 0px !important;
}

.marginbottom20 {
    margin-bottom: 20px;
}


/* --------------------------------------------------------------------------------------------------------------------------
	MULTI-SELECTS
   (SOURCE & TARGET)
-------------------------------------------------------------------------------------------------------------------------- */

.multiple-holder,
.multiple-holder-adv {
    text-align: left !important;
    padding: 20px 30px;
    /*//padding-bottom:20px;*/
    display: inline-block !important;
    /*//background-color:white;*/
    padding-bottom: 0px !important;
}

/* Multiple buttons */
#extra-to,
#extra-from,
#extra-all-to,
#extra-all-from,
#multiple-to,
#multiple-to-extra,
#multiple-from-extra,
#multiple-from,
#multiple-to-all,
#multiple-from-all,
#forward_all,
#backward_all,
#forward,
#backward,
#multiple-from-dp,
#multiple-to-dp,
#multiple-from-all-dp,
#multiple-to-all-dp,
.button-holder input[type=button],
.for-back-btn {
    width: 40px !important;
    height: 34px !important;
    background-color: transparent !important;
    border: 0px !important;
    /*//display:inline-block !important;*/
    display: inline-block !important;
    color: transparent !important;
    outline: none !important;
    font-size: 0px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#extra-from,
#multiple-to,
#multiple-to-extra,
#multiple-to-adv-flt,
#backward,
#multiple-to-dp {
    background-image: url('../images/multiple-to.png') !important;
}

#extra-to,
#multiple-from,
#multiple-from-extra,
#multiple-from-adv-flt,
#forward,
#multiple-from-dp {
    background-image: url('../images/multiple-from.png') !important;
}

#extra-all-from,
#multiple-to-all,
#multiple-to-all-adv-flt,
#backward_all,
#multiple-to-all-dp {
    background-image: url('../images/multiple-to-all.png') !important;
}

#extra-all-to,
#multiple-from-all,
#multiple-from-all-adv-flt,
#forward_all,
#multiple-from-all-dp {
    background-image: url('../images/multiple-from-all.png') !important;
}

.for-back-btn.backward {
    background-image: url('../images/multiple-to.png') !important;
}

.for-back-btn.forward {
    background-image: url('../images/multiple-from.png') !important;
}

.for-back-btn.backward_all {
    background-image: url('../images/multiple-to-all.png') !important;
}

.for-back-btn.forward_all {
    background-image: url('../images/multiple-from-all.png') !important;
}

.extra-options {
    background-color: white;
    border: 1px solid #CFCFCF;
    border-top: 0px !important;
    padding-bottom: 10px;
}

/* multiple select containers */
.select-buttons-container {
    padding: 0px 20px !important;
}

.select-mid-container {
    text-align: left;
    width: 300px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}

.select-source-container {
    margin-right: 20px;
    background-color: white !important;
}

.select-target-container {
    margin-left: 20px;
    background-color: white !important;
}

.select-source-container label a,
.select-target-container label a {
    position: absolute;
    float: right;
    right: 0px;
    padding-right: 12px;
    padding-top: 2px;
    top: 0px;
    padding-left: 12px;
    height: 100%;
    border-left: 1px solid #C3C3C3;
    padding-top: 8px;
    /* To fix search icon position */
    cursor: pointer;
}

.selection-list label a i {
    color: #27629E !important;
    font-weight: bold;
}

.selection-list td {
    padding: 0px !important;
}

.select-source-container,
.select-source-extra-container,
.select-target-container,
.select-mid-container {
    text-align: left;
    /*width:340px;*/
    /*height:150px;*/
    border: 1px solid #C3C3C3;
    border-radius: 5px;
    display: inline-block;
    -webkit-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    vertical-align: top;
}

.select-source-extra-container {
    border-color: #C4C4C4;
    height: 167px;
    max-height: 167px;
}

.select-source-extra-container select {
    width: calc(100% - 5px) !important;
    height: calc(100% - 10px) !important;
    margin-top: 5px;
    max-height: 167px !important;
    border: 0px !important;
    border-radius: 5px;
}

#select-source,
#select-source-adv-flt,
#select-target-adv-flt,
#select-source-adv,
#select-mid-source,
#select-target-adv,
#select-source-extra,
#select-target,
#src_select_id,
#dest_select_id,
.selection-list select {
    padding-top: 5px;
    border: 0px;
    font-family: calibri;
    font-size: 14px;
    font-style: italic;
    outline: none;
    margin-right: 7.5px;
    height: 120px;
    overflow-x: hidden;
    margin-left: 2px !important;
    margin-bottom: 5px;

}

#select-source-extra {
    width: calc(70% - 15px);
    min-width: 0px;
}

#select-source,
#select-mid-source,
#select-target-adv,
#select-source-adv,
#select-target,
#src_select_id,
#dest_select_id {
    width: calc(100% - 7.5px);
}

#select-target {
    min-height: 160px;
    min-height: 120px;
}

#select-source,
#select-source option,
#select-source-adv,
#select-source-adv option,
#select-target,
#select-target option,
#select-mid-source,
#select-target-adv,
#select-mid-source option,
#select-target-adv option,
#src_select_id option,
#dest_select_id option,
.selection-list select,
.selection-list select option {
    color: rgb(55, 76, 101);
    font-weight: bold !important;
}

#select-source option,
#select-source-adv option #select-target option,
#src_select_id option,
#dest_select_id option,
.selection-list select option {
    height: 22px;
    padding-top: 3px;
}

.select-source-container label,
.select-source-extra-container label,
.select-target-container label,
.select-mid-container label {
    margin-bottom: 5px !important;
    padding: 5px 10px;
}

#select-target option,
#dest_select_id option,
#select-target-adv option,
.select-target-container select option {
    color: #53A4FB;
}

#select-target option:disabled,
#dest_select_id option:disabled,
#select-target-adv option:disabled,
.select-target-container select option:disabled {
    color: gray;
    /* display:none; */
}

#select-target optgroup option {
    color: black !important;
}

.selection-list select option:hover,
.selection-list select option:checked {
    color: white !important;
    background-color: #5893D0 !important;
}

.selection-list label[for=select-source],
.selection-list label[for=select-source-adv],
.selection-list label[for=select-source-adv-flt],
.selection-list label[for=select-target-adv-flt],
.selection-list label[for=select-mid-source],
.selection-list label[for=select-target],
.selection-list label[for=select-target-adv],
.select-target-container label,
.select-source-container label {
    display: block;
    font-weight: 700;
    width: 100%;
    /*padding: 1px 10px !important;*/
    color: #2E3A49;
    font-family: Calibri;
    font-size: 14px;
    font-style: italic;
    background-color: #D8E6F8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #c3c3c3;
    position: relative;
}

.group-select a i {
    padding-left: 3px;
}

.group-ddl>li>a {
    border-radius: 5px;
    height: 31px !important;
    background-color: white;
    color: #3B608C;
    font-style: italic;
    font-size: 15px;
}

.group-ddl>li>a.blue {
    background-color: #2263A6 !important;
    /*background-color:#188AFE !important;*/
    color: white !important;
    border-color: transparent !important;
}

.search-holder {
    display: block;
    text-align: left;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgb(234, 234, 234);
    width: 100% !important;
    border-bottom: 1px solid rgb(234, 234, 234);
}

.search-holder label.search-label {
    color: #000;
    /*background: url("/images/search-tiny.png");*/
    background-repeat: no-repeat;
    background-position: left;
    /*padding-left: 20px;*/
    line-height: 16px;
    height: 16px;
    cursor: pointer;
    min-width: 60px !important;

    display: inline-block !important;
    background-position-y: 4px;
    padding-left: 22px;
    position: relative;
    height: 19px;
}

input.search-field {
    padding: 3px 4px 3px 11px;
    border-radius: 4px;
    border: 1px solid #1588f3 !important;
    width: calc(100% - 34px);
    font-style: italic;
}

input.search-field:focus {
    outline: none !important;
}

span.clean-search,
span.clean-search-profile,
span.flt-clean-search {
    /* border:1px solid red; */
    /*background: url("/images/controls/clear.png");*/
    /*background-position: bottom;*/
    /*background-repeat: no-repeat;*/
    width: 20px;
    /*height: 20px;*/
    display: inline-block;
    /*vertical-align: top;*/
    cursor: pointer;
    text-align: center;
    color: #27629E;
}

span.clean-search:ACTIVE {
    position: relative;
    top: 1px;
    left: 1px;
}

select,
input[type="text"],
textarea {
    /*min-width: 200px;*/
    border: 1px solid #ccc;
    ;
}

input::-ms-clear {
    display: none;
}

textarea {
    border-radius: 4px;
    width: 474px;
    padding: 5px;
    font-size: 14px;
    max-width: 100%;
}

.select-source-container label,
.select-target-container label {
    cursor: default !important;
    height: 30px;
    text-align: left;
    padding-top: 4px;
}

/* ---------------------------
	LIST
--------------------------- */
div.multiple-holder,
div.multiple-holder-adv {
    width: 100%;
    text-align: center;
    display: table;
    margin: 0 auto;
}

table.selection-list {
    width: auto !important;
    padding: 0px 0px !important;
    border-collapse: separate !important;
}

span.search-padding {
    display: block;
}

.multiple-select,
.html-multiple-select {
    font-size: 11px;
    height: 200px;
    text-indent: 5px;
    border: 1px solid #CCC;
    margin: 0px 0px 0px 0px;
}

.div-multi-select {
    height: 350px;
    padding: 15px;
}

.html-multiple-select {
    height: 250px !important;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    font-style: italic;
    outline: none;
}

.html-multiple-select option {
    padding: 3px 0px;
}


.html-multiple-select option:hover {
    color: #3A96FD;
}

.selectbox-search {
    background-color: white;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    width: 100%;
    height: 25px;
    color: #26629e;
    font-size: 14px;
    font-style: italic;
    padding-left: 10px;

}

.selectbox-search input {
    width: calc(100% - 30px);
    border: none;
    outline: none;
}

.box-buttons {
    padding-right: 0px !important;
}

.box-buttons .tcol {
    float: right;
    padding: 0px !important;
}

.button-holder {
    width: 90px !important;
    margin: 0px auto !important;
    text-align: center !important;
    margin-top: 0px !important;
}

.button-holder input {
    margin-bottom: 5px;
}

/* --------------------------------------------------------------------------------------------------------------------------
	STYLED SCROLLBAR
-------------------------------------------------------------------------------------------------------------------------- */
.scrollbar {
    width: calc(100% - 5px);
    overflow-x: auto;
}

/*.scrollbar::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar
{
    width: 12px;
    position:relative;
    right:10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #eaeaea;
}*/

.scrollbar::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);*/
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    /*border-radius: 10px;*/
    background-color: white;
}

.scrollbar::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: white;
    position: relative;
    right: 10px;
    /*     border-radius: 10px; */
}

.scrollbar::-webkit-scrollbar-thumb {
    /*     border-radius: 10px; */
    /*//-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #7da2ca;
}

.scrollable-ul {
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0px;
    max-height: 200px;
    margin-right: 3px;
    position: relative;
}

.scrollable-ul.small-ul {
    max-height: 100px;
}

.scrollable-ul.medium-ul {
    max-height: 150px;
}

.scrollable-ul li label {
    margin: 0px !important;
}

.scrollable-ul::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);*/
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    /*border-radius: 10px;*/
    background-color: white;
}

.scrollable-ul::-webkit-scrollbar {
    width: 9px;
    background-color: white;
    /*border-radius: 10px;*/
}

.scrollable-ul::-webkit-scrollbar-thumb {
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 1px 0 1px rgba(255,255,255,1);*/
    background-color: #7da2ca;
}

.group-ddl .scrollable-ul li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    /*font-weight: normal;*/
    line-height: 1.42857143;
    color: rgb(51, 51, 51);
    white-space: nowrap;
}

.scrollable-ul>li>a:hover,
.scrollable-ul>li>a:focus {
    color: rgb(38, 38, 38);
    text-decoration: none;
    background-color: rgb(245, 245, 245);
}

.scrollOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    font-style: italic;
    font-size: 16px;
}


/* --------------------------------------------------------------------------------------------------------------------------
	TO CHECK
-------------------------------------------------------------------------------------------------------------------------- */

.select-search a {
    border-left: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.select-view {
    margin-left: 20px;
    position: absolute !important;
    left: 530px;
    width: 200px;
    top: -10px;
}

.select-view label {
    display: block;
    margin: 0;
    padding: 0;
}

.select-view label:last-child {
    top: -7px;
}

.select-view span {
    margin-right: 0px !important;
}

.report-options-line {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(207, 207, 207);
    border-top: 0px;
    border-bottom: 0px;
    padding: 10px 20px;
}

.formstyleInputText {
    width: 147px;
    height: 31px;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(198, 198, 198);
    border-image: initial;
    border-radius: 4px;
}

.custom-time-container {
    height: 60px;
    vertical-align: middle;
    /*background-color:#fafafa;*/
}

.inline {
    display: inline-block;
}

#ui-datepicker-div {
    margin-top: -1px !important;
}

label[for=sort_by_time],
label[for=sort_by_host],
label[for=sort_by_service_too] {
    margin-right: 30px;
    margin-left: -10px;
}

label[for=sort_by_service_too] {
    /* Default hidden, shown only if sort by host is selected */
    display: none;
}

.search_report_box input[name=search_data] {
    padding-left: 10px;
    outline: none;
    border: 1px solid #C6C6C6;
    border-radius: 5px;
    height: 31px !important;
    background-color: white;
    color: #3B608C !important;
    font-style: italic;
    font-size: 15px;
    min-width: 500px;
}

.button-style {
    border: 1px solid rgb(198, 198, 198);
    border-radius: 5px;
    height: 31px !important;
    background-color: rgb(255, 255, 255);
    color: rgb(59, 96, 140) !important;
    font-style: italic;
    font-size: 15px;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
}

.button-style.blue {
    background-color: #188AFE !important;
    color: white !important;
}

.button-style.blue:hover {
    background-color: #1F4F81 !important;
}

.input-style {
    height: 31px;
    padding-left: 10px;
    outline: none;
    color: rgb(59, 96, 140) !important;
    font-style: italic;
    font-size: 15px;
}

.threshold {
    min-width: 40px !important;
    border-radius: 5px;
    text-align: center !important;
    padding: 0;
}

.threshold-lbl {
    width: 110px !important;

    margin-right: 0px !important;
    padding-right: 0px !important;
    float: left !important;
    left: 0px !important;
    min-width: 0px !important;
}

.threshold-ul {
    margin-right: 35px !important;
}

.select-input input {
    width: 340px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 0px;
}

.checkbox_icon {
    margin-top: -3.5px;
    margin-right: 5px;
}

/* Inventory Report */
.search_report_box td label {
    min-width: 139px;
    max-width: 139px;
    color: rgb(40, 85, 134);
    font-family: calibri;
    font-size: 15px;
    font-style: italic;
    text-align: left;
}

.search_report_box input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 0px !important;
    min-width: 340px !important;
}

.tab-border {
    border: 1px solid #ccc;
    border-top: 0px;
    min-height: 50px;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tab-border2 {
    border: 1px solid #ccc;
    border-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 50px;
}


.smalltable {
    width: auto !important;
}

.smalltable tr {
    line-height: 1.5;
}

.smalltable tr td {
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

table.dataTable.no-padding-table tbody td {
    padding: 0px !important;
}




.group-ddl>li>a {
    text-align: left;
    padding: 5px 11px !important;
}

.content-table>tbody>tr {
    background-color: white !important;
    border: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 0px;
}

.content-table>tbody>tr:last-child {
    border-bottom: 1px solid #ccc !important;
}

.content-table>tbody>tr:last-child>td {
    padding-bottom: 20px;
}

.content-table>tbody>tr:first-child>th,
.content-table>tbody>tr:first-child>td {
    padding-top: 20px;
}

.content-table>tbody>tr>td,
.content-table>tbody>tr>th {
    padding-left: 40px;
    text-indent: 0px !important;
}

.content-table a {
    text-decoration: none !important;
}

.content-table>tbody>tr>td:last-child {
    border-right: 1px solid #ccc;
}

.dataTable td table td:nth-child(2) {
    padding: 0px;
}

.table-header {
    height: 46px !important;
    background-color: rgb(231, 231, 238);
    background-image: url();
    border-bottom: 1px solid rgb(204, 204, 204);
    font-weight: normal !important;
    font-family: Calibri;
    font-size: 16px !important;
    padding-left: 20px;
}


.darkgray,
.darkgray>a>b {
    color: #979597 !important;
}

.darkgray>i {
    cursor: pointer;
}

.lightblue {
    color: #3A96FD !important;
}

.lightblue>i {
    cursor: pointer;
}

.lightred {
    /* for topology scan failed color */
    color: #EA171D !important;
}

.darkblue {
    color: #1F4F82 !important;
}

.floatright {
    float: right;
    position: relative;
    top: 0px;
    font-size: 18px !important;
}

.floatleft {
    float: left;
    position: relative;
    top: 0px;
    font-size: 18px !important;
    margin-right: 7px;
}

.fa-check-square-o,
.fa-spinner {
    right: -2px;
    cursor: pointer;
}

.fa-square-o {
    cursor: pointer;
}



/********** Pop-Ups ********************/
#popup_content {
    font-weight: normal !important;
    font-size: 14px;
}

#popup_content td {
    padding-right: 10px;
    padding-top: 5px;
}

.popup_btn-holder .buttonStyle {
    border: 1px solid rgb(198, 198, 198);
    border-radius: 5px;
    height: 31px !important;
    background-color: rgb(255, 255, 255);
    color: rgb(59, 96, 140) !important;
    font-size: 15px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

/******* Event Levesls Report **********/
.event-level-td {
    background-color: #F5F5FA;
    padding-top: 25px;
    padding-bottom: 20px;
    border-top: 0px !important;
    padding-left: 40px;
    border: 1px solid #ccc;
    padding-right: 40px;
    min-height: 200px;
    font-family: Calibri;
    font-size: 16px;
}

.event-level-td th {
    font-weight: normal !important;
}

.detailed_view {
    width: 100%;
}

.detailed_view tr:first-child {
    background-color: rgb(196, 196, 203) !important;
    height: 46px;
}

.detailed_view th {
    padding-left: 45px;
}

.detailed_view tr td {
    background-color: white;
    border-collapse: collapse;
    border: 1px solid #DCDADC;
    padding: 10px;
}


/*history report*/
.history_table {
    width: 100%;
    border: 1px solid #ccc;
}

.history_table td {
    background-color: white;
    padding-left: 10px !important;
    padding: 4px;
}

.host_row {
    height: 37px;
    color: initial;

}

.host_row td {
    background-color: #CCCBD0 !important;
    padding-left: 5px;
}

.host_row a,
.history_table td a .arrowsbanner a {
    color: inherit;

}

.host_row a:hover,
.history_table td a:hover,
.arrowsbanner a:hover {
    text-decoration: none !important;
}

.service_row {
    height: 35px;
    background-color: #E3E2E7 !important;
    font-weight: bold;
    border-bottom: 1px solid #ccc;

}

.service_row td {
    background-color: #E3E2E7 !important;
}

button {
    line-height: 1 !important;
}

.blue-select ul,
.blue-select ul li a {
    background-color: white !important;
}

.blue-select ul a:hover,
.blue-select ul li:hover {
    background-color: rgb(21, 136, 243) !important;
}

.blue-select ul a {
    /* color:white !important; */
    color: rgb(51, 51, 51);
}

.blue-select ul a:hover {
    /* color:#eaeaea !important; */
    color: white !important;
}

/**************************

****** Media Queries ******

***************************/

@media (max-width: 1330px) {}

.ms-fb-list {
    display: inline;
}

.ms-fb-list .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 25px;
    /*padding-top: 6px;*/
}

.ms-fb-list .select2-container--default .select2-results__option[aria-selected="true"]:before {
    font-family: FontAwesome;
    content: "\f046";
    padding: 0px 10px 0px 0px;
    font-size: 16px;
    font-style: normal;
    color: #1588f3 !important;
}

.ms-fb-list .select2-container--default .select2-results__option[aria-selected="false"]:before {
    font-family: FontAwesome;
    content: "\f096";
    padding: 0px 10px 0px 0px;
    font-size: 16px;
    font-style: normal;
}


.ms-fb-list .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: initial !important;
    color: #1f5081 !important;
}

.ms-fb-list .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: initial !important;
    color: #1588f3 !important;

}

/* centerity metrics */
input:disabled::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(140, 140, 140);
    opacity: 1;
    /* Firefox */
}

input:disabled:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(140, 140, 140);
}

input:disabled::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(140, 140, 140);
}

.no-bold {
    font-weight: normal !important;
}

.no-border-bottom {
    border-bottom: 0px !important;
}

/* tags - for centerity metrics thresholds */
.select2-tags+span.select2 .select2-selection {
    height: auto !important;
}

.select2-container--default .select2-selection--single {
    border-color: #ccc;
}

.status-item {
    display: inline-block;
    text-align: left;
}

.select-multiple-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; 
    min-width: 470px;
}

.dropdown li {
    list-style-type: none;
}

.navbar-nav {
    float: left;
    margin: 0;
}

.loading-div {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-message {
    margin-top: 20px;
    font-size: 20px;
    font-family: Calibri;
    color:gray
}