/* --------------------------------------------------
	BREADCRUMBS
---------------------------------------------------*/

.breadcrumb.mainframe
{
	position: absolute;
	top:0;
	left:0;
	height: 40px;
	width: 100%;
	background-color: white;
	font-size: 14px;
	font-weight: 600;
	font-family: Calibri;
	border-radius: 0 ;
	border-bottom: 1px solid #d8dae0;
	padding: 9px 15px !important;
}

.breadcrumb.mainframe a
{
	font-size: 14px !important;
    font-weight: 600;
    font-family: Calibri;
}

.breadcrumb.mainframe span a
{
	margin-right:12.5px;
}

.back-arrow
{
	position: absolute;
	height: 36px;
	top: 0;
	left: 0;
	width: 36px;
	border-right: 1px solid #d8dae0;
	padding: 10px;
}

.breadcrumb.mainframe > a ,.breadcrumb.mainframe > span , .breadcrumb >.active
{
	margin-right: 15px;
	height: 100%;
	color: #26629e !important;
	vertical-align: middle;


}

a.breadcrumb-item:nth-child(2)
{
	margin-left: 36px;
}

.breadcrumb.mainframe > a > i
{
	font-size: 16px;
	vertical-align: middle;
}

.breadcrumb.mainframe i
{
	/*margin-top: -4px;*/
	margin-top:0px !important;
}

.breadcrumb-item.back-arrow i
{
	margin-top:0px !important;
}


.breadcrumb.mainframe > a, .breadcrumb.mainframe > a:hover, .breadcrumb.mainframe > a:active, .breadcrumb.mainframe > a:visited {
	text-decoration:none !important;;
}

.breadcrumb.mainframe .fa-angle-right
{
	padding-bottom: 3px;
}

.breadcrumb-item+.breadcrumb-item::before
{
	display: none;
}

/* -----------------------------------------
	DATATABLES
------------------------------------------ */

.datatable-information
{
	/* the information line (how many records, etc) */
	background-color: rgb(231, 232, 238);
    width: 100%;
    height: 41px;
    color: rgb(25, 44, 63);
    font-size: 16px;
    padding-top: 10px;
    border:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:0px !important;
}

.datatable-information .dataTables_info
{
	margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    text-align: center;
    left: 0px;
    right: 0px !important;
    left: 0px !important;
}

/* -----------------------------------------
	GENERAL & HEADERS
----------------------------------------- */

p {
	margin: 0px !important;
}

body {
	font-family: Calibri !important;
	letter-spacing: 0.4px;
	font-size: 14px;
}

.main-body
{
	background-color: transparent;
	padding:54px 36px;
	margin: 0;
	height:100%;
}

.table_header
{
	width:100%;
	margin-bottom: 22px;
}

.table_header tr td:first-child{
padding-left:2px;
}

.headline
{
	color: #1E5083;
	font-size: 36px;
	font-weight: 100;
	text-shadow: 0px 1.5px 0px rgba(255, 255, 255, 1);
	text-transform: initial;

}

.headline a, .headline a:hover,.headline a:active,.headline a:focus
{
	text-decoration: none;
	color: #1E5083;
	outline: none;
}


.headline_2
{
	color:#178bfd !important;
	font-size:18px !important;
	letter-spacing: 0.45;
	/* line-height: 30px; */
	padding-left: 2px;
	margin-top: -6px;
}

.top_table_header
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 1px solid #cfcfcf !important;
}

div.headline-icons
{

	background-color:white;
	border:1px solid #d2d2d2;
	border-radius:5px;
	width:36px;
	height:31px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
    background-position: center;
}

li.headline-icons {

    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border-collapse: separate; 
}

ul.icons-head-bar {
    list-style: none;
    margin: 0 !important;
    float: right;
}

li.headline-icons.active
{
	 background-color: #26629e !important;
	 border-collapse: separate;
	 border-radius: 7px;
}

li.headline-icons.active div
{
	/*border: none !important;*/
	/*border:1px solid #d2d2d2;*/
	background-repeat: no-repeat !important;
    background-position: center !important; 
}

.sub_header.dark {
	background-color: #b8bcc8;
}

.sub_header {
    background-color: #e7e8ee;
    width: 100%;
    height: 41px;
    color: #192c3f;
    font-size: 16px;
    border: 1px solid #cfcfcf;
    border-top:none;
    padding-top: 10px;
}

.sub_header span {
    padding-left: 34px;
}

.floatleft
{
	float:left;
	width:100%;
}

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

/* prevent yellow autofill color */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    height:29px !important;
}

.small-text-input
{
	width: 60px !important;
    min-width: 60px !important;
}

/* -----------------------------------------
	RADIO BUTTONS
----------------------------------------- */

.bluespan,
.radio-button span
{
	color:#285586 !important; 
	font-family:calibri; 
	font-size:14px;
	font-weight: 600; 
	font-style:italic;
}

.bluespan.regular
{
	font-weight:normal;
}

.lightbluespan
{
	color: rgb(23, 136, 242) !important;
}

.radio-button
{
	/*width:130px !important;*/
}

.radio-button > label
{
	min-width: 18px !important;
    width: 18px !important;
    overflow: hidden;
    margin: 0px !important;
    padding: 0px !important;
    top: 4px !important;
}

.radio-button > span
{
	margin-left: 4px !important;
}

/* --------------------------------------------------------------------------------------------------------------------------
	IN PROGRESS PAGE
-------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------
	BOTTOM BUTTONS SECTION
--------------------------- */

.bottom-buttons-section
{
	background-color: white !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 68px !important;
    padding-top: 15px !important;
    padding-right: 15px !important;
}

.bottom-buttons-section td
{
	direction: rtl
}

.white-button
{
	width: 83px;
    height: 27px !important;
    color: #34608C !important;
    font-weight: normal;
    border: 0px !important;
    font-weight: bold;
}

.blue-button
{
	width: 83px !important;
    background-color: #178AFD;
    background-color: #178AFD !important;
    color: white !important;
    border: 0px !important;
}

/* --------------------------------------------------------------------------------------------------------------------------
	STYLED ALT
-------------------------------------------------------------------------------------------------------------------------- */
.tooltip-icon,
.no-tooltip
{
    /*width: 18px;*/
    height: 18px;
    float: left;
    position: relative;
    left: 3px;
    top: -10px;
    width:14px;
    margin-left: -14px;
}

.tooltip-icon
{
	background-image: url(/images/admin/tooltip-icon.png);
	font-weight:normal !important;
	direction: ltr;
	background-repeat: no-repeat;
}

.tooltip-icon.tip-for-checkbox
{
	/*float: right;
	left:-2px;*/
}

.tooltip-alt
{
    position: relative;
    text-decoration: none !important;
}

span.tooltip-icon[alt]:hover:before,
.tooltip-alt[alt]:hover:before
{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top:-9px;
    left: 2px;
    border-width: 6px 6px 0px  6px;
    border-style: solid;
    border-color: #1E5081 transparent;
}

span.tooltip-icon[alt]:hover:after,
.tooltip-alt[alt]:hover:after {
  content: attr(alt);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: -20px;
  z-index: 20;
	bottom:30px;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-style:italic;
  color:white;
  background:#1E5081;
  font-weight: normal;
  font-size:14px;
  word-break: break-word;
}

div.tooltip-alt[alt]:hover:after{
	bottom:23px;
}
button.tooltip-alt[alt]:hover:after,
label.tooltip-alt[alt]:hover:after{
	bottom: 27px;
	top:-34px;
}

a.tooltip-alt[alt]:hover:after {
	bottom:27px;
	height:30px;
}

button.tooltip-alt
{
	line-height: normal !important;
}

a.btna.tooltip-alt[alt]:hover:before
{
	top:-18px;
}

a.btna.tooltip-alt[alt]:hover:after
{
	bottom:35px;
}

span.tooltip-icon[alt]:hover:before
{
	left:0px;

}
span.tooltip-icon[alt]:hover:after
{
	bottom:27px;

}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	span.tooltip-icon[alt]:hover:after,
	.tooltip-alt[alt]:hover:after
	{
		top:-34px;
		bottom: auto;
	}
}

/* ----------------------------------------------------------------
 Topology Discovery in progress button in breadcrumb tooltip 
 -----------------------------------------------------------------*/
.topology-in-progress span.tooltip-icon[alt]:hover:before, .topology-in-progress .tooltip-alt[alt]:hover:before
{
	top:24px !important;
	left: 11px !important; 
	border-width: 0px 6px 6px 6px !important;
}
.topology-in-progress span.tooltip-icon[alt]:hover:after, .topology-in-progress .tooltip-alt[alt]:hover:after
{
	/*top:30px !important;*/
	bottom: -41px;
	left:-209px !important;
	/*left: -154px !important;*/
}
/*----------------------------------------------------------------*/

/* -----------------------------------------
	DATA-TABLE
----------------------------------------- */

.dataTable th
{
	outline:none; /* to prevent blue border to be shown when clicking on column */
}

/* -----------------------------------------
	BUTTONS
----------------------------------------- */

.formstyleInputText
{
	font-size:14px; 
	font-style: italic;
}

input[type="button"],input[type="reset"],input[type="submit"],button[type="submit"], button[type="button"].buttonStyle, #export_profile, .btn-simple,
button.buttonStyle, input[type=submit].buttonStyle, input[type=reset].buttonStyle, input[type=submit].buttonDeleteStyle, input[type=button], input[type=cancel], .save-btn {
	background-color: white;
	color: #1588f3;
	border-radius: 5px;
	height: 31px !important;
	border: 1px solid #969696;
	font-size: 15px !important;
	font-style: italic;
	font-weight: bold;
	font-family: Calibri !important;
	text-align: center !important;
	margin: 0 10px 0 0;
	padding: 0 15px;
	text-indent: 0 !important;
	width:auto;
	outline: none !important;
}
/*.dark-blue
{
	color: #1f5081 !important;
}*/
input[type="button"]
{
	min-width:36px;
}

input[type="button"][disabled] , 
input[type="submit"][disabled]
{
	background-color:#f0f0f0!important;
	cursor: auto;
}

input[type=submit].buttonDeleteStyle {
	background-color: #ffd2d2;
}

.delete-btn , .delete-btn:focus
{
	border: none !important;
	outline: none;
	background-color: transparent !important;
	position: relative;
}

.refresh-btn, .refresh-btn:focus /* if problematic, move to admin_hosts.css */
{
	border: none !important;
	outline: none;
	background-color: rgba(0, 0, 0, 0) !important;
	position: relative;
}
.refresh-btn i { position:relative; top:1px; }

th .delete-btn
{
	top: -1px;
    float: right;
}

@-moz-document url-prefix() {
	th .delete-btn
	{
		top: 1px;
	}
}

/* -----------------------------------------
	PREVIEW BOX
----------------------------------------- */
.previewButton,
input[type="button"].previewButton
{
	color:transparent !important;
	min-width: 29px;
	width:29px !important;
	height:24px !important;
	background-image:url('../images/admin/discovery/preview-disabled.png');
	background-repeat:no-repeat;
	border:0px !important;
	padding: 0px 5px !important;
	margin-right:0px !important;
	outline: none !important;
	cursor:pointer;
	position:relative;
}

.previewButton:focus
{
	outline:none !important;
	border-color:#ccc !important;
}

.previewButton:hover
{
	background-image:url('../images/admin/discovery/preview-enabled.png');
}

.previewButton.disabled:hover
{
	background-image:url('../images/admin/discovery/preview-disabled.png') !important;
	cursor:default !important;
}

.previewWrapper
{
	position:relative;
}

/* -----------------------------------------
	TAB MENU
	TABLE VIEW TABS
----------------------------------------- */

/*table-view tabs*/

.table-views {
    clear: left;
    background-color: #bbd4ef;
    height: 48px;
    color: black;
    font-weight: 500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
    text-align: center;
}

.table-views.white {
    background-color: white;
    border-right: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
}

.table-views.sharp {
    border-radius: 0 !important;
}

.table-views ul {
    height: 100%;
    border-bottom: 1px solid #cfcfcf;
}

.table-views .nav-tabs .nav-link.active,
.table-views .nav-tabs .nav-link.active:hover,
.table-views .nav-tabs .nav-link.active:focus {
    background-color: #5793ce;
    text-shadow: none;
    color: white;
    border: none;
    height: 100%;
    outline: none !important;
}

.table-views.white .nav-tabs .nav-link.active,
.table-views.white .nav-tabs .nav-link.active:hover,
.table-views.white .nav-tabs .nav-link.active:focus {
    color: rgb(21, 139, 243);
    background-color: white !important;
}


.table-views .nav-tabs .nav-link:not(.active):hover {
    border: none !important;
	color: rgb(21, 139, 243) !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1) !important;
}


.table-views .nav-tabs .nav-link {
    font-size: 15px;
    border: none;
    font-weight: 600;
    border-radius: 0 !important;
    color: #233b53;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    padding: 12px 30px;
    height: 100%;
    display: block;
}

.table-views .nav-tabs .nav-link:first-child {
    padding-left: 34px !important;
}

.table-views .nav-tabs li {
    margin-bottom: 0;
    height: 100%;
    min-width: 120px;
    outline: none;
}

.table-views .nav-tabs li:first-child.active a {
    border-top-left-radius: 5px !important;
}

.table-views.sharp .nav-tabs li:first-child.active a {
    border-top-left-radius: 0px !important;
}

.tab-content > .tab-pane
{
/*	max-height: 500px;
	overflow-y: auto;
	border-right:1px solid rgb(207, 207, 207);*/
}

/* ----------------------------------------------
 	STYLED CHECKBOXES & RADIO
---------------------------------------------- */

.ie-only{
	display:none;
}

::selection,
::-moz-selection {
 background: white;
}


input[type="radio"] {
	display:none;
}

input[type="radio"] + i
{
	cursor: pointer;
}


input[type="radio"] + label {
	color:#f2f2f2;
	font-size:14px;
}

input[type="radio"] + i:before {
	font-family: 'FontAwesome';
	font-size: 16px;
	display: inline-block;
	color: #1f5081;
}

input[type="radio"] + i:before { content: "\f10c"; }
input[type="radio"]:checked + i:before { content: "\f192 "; }
input[type="radio"]:checked + i:before { color: #1f5081; }
input[type="radio"]:checked + i.lightblue:before { color: rgb(23, 136, 243) !important; }
input[type="radio"]:checked + i + span {
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

input[type="radio"][disabled] + i,input[type="radio"]:checked[disabled] + i:before, input[type="radio"][disabled] + i:before{
	cursor: auto !important;
	color: lightgray !important;
}

/*--- radio from top.css ---*/
input[type="radio"]+label.top_ddl {
    color: #7bb9f6;
    font-weight: normal;
    font-size: 15px;
    font-style: italic;
}

input[type="radio"] {
    display: none;
}

input[type="radio"]:checked+label span {
    background: url(../images/evt/check_radio_sheet.png) -57px top no-repeat;
}

input[type="radio"]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/evt/check_radio_sheet.png) -38px top no-repeat;
    cursor: pointer;
}

/*--- in white ---*/

input[name="View"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(../images/top/sidemenu/check_radio_sheet_white.png) -38px top no-repeat;
	cursor:pointer;
}

input[name="View"]:checked + label span {
	background:url(../images/top/sidemenu/check_radio_sheet_white.png) -57px top no-repeat;
}
/*  ---------  */

.ck_label input[type="checkbox"] { display: none; }

.ck_label input[type="checkbox"] + i
{
	cursor: pointer;
}

.ck_label input[type="checkbox"] + i:before {
	font-family: 'FontAwesome';
	font-size: 18px;
	display: inline-block;
	color: #1f5081;
}



.ck_label input[type="checkbox"]:checked + i {
	position: relative;
	-webkit-animation: icon-beat 0.1s ease;
	animation: icon-beat 0.1s ease;
}


.ck_label input[type="checkbox"]:checked + i + span {
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}


.ck_label input[type="checkbox"] + i:before { content: "\f096"; }
.ck_label input[type="checkbox"]:checked + i:before { content: "\f046"; }
.ck_label input[type="checkbox"]:checked + i:before { color: #1f5081; }
.ck_label input[type="checkbox"]:checked + i.lightblue:before { color: rgb(21, 136, 243) !important; }

.ck_label input[type="checkbox"][disabled] + i,.ck_label input[type="checkbox"]:checked[disabled] + i:before, .ck_label input[type="checkbox"][disabled] + i:before{
	cursor: auto !important;
	color: lightgray !important;
}

/*Buttons*/
.add-button, .add-button:hover, .add-button:focus
{
	text-decoration: none;
	color:#26629e;
	font-style: italic;
	font-weight: bold;
}

.add-button img
{
	padding-right: 10px;
}

.top-buttons
{
	float: right;
}

.refreshicon, .noautorefreshicon, .autorefreshicon {
    border: 0px;
    width: 36px;
    height: 31px;
    padding: 0px;
    outline:none;
}

.noautorefreshicon {
    background-image: url(../images/evt/no_autorefresh_icon.png);
}

.refreshicon {
    background-image: url(../images/evt/refresh_icon.png);
}
.refreshicon:hover, .refreshicon:active {
    background-image: url(../images/evt/refresh_icon_hover.png) !important;
    border: none !important;
}

.refreshicon:active , .noautorefreshicon:active , .autorefreshicon:active
{
	position: relative;
	top: 1px;
    left: 1px;
}
.noautorefreshicon:hover,.noautorefreshicon:active,
.autorefreshicon
{
	background-image:url('../images/evt/no_autorefresh_icon_hover.png') !important;
}


/*search bar*/

.search_bar.bar
{
	background-color:white;
	border:1px solid #d2d2d2;
	border-radius:5px;
	width:185px;
	height:29px;
	color: #26629e ;
	font-size: 14px;
	font-style: italic;
	padding-left: 10px;
	margin-right: -24px;
    padding-right: 24px;


}

.search_bar_icon
{

}

/* #26629e; */
input::-webkit-input-placeholder { color: #1f5081; }
input:-moz-placeholder { color: #1f5081; }
input::-moz-placeholder { color: #1f5081; }
input:-ms-input-placeholder { color: #1f5081; }

#search_icon_submit
{
	border: none;
	border-left: 1px solid #cfcfcf;
	border-radius: 0 !important;
	width: 36px;
	height: 30px !important;
	position: relative;
	left: -2px;
	margin: 0 !important;
	background: url(/images/top/icons/_search_icon.png) no-repeat center;
}

.input-group {
	position: relative;
    display: table;
    border-collapse: separate;
    font-style: italic;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
	font-size: 15px;
	cursor: pointer !important;
	line-height: normal;
}

#search_concept
{
	text-transform: capitalize;
	font-style: italic !important;
}
#custom-search-input {

	float:left;
	color:white;
	background-color:white;
	font-style: italic;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	height: 31px;
	width: 260px;
	border:1px solid #cfcfcf;
	margin-right:25px;
	margin-bottom:2px;
}

.input-group .dropdown
{
	min-width: 92px;
    margin-top: 0px;
/*    padding: 8px 1px 8px 8px;
    left:-61px;*/
    color: #26629e;
    padding: 8px 8px 8px 8px;
	left: -76px;
}

.input-group .dropdown label
{
	cursor: pointer;
}

#custom-search-input .search_bar {
	background:none;
	border: none;
	box-shadow:none;
	float: left;
}

#custom-search-input .input-group
{
	border-right: none;
}
#custom-search-input .search_bar:focus
{
	border:none !important;
}
#custom-search-input .select-type
{
	border: 0;
	background: none;
	color:#178bfd;
	height: 29px;
	position: absolute;
    right: 33px;
	font-size: 14px;
}

.select-type:active, .select-type:focus
{
	outline: none !important;
	box-shadow: none !important;
}

.search-panel
{
	float: right;
}

.bs-searchbox .form-control
{
	height:30px !important;
}

/*select2 custome css*/
/*arrow*/
.select2-selection--single .select2-selection__rendered:before {
  content: "\f107";
  font-style:normal;
  position:absolute;
  right:10px;
    /*top:8px;*/
  color:rgb(59, 96, 140);
  cursor:pointer;
  font-family: FontAwesome;
}

.form-select-style .select2-selection__rendered:before{
    top:auto;
}

.form-select-style{
	height: 31px !important;
}

.select2-selection__arrow{
	display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.select2-selection--single .select2-selection__rendered#select2--container
{
	color: rgb(59, 96, 140);
	font-size: 14px;
	font-style:italic;
}

.select2-selection__choice:before
{
	 font-family: FontAwesome;
	 content: "\f00d";
	 font-size:11px;
	 font-weight:100 !important;
	 margin-right:-8px;
	 font-style: normal;
}
/*option added to ul - color and remove x style*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
	color: #1E5083 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	background-color: initial !important;
	border:none !important;
	margin: 0 !important;
	font-style: italic;
}
/*ddl style*/
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single
{
	border-color: #1588f3 !important;
	outline: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single
{
	outline:none;
	/*background-color: white !important;*/
	border-color:#ccc;
	/*color:#8c8c8c !important;*/
}

.select2-selection__rendered{
	color:#8c8c8c
}
.select2-results__options
{
	margin-top: 5px !important;
    border-radius: 4px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
{
	border-radius:4px !important
}
.select2-selection--single .select2-selection__clear {
	display:none !important;
}
.select2-selection__choice
{
	height:25px;
	padding-top:3px !important;
	color: #2662A0;
    background-color: #f2f2f7 !important;
}
.select2-dropdown
{
	border:none !important;
}
.select2-dropdown.select2-dropdown--below
{
	border: 1px solid #1588f3 !important;
	font-style:italic;
	font-size:14px !important;
	box-shadow:0 6px 12px rgba(0,0,0,0.175);
	margin-top:4px;
}

.form-ddl-style.select2-dropdown.select2-dropdown--below
{
    /*margin-top:-1px;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.select2-results__options li
{
	padding: 3px 10px;
}
.select2-container--default .select2-results__option--highlighted
{
	background-color:initial !important;
	color: #1588f3 !important;
}

.select2-container--default li[aria-selected=true]
{
	background-color:rgb(245, 245, 245) !important;
	color: #1588f3 !important;
}
/*end of select2 style*/


.dt-wrap
{
	position: relative;
	overflow: hidden;
	/*min-height: 160px;*/
}
/*Side menu*/
.side-menu-table
{
	background-color: #f5f6fa;
	width:100%;
	border-right:1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204,204,204);
}

.side-menu-table tr td
{
	vertical-align: top;
}

.side-menu-td
{
	vertical-align: top;
	border-left: 1px solid rgb(204, 204, 204);
	padding-top: 18px;
	background-color: white;
	-webkit-box-shadow: inset -2px 0px 4px -2px #cacbcf;
	-moz-box-shadow: inset -2px 0px 4px -2px #cacbcf;
	box-shadow: inset -2px 0px 4px -2px #cacbcf;
	width: 196px;

}
#side_menu {
    width: 196px;
}

#side_menu ul
{
	border:none;
	display: flex;
	flex-direction: column;
}

#side_menu ul li a
{
	color:black;
	border:none;
	font-weight: 600;
	font-size: 15px;
	height:36px;
}
#side_menu ul li a:hover, #side_menu ul li a.active
{
	border:none;
	background-color: transparent;
	color:#178bfd;
}

#side_menu ul li a.active
{
    background: url(../images/hosts/arrow.png) no-repeat right;
    background-position-x: 165px;
    /*background-color: white !important;*/
}
/*side_menu_content*/
#side_menu_content .sub_header
{
	border-left: none;
	border-right: none;
}

.top-border
{
	border-top:1px solid rgb(204, 204, 204);
}


.side-content-tbl
{
	width: 91%;
    color: #192c3f;
    margin-left: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.side-content-tbl tr td:nth-child(1)
{
    padding: 5px 17px 5px 0px;
    width: 260px;
    vertical-align: top
}


.side-content-tbl tr td
{
	border-bottom: 1px solid #ceced1;
}

.side-content-tbl tr:last-child td 
{
	border-bottom: none;
}

.sub-table
{
width:100%;	
font-size: 14px;
border-bottom:1px solid #ceced1;
margin: 15px 0px;
}

.sub-table:last-child
{
border-bottom:none;
}

/*colors*/
.green, .green input[type="checkbox"]:checked + i:before
{
	color: #339933;
}

.red
{
	color: #ff6666;
}


/* -----------------------------------------
	HTML TABLE (like vmware discovery results)
------------------------------------------ */
.htmltable
{
	width:100%;
	border-collapse: collapse;
}

/* border & cells size */
.htmltable td, .htmltable th 
{
  border: 1px solid #ccc;
  height:38px;
  background-color:white;
}
.htmltable tr:first-child th 
{
  border-top: 0;
}
.htmltable tr:last-child td 
{
  border-bottom: 0;
}

/* header */
.htmltable>tbody>tr:first-child td
{
	min-height:23px;
	height:23px;
	
	/* padding */
	padding-top:8px;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
	
	/* background */
	background-color: rgb(231, 231, 238);
	
	/* forecolor */
	font-family: calibri;
    font-size: 14px;
    color: rgb(73, 79, 87);
    font-weight:bold;
}

.htmltable tr td
{
	border-bottom:1px solid #ccc;
}



/*general*/
.validateClass
{
	border:1px solid red !important;

}

.noData
{
    /*border-bottom: 1px solid #cfcfcf;*/
    text-align: center;
    padding:20px;
    color: #1E5083;
    font-size: 16px;
    font-weight: 100;
    text-shadow: 0px 1.5px 0px rgba(255, 255, 255, 1);
}

.ErrorBox
{
	color:red;
}

.validate-msg
{
	color:red;
	left: 220px;
	top: 62px;
	font-size:13px;
	font-style:italic;
	padding: 5px 14px;
}

/*about page*/
.about-us-monitor
{
	margin-bottom: 10px;
}
.about-us .headline_2, .about-us-monitor .headline_2
{
	font-size: 20px !important;
	margin: 0px;
}

.about-p {
    padding: 2px 0px 20px 46px;
    color: #4A535A;
    font-size: 15px;
}

div.copyright {

	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	padding-left:34px;

}

div.copyright > a {

	color:#1588F2;
}

.about-us-tabs
{
	border-right: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    background-color: #f5f6f9;
    margin-bottom: 100px;
}

.summary-tba-tbl
{
	width:100%;
}

.summary-tba-tbl td
{
	vertical-align: top;
}

.summary-tba-tbl >tbody > tr > td:first-child
{
	border-right: 1px solid #cfcfcf;
}

.lic-str
{
	padding-right: 150px !important;
	word-wrap: break-word;
}

.lic-addons , #UpdateLicenseButton
{
	text-align: right;
    padding: 15px;
}

.lic-addons .save-btn , #UpdateLicenseButton .save-btn
{
	width:156px !important;
}

/* support old bs classes */
.hidden
{
	display:none !important;
}	

a {
	text-decoration: none !important;
}

/*scroll*/

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

.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;
}

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

/* dropdown */

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

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

.navbar-nav {
	float: left;
}

.btn-default:hover, .btn-default:focus  {
    background-color: #e6e6e6;
    border-color: #adadad;
}

a {
	text-decoration: none;
}