.innerBadge{
    font-size: 11px;
    margin:2px;
}

.innerBadgeBox{
    display: flex;
    flex-wrap: wrap;
}
.alert-message {
    margin: 10px;
    padding: 5px;
}

#container .carousel .wrap{
    min-width:60%
}

#motadataSettingTab{
    position: absolute;
    min-width: 100%;
}
#motadataSettingTab li{
    float: none;
}

#dashboardTab{
    position: absolute;
    min-width: 100%;
}
#dashboardTab li{
    float: none;
}

#searchDashboardGrid .nav-tabs li.active:not(:first-child),#pluginTab.nav-tabs li.active:not(:first-child) ,#dashboardTab.nav-tabs li.active:not(:first-child)
{
    border-right: 1px solid #c3c3c3;
    /*border-left: 1px solid #c3c3c3;*/
}
#searchDashboardGrid .nav-tabs li.active:not(:nth-child(2)),#dashboardTab.nav-tabs li.active:not(:nth-child(2))
{
    border-right: 1px solid #c3c3c3;
}
/*#searchDashboardGrid .nav-tabs > li > a ,#pluginTab.nav-tabs > li > a,#dashboardTab.nav-tabs > li > a{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
}*/
#dataSecurityTab .nav-tabs > li > a ,#monitorSettingTab.nav-tabs > li > a{

    margin-top: 0 !important;
}
#monitorSettingTab li.active,#pluginTab li.active,#searchTabPanel li.active
{
    border-right: 1px solid #ccc!important;
}
/*#monitorSettingTab li.active:not(:first-child),#pluginTab li.active:not(:first-child),#searchTabPanel li.active:not(:first-child)
{
    border-left: 1px solid #ccc!important;
}*/

/******************************admin panel********************************/

/*product licence*/
.activation-code-container {
    border: 1px dashed #ddd;
    padding: 10px;
}
/*metro cube for admin panel*/
.metro-style-row ul {
    list-style: outside none none;
    margin: 0;
    padding: 15px 15px 0;
}
.metro-style-row ul li {margin-bottom:8px}
.metro-style-row ul li a {margin: 0 10px 0px 0}
.metro-style-row .jarvismetro-tile.big-cubes {
    height: 105px;
    width: 185px;
    color:#214e75;
    text-decoration: none;
}
#configurationTiles .jarvismetro-tile .iconbox span {
    margin-top: -15px;
    position: relative;
    text-align: center;
}
.metro-style-row ul li {
    display: inline-block;
    width: auto;
}
#configurationTiles .alert
{
    border: 0 !important;
}

/*department tiles*/
.metro-style-row .jarvismetro-tile .iconbox span .badge {
    background-color: #57889C;
    color: #FFF;
    top: -76px;
    position: absolute;
    left: 36px;
    cursor: pointer;
}
.metro-style-row .jarvismetro-tile .iconbox span {
    display: block;
    text-align: left;
    position: absolute;
    margin-top: -32px;
    /*margin-top: -18px;*/
    text-overflow : ellipsis;
}
.jarvismetro-tile .iconbox span.tile-title, .jarvismetro-tile .iconbox i {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

/*data securtity admin panel css*/
#btnAssignMonitor
{
    margin-top: 40%;
}
#dataSecurityContentTab  .dt-toolbar
{
    padding: 5px 0px 0px; !important;

}

#btnAssignMonitorTemplate
{
    margin-top: 10%;

    margin-right: 10%;

}
/*business hours*/
#businessHourForm.smart-form .checkbox , #businessHourForm.smart-form .radio .padding-left-checkbox-0
{
    padding-left: 0;
    padding-bottom: 3px;
}
/*nestable grid severity*/
.dd {
    max-width: none !important;
}
.label-action {
    margin-top: -33px;
    margin-right: 10px;
    font-style: normal;
}

/*colorpicker*/

.custom-color{
    border-radius: inherit !important;
    margin-left: 2.5px;
}

.color-palette{
    max-width: 141px !important;
    min-width: 147px !important;
}


/********************************custom table sorter********************************/
table.tablesorter thead tr .header {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC") no-repeat scroll right center;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortDown {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC") no-repeat scroll right center;
}
table.tablesorter thead tr .headerSortUp {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=") no-repeat scroll right center;
}


/**********************************plugin css*******************************************/
.label-plugin-id {
    color: #fff;
    font-size: 12px;
}

#pluginContextGrid.table td{
    word-break: break-all;
}
/**********************************search tab*********************************************/


#searchTabPanel a {
    padding: 7px 9px 21px;
    width: 150px;
}
#inlineSearchButton {
    background: #2196f3 none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    padding: 2px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 60px;
}

.logTime {
    width: 15%;
}

#dateTimeLine {
    background: rgba(0, 0, 0, 0.71) none repeat scroll 0 0;
    color: white;
    font-size: 10px;
    margin: -43px -170px;
    min-width: 150px;
    padding: 5px;
    position: absolute;
}

#pivotDateTimeLine {
    background: rgba(0, 0, 0, 0.71) none repeat scroll 0 0;
    color: white;
    font-size: 10px;
    margin: -60px 80px;
    width: 150px;
    padding: 5px;
    position: absolute;
}

.CodeMirror {
    border: 1px solid lightgrey;
    height: auto;
    min-height: 32px !important;
    width: 100%;
}

.search-box {
    max-width: 800px;
    width: 82%;
}


.exportCSV, .visualization {
    color: #666;
    cursor: pointer;
    float: right;
    font-size: 16px;
    margin-left: 5px;
    text-decoration: none;
}

.pointerDisabled {
    color: #c3c3c3 !important;
    cursor: not-allowed;

}

.upload-btn, .addSearchTab ,.field-list-btn {
    border: medium none;
    margin-right: 5px;
    margin-bottom: 11px;
}


.CodeMirror pre.CodeMirror-placeholder {
    color: #999;
}
#queryConditionSelectionPopup {
    background: white none repeat scroll 0 0;
    border: 1px solid #ddd !important;
    box-shadow: 2px 3px 3px #ccc;
    display: none;
    position: absolute;
}

.search-processing-time
{
    font-weight: bolder;
    margin-top:5px;
}

.alert-invalid-query pre
{
    color: #b60000;
    border-radius: 0px;
    font-size: 12px;
    background: rgba(221, 26, 10, 0.14);
    border: 0px;
    float: left;
    width: 100%;
}

.alert-invalid-query
{
    padding: 0px 10px 0px 6px;
}


.ui-menu-item a:focus, #inputTimeRange a:hover
{
    color: #333;
}

.ui-menu-item a
{
    color: #333;
}



/************************************************scheduler and calender***************************************************/
#inlinePopupForm #external-events > li > *:first-child
{
    cursor : pointer !important;
}


#modalForm #external-events > li > *:first-child
{
    margin: 0 3px !important;
    overflow: hidden;
    padding: 16px 27px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    transform: scale(1.05);

    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

}

#modalForm #external-events > li > *:first-child:hover
{
    transform: scale(1);

    color: #fff;
}
#external-events > li
{
    margin-right: 13px !important;
    font-size: 11px !important;
}

#external-events > li > *:first-child:after
{
    margin-right: 0px !important;
}

#modalForm #external-events > li > *:first-child .fa
{
    font-size: 40px;
    margin-left: -5px;
    margin-top: -30px;
    position: absolute;
}
/*Query autocomplete*/

.ui-autocomplete li a
{
    overflow: hidden;
    text-overflow:ellipsis;
    width: auto;
    white-space: nowrap;

}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 0px;
    border: none;
    box-shadow: 0px 2px 3px #999;
}

.ui-autocomplete, .colorpicker{
    z-index: 9999 !important;
}

.CodeMirror,.fc-content {

    z-index: 0;
}
.fade {
    opacity: 0;
    transition: opacity 0.005s linear 0s !important;
}
.modal.fade.in .modal-dialog {
    opacity: 1;
    transform: translate3d(0px, -300px, 0px);
}
.modal.fade .modal-dialog {
    opacity: 0;
    top: 300px;
    transform: scale(0.2);
    transition: all 0.03s ease 0s;
}
body .modal{
    z-index: 1055;
}

.fc-widget-content table tr td
{
    cursor:url('../images/img-cursor.cur'), auto !important;
}

#schedulerDatePicker{
    box-sizing: border-box;
    padding-left: 10px;
    position: relative;


}
.job-indicator{
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #555;
    font-size: 10px;
    line-height: 23px;
    opacity: 0.7;
    padding: 3px;
}
/************************************************severity color picker***************************************************/
#severityForm .widget-toolbar
{
    border-left: none;
    float: none;
}

/************************************ gauge widget******************************************/

.font-custom {
    font-size: 3em !important;
    font-weight: 700;
    text-align: center;
}
.font-custom .sparkline{
    padding-left: 10px;
}


.widget-body .sparks-info span
{
    font-size: 14px !important;
}

.air-top {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
    width:100%;
    height: 65%;

}
.absolute-custom{

    /*position: absolute;*/
    bottom:10px;
    width: 100%;

}

.label-custom {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #57889c ;

}
/*****************widget edit*********************/

.color-row-style {
    display: table;
}

.color-row-column {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.chart-property
{
    vertical-align: top;
    line-height: 2;

}

.custom-icon
{
    background-color: #fff !important;
    height: 27px !important;
    padding: 5px 7px !important;
    width: 27px !important;
}

.custom-icon:hover
{
    background-color: lightgrey !important;
    height: 27px !important;
    padding: 4px 4px !important;
    width: 27px !important;
}

#addTopologyForm .custom-icon {padding: 5px 0 !important;width: 30px !important;}
#addTopologyForm .custom-icon:hover {border-width: 1px !important;}
.mapIcon
{
    cursor: pointer;
}

.legendNameLabel
{
    word-break: break-all;
}

/*****************************************************dashboard widgets******************************************/

.dashboard-fullscreen{
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 2px;
    padding-right: 2px;
}

.bg-none{
    background: #fff url("../images/mybg.png") repeat scroll 0 0 !important;

}
.widget-grid-row{
    clear:both;
}

.widget-row-container{
    float: left;
    /*padding: 5px;*/
    margin: 0;
    padding:0 3px !important;

}

.widget-body{
    padding-bottom:0 !important;

}

.widget-row-container > .tabwidget {
    margin: 0px;
}

.drop-zone{
    padding: 0!important;
    float:right;
}

.drop-here {
    text-align: center;
    font-style: italic;
    font-weight: bold;

}

.drop-hover{

    border: 1px dotted #c3c3c3;
}

.ui-resizable-handle.ui-resizable-s
{
    cursor: row-resize;
    height: 15px !important;
}

.widget-row-container .form-control[type=search] {
    width: 80%;
    height: 32px;
}

#jarviswidget-fullscreen-mode .widget-row-container {
    padding: 0;
}

.widget-row-container .btn-toolbar{
    height:20px;
}
.amcharts-legend-div{

    max-height: 100px !important;
    /*overflow-y: auto !important;*/
    position: relative;
}

.amChartsLegend svg
{
    position: relative !important;
}


.amcharts-export-menu .export-main > a
{
    height: 23px !important;
    width:23px !important;
    box-shadow: none !important;
    text-indent: 1px !important;
    background-image: none !important;
    padding-left: 5px !important;
    padding-top: 3px !important;

}
.amcharts-export-menu .export-main > a:before
{
    content: "\f019" !important;
    position: relative;
    font-family:'FontAwesome'; padding-right:10px;
    font-size: 12px;
}

#widgetReportHeader, #widgetDrillDownHeader{
    line-height: 30px;
    margin-left: 10px;
}
/******************* visualization popover *******************/




.bg-color-not-configured
{
    background-color:#aba76b !important;
}
.bg-darkCyan {
    background-color: #1b6eae !important;
}

/******************* widget popover *******************/
.tooltip{
    z-index: 9999;
}
.widget-toolbar .tooltip.left {right: 0;left: inherit;width: 170px;}
.tooltip-inner
{
    word-break: normal;
}

/******************* recent search popover *******************/

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.googleMapContainer,.googleHeatMapContainer{
    float: left;
    width: 100%;
    /*height: 400px;*/
}

.bg-darkCyan {
    background-color: #009cb8 !important;
}

.bg-color-black
{
    background-color: #1a6478 !important;
}

.bg-color-not-configured
{
    background-color:#aba76b !important;
}

.grid-checkbox .checkbox + .checkbox {
    margin-top: 0;
}
.grid-checkbox .checkbox {
    color: #404040 ;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 4px;
    padding-left: 25px;
}
.grid-checkbox .checkbox:last-child {
    margin-bottom: 0;
}
.grid-checkbox .checkbox input {
    left: -9999px;
    position: absolute;
}
.grid-checkbox .checkbox i {
    background: #fff none repeat scroll 0 0;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 17px;
    left: 0;
    outline: medium none;
    position: absolute;
    top: 3px;
    width: 17px;
}
.grid-checkbox .checkbox input + i::after {
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s ease 0s;
}
.grid-checkbox .checkbox input + i::after {
    content: "\f00c";
    font: 13px/18px FontAwesome;
    height: 15px;
    left: 0px;
    text-align: center;
    top: -2px;
    width: 15px;
}
.grid-checkbox .checkbox input:checked:hover + i::after {
    content: "\f00d";
}
.grid-checkbox .checkbox input:checked:disabled:hover + i::after {
    content: "\f00d";
}
.grid-checkbox .checkbox input:checked + i::after {
    opacity: 1;
}
.grid-checkbox .checkbox i {
    border-color: #bdbdbd ;
    transition: border-color 0.3s ease 0s;
}
.grid-checkbox .checkbox:hover i {
    border-color: #5d98cc ;
}
.grid-checkbox .checkbox:hover i {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.grid-checkbox .checkbox:active i {
    background: #f0f0f0  none repeat scroll 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.grid-checkbox .checkbox input:focus + i {
    border-color: #3276b1 ;
}
.grid-checkbox .checkbox input + i::after {
    color: #3276b1 ;
}
.grid-checkbox .checkbox input:checked + i {
    border-color: #3276b1 ;
}
.grid-checkbox .checkbox.state-error i {
    background: #fff0f0  none repeat scroll 0 0;
    border-color: #a90329 ;
}
.grid-checkbox .checkbox.state-success i {
    background: #f0fff0  none repeat scroll 0 0;
    border-color: #7dc27d ;
}
.grid-checkbox .checkbox.state-disabled {
    cursor: default !important;
    opacity: 0.6 !important;
}
.grid-checkbox .checkbox.state-disabled:hover i {
    border-color: #e5e5e5  !important;
}
.grid-checkbox .checkbox input + input[type="hidden"] + i::after {
    content: "\f00c";
    font: 16px/19px FontAwesome;
    height: 15px;
    left: 1px;
    text-align: center;
    top: -1px;
    width: 15px;
}
.grid-checkbox .checkbox input:checked:hover + input[type="hidden"] + i::after {
    content: "\f00d";
}
.grid-checkbox .checkbox input:checked:disabled:hover + input[type="hidden"] + i::after {
    content: "\f00d";
}
.grid-checkbox .checkbox input:checked + input[type="hidden"] + i::after {
    opacity: 1;
}
h2.grid-checkbox .checkbox input + i::after {
    font-size: 14px;
    left: 0;
    top: -2px;
    width: 14px;
}
.grid-checkbox .radio i, .grid-checkbox .checkbox i {
    height: 14px;
    width: 14px;
}
.grid-checkbox .radio input + i::after {
    height: 8px;
    left: 3px;
    top: 3px;
    width: 8px;
}
.grid-checkbox .checkbox, .grid-checkbox .radio .padding-left-checkbox-0 {
    padding-left: 0;
}
.grid-checkbox input[type="checkbox"] {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}
.grid-checkbox .checkbox {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}
.grid-checkbox input[type="checkbox"] + i {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}

/************************ Texthighlight *****************************/
#queryConditionSelectionPopup {
    background: white none repeat scroll 0 0;
    border: 1px solid #ddd !important;
    box-shadow: 2px 3px 3px #ccc;
    display: none;
    position: absolute;
}
#position1{
    position:absolute;
    height:0px;
    width:0px;
    top:100px;
    left:100px;
    overflow:inherit;
    z-index:-100;
}
#position2{
    position:absolute;
    height:0px;
    width:0px;
    top:0px;
    left:0px;
    /*overflow:none;*/
    z-index:-100;
}
.highlight { background-color:yellow; }


/*custom css for dashboard*/


.gauge-main{ display:table; width:100%; padding-bottom:0 !important;}
.gauge-main #sparks { margin: 5px 0 0;}


.widget-toolbar > .label{ font-size:11px; font-weight:normal;}

.noData-block{ display:table; width:100%; color:#6c6c6c}
.noData-block .noData-inner{ display:table-cell; vertical-align:middle; text-align:center; font-size:3em; font-weight: bold;}
.noData-block .noData-inner .fa-info-circle{ display:none;}

.noChart-block{ display:table; width:100%; height:100%; color:#6c6c6c}
.noChart-block .noChart-inner{ display:table-cell; vertical-align:middle; text-align:center; font-size:1.2em; font-weight: bold;}

.label-normal{ color:#333; background-color: rgb(231, 231, 231);cursor:default; }
.label-normal .fa-clock-o{ font-size:12px; margin-right:3px; vertical-align:bottom;}

#widget-grid .jarviswidget > header{ height:26px; line-height:26px;}
#widget-grid .jarviswidget-ctrls a{ line-height: 26px;}
#widget-grid .jarviswidget-ctrls .button-icon{ height:26px;}
#widget-grid .jarviswidget > header h2{ line-height: 26px; font-size:13px; font-weight:normal; width:100%; color:#4c4c4c;}

#widget-grid .jarviswidget > header .widget-toolbar{ height:26px; line-height:26px; position:absolute; top:0; right:0; color:#4c4c4c; }

.smart-form fieldset #widgetSearch
{
    padding: 10px 14px 5px;!important;
}

.widget-row-container .widget-hover{ position:absolute; left:0; top:0; height:0; width:100%; z-index: 901; padding:5px 10px; border:none; visibility: hidden; opacity:0;}

.widget-row-container .widget-hover .btn{ padding:1px 7px; float:left; border-top:none; border-bottom:none; border-left:none; border-right-color: #fff;  margin:0; background:none; color:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}
.widget-row-container .widget-hover a.button-icon{ padding:3px 6px;}

.widget-row-container .widget-hover.active{ height:30px; visibility:visible; opacity:1; top:0; }

#jarviswidget-fullscreen-mode .jarviswidget > div{ overflow:visible;}

.widget-row-container header, .homescreen-container header
{
    cursor: pointer;
}

#jarviswidget-fullscreen-mode{ background:#f0f0f0;}
#jarviswidget-fullscreen-mode:not(.dashboard-fullscreen) .widget-hover button.btn{ display:none; border:none;}
#jarviswidget-fullscreen-mode:not(.dashboard-fullscreen) .widget-hover .widget-toolbar{ float:right !important;}
#jarviswidget-fullscreen-mode:not(.dashboard-fullscreen) .widget-hover button.btn.widget-fullscreen-btn{ display:block; float:right;}
#jarviswidget-fullscreen-mode .widget-hover button.btn.widget-fullscreen-btn .fa-expand:before{content:"\f066"}


#fieldListContainer .panel-group .panel-title a{ font-size: 12px; padding:5px 10px;}

#fieldListContainer table { font-size: 12px ;}
#fieldListContainer table tr td{ padding: 3px 10px ; border: none}

#visualizationContainer .panel-group .panel-title a{ font-size: 13px; padding:7px 10px;}
#visualizationContainer .panel-title a:before{font-family:'FontAwesome'; padding-right:5px;}

#visualizationContainer .panel-title a.gauge-icn:before{content:"\f0e4";}
#visualizationContainer .panel-title a.map-icn:before{content:"\f041";}
#visualizationContainer .panel-title a.grid-icn:before{content:"\f0ce";}
#visualizationContainer .panel-title a.chart-icn:before{content:"\f201";}
#visualizationContainer .panel-title a.collapseAdvance:before{content:"\f1fe";}
#visualizationContainer .panel-title a.time-icn:before{content:"\f017"}


/************************************************ search page ***************************************************/


.smart-form fieldset #widgetSearch
{
    padding: 10px 14px 5px;!important;
}

.widget-grid-row
{
    margin: 5px -5px;
}

.bg-color-green {
    background-color: #148e74 !important;
}

.bg-color-red
{
    background-color: #818181 !important;
}

.bg-color-magenta
{
    background-color: #6887ae !important;
}

input[type="text"][data-required], input[type="password"][data-required], textarea[data-required], select[data-required], .required-select2, input[type="email"][data-required] {
    border-left: 3px solid rgb(240,79,63) !important;
}

.circle-bullet {

    border-radius:100%;

    margin-right: 10px;
    padding: 5px 10px;
}
.cs-list {
    list-style: outside none none;
    padding: 0 10px;
}
.cs-list > li {
    background: #eaeaea none repeat scroll 0 0;

    margin: 0 0 3px;
    padding: 4px 4px 4px 10px;
}


.minified nav > ul > li > a > .menu-item-parent
{
    background-color: #4a535c;
    border-bottom: 1px solid #4a535c;
    border-left: 1px solid #4a535c;
    border-top: 1px solid #4a535c;
    color: #fff;

}
/******************************AlertTimeline*****************************/

#alertForm section .ms-parent .ms-drop
{
    width:100%;
}

.chat-body li.message{display:block;position:relative;margin: 1px 0px 0px !important; background-color:#f0f0f0; padding: 6px 0 19px !important;}

.chat-body li.message .message-text{ clear:both; overflow:hidden;}
.chat-body li.message .message-text input[type=text]{ padding:5px 10px; width:92% !important; border:1px solid #bdbdbd; float:left;}
.chat-body li.message .message-text .editComment{ float:right; width:7%; height:28px; line-height:20px;}

.message ul.list-inline { margin-left: -5px !important;  padding-left: 0 !important;}

.editComment {

    background: #2196f3 none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 23px;
    line-height: 20px;
    padding: 1px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 35px;

}

#btnAdvanceSearch
{
    margin-top: -21%;

}
.commentPost, .editComment
{
    background: #2196f3 none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 21px;
    padding: 1px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 48px;
}a[data-link=monitor],a[data-link=report],a[data-link=policy],a[data-link=businessService],a[data-link=dashboard],a[data-link="alert-drill-down"]
 {
     cursor: pointer !important;
 }

/************************************************ cache widget property ***************************************************/


.widget-tiles span, .widget-health-tiles span{
    font-weight: bold;
    font-size: 22px;
}
.widget-tiles .bg-color-blue {
    background-color: #1b6eae !important;
}

.healthGauge
{
    padding:10px 5px;
}

.smart-form  #cacheMonitorGrid .dt-toolbar *{

    box-sizing: border-box !important;

}
.smart-form  #cacheMonitorGrid .dt-toolbar {

    box-sizing: border-box !important;
    padding:5px !important;
}

#cacheMonitorGrid{
    border:1px solid #c3c3c3;

}
#cacheMonitorGrid .label{

    color: white !important;
    display: inline !important;
    font-weight: 700 !important;
    line-height: 1px !important;
    margin-bottom: 0px !important;
    padding: 0.2em 0.6em 0.3em !important;

}

.smart-timeline-list::after{ left:30px; width:1px; background-color:#e1e1e1; box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; -o-box-shadow:1px 0 0 #fff; -webkit-box-shadow:1px 0 0 #fff;}
.smart-timeline-icon{ left:15px;}

.smart-timeline-content{ margin-left:70px;}
.smart-timeline-time{ float:none; text-align:left; width:auto; margin-top:2px; margin-bottom:5px;}
.smart-timeline-time .action-icons i{ cursor: pointer;}

.smart-timeline-time small{ margin-right:15px;}

.smart-timeline-list li{ border-bottom: 1px solid #fff; box-shadow:0 1px 0 #e1e1e1 inset; -moz-box-shadow:0 1px 0 #e1e1e1 inset; -webkit-box-shadow:0 1px 0 #e1e1e1 inset; -o-box-shadow:0 1px 0 #e1e1e1 inset;}

.smart-timeline-list li:nth-child(odd){background:#f8f8f8;}
.smart-timeline-list li:nth-child(even){background:#fff;}

.smart-timeline-list li:hover{ background:#f2f2f2;}

.smart-timeline-list li .profile-message{ border:none;}


.smart-timeline-content .smart-form{ padding-left: 0 !important; margin-top:15px;}
.smart-timeline-content .chat-body{ margin-top:0; padding:0 15px 0 0;}
.smart-timeline-content .smart-form .col-md-11{ padding-left:0;}

.chat-body li.message{ padding:10px 10px 12px !important;}


.jarviswidget header .nav-tabs li{ border-right:1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.jarviswidget header .nav-tabs > li > a{ margin-right:0;}

.chat-body li.message{ background-color:#e9e9e9;}
.chat-body li.message img{ width:40px;}
.chat-body li.message.showComments{ padding:5px 10px !important;}
.chat-body li.message.showComments a{text-decoration: underline;}

.chat-body li.message.hideComments{ padding:5px 10px !important;}
.chat-body li.message.hideComments a{text-decoration: underline;}

.chat-body li.message .message-text{ margin-left:52px;}

.smart-timeline-content .smart-form span.commentPost{ display:block; width:auto;}

.smart-timeline-content .title-alarms label,
.smart-timeline-content .title-alarms b{ vertical-align: middle; font-size: 12px !important;}
.smart-timeline-content .title-alarms .name-display{ vertical-align: middle; font-size: 12px !important; padding-left: 25px; display: inline;}
.smart-timeline-content .title-alarms .monitor-name-display{font-family: Roboto !important;}
.smart-timeline-content .alert-msg{ padding-top:4px;}

.smart-timeline-content .title-alarms label img{ width:14px !important; height:14px !important;}

.smart-timeline-content .rca-description{ clear:both; overflow:hidden; padding-top:10px;}
.smart-timeline-content .rca-description label{ float:left; width:5%;padding: 5px}
.smart-timeline-content .rca-description p{ float: left; width:95%; padding-left:10px;}

.smart-timeline-content .chat-body li.message .text-muted{ position:absolute; top:7px; right:10px;}

.smart-timeline-content .title-alarms .ip-name {font-style:italic; margin-left:5px;}


#advanceSearch #btnBasicSearch{ height:32px; margin-left:10px; vertical-align:top; padding:0 15px;}


.jarviswidget header .nav-tabs > li > a{ padding:7px 16px 8px;}
.jarviswidget header .nav-tabs > li.active > a{ padding:6px 16px 6px;}


#sparks li
{
    border-left: 1px solid #fff;

    padding: 0 22px;
}

#sparks li:first-child
{
    padding-left:20px ;
}

.x-grid-cell-inner {
    padding: 0px 6px 0px;
    text-overflow: ellipsis;
}


/******************** HEALTH TREND **********************/

.monitor-health-history-column-cell{
    border: 1px solid #fff;
}
.monitor-health-history-column-cell:hover:after {
    background:inherit;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    content: "";
    display: block;
    height: 18px;
    left: -3px;
    position: relative;
    top: -3px;
    width: 12px;
    z-index: 500;


}

#healthTrend a:not(.Clear)  ,#overviewTab a[data-link=health-trend]:not(.None):not(.Clear)
{
    cursor: pointer;
}

.header-btm li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 4px;
    vertical-align: middle;
}

#widgetMonitorTemplateGrid .sparkline
{
    margin :3px 0 0 0px;
}

.logo-group span.activity {
    background-color: #f8f8f8;
    /*background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;*/
    border-radius: 2px;
    color: #c4bab6;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 31px;
    margin: 0;
    padding: 2px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 31px;
    line-height:26px;
    border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;


}

.header-btm li.logo-group b.badge, #header .logo-group .activity b.badge {
    background: #0091d9 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 2px 4px 3px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
}
.x-grid-cell-inner {
    padding: 0 6px;
    text-overflow: ellipsis;
}
.monitor-health-history-column-cell {
    display: inline-block;
    height: 16px;
    margin-left: -1px;
    margin-top: 4px;
    width: 10px;
}

#btnRCA {
    color: #fff;
    height: 30px;
    margin-top: 0;
}
.header-gauge .gauge-inner {
    padding: 15px 10px;
    text-align: center;
}

.header-gauge .gauge-inner h5.m-name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}


/****************************************** SELECT2 FIXED CSS *****************************************************************/


.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.select2-input.select2-default
{
    width: 260px !important;
}


.MessageBoxContainer,.cell-center
{
    text-align: center;
}


.chat-body li.message .message-text{display: inherit !important;}

.fc-event
{
    border-color: unset !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current
{
    box-shadow:none;
}

.header-btm .monitorTrade{ margin-top:10px;}

ul.ColVis_collection {
    width: auto;
}


/*==================For Header==================*/

.header-gauge{ padding-bottom: 15px;}
.header-gauge .label-primary{ margin:3px; display: inline-block; padding: 5px; font-size: 11px; }

.header-gauge table{ border:1px solid #ddd; border-top:none; border-right:none;}

.header-gauge .alert-details table td{ font-weight: bold;}
.header-gauge .alert-details table td.value{ font-weight: normal; border-right:1px solid #ddd;}
.header-gauge .alert-details table td .logo-group span.activity{ margin-top:0;}

.header-gauge .gauge-inner{ padding: 15px 10px; text-align: center;}
.header-gauge .gauge-inner h2.air-top{
    color: #fff;
    font-weight: bold;
    margin: 0;
    font-size: 30px;
    line-height: 38px;
    margin-top: 3px;
}
.header-gauge .gauge-inner h5.m-name{ margin: 0; font-size:14px; font-weight: 600; margin: 0; color: #fff; text-transform: uppercase;}



/*==================Custom Responsive==================*/

@media only screen and (min-device-width : 992px) and (max-device-width : 1099px){

    .header-gauge .gauge-inner{ margin-bottom:15px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px){

    .header-gauge{ margin-top: 15px;}
    .header-gauge .gauge-inner{ margin-bottom:15px;}
    .header-btm ul.pull-left{ padding-left:0;}

}
/**********************************Refresh Timer ****************************/

#refreshTimer{
    bottom: 0;
    position: fixed;
    margin-left: 38%;
    z-index: 99;

}
#refreshTimer .count-timer{


    color: #fff;
    font-size: 12px;
    line-height: 6px;
    padding: 5px;
    opacity: 0.8;
}

/********************************************** ACTION PAGE ********************************/


#settingMenuGrid .jarvismetro-tile .iconbox i {
    display: block;
    height: 90px;
    margin: 5px auto 0;
}


.iconbox i
{
    font-style: normal;
}


.action-tile.metro-label-circle {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 2px 1px 3px #000;
    color: #555;
    font-size: 20px;
    height: 35px !important ;
    left: 61%;
    line-height: 20px;
    opacity: 0.7;
    padding: 6px 6px 6px 7px;
    transition: all 0.3s ease-in-out 0s;
    width: 35px !important;
}

.metro-label-circle:hover,.schedule-job:hover {
    box-shadow: 2px 2px 3px #000;
    opacity: 1;
}

.metro-style-row .jarvismetro-tile .iconbox span.metro-with-circle {
    margin-top: 20px;
}

.metro-style-row .jarvismetro-tile .iconbox span.schedule-job-tile-title {
    margin-top: 30px;
    text-align: center;
    position: relative;
}


.jarvismetro-tile .iconbox span.tile-title {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
}

.custom-ellipsis
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 85% !important;
}

.schedule-job-tile-title
{
    font-size: 12px;

    font-weight: bold;
}

.schedule-job
{
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 2px 1px 3px #000;
    color: #555;
    font-size: 20px;
    height: 25px !important ;
    left: 61%;
    line-height: 20px;
    opacity: 0.7;
    padding: 6px 6px 6px 7px;
    transition: all 0.3s ease-in-out 0s;
    width: 25px !important;
}


.widget-shadow{ border:1px solid #e4e7ea !important; }

.jarviswidget .amcharts-main-div .amcharts-legend-div > svg{ padding:0 10px !important;}

#btnMonitorPolling .fa-refresh
{
    color: #fff;
}

.chartMessage {
    background: rgba(231, 231, 231,0.5);
    font-style: normal;
    padding: 5px;
    position: absolute;
    right: 0;
    top:25px;
    text-align: center;
    width: 100%;
    padding: 0 0 12px 0;
}
.chartMessage i.fa-info-circle {
    font-size: 0;width: 100%;left: 0; height: 40px;background: url("../images/brand-icon.png") no-repeat;
    background-size: auto 80%;
    background-position: center;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

/*tooltip Monitor Settings css*/

.tooltip-content{border:1px solid #c2c2c2; background:#fff; width: 500px; font-size: 12px; padding:10px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); position: absolute; left:100px; top:0; z-index:9999;}
.tooltip-hover .tooltip-title{padding:5px;}
.tooltip-hover .monitor-name{color:#fff; display:inline-block; vertical-align:middle; line-height:22px; font-weight: 600;}
.tooltip-hover .monitor-action{ float:right;}
.tooltip-hover .monitor-action button.button{ background:none; border:none; width:25px; height:25px; margin: 0 3px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.tooltip-hover .monitor-action button.btn-ping{background: url("../images/ping-checker-black.png")center center no-repeat #fff; background-size:15px auto;}
.tooltip-hover .monitor-action button.btn-trace-route{background: url("../images/trace-route-black.png") center center no-repeat #fff; background-size:15px auto;}

.tooltip-hover .table{ margin-bottom: 0;}
.tooltip-hover .tooltip-gauge{ padding-top:10px;}
.tooltip-hover .tooltip-gauge .row{ margin-left:-5px; margin-right:-5px;}
.tooltip-hover .tooltip-gauge .col-md-3{ padding-left:5px; padding-right: 5px;}
.tooltip-hover .tooltip-gauge .tool-gauge-inner{ padding:5px 10px; text-align: center;}
.tooltip-hover .tooltip-gauge .tool-gauge-inner h5{ margin:0; color:#fff; font-size:12px; line-height:16px; text-transform: uppercase;}
.tooltip-hover .tooltip-gauge .tool-gauge-inner h2{ margin:0; font-size:18px; line-height:20px; font-weight: bold; color: #fff;}
.tooltip-hover .tooltip-gauge .tool-gauge-inner div.m-name{ margin:0; font-size:18px; line-height:20px; font-weight: bold; color: #fff;}
.gauge-analytics{position: absolute;bottom: 2px;}

#monitorTooltipInfo
{
    font-size: 12px;
}
#monitorTooltipInfo .m-name
{
    font-size: 15px;

    font-weight: bold;
}

#monitorTooltipInfo .air-top
{
    font-size: 15px;
}


/*************************** D3 BIDIRECTIONAL ****************************/

.node rect {
    cursor: move;
    shape-rendering: crispEdges;
}

#flowVisualizationContainer .node text {
    pointer-events: none;
    text-shadow: 1px 1px 2px #fff;
    font-size: 0.8em;
    font-family: sans-serif;
}

#topologyContainer .nodeText{
    font-size: 0.9em;
}

#topologyContainer svg text
{
    font-size: 2.5em;
}

#tooltip {
    position: absolute;
    pointer-events: none;
    font-size: 0.7em;
    font-family: sans-serif;
    padding: 3px;
    width: auto;
    height: auto;
    background-color: #F2F2F2;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -mox-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.value {
    white-space: pre-line;
    margin: 0;
}


/*====================Topology=================*/

/*Network Topology*/

.d3plus_data {
    shape-rendering: auto !important;
}

/*Changes*/

.topology-logo-group {
    background-color: #f8f8f8;
    /*background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;*/
    border-radius: 2px;
    color: #c4bab6;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 22px;
    margin: 0;
    padding: 2px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 22px;
    border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;

}


/***************** D3plus **************/


#nodeContainer ul {
    background-color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 150px;
}

#nodeContainer li a {
    color: #000;
    display: block;
    padding: 6px 12px;
    text-decoration: none;
}

#nodeContainer li:last-child {
    border-bottom: none;
}

#nodeContainer li a.active {
    background-color: #4CAF50;
    color: white;
}

.topology-btn-tree-panel ul li span {position: relative;padding: 7px;}
.topology-btn-tree-panel #nodeContainerPopUp {
    position: absolute;
    top: 20px;
    background: #fff;
    float: left;
    z-index: 1;
    border: solid 1px #ccc;
    left:33px;
    border-radius: 3px;
}
.topology-btn-tree-panel #nodeContainerPopUp:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 5px;
    margin-left: -5px;
}
.topology-btn-tree-panel #nodeContainerPopUp ul {
    /*background-color: #fff;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.topology-btn-tree-panel #nodeContainerPopUp li {
    padding: 0;
    border-bottom: solid 1px #ccc;
    cursor: pointer;
}
.topology-btn-tree-panel #nodeContainerPopUp li a { padding: 3px 12px;}
.topology-btn-tree-panel #nodeContainerPopUp li:last-child {
    border: none;
}
.topology-btn-tree-panel #nodeContainerPopUp li:hover, .topology-btn-tree-panel #nodeContainerPopUp li:hover a{
    background:#289abb !important;
    color: #fff;

}

.topology-btn-tree-panel #nodeContainerPopUp li a {
    color: #000;
    display: block;

    text-decoration: none;
}

.topology-btn-tree-panel #nodeContainerPopUp li:after, .topology-btn-tree-panel #nodeContainerPopUp li::before {
    border:0;
    display: none;
}
.topology-btn-tree-panel #nodeContainerPopUp li:last-child {
    border-bottom: none;
}

.topology-btn-tree-panel #nodeContainerPopUp li a.active {
    background-color: #4CAF50;
    color: white;
}
.topology-btn-tree-panel > .widget-toolbar {position: absolute;left: 0 !important;padding: 0;}
.topology-btn-tree-panel > .widget-toolbar > label.input {width: 67%;}
.topology-btn-tree-panel > .widget-toolbar > .btn-group {position: absolute;right: 7px;top: 7px;}

/*****Sankey****/


#flowVisualizationContainer .node rect {
    cursor: move;
    fill-opacity: .9;
    shape-rendering: crispEdges;
}

#flowVisualizationContainer .node text {
    pointer-events: none;
    text-shadow: 0 1px 0 #fff;
}

#flowVisualizationContainer .link, .sankeyVisualization .link {
    fill: none;
    stroke: #000;
    stroke-opacity: .2;
}

#topologyContainer .link:hover, #flowVisualizationContainer .link:hover, .sankeyVisualization .link:hover {
    stroke-opacity: .5;
}

#topologyContainer .svg-container, #flowVisualizationContainer .svg-container, .sankeyVisualization .svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
#topologyContainer .svg-content-responsive, #flowVisualizationContainer .svg-content-responsive, .sankeyVisualization .svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}




/*************************** Central ModalLoader Discovery Provision ****************************/


.MessageBoxMiddle .pText{ margin-bottom:15px;}

.MessageBoxContainer .MessageBoxMiddle .MsgTitle.provision-discovery{ position:static;}

.modal-backdrop{ z-index: 905;}

.correlation-row
{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
    padding-top: 5px;
}

.cursor-default
{
    cursor: default;
}

.correlation-row span i
{
    padding: 3px;

    font-size: 1.7em;
}

.correlation-row span
{
    font-size: 12px;

    font-weight: bold;

}

.label-correlation {
    background-color: #f9f9f9;
    color: #333;
    cursor: default;

}
.correlation-row .label-correlation
{
    width:35%;
    text-overflow:ellipsis;
    overflow: hidden;
    display:inline-block;
    text-align: left;
}

#btnRCA
{
    cursor: pointer;
}


#severity-content i
{
    font-size: 1.7em;

    padding: 5px;
}

#correlation-content {
    padding-top: 0px;
}

#severity-content
{
    padding-bottom: 5px;

    padding-left: 40%;

    border-bottom: 1px dashed #ddd;

    line-height: 1.42857;

    vertical-align: top;
}


#severity-content span
{
    font-size: 12px;

    font-weight: bold;

}
#linkTable,#traceRouteTable{
    /*#d3plus_link,#d3plus_traceRoute.no-padding .dataTables_wrapper table, .no-padding > table  {*/

    border-color: Scrollbar !important;
    border-style: ridge !important;
    border-width: 1px !important;
    margin-top: -10px !important;
}
#linkTable{
    width: 100% !important;
}
/************************* TOPOLOGY *********************************/

#widgetTopologyContainer .ms-parent{
    display: table;
    width:140px !important;
    padding-top: 3px; !important;
}

#widgetTopologyContainer .ms-parent .ms-choice{
    height: 25px;
    box-sizing: border-box; !important;
}
#widgetTopologyContainer #jarviswidget-fullscreen-mode  div[role=content],#widgetFlowVisualizationContainer #jarviswidget-fullscreen-mode  div[role=content], #widgetAdminMenuGrid #jarviswidget-fullscreen-mode  div[role=content], #dashboardCategorySection #jarviswidget-fullscreen-mode  div[role=content], #widgetAlertMenuGrid #jarviswidget-fullscreen-mode  div[role=content], #widgetActionMenuGrid #jarviswidget-fullscreen-mode  div[role=content], #reportCategorySection #jarviswidget-fullscreen-mode  div[role=content]{

    overflow-x: hidden;
    overflow-y: scroll;

}
#widgetTopologyContainer , #widgetFlowVisualizationContainer, #widgetAdminMenuGrid, #dashboardCategorySection, #widgetAlertMenuGrid, #widgetActionMenuGrid, #reportCategorySection{
    overflow-x: hidden;
    overflow-y: hidden;
}

.slider.slider-horizontal .slider-track {
    border: 1px  #fff;
    border-radius: 10px;
    height: 7px;

}

.slider-track {
    background: #fff none repeat scroll 0 0;

}

.slider-handle::before {
    content: "";
}

.slider-handle.round {
    border-radius: 100%;
    height: 12px;
    width: 12px;
}
.slider-handle {

    border: 2px solid #ffffff;
    color: #bdbdbd;

}

#column-container-left {
    padding: 0 5px 0 0;
}
#column-container-right{
    padding: 0 0 0 5px;
}
.select-icon-grid
{
    max-width: 400px;
    min-width: 189px;

}
.SmallBox .fa-info-circle
{
    color:#FFFFFF !important;
}

[data-progressbar-value]::after {
    left: auto;
    right: 2px;
}
[data-progressbar-value]::before {
    left: auto;
    right: 12px;
}
[data-progressbar-value] {
    margin-top: 10px;
}
/****************************** COMMON GUI ISSUE RELATED ********************/

.smart-form .state-error  em ,.error {
    color: #d56161 !important;
    display: block;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    padding: 0 1px;
}

.smart-form #widgetTabContainer fieldset{

    padding-top:0px !important;
}
.CodeMirror-scroll {
    padding-top: 5px;

}
div.tooltip-inner {
    max-width: 350px; !important;
    position: relative;
    min-width:60px;
}
.smart-form .icon-append {
    border-left:none ;

}

#panelControlForm .icon-append
{
    border-left: 1px solid black !important;
}
#widgetHomeScreenGrid .jarviswidget > header{

    cursor: default;
}


#csvFileUploadModalForm{
    z-index: 1060 !important;
}


/********** Tooltip for tags *************/

.smart-form .labelInput .icon-append:hover
{
    cursor: pointer;
}

.smart-form .labelInput .icon-append:hover+.tooltip-bottom-right , #widgetTabContainer .icon-tooltip:hover+.tooltip-bottom-left
{
    right:0;
    left:auto;
    margin-top:5px;
}

.smart-form .labelInput .icon-append:hover+.tooltip, #widgetTabContainer .icon-tooltip:hover+.tooltip
{
    opacity:1

}


/**************************  Dashboard tile mouseOver in IE *******************/

.jarvismetro-tile:hover
{
    z-index:10;
    -ms-transform:scale(1.07);
}

/**************************  Dashboard tile visible in IE *******************/

.jarvismetro-tile
{
    border: 1px solid !important;

}

/* Start topology */
.white-tipsy-tooltip .tipsy-inner
{
    background: #f5f5f5 ;
    color: #111;
    border: 1px solid #c6c6c6 ;
}

.white-tipsy-tooltip .tipsy-inner br
{
    margin-bottom: 6px !important;
}

.white-tipsy-tooltip .tipsy-title
{
    font-weight: bold;
}
/* End Topology */



.userGuideNumbering
{
    font-size: 95px;
    /*color: orange;
    */
    font-family: Roboto,Open Sans,Arial,Helvetica,sans-serif
}

.userGuideDesc
{
    margin-top: 20px;
    padding-left: 22px
}

#dashboardContainer #chat-container , #reportContainer #chat-container{
    border-left: medium none;
    border-right: 1px solid #cdcecf;
    width: 100%;

}

.form-control
{
    font-size: 12px;
}


#widgetPivotForm footer

{
    background: #fff none repeat scroll 0 0;
}

#chat-container.open {
    right: 0 !important;
}

#chat-container {
    height: auto;
    /*max-width: 250px;*/
    width: auto;
}
#chat-container {
    float: left;
    position: relative;
}
#dashboardContainer #chat-container .chat-list-footer #reportContainer #chat-container .chat-list-footer {
    border-right: medium none;
    border-top: medium none;
    padding: 6px;
}
#chat-container .chat-list-footer {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#chat-container .chat-list-body {
    height: auto;
    max-height: 600px;
    overflow: auto;

    background: #FFF;
}

#dashboardGridContainer .list-group-item
{
    border: none;
    border-bottom: 2px solid gray;
}
#categoryList a{
    font-size: 13px;
}



#dashboardContainer .nav-pills > li.inactive > a, #reportContainer .nav-pills > li.inactive > a{
    color:black;
}
#dashboardGridContainer a.list-group-item .list-group-item-heading
{
    color:#3276b1;
}

/* subnet view Screen */

.subnet-view-block{ border:2px solid #7DAF53; padding-bottom:10px;}
.subnet-view-block .subnet-view-head{ height:20px; background:#7DAF53; text-align:center; color:#fff;}
.subnet-view-block ul{ padding:0; list-style:none;}
.subnet-view-block ul li{ clear:both;}
.subnet-view-block .ip-list{ float:left; width:100%;}

.subnet-view-block .ip-list .ip-block{ width:9%; float:left; border:1px solid #c2c2c2; height:15px; line-height:20px; position:relative; font-size:9px;}
.subnet-view-block .ip-list .ip-block .ip-bullet{ height:12px; width:11px; z-index:1; position:absolute; right:-7px; bottom:-7px; background:#FFFFFF; display:block; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}
.subnet-view-block .ip-list .first-ip{ padding-right:4px; text-align:right; border:1px solid transparent; border-right:1px solid #c2c2c2;}
.subnet-view-block .ip-list .last-ip{ padding-left:4px; text-align:left; border:1px solid transparent; border-left:1px solid #c2c2c2;}/************** Data Secutiry Grid *****************/


/* Grid Column Wrap for label issue  */

#logsourceGrid, #layerComponentGrid, #addComponentsGrid, #addLayerGrid, #widgetMonitorTemplateGrid article .header-gauge table{

    table-layout: fixed;

    width: 100% !important;

}

.dataTableHeaderWidth {

    width: 100% !important;

    word-wrap:break-word;

}


.dataTable > tbody > tr > td, .dataTable > tbody > tr > th, #widgetMonitorTemplateGrid article .header-gauge table > thead > tr > th, #widgetMonitorTemplateGrid article .header-gauge table > tbody > tr > td
{
    word-break: break-all;

    line-height: 2 !important;

    padding: 5px 7px !important;


}

.dataTable tr td .label, #widgetMonitorTemplateGrid article .header-gauge table .label
{

    display: inline-block !important;

    font-size: 97% !important;

    white-space: normal !important;

    word-break: break-all !important;

}

.businessServiceDisable
{
    font-size: 11px;!important;
    opacity:0.3!important;
}

/************* Monitor TAB ******************/

#widgetMonitorTemplateGrid #monitorTemplateTab li {
    float: none;
}
#widgetMonitorTemplateGrid #monitorTemplateTab {
    position: absolute;
}
#widgetMonitorTemplateGrid .carousel .wrap {
    min-width: 70%;
}

.monitorAction li {
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 2px;
}
.monitorAction {
    padding: 0;
}
.monitor-action-color {
    color: #3c84c2;
}
.monitorAction {
    margin-right: 5px;
}
.monitorAction .logo-group {
    cursor: pointer;
}
#monitorTemplateTabContainer .widget-row-container
{
    margin: 0;
    padding: 0 5px 2px 2px;
}

/*******************smart admin Theme 1.8.3 changes*****************************/

.select2-dropdown li[aria-selected=true]
{
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}


.select2-results .select2-results__option {
    -moz-user-select: none;
    cursor: pointer;
    margin: 0;
    min-height: 1em;
    padding: 3px 7px 4px;
}
.select2-selection__choice__remove {
    min-width: 0px;
    min-height: 0px;
}
.fc-scroller{
    height: auto !important;
}
.fc-content
{
    cursor: auto;
}


/*********widget pivot control***************/
.aside, .sliderControl {
    min-width: 350px;
    width: 15%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    border-right: 1px solid #333;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 1050;
    width: 0px;
    min-width: 0px;
    overflow: hidden;
    transition: 0.50s width ease, 0.50s min-width ease;
}

.aside .aside-header .close, .sliderControl .aside-header .close {
    float: right;
    cursor: pointer;
}

.aside .aside-contents, .sliderControl .aside-contents {
    padding: 0.5em;
    padding-bottom: 1em;
}

.aside.in,.sliderControl.in {
    width: 100%;
    min-width: 450px;
}

.aside-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    transition: 0.2s opacity ease;
    opacity: 0;
    display: none;
}

.aside-backdrop.in {
    display: block;
    opacity: 0.5;
}

.widgetList span{

    font-size: 12px;
}

.knobs-demo > div {
    display: inline-block;
    margin-left: 30px
}

.knobs-demo > :first-child {
    margin-left: 0
}

.pivotControl label input[type=checkbox].checkbox + span:before, .pivotControl label input[type=radio].radiobox + span:before {
    border: 1px solid #5E5E5E
}

.pivotControl label:hover input[type=checkbox].checkbox + span:before {
    border-color: #E77317
}

.pivotControl label {
    margin-bottom: 4px !important
}

.pivotControl .checkbox i {
    border-color: #7A7A7A
}

.pivotControl .checkbox, .pivotControl .radio {
    padding-left: 22px
}

.pivotControl.activate {
    right: 0 !important;
    box-shadow: -11px 12px 23px rgba(0, 0, 0, .2);
    padding: 5px 10px 10px
}

.pivotControl #pivot-control-setting + form {
    display: none
}

.pivotControl.activate #pivot-control-setting + form {
    display: block
}

.pivotControl {
    position: absolute;
    top: 5px;
    right: 0;
    width: 160px;
    z-index: 902;
    background: #F1DA91
}

.pivotControl > span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 5px 0 0 5px;
    background: #F1DA91;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}

.pivotControl > span i {
    font-size: 17px
}

.pivotControl.activate > span i:before {
    content: "\f00d"
}

.pivotControl.activate > span {
    left: -30px
}

.pivotControl > span:hover i {
    color: #333 !important
}

.pivotControl form section {
    margin: 0 !important
}

.pivotControl .btn {
    font-size: 13px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    padding: 3px 7px !important;
    height: auto !important
}


.demo-btns {
    margin: 0;
    padding: 0;
    list-style: none
}

.demo-btns > li {
    display: inline-block;
    margin-bottom: 7px
}

.nav-demo-btn {
    display: none
}

body:not(.menu-on-top) .nav-demo-btn {
    display: block;
    padding: 6px 5px;
    margin: 5px 10px;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    white-space: normal
}

.fixed-navigation .nav-demo-btn, .minified .nav-demo-btn {
    display: none !important
}

.smart-rtl .pivotControl .margin-right-5 {
    margin-right: 0 !important
}

.border-b {
    border-bottom: solid 1px #ccc
}


#widgetPivotForm.smart-form *, .smart-form *::after, .smart-form *::before, #alertForm.smart-form *
{
    box-sizing: border-box !important;
}

#widgetPreviewForm.smart-form *, .smart-form *::after, .smart-form *::before, #alertForm.smart-form *
{
    box-sizing: border-box !important;
}



#alertForm.smart-form .radio input + i::after,  .radio1,#widgetPivotForm.smart-form .radio input + i::after
{
    left: 2px !important;
    top: 2px !important;
}
/********************************pivot analytics **********************************/
.step-inner {
    background: #edf8f4 none repeat scroll 0 0;
    border-left: 5px solid #00d388;
    float: left;
    padding: 7px 10px;
    width: 100%;
    margin-bottom: 2px;
}
.step-inner .composite-row-btn {
    border-left: 1px solid #4c4f53;
    height: 100%;
    padding: 0 0 0 7px;
    position: absolute;
    right: 0;
    top: 0;
}
.step-inner .composite-row-btn a i {
    color: #4c4f53;
    font-size: 22px;
    margin-top: 5px;
}

.step-inner .composite-row-btn a:last-child {
    margin: 0;
}
.step-inner .composite-row-btn a {
    float: left;
    margin-right: 3px;
}
.step-inner section:first-child {
    padding-left: 15px;
}
.step-inner section {
    margin-bottom: 0;
    padding-left: 0;
}
/***********************************************************************************/

.tree li .ms-choice span
{
    border :none !important;
}
.tree .ms-drop.bottom li
{
    padding:0 0 0 5px !important;
}

.tree li .ms-drop ul
{
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.tree li span {
    border: 1px dotted #999;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    text-decoration: none;
    transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
}

.tree .select2-selection__choice__remove
{
    line-height: 1.4 !important;

    margin-right: 2px !important;

}

#widgetPreviewContainer{

    width: 100% !important;
}


/*.anchor-timerange a:not(:nth-child(1))
{
    margin-left:10px;

}*/
.anchor-timerange a.active
{
    font-weight:bold;
}



#widgetPivotForm .mCS_no_scrollbar_y{

    height:100% !important;
}

#widgetPreviewForm .mCS_no_scrollbar_y{

    height:100% !important;
}

.sliderControl.in
{
    height: 100vh;
    overflow-y: scroll;
}

.border-r {
    border-right: dotted 1px gray;
}

.border-l {
    border-left: dotted 1px gray;
}

.aside-container{
    height:90vh;
    overflow-y: auto;
}

.main-custom-panel {
    width: 100%;
    float: left;
}
.main-custom-panel .left-part {
    width: 50px;
    float: left;
    position: absolute;
    left:0;
    background: #424B54;
    height: 100%;
}
.main-custom-panel .right-part {
    position: relative;
    left:0;
    margin-left: 50px;
    display:block;
}
.menu-custom-panel, .menu-custom-panel .menu-inner {
    width: 100%;
    float: left;
}
.menu-custom-panel a {
    width: 100%;
    float: left;
    color: #c0bbb7;
    border-bottom: 1px solid #1a1817;
    border-top: 1px solid #525151;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.menu-custom-panel a.active::before {
    content:"\f0d9"
}
.menu-custom-panel a.active::before {
    content:"\f0d9";
    font-family:FontAwesome;
    display:block;
    height:27px;
    line-height:normal;
    width:27px;
    position:absolute;
    right:-10px;
    font-size:20px;
    color:#eee;
    top:6px;
}
.menu-custom-panel a:hover {
    color: #fff;
}
.menu-custom-panel a i {
    font-size: 22px;
    margin-bottom: 5px;

    margin-top: 5px;
}
.menu-custom-panel a span {
    font-size: 12px;
}


/*******************GAUGE CSS*****************************************/
.widget-chart-panel, .widget-chart-panel ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget-chart-panel ul li {
    background: #f2f2f2  none repeat scroll 0 0;
    float: left;
    padding: 10px;
}

.widget-chart-panel ul li div.chart-cover {
    border: 5px solid #fff;
    float: left;
    padding: 10px 10px 0 10px;
    position: relative;
    width: 100%;
    /*min-height: 140px;*/
}
.widget-chart-panel ul li div.chart-cover .chart-title-b {
    border-bottom: 1px solid #fff;
    float: left;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.widget-chart-panel ul li div.chart-cover .chart-title-s {
    float: left;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.widget-chart-panel ul li div.chart-cover .chart-title-db {
    float: left;
    font-size: 45px;
    line-height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Montserrat';
}
.widget-chart-panel ul li div.chart-cover .chart-title-ss {
    float: left;
    font-size: 10px;
    font-weight: 400;
    width: 100%;
}
.widget-chart-panel ul li div.chart-cover .chart-pos-set {

    bottom: 0;
    float: right;
    font-size: 20px;
    height: 65%;
    line-height: 100px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    opacity: 0.3;
    z-index: 1;
}

.gauge-spacer {
    /*position: relative;*/
    z-index: 10;
    float: left;
    height: 100%;
    width: 100%;
}

.chart-title-b .fa-search
{
    cursor: pointer;
}

/******************discovery progress***************/

.discovery-progress{
    position:absolute;
    top:13px;
   /* left:66%;*/
    background-color:green;
    height:1.5em;
    width:1.5em;
    border-radius:50%;
    cursor: pointer;
    margin-left: -31px;
}
.discovery-progress:before{
    position:absolute;
    height:1.5em;
    width:1.5em;
    left:5px;
    top:6px;
    border-radius:50%;
}

.upgrade-progress{
    position:absolute;
    top:13px;
    /* left:66%;*/
    background-color:green;
    height:1.5em;
    width:1.5em;
    border-radius:50%;
    cursor: pointer;
    margin-left: -31px;
}
.upgrade-progress:before{
    position:absolute;
    height:1.5em;
    width:1.5em;
    left:5px;
    top:6px;
    border-radius:50%;
}


.licensealert-progress{
    position:absolute;
    top:13px;
    /* left:66%;*/
    background-color:green;
    height:1.5em;
    width:1.5em;
    border-radius:50%;
    margin-left: -23px;
}
.licensealert-progress:before{
    position:absolute;
    height:1.5em;
    width:1.5em;
    left:5px;
    top:6px;
    border-radius:50%;
}

@keyframes active{
    0%{transform:scale(.1); opacity:1; }
    50%{ transform:scale(0.9);opacity:0;}
}
@-moz-keyframes active {
    0%{transform:scale(.1); opacity:1; }
    50%{ transform:scale(0.9);opacity:0;}
}
@-webkit-keyframes active {
    0%{transform:scale(.1); opacity:1; }
    50%{ transform:scale(0.9);opacity:0;}
}
@-ms-keyframes active {
    0%{transform:scale(.1); opacity:1; }
    50%{ transform:scale(0.9);opacity:0;}
}
@-o-keyframes active {
    0%{transform:scale(.1); opacity:1; }
    50%{ transform:scale(0.9);opacity:0;}
}

.discovery-title
{
    width: 200px; margin-top: 11px; /*margin-left: 72%;*/text-overflow: ellipsis;white-space:nowrap;overflow: hidden;padding: 5px;
}

.upgrade-title
{
    width: 200px; margin-top: 11px; /*margin-left: 72%;*/text-overflow: ellipsis;white-space:nowrap;overflow: hidden;padding: 5px;
}

.license-alert-title
{
    width: auto; margin-top: 11px; /*margin-left: 72%;*/text-overflow: ellipsis;white-space:nowrap;overflow: hidden;padding: 5px;
}

.widget-edit-btn, .widget-toggle-btn
{
    padding:10px 10px 10px 5px;
}

.timeline ul li a
{
    font-size: 14px;
    margin-right: 7px;
    cursor: pointer;
    width:30px !important;
    height:30px !important;
}


.health-info {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    color: #333;
    display: block;
    font-size: 15px;
    margin: 5px 0;
    padding: 7px 15px;
    text-decoration: none;
}
/*WRITE NEW CSS START WITH PROPER TITLE*/
#widgetPivotForm.smart-form fieldset {
    padding: 25px 18px 5px;
}
#widgetPreviewForm.smart-form fieldset {
    padding: 25px 18px 5px;
}

/*--Time Range Css--*/
.time-range-panel .anchor-timerange .list-s {
    width: 100%;
    float: left;
}
.time-range-panel .anchor-timerange .list-s a {
    padding: 0px 12px;
    cursor: pointer;
    /* margin: 5px;
     margin-left: 0;*/
    float: left;
}
.time-range-panel .border-left {
    border-left: solid 1px #EBEBEB;
}

.widget-tiles span, .widget-health-tiles span {
    font-size: 22px;
    font-weight: bold;
}
.widget-tiles > div:not(:last-child) {
    padding-right: 0;
}
.widget-tiles > div, .widget-health-tiles > div {
    padding: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.margin-top-2 {
    margin-top: 2px;
}

/*************************************Chart Drill Down***********************************/
#widgetActionType li{width: 100%; margin:0px;}

.btnSize {height: 31px}

#widgetPivotType li a i {width: 20px;}
.drill-down-btn-widget .btn-group {
    position: absolute;
    top:10px;
    right: 14px;
    z-index: 9;
    cursor: pointer;
}
.drill-down-btn-widget .btn-group.open ul.dropdown-menu {
    left:initial;
    right: 0;
}
.drill-down-btn-widget .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.widget-body .drill-down-btn-widget .btn-group i {
    color: #808080;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.widget-body .mCSB_container:hover .drill-down-btn-widget .btn-group i {
    color: #000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.drill-down-btn-widget .amcharts-export-menu {
    right: 25px;
}
.drill-down-btn-widget .amcharts-export-menu ul li.export-main ul {
    margin-top: -8px;
}
.chart-title-b .drill-down {
    position: absolute;
    top:10px;
    right: 10px;
}
.gauge-chart .chart-title-b .drill-down i {color: #fff;}
.gauge-chart .chart-title-b {padding-right: 10px;}

.chart-drill-down {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1;
}
.chart-drill-down a i {
    cursor: pointer;
    color: #808080 ;
}
.chart-drill-down a:hover i {
    color: #000;
}
.chart-title-b .drill-down
{
    position: absolute;
    top:10px;
    right: 10px;
}

.chart-title-b .fa-search
{
    cursor: pointer;
}

.chart-drill-down {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1;
}
.chart-drill-down a i {
    cursor: pointer;
    color: #808080;
}
.chart-drill-down a:hover i {
    color: #000;
}
/*----------New Changes - 04-01-2017--------*/
.modal-body .smart-form fieldset {padding:10px 14px 5px }
#dashboardContainer.widget-body .widget-body-toolbar, #reportContainer.widget-body .widget-body-toolbar {padding: 11px 10px 10px;}
#userInformationContainer article .jarviswidget.well {margin:5px 0 5px 0;}
#userInformationContainer .inline-group  {margin:0;}
#userInformationContainer .inline-group label  {margin-bottom:0;}
#userInformationContainer .inline-group label  {margin-bottom:0;line-height: 0}
.dashboard-pop-up-footer {margin: 0px -15px -11px;}
body .jarviswidget .jarviswidget {margin-bottom: 0;}
#inlinePopupForm .metro-style-row ul {margin: 0}
#inlinePopupForm .metro-style-row ul li {margin: 4px 4px 10px 0}
.report-t-spacer {padding: 6px 0}
#configurationTiles .alert.alert-info {margin: 0 0 -8px}
#adminMenuModalFormBody .jarviswidget {margin-bottom: 0}
.page-footer {position: fixed;z-index: 100}
.homescreen-tags label {width: 100%;}
.homescreen-tags label span.select2-container {top:-5px;right: 0px;}

#homeScreenTabContainer .head-performance
{
    height: 100px;
    text-align: center;
}




.log-error-panel {padding: 0;max-height: 400px;overflow: auto}
.log-error-panel li {max-height: 80px;overflow: hidden;padding-bottom: 24px; border-bottom:dashed 1px #ddd; display: inline-block;position: relative;margin-bottom: 15px;width: 97%;font-size: 11px;}
.log-error-panel li:before {width: 100%;height: 25px;position: absolute;bottom: 0;content: "";float: left;background: #fff;}
.log-error-panel li a {position: absolute;bottom: 2px;font-size: 10px;left: 0;text-decoration: underline;cursor: pointer}
.log-error-panel li.more-content {max-height: none;padding-bottom: 25px;}


/*********** Monitor Tooltip ******************/
.monitor-tooltip
{
    padding: 0 1rem;
    border-radius: .25rem;
    padding-top: 1rem !important;
    margin: 0 0 !important;
}

#topologyContainer
{
    position: relative;
    margin:0;
}

#monitorTooltip
{
    float: right;
    position: absolute;
    z-index: 2;
    right: 17px;
    top: 50px;
    background-color: #DADBDD;
    border-left: 4px solid;
    border-radius: 5px;
    display:none;
}

#topologyContainer svg
{
    position: absolute;
}

#monitorTooltip .text-muted {
    color: #9da0a8 !important;
}


#monitorTooltip .tab-content
{
    border-top: 1px solid #e4e6eb;
    border: 1px solid #CFD2D8;
    height: auto;
}

#monitorTooltip .text-xs-center{
    text-align: center !important;
}

#monitorTooltip .bg-faded {
    background-color: #f0f2f7;
}

#monitorTooltip .monitor-logo-group
{
    height: 18px;
    width: 18px;
    font-size: 11px;
}

#monitorTooltip hr
{
    margin-bottom: 0px !important;
    margin-top: 10px !important;
}

#monitorTooltip .badge
{
    margin-right: 2px !important;
}

#monitorTooltip .progress
{
    margin: 0px;
    border-radius: 4px !important;
    margin-top: 3px;
}



i[data-link=availability-heatmap-drill-down][data-severity]:not([data-severity='0']):not([data-severity='1']),label[data-link=drill-down],.monitor-health-history-column-cell:not(.Clear)
{
    cursor: pointer;
}

i[data-link=alert-heatmap-drill-down][data-severity]:not([data-severity='4'])
{
    cursor: pointer !important;
}


a[data-link=drill-down][data-type=alert]
{
    cursor: pointer;
}

.smart-timeline-list .smart-timeline-content .ip-name{background: #ececec;border:solid 1px #ddd; border-radius: 150px;float: right;font-style: normal;margin-right: 10px;padding: 3px 10px;}
/*.alert-duration {background: #ececec;border: solid 1px #ddd; border-radius: 150px;position: relative;top:-7px; float: right;font-style: normal;margin-right: 10px;padding: 3px 10px;}*/
/*.smart-timeline-list .smart-timeline-time small {font-style: normal}*/
.smart-timeline-list .smart-timeline-content .chat-body.profile-message {width: 75.3%;}
.smart-timeline-list .smart-timeline-content .smart-form {width: 59%;}
#widgetMonitorTemplateGrid .header-gauge table.table-condensed td em  {font-style: normal;font-weight: normal;margin-left: 5px;}
#widgetMonitorTemplateGrid .header-gauge table.table-condensed tr td {border-right: solid 1px #ddd;}
#widgetMonitorTemplateGrid .header-gauge table.table-condensed tr td {border-right: solid 1px #ddd;}
#widgetMonitorTemplateGrid .header-gauge table.table-condensed td em span {margin-right: 2px;}
#widgetMonitorTemplateGrid ul li .activity.btn-success {cursor: pointer}
.mar-b-20 {margin-bottom: 20px;}
body #NSQGrid,#healthGrid,#JVMGrid,#errorMonitors {margin-top: 0 !important;}
body #ESContainer table {border:0;margin-bottom: 0;}
body #widgetMonitorTemplateGrid table.table-condensed {background: #fff;margin-bottom: 0;}
body #monitorTemplateTabContainer #widget-grid .widget-grid-row {margin: 0 -5px;}
body .rca-panel {margin: 0 !important;}
body .rca-panel .severity-content {margin: 0;padding: 0;border: none}
body .rca-panel td i {margin-right: 2px;font-size: 19px;}
body .rca-panel td a {cursor: pointer}
body #widgetrcaContainer .jarviswidget {margin-bottom: 15px;}
body .availability-gauge-icon b {width: 96%;float: left;color: #fff;text-align: left;margin-bottom: 3px;position: absolute;bottom: 2px;left:3px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;top:25px;margin-left:3px;font-weight:200;}
body .availability-gauge-icon .title {width: 100%;float: left;border-bottom: solid 1px #fff; color: #fff;text-align: left;text-overflow: ellipsis;white-space:nowrap;overflow: hidden; font-weight:600;margin-bottom: 16px;}
body .availability-gauge-icon .severity-badge {border-radius: 0;color: #fff;font-size: 45px;text-align: left;float: left;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;top:37px; font-family: "Montserrat";width: 100%!important;}
body .availability-gauge-icon .cursor-pointer {display: inline-block;width: 100%;border: 0;border-radius: 0;height: 145px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
body .availability-gauge-icon {padding: 5px 0px 0px 5px !important;}
body .availability-gauge-icon:last-child {padding-right: 5px !important;}
body .availability-icon {color: #fff;float: left;text-align: left;margin-right: 5px; margin-left:3px;}
#discoveredGrid thead tr th
{
    text-transform:capitalize;
}
body .drill-down-box ul {max-height: 200px;}
body .drill-down-box {right: -14px;left: inherit;margin-top: 10px;padding: 0;}
body .drill-down-box ul {display: block;position: relative;margin: 0;border: 0;padding: 0;}
body .drill-down-box:after, body .drill-down-box:before {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

body .drill-down-box:after {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
body .drill-down-box:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
}
body .drill-down-box {background: #fff;}
body .drill-down-box li a {padding: 5px 10px;display: inline-block;width: 100%;color: #333;}
body .drill-down-box li a:hover {background: #2B7ABD;color: #fff;}

#homeScreenTabContainer span[data-alert-type]
{
    cursor: pointer;
}
#pingMonitor span
{
    margin-left: 30px;
}
.health-widget-style-panel ul li {margin-right: 10px;margin-bottom: 15px}
.health-widget-style-panel ul li div.chart-cover {border: 0 }
.health-widget-style-panel ul li div.chart-cover .chart-title-db {font-size: 30px;}
.smart-timeline-time .action-icons {border-right: 1px solid #ccc;margin-right: 15px;padding: 0 10px 0 3px;}
.smart-timeline-time small {border-right: 1px solid #ccc;padding: 0 20px 0 3px;font-style: normal;}
.smart-timeline-time .alert-duration {border-right: 1px solid #ccc;padding: 0 15px 0 0px;margin-right: 15px;font-size: 11px;}
.smart-timeline-time .alert-duration:last-child {border-right:none;}
.smart-timeline-time .action-icons .fa {margin-right: 2px;}

.smart-timeline-time .action-icons {padding: 0px 10px 0px 3px; border-right: 1px solid rgb(204, 204, 204); margin-right: 15px;}

.smart-timeline-time .action-icons small{border-right: 1px solid rgb(221, 221, 221); padding: 0px 20px 0px 3px; font-style: normal; font-size: 11px;}

#alert-msg
{
    font-size: 11px;
}


.themeColor
{
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 8px;
    color: #666;
    cursor: pointer;
}

.userThemeColor div
{
    margin-right: 10px;
}

.addBoarder
{
    border: 2px solid #666;
}

/*///////////////////////GLOBAL SETTING LOGO///////////////////////////*/
#logoContainer
{
    margin-top:25px;
}

a[data-link=drill-down]
{
    cursor: pointer;
}

.open > .dropdown-menu.drill-down-box
{
    animation-duration:0s !important;
    animation-fill-mode: none !important;
    animation-name:none !important;
}

.drill-down-context
{
    list-style: none;
}

.drill-down-header
{
    margin-bottom: 10px;
}

#widgetDrillDownHeader span
{
    margin-left: 5px;
}
[data-progressbar-value="100"]::after
{
    color: inherit;
    content: "%" !important;
}

.drill-down-header .fa.fa-caret-down
{
    margin-left: 5px;
}
#widgetrcaContainer .dataTables_wrapper {border-bottom-width:1px }
#widgetrcaContainer .dataTables_wrapper table tr:first-child td {border-top: 0}
#widgetrcaContainer .rca-panel td > i {margin-right: 5px;}

#monitorSettingTabContainer{margin-top: 11px;}

.fixAutoScreenHeight {overflow: auto}
.fixAutoScreenHeight .li-section {padding-right: 10px !important;}
.fixAutoScreenHeight .mCustomScrollBox .ul-section .li-section:after {border:0 !important;}
.fixAutoScreenHeight  > .li-section:after {border:0 !important;}

.pluginIcon{
    font-size: 2em !important;
}
.metro-style-row #pluginTiles .jarvismetro-tile.big-cubes > i.fa {opacity: 0}
.metro-style-row #pluginTiles .jarvismetro-tile.big-cubes:hover > i.fa {opacity: 1}
.metro-style-row #pluginTiles .jarvismetro-tile.big-cubes:hover > i.fa.fa-desktop {position: relative;top:1px;font-size: 14px;}

.drillDownReport{
    color:white;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 480px;
}
.noChart-block .noChart-inner {font-size: 12px;font-weight: 300;padding:0 4%;text-align: center;text-transform: uppercase}
.noChart-block .noChart-inner i.fa-info-circle {
    font-size: 0;width: 100%;left: 0; height: 40px;
    background: url("../images/wbb-brand-icon.png") no-repeat;
    background-size: auto 80%;
    background-position: center;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.gridster .gs-w {margin-left: 7px !important;margin-top: 0px !important;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {margin-bottom: 1px;}
.gridster .widget-row-container {background: none;}
.gridster .widget-row-container .handle-resize {background: #fff;}

.discovery-provision-alert.alert-warning
{
    background-color:#fcf8e3;border-color:#dbab57;color:#c09853
}
.discovery-provision-alert.alert-danger
{
    background-color:#f2dede;border-color:#b94a48;color:#b94a48
}
.discovery-provision-alert.alert-success
{
    background-color:#dff0d8;border-color:#468847;color:#468847
}

#widget-grid .widget-footer
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0px;
}

.widgetPieChart .amChartsLegend
{
    top: 40px !important;
    max-height: 80% !important;
}

.amcharts-export-menu,.drill-down-search,.drill-down
{
    display: none;
}

.widget-box:hover .drill-down-search,.widget-box:hover .drill-down, .widget-box:hover .amcharts-export-menu, .amcharts-main-div:hover .amcharts-export-menu
{
    display: block;
}

.jumbotron>h5
{
    text-align: center !important;
}

.cajita .fa-info-circle,.bigboxicon .fa-info-circle
{
    color:#FFFFFF !important;
}

#pluginTabContainer .jarvismetro-tile .iconbox span.tile-title, .jarvismetro-tile .iconbox span
{
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
    max-width: 175px;
}
.data-model-list-tab {
    width: 100%;
    float: left;
    padding: 0;
    max-height: 600px;
}
button[disabled], html input[disabled], .select2-container--disabled {
    background: #f1f1f1 !important;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}
.disabled-btn {
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none;
}
.data-model-list-tab ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
}
.data-model-list-tab ul li {
    float: left;
    background: #eeeeee;
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
    margin-bottom: 3px;
    position: relative;
}
.data-model-list-tab ul li a {
    color: #333;
}
.data-model-list-tab ul li:hover a {
    color: #fff;
}
.data-model-list-tab ul li a .badge {
    border-radius: 0;
    width: auto;
    padding: 5px 7px;
    position: absolute;
    right: 10px;
}
.data-model-list-tab ul li:hover a .badge, .data-model-list-tab ul li.active a .badge {
    background: #fff !important;
    color: #2b7abd !important;
}
.data-model-list-tab ul li:last-child {margin-bottom: 0}
.data-model-list-tab ul li:hover, .data-model-list-tab ul li.active {
    background: #2B7ABD;
    color: #fff;
}
.data-model-list-tab ul li.active a {
    color: #fff;
}
.data-model-list-tab-panel {
    width: 100%;
    float: left;
}
.data-model-list-tab-panel .pad-l-0 {
    padding-left: 0;
}
.data-model-list-tab-panel .pad-r-0 {
    padding-right: 0;
}
.data-model-list-tab-panel h3 {
    font-size: 15px;
}
.data-table-btn-panel {
    position: absolute;
    top: 10px;
    right: 25px;
}
.data-table-btn-panel a {
    margin-left: 5px;
}
.full-section {
    width:100%;
    float: left;
}

#adminMenuGrid .rpeBadge
{
    overflow: visible;
}
.pad-l-15 {
    padding-left: 15px;
}
.pad-r-15 {
    padding-right: 15px;
}
.pad-t-15 {
    padding-top: 15px;
}
.pad-b-15 {
    padding-bottom: 15px;
}
.data-table-model {
    width: 100%;
    float: left;
    border: solid 1px #cccccc;
}
.data-table-model header {
    background: #F8F8F8;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: solid 1px #dddddd;
}
.data-table-model header div {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    box-sizing: border-box;
    border-right: solid 1px #cccccc;
}

.snmp-device-signature-header
{
    font-size: 15px;
}

.data-table-model .body {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.data-table-model .body div {
    padding: 10px 11px;
    font-size: 12px;
    font-weight: 600;
    box-sizing: border-box;
    border-right: solid 1px #cccccc;
}
.data-table-model .body > div.row {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}
.data-table-model .body > div.row:last-child {
    border-bottom: none;
}
.data-table-model .body div.row .row {
    padding: 0;
    margin: 0;
}
.data-table-model .body div.row {
    padding-top:0 ;
    padding-bottom:0 ;
}
.data-table-model .body > button.btn {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
}
.data-table-model .body div.row button i.fa {
    position: relative;
    top:2px;
    margin-right: 3px;
}
.data-table-model .body div.row select {
    height: 26px;
}
.data-table-model .body div.row .row div:first-child {
    padding-left: 30px;
}
.data-table-model .body div.row .row div:first-child:before {
    height: 100%;
    left: 13px;
    position: absolute;
    top: 0px;
    width: 5px;
    background: #3F86C3;
    content: "";
}
.data-table-model header div:last-child,.data-table-model .body div.row .row, .data-table-model .body div:last-child, .data-table-model .body .row > row div:nth-child(3) {
    border: none;
}
.data-table-model .body div.row {
    border-right:0 ;
}
.data-model-list-tab-panel .tab-pane {display: none;}
.data-model-list-tab-panel .tab-pane.active {display: block;}

#monitorGeoMap > ul
{
    padding: 0;
    margin: 0;
}
.smart-form .pad-t-0 {
    padding-top: 0 !important;
}

/*FOR AVAILABILITY GAUGE*/
@media only screen
and (max-device-width : 1250px)
{
    .availability-gauge-icon .severity-badge {
        font-size: 30px!important;
    }
}

/*///////////////////////// HOMESCREEN /////////////////////////*/

.homescreen-container
{
    padding: 0px;
}
#rightDivision .homescreen-container
{
    padding-left: 6px!important;

}

#middleDivision .homescreen-container
{
    padding-left: 5px!important;
}
.homescreen-container .widget-toggle-btn
{
    color: #4c4c4c !important;
}
#widgetHomeScreenGrid>div>article>div>div
{
    background: none repeat scroll 0 0;

    background-color:#f3f5f6 !important;
    border: 0 none;
    /*padding: 5px;*/
    /*padding-top: 0;*/
}

#homeScreenTabContainer>section>div
{
    padding: 0 4px;
}
#homeScreenTabContainer .widget-body tbody tr td a, #homeScreenTabContainer .widget-body tbody tr td .monitorStatus
{
    cursor: pointer;
}

#homeScreenTabContainer .widget-body tbody tr td div.badge
{
    cursor: text;
}
.statistics-tag-widget-box {
    float: left;
    margin-top:0;
    width: 100%;
}
.statistics-tag-widget-box ul {
    width:100% !important;
    float: left;
    overflow: auto;

}

.statistics-tag-widget-box ul li {
    width: 33%;
    float: left;
    padding: 10px;
    background: #00a300;
    text-align: center;
    margin:0 3px 5px;
    color: #fff;
    height: 55px;
    line-height:18px;
    font-size: 1.2em;
    display: table;
    position: relative;
}
.statistics-tag-widget-box ul.one li {
    width: 33%;
    min-height: 110px;
    border-radius: 5px;
}
.statistics-tag-widget-box ul.one li span.text-c {
    position: absolute;
    width: 100%;
    left: 0;
    top:13px;
    text-align: center;
    height: initial;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}
.statistics-tag-widget-box ul.one li span.count-severity {
    position: absolute;
    bottom: 11px;
    left: 34px;
    font-size: 14px;
    color: #fff;
}
.statistics-tag-widget-box ul.one li span.status-severity {
    position: absolute;
    bottom: 16px;
    left: 0px;
    font-size: 16px;
    color: #fff;
    width:100%;
}
.statistics-tag-widget-box ul.one li span.type-severity {
    position: absolute;
    top: 32px;
    left: 0px;
    font-size: 12px;
    color: #fff;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}
.statistics-tag-widget-box ul.one li i.fa {
    position: absolute;
    bottom: 10px;
    left:10px;
    width: auto;
    height: initial;
}
.statistics-tag-widget-box ul.two li {
    width: 49%;
    min-height: 65px;
}
.statistics-tag-widget-box ul.two li span.text-c, .statistics-tag-widget-box ul.three li span.text-c {
    position: absolute;
    width: 100%;
    left: 0;
    top:13px;
    text-align: center;
    height: 40%;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}
.statistics-tag-widget-box ul.two li span.count-severity, .statistics-tag-widget-box ul.three li span.count-severity {
    position: absolute;
    bottom: 11px;
    left: 33px;
    font-size: 12px;
    color: #fff;
}
.statistics-tag-widget-box ul.two li span.status-severity, .statistics-tag-widget-box ul.three li span.status-severity {
    position: absolute;
    bottom: 16px;
    left: 0px;
    font-size: 16px;
    color: #fff;
    width:100%;
}
.statistics-tag-widget-box ul.two li span.type-severity, .statistics-tag-widget-box ul.three li span.type-severity {
    position: absolute;
    top: 32px;
    left: 0px;
    font-size: 12px;
    color: #fff;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}
.statistics-tag-widget-box ul.two li i.fa, .statistics-tag-widget-box ul.three li i.fa {
    position: absolute;
    bottom: 10px;
    left:10px;
    width: auto;
    height: 20px;
    font-size: 20px;
}

.statistics-tag-widget-box ul.two li i.fa.tag-value, .statistics-tag-widget-box ul.three li i.fa.tag-value {
    position: absolute;
    bottom: 15px;
    left:45px;
    width: auto;
    height: initial;
    font-size: 23px;

}

.statistics-tag-widget-box ul li i.fa {
    /*position: absolute;
    left: 10px;
    height: 100%;
    top:27%;*/
    display: table-cell;float: none;height: 100%;vertical-align: middle;
    text-align: left;
    font-size: 2.3em;
}
.statistics-tag-widget-box ul li span.text-c {
    display: table-cell;float: none;height: 100%;vertical-align: middle;
    text-align: left;
    width:85%;
    font-weight: 600;
    line-height: 15px;
}
.statistics-tag-widget-box ul li span.text {
    display: table-cell;float: none !important;height: 100%;vertical-align: middle;
}
.header-dashboard .network-alerts.monitor-availability-spacer {width: 100%;}
.header-dashboard .network-alerts.monitor-availability-spacer ul {width: 100%;text-align: center}
.header-dashboard .network-alerts.monitor-availability-spacer ul li {
    padding: 0 5px 5px;
    float: none;
    display: inline-block;
}
.header-dashboard .network-alerts.monitor-availability-spacer ul li .atlas-value {
    width: 80px;
    height:80px;
    line-height:80px;
}

.header-dashboard .network-alerts.monitor-health-spacer {width: 100%;}
.header-dashboard .network-alerts.monitor-health-spacer ul {width: 100%;text-align: center;margin: 0}
.header-dashboard .network-alerts.monitor-health-spacer ul li {
    padding: 4px 10px 0 0;
    float: none;
    display: inline-block;
    border-radius: 0;
    width: 20%;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li:last-child {
    padding: 0;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li .atlas-value {
    width: 100%;
    height:95px;
    /*line-height:95px;*/
    border-radius: 0;
    padding-left: 8%;
    text-align: left;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li .atlas-value span.value {
    position: absolute;
    top: 23px;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li .atlas-inner {
    position: relative;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li .atlas-inner p {
    position: absolute;
    top:0;
    width:84%;
    border-bottom: solid 1px #fff;
    padding: 5px 0;
    margin: 0 8%;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
.header-dashboard .network-alerts.monitor-health-spacer ul li .atlas-inner i.icon {
    position: absolute;
    color: #fff;
    right: 5px;
    bottom: 5px;
    font-size: 20px;
}
.monitor-cpu-chart {
    border-radius: 0.25em;
    color: #fff;
    float: left;
    padding:0;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background: lightgrey;
    height: 18px;
    line-height:18px;
    width:100%;
    overflow: hidden;
    position: relative;
}
.monitor-cpu-chart .chart-fill-cpu {
    width: 0;
    float: left;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.monitor-cpu-chart .value-show {
    position: relative;
    z-index:1;
}

#leftDivision .spinner, #rightDivision .spinner
{
    top:50% !important;
}
#homeScreenTabContainer article .spinner
{
    background: transparent !important;
}
#homeScreenTabContainer table tr td a.Clear
{
    cursor: default;
}
@media screen and (min-width: 300px) and (max-width: 467px) {
    .statistics-tag-widget-box ul li {
        width:100%;
    }
}
@media screen and (min-width: 468px) and (max-width: 768px) {
    .statistics-tag-widget-box ul li {
        width:46.4%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .statistics-tag-widget-box ul li {
        width:31.4%;
    }
}
#alertStreamActionForm .wrap.pull-right {

    line-height: 2.4;
    margin-right: 5px;

}
#alertStreamGrid .alert-name label
{
    word-break: keep-all !important;
    width: 250px; !important;
}

#alertStreamGrid .action-icons .fa-check-circle, #alertStreamGrid .action-icons .fa-comment-o,#alertStreamGrid .action-icons .fa-clock-o, #alertStreamGrid .fa-thumbs-up, #alertStreamGrid .fa-thumbs-down, .monitorStatus,.healthTile
{
    cursor: pointer;
}

/**************************discovery-param box*******************************/
.discovery-param > label.label{ padding-left: 15px;}
.discovery-param-box {border:1px solid rgba(0, 0, 0, 0.1); background: rgba(240, 240, 240, 0.1); padding:7px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; position: relative;}
.discovery-param-box li{ list-style: none; padding: 2px;}
.discovery-param-box h4{ font-size: 12px; line-height: 18px; font-weight: bold; padding-bottom: 5px;}
.discovery-param-box .fa-edit{ position: absolute; top: 12px; right: 12px;}
.discovery-param-box i{margin-top: -25px;float: right}
.discovery-param-box .param-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discovery-param-box .param-value{
    max-width: 150px;
    overflow: hidden;
}
.param-label{ width: 50%; display: inline-block;}
.param-value{ width: 50%;display: inline-block;}
.alertStreamGridTableStyle table tr td {border: none}
.alertStreamGridTableStyle table tr td .severity-icon {
    font-size: 14px;
    color: #fb395c;
    display: inline-block;
    margin-top: 12px;
}
.alertStreamGridTableStyle table tr td .severity-box {
    padding: 5px 8px;
    background: rgba(155,85,253,0.6);
    border-radius: 3px;
    width: 100%;
    float: left;
    line-height: 14px;
}
.alertStreamGridTableStyle table tr td .severity-box span {
    width:100%;
    font-size: 13px;
    color: #fff;
    float: left;
    text-align: center;
}
.alertStreamGridTableStyle table tr td .severity-box span.severity-title {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}
.alertStreamGridTableStyle table tr td .severity-box span.severity-status {
    opacity: 0.7;
    font-weight: 300;
}
.alertStreamGridTableStyle table tr td span.alert-label {
    width: 100%;
    float: left;
    font-style: italic;
    font-size: 13px;
    font-weight: 400;
}
.alertStreamGridTableStyle table tr td span.alert-label i.icon {
    font-size: 14px;
    color: #333333;
}
.alertStreamGridTableStyle table tr td span.source-label {
    font-size: 11px;
    color: #969696;
}
.alertStreamGridTableStyle table tr td span.source-label i.icon {
    color: #333;
}
.alertStreamGridTableStyle table tr td .timeStemp {
    width:100%;
    float: left;
    line-height: 15px;
    padding-top: 5px;
}
.alertStreamGridTableStyle table tr td .timeStemp .date-label {
    color: #333;
    width: 100%;
    float: left;
}
.alertStreamGridTableStyle table tr td .timeStemp .time-label {
    color: #333;
    opacity: 0.5;
    width: 100%;
    float: left;
}

#tagList,#gaugeTileType
{
    width: 100% !important;
}
.discovery-provision-alert .fa-close
{
    font-size: 15px;
}
.discovery-provision-alert>button
{
    line-height: 0 !important;
}
#pluginManagerGrid .fa-ban
{
    cursor: pointer;

    margin-left: 2px;

    color: red;

    font-size: 16px;
}
#pluginManagerGrid .plugin-error-message
{
    position: absolute !important;
    /*border: 3px solid #fff;*/
    z-index: 10;
    background-color: rgba(0,0,0,0.9);
    color: black;
    width: auto;
    padding: 10px;
    color: #fff;
    opacity: 0.9;
    text-align: left;
    border-radius: 3px;
}
#pluginManagerGrid .plugin-error-message:after {
    left: 100%;
    top: 23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(240, 57, 57, 0);
    border-left-color:  rgba(0,0,0,0.9);
    border-width: 8px;
    margin-top: -8px;
}
#leftDivision .spinner, #rightDivision .spinner
{
    top:50% !important;
}

#homeScreenTabContainer article .spinner
{
    background: transparent !important;
}

/*Monitor Tags*/

#nestableMonitorGroupList
{
    padding: 15px;
}

#nestableMonitorGroupList [data-action=collapse], #nestableMonitorGroupList [data-action=expand]
{
    font-family:FontAwesome !important;

}

#monitorGroupForm .icon-append.fa.fa-cube
{
    border-left: 1px solid;
    padding-left: 3px;
    right: 5px;

}

#monitorGroupFormSubmitBtn, #monitorGroupFormCancelBtn
{
    margin-left:10px;
    margin-top:0px;
    padding-left:25px;
    padding-right:25px;
}

#leftDivision .spinner, #rightDivision .spinner
{
    top:50% !important;
}

#nestableMonitorGroup .dd-item, #nestableMonitorGroup .dd-handle
{
    cursor: move;
}


/*Infrastructure Topology*/


#infrastructureContainer .node {
    cursor: pointer;
}
#infrastructureContainer .node circle {
    fill: #fff;
    stroke: black;
    stroke-width: 1.5px;
}
#infrastructureContainer .node text {
    font-size:25px;
}
#infrastructureContainer .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}
#infrastructureContainer .templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
}
#infrastructureContainer .ghostCircle.show {
    display:block;
}
/*#infrastructureContainer .ghostCircle, .activeDrag .ghostCircle {
    display: none;
}*/

#infrastructureContainer .infrastructureText, #infrastructureContainer .nodeText
{
    font-size: 10px !important;
}

#widgetInfrastructureContainer header
{
    height:36px !important;
}

#nestableMonitorGroup .dd-item > button::before
{
    color: grey !important;
}

#nestableMonitorGroup .dd-item > button[data-action="collapse"]::before
{
    color: grey !important;
}

/*///////////////////////////////////  homescreen widget filter ///////////////////////////////////////////*/
.widget-filter-btn
{
    position: absolute;
    right: 7px;
    color: #6c6c6c !important;
    cursor: pointer;
}
.homescreen-filter
{
    position: absolute;
    right: 35px;
    top: 8px;
    cursor: pointer;
    color:#6c6c6c;
}
.homescreen-widget-edit
{
    position: absolute;
    right: 21px;
    color: #6c6c6c !important;
    cursor: pointer;
}

.menu-on-top #logout
{
    display: block !important;
}

.monitor-grid-footer
{
    padding: 0px !important;
    background: none !important;
    border-top:none !important;

}

.monitor-tag-tooltip
{
    padding: 2px !important;
}

#infrastructureContainer #monitorTooltip
{
    top: 5px !important;
    right: 2px !important
}

nav#menuPanel ul li[data-panel=topology],.businessAlarm,.alertStatus
{
    cursor:pointer;
}
.CodeMirror-placeholder {line-height: 13px !important;
    margin: -5px 0 0 !important;}

.statistics-tag-widget-box ul.three li {width: 32.7%;}

.scheduler-job-cleanup .widget-body-toolbar {padding-bottom: 2px; padding-left: 15px;padding-top: 0;background: none;}
body .scheduler-job-cleanup footer {display: none}

/*Tablet Only Fixed Issue */
@media only screen and (min-width:300px) and (max-width:480px){
    body #main {width: 94% !important;}
    #widgetHomeScreenGrid .widget-grid-row > .col-sm-6, #widgetHomeScreenGrid .jarviswidget > header.tab-header {width: 100%;}
    body .btn-header.transparent a {min-width: 40px;line-height: 34px !important;}
    body .display-inline.hidden-tablet, body .hidden-tablet {display: block !important;}
    .homescreen-container.drop-zone {display: none;}
    #rightDivision .homescreen-container {padding-left: 0 !important;}
    .interfaceStatistics .col-lg-12.homescreen-container {width: 100%;}
    /*body .interfaceStatistics > .col-sm-6  {width: 100%;position: relative !important;top: 0 !important;left: 0 !important;}*/
    body .header-btm li {margin: 0 2px;}
    body #monitorTemplateTabContainer .widget-grid-row > .widget-row-container {width: 100% !important;}
    body #monitorTemplateTabContainer .widget-grid-row > .widget-row-container.drop-zone {height: auto !important;}
    body #refreshTimer {margin-left:25%;}
    body .popover {max-width: 97%;}
    body .popover .popover-content > section {width: 100% !important;}
    body #container .carousel .wrap, body #container .carousel .wrap #monitorSettingTab {width: 100%;}
    body #container .carousel .wrap #monitorSettingTab li a div.badge  {float: left;}
    body #container .carousel .wrap #monitorSettingTab li   {padding: 1px 0 5px 0;}
    body #container .carousel .wrap #monitorSettingTab li a span.hidden-mobile  {float: left;margin-left: 5px;}
    body #monitorSettingTabContainer {margin-top: 0;}
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-2,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-1,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-5 {width: 33%;padding-top: 5px;padding-bottom: 5px;}
    .statistics-tag-widget-box ul.two li {width: 88%;}
    .statistics-tag-widget-box ul.three li {width: 88%;}
}
/*Tablet Only Fixed Issue */
@media only screen and (min-width:768px) and (max-width:1023px){
    body #main {width: 94% !important;}
    #left-panel {left: 0}
    #widgetHomeScreenGrid .widget-grid-row > .col-sm-6, #widgetHomeScreenGrid .jarviswidget > header.tab-header {width: 100%;}
    body .btn-header.transparent a {min-width: 40px;line-height: 34px !important;}
    body .display-inline.hidden-tablet, body .hidden-tablet {display: block !important;}
    .homescreen-container.drop-zone {display: none;}
    #rightDivision .homescreen-container {padding-left: 0 !important;}
    .interfaceStatistics .col-lg-12.homescreen-container {width: 100%;}
    /*body .interfaceStatistics > .col-sm-6  {width: 100%;position: relative !important;top: 0 !important;left: 0 !important;}*/
    body .header-btm li {margin: 0 2px;}
    /*body .header-btm li > .activity-dropdown {width: 28px;height: 28px;line-height: 23px;}*/
    .logo-group span.activity {width: 28px;height: 28px;line-height: 24px}
    body #monitorTemplateTabContainer .widget-grid-row > .widget-row-container {width: 100% !important;}
    body #monitorTemplateTabContainer .widget-grid-row > .widget-row-container.drop-zone {height: auto !important;}
    body #refreshTimer {margin-left:25%;}
    body .popover {max-width: 97%;}
    body .popover .popover-content > section {width: 100% !important;}
    body #container .carousel .wrap, body #container .carousel .wrap #monitorSettingTab {width: 100%;}
    body #container .carousel .wrap #monitorSettingTab li a div.badge  {float: left;}
    body #container .carousel .wrap #monitorSettingTab li   {padding: 1px 0 5px 0;}
    body #container .carousel .wrap #monitorSettingTab li a span.hidden-mobile  {float: left;margin-left: 5px;}
    body #monitorSettingTabContainer {margin-top: 0;}
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-2,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-1,
    #widgetWizardPanel #widgetPivotContainer #widgetPivotForm .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form #visualizationContainer > .col-2,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-5 {width: 33%;padding-top: 5px;padding-bottom: 5px;}
    #sliderControlContainer .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .row > .col-2,
    #sliderControlContainer .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .row > .col-lg-3,
    #sliderControlContainer .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .row > .col-4 {width: 22%;padding-top: 5px;padding-bottom: 5px;}
    .modal.fade.in .modal-dialog {width: 98% !important;}
    .modal.fade.in .modal-dialog .smart-form fieldset > div {width: 100% !important;}
    .popover.fade.bottom.in {left:initial !important;right: 10px;width: 100% }
    .popover.fade.bottom.in .arrow {display: none}
    .pagination > li > a, .pagination > li > span {padding: 6px 8px;}
    #drillDownGrid .drill-down-header .carousel {width: 85%;overflow: auto}
    #drillDownGrid .drill-down-header .carousel #widgetDrillDownHeader {width: 150%;}
    #healthScreenContainer .col-lg-12 {width: 100%;}
    #homeScreenTabContainer .header-dashboard .row > div:nth-child(1) {padding-bottom: 20px;width: 50%;}
    #homeScreenTabContainer .header-dashboard .row > div:nth-child(2) {padding-bottom: 20px;width: 50%;}
    #homeScreenTabContainer .header-dashboard .row > div:nth-child(3) {width: 50%;border-top: 1px dotted #c7c7c7;padding-top: 10px;}
    #homeScreenTabContainer .header-dashboard .row > div:nth-child(4) {width: 50%;border-top: 1px dotted #c7c7c7;padding-top: 10px;}
    .statistics-tag-widget-box ul.two li {width: 49%;}
    .statistics-tag-widget-box ul.three li {width: 49%;}
}
@media only screen and (min-width:1024px) and (max-width:1100px){
    .statistics-tag-widget-box ul.two li {width: 48%;}
    .header-btm li {margin: 0 1px;}
    .monitor-health-history-column-cell {width: 8px;}
    .logo-group span.activity {width: 26px;height: 26px;line-height: 20px;}
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-2,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-1,
    .composite-element .ul-section > .li-section > .ul-section:first-child .li-section .ul-section.line-none .smart-form .widget-body > .col-5 {width: 33%;padding-top: 5px;padding-bottom: 5px;}
}
.statistics-tag-widget-box ul.two li {width: 48%;}

#existingWidgetTabContainer .dataTables_filter .input-group-addon
{
    height: 16px !important;
}

/*Existing Widget DataTable CSS*/

#existingWidgetTabContainer .dt-toolbar
{
    padding: 6px 0px 6px !important;
}

#existingWidgetTabContainer .dataTables_filter
{
    margin-left:5px;
}

#existingWidgetTabContainer .form-control.input-sm
{
    margin-right:5px;

    width: 55px;
}

.existingWidgetTabHeader
{
    margin-left: 8px !important;
    margin-top: 0px !important;
    width: 97.3% !important;
}
.col-100-5 {width: 20%;}

#monitorGroupForm section.col.col-4.pull-left
{
    top: -2px;
}

#leftDivision, #rightDivision
{
    padding: 0 0 20px;
    margin: 0;
}

#schedulerTableFilterBox {
    padding-left: 5px;
}
.ncm-custom-view-panel .dataTables_filter > label{ float: left;}
.ncm-custom-view-panel .dataTables_filter > span.float-left { float: left;margin: 7px 0px 0px 10px;}
.ncm-custom-view-panel .dataTables_filter > span.float-left i {font-style: normal}
.ncm-custom-view-panel .dt-toolbar .most-recent {padding-right: 10px !important;}
.ncm-custom-list-panel {width: 100%;float:left;}
.ncm-custom-list-panel ul#backupGrid li > a:focus {background: none;color: #000;}
.category-pills > li.active > a, .category-pills > li.active > a:focus, .category-pills > li.active > a:hover {background: #2b7abd !important;    color: #FFF !important;    border-radius: 0px;}
.ncm-custom-list-panel ol, .ncm-custom-list-panel ul {width: 100%;float:left;padding:0;list-style: none;margin: 0;}
.ncm-custom-list-panel ol {border-bottom: solid 1px #ccc;}
.ncm-custom-list-panel ol li, .ncm-custom-list-panel ul li {width: 100%;float:left;padding: 10px;margin-bottom: 0px;margin-top: 0;}
.ncm-custom-list-panel ul#backupGrid li > a {padding: 10px;}
.ncm-custom-list-panel ul#backupGrid li {padding: 1px 0px}
.ncm-custom-list-panel ol li {background:#F5F5F5;font-width:600;}
.ncm-custom-list-panel ol li div {font-weight:600;}
.ncm-custom-list-panel ul li:last-child{margin-bottom: 0;}
.ncm-custom-list-panel ul li:nth-child(odd) {background:#fff;}
.ncm-custom-list-panel ul li:nth-child(even) {background:#F5F5F5;}
.ncm-custom-list-panel ul#deviceGrid li a {padding: 0;color: #333;}
.ncm-custom-list-panel ul#deviceGrid li a:hover {background: none;}
.ncm-custom-list-panel ul#auditGrid li a {padding: 0;color: #333;}
.ncm-custom-list-panel ul#auditGrid li a:hover {background: none;}
.ncm-audit-spacer-panel .jarviswidget header {border-left: 0;border-right: 0;}
.ncm-audit-spacer-panel .line-spacer-s {position: relative}
.ncm-audit-spacer-panel .line-spacer-s {position: absolute;height: 10px;width: 100.2%;background: #f0f0f0;float: left;z-index: 1;border-top:solid 1px #ccc;left: -1px;top:-10px;}
.fa-severity {
    font-size: 1.70em;
}

.displayNone{
    display: none;
}

.txt-color-darkCyan
{
    color : #1b6eae !important
}
.hs-tab-container-panel {width: 100%;float: left;}
.hs-tab-container-panel ul {width: 100%;float: left;text-align: center; padding: 0 2%;list-style: none;margin-top: 15px;margin-bottom: 15px;}
 .hs-tab-container-panel ul li {width: 95px;height:95px;display: inline-block; margin: 0 1%;border-radius: 100%;color: #fff;font-size: 15px;font-weight: 400;text-align: center;line-height: 95px;}
.hs-tab-container-panel ul li {width: 85px;height: 85px;line-height: 85px;}
.minified .hs-tab-container-panel ul li {width: 95px;height: 95px;line-height: 95px;}
.business-service-layer-panel {width: 100%;float: left;}
.business-service-layer-panel ul {width: 100%;float: left;list-style: none;padding: 0;margin: 7px 0 5px 0;}
.business-service-layer-panel ul li {width: 23.7%;float: left;margin: 0.5% 0% 0.5% 1%;border: solid 1px #CCC;padding: 7px;}
.business-service-layer-panel ul li .title-business {text-overflow: ellipsis;white-space:nowrap;overflow: hidden; width: 100%;float: left;font-size: 12px;font-weight: 600;line-height: 26px;}
.business-service-layer-panel ul li .title-business a {text-overflow: ellipsis;white-space:nowrap;overflow: hidden; width: 82%;float: left;}
.business-service-layer-panel ul li .title-business i.fa {float: left;font-size: 28px;color: #fff;text-align: center;line-height: 25px;cursor: pointer;border-radius: 100%;margin-right: 10px;}
/*.business-service-layer-panel ul li .title-business i.fa:hover {background: gray;}*/
.business-service-layer-panel ul li .business-chart {width: 100%;float: left;margin-top: 10px;}
.business-service-layer-panel ul li .business-chart .monitor-health-history-column-cell {width: 11px;}
.business-service-layer-panel ul li .business-chart .x-grid-cell-inner {padding: 0;}
.table-grid-custom-panel {width: 100%;float: left;border:solid 1px #dddddd;}
.table-grid-custom-panel .table-header {width: 100%;float: left;background: #F8F8F8;}
.table-grid-custom-panel .table-header .table-row {width: 100%;float: left;}
.table-grid-custom-panel .table-header .table-row div {font-weight: 600;color: #000;}
.table-grid-custom-panel .table-header .table-col-1 {width: 8.33%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-2 {width: 16.66%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-3 {width: 25%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-4 {width: 33.33%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-5 {width: 41.66%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-8 {width: 66.67%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-6 {width: 50%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-7 {width: 58.33333333%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header .table-col-12 {width: 100%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-header div:last-child {border-right:none}
.table-grid-custom-panel .table-body .table-row div {font-weight: 600;}
.table-grid-custom-panel .table-body .table-col-1 {width: 8.33%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-2 {width: 16.66%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-3 {width: 25%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-4 {width: 33.33%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-5 {width: 41.66%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-8 {width: 66.67%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-6 {width: 50%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
.table-grid-custom-panel .table-body .table-col-7 {width: 58.33333333%;float: left;box-sizing: border-box;padding: 5px 10px;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;}
/*.table-grid-custom-panel .table-body div:last-child {border-right:none}*/
.table-grid-custom-panel .table-body div .input.plus, .table-grid-custom-panel .table-body div .right-plus {width: 80%; float: left;}
.table-grid-custom-panel .table-body div .btn-primary, .table-grid-custom-panel .table-body div .btn-primary {float: left;margin: 3px 0 0 5px !important;float: left;line-height: 20px}
.table-grid-custom-panel .table-body .compositeOperation {border-left: 1px solid rgb(204, 204, 204);float: left; width: 100%;position: relative;left: -1px;}
    /*
    .table-grid-custom-panel .table-header  {width: 50%;float: left;box-sizing: border-box;padding: 3px 10px;}*/

#dataModelCompositeControl .select2-container .select2-choice, #dataModelCompositeControl .select2-selection {height: 28px;}
#dataModelCompositeControl.data-table-model #parsedColumns.body > .row .col.col-4:first-child {position: relative;left: -1px;}
#dataModelCompositeControl.data-table-model #parsedColumns.body > .row .col.col-4:nth-child(2) {position: relative;right: -1px;}
.content-textbox {width: 100%;    border: 1px solid rgb(204, 204, 204);    float: left;height: 30px;}
.spacer-full-select .ms-parent.input-sm {width: 100% !important;padding-left: 0;padding-right: 0;padding-top: 0;}
.position-upper {position: relative;z-index: 99999;}
.position-upper .dropdown-toggle {left: 2px;cursor: pointer;}
.position-upper .input-sm {padding-left: 26px !important;}
.widget-chart-panel ul .gauge-health-bsm-ui li  div.chart-cover .chart-pos-set  {opacity: 1;line-height: 120px;}
.widget-chart-panel ul .gauge-health-bsm-ui li  div.chart-cover .chart-title-b .title-b {padding: 2px 5px; line-height: 18px;}
.widget-chart-panel ul .gauge-health-bsm-ui li  div.chart-cover .chart-title-b .title-b i {margin-top: 5px;}
.widget-chart-panel ul .gauge-health-bsm-ui li  div.chart-cover .chart-title-b .title-b a {margin-left: 2px;}
.widget-chart-panel ul .gauge-health-bsm-ui li  .x-grid-cell-inner {padding: 0;text-align: center;}
.widget-chart-panel ul .gauge-health-bsm-ui li  div.chart-cover .chart-title-b {margin-top: -5px;}
.widget-chart-panel ul .gauge-health-bsm-ui li  .x-grid-cell-inner a.businessServiceTrend {margin-right:2px;float: none;display: inline-block; }
.widget-chart-panel ul .gauge-health-bsm-ui li  .x-grid-cell-inner a.businessServiceTrend:last-child {margin: 0;}
.autoHeight{height: auto !important;}
.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 */
}
/*.content-textbox p.search_box_container_select {padding: 0px 10px !important; float: left; width: 100%;line-height: 24px;height: 25px;}*/

#ncmCredentialProfileForm fieldset{
    border: 0px;
}

#ncmSettingTabContainer #backupGrid li:not(.active)>a{
    color: black;
}

#ncmSettingTabContainer #device_grid li:not(.active)>a{
    color: black;
}
/*Compare Backup Code Edit Style*/
table.diff thead th {height: 30px;}
table.diff {width: 100%;}
.table_empty span {opacity: 0.8;font-size: 14px;}
.table_empty:hover {background: #D6E1F2;}
.kpi-host-spacer-panel {position: relative;top: -10px;}
.kpi-host-spacer-panel .col-r-spcer {padding-right: 0;}
.kpi-host-spacer-panel .col-l-spcer {padding-left: 5px;}
.kpi-host-spacer-panel .jarviswidget.widget-shadow {margin-bottom: 0px;}

.audits-cutome-field-panel div.widget-body.no-padding {margin-top: 70px;}
.audits-cutome-field-panel > div.smart-form {position: absolute; top: 46px; z-index: 1; width: 100%; left: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 10px;}
.margin-top-20{margin-top:20px!important}
.spacer-field-set-s  {padding: 20px 20px 0 20px;margin-bottom: 19px;}
.spacer-field-set-s > .dataTables_wrapper {padding: 0;border-top:solid 1px #ccc;}

.datetime-control
{
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857;
    padding-left: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 98%;
}
.base-align-panel {text-align: right}
.base-align-panel em.modified {background:#fd8;border: 1px solid #fd8;float: left;height: 11px;width: 11px;}
.base-align-panel em.added {background:#c5eeaf; border: 1px solid #9ddc7b; float: left;height: 11px;width: 11px;}
.base-align-panel em.deleted {background:#fac1c1; border: 1px solid #fca8a8;float: left;height: 11px; width: 11px;}
.base-align-panel span.col {display: inline-block;float: none;}
.base-align-panel span.col em {margin-top: 2px;margin-right: 5px;}
.compare-backup-panel {padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.compare-backup-panel table.diff tr td  {width: 48% !important;}
.compare-backup-panel table.diff tbody tr td  {word-break: break-all;}
.compare-backup-panel table.diff tr th  {width: 2% !important;}
.compare-backup-panel .custom-sc {overflow-x: hidden;}
.compare-backup-panel {border-top: solid 1px darkgrey;border-bottom: solid 1px darkgrey;border-right: solid 1px darkgrey}
.compare-backup-panel table.diff {border-top: none;border-bottom: none;}


.backup-comparison-view-panel .list-unstyled li span {color: #404040;}
.backup-comparison-view-panel .list-unstyled li p i {padding-right: 5px;}
.backup-comparison-view-panel .list-unstyled li  {    float: left;width: 100%;height: 30px;}
.backup-comparison-view-panel .list-unstyled li .modified-label  {background: #FD8;border:solid 1px #fcd87c;padding: 2px 7px;border-radius: 2px;color: #404040;font-weight: 600; }
.backup-comparison-view-panel .list-unstyled li .added-label  {background: #c5eeaf;border:solid 1px #9ddc7b;padding: 2px 7px;border-radius: 2px;color: #404040;font-weight: 600; }
.backup-comparison-view-panel .list-unstyled li .delete-label  {background: #fac1c1;border:solid 1px #fca8a8;padding: 2px 7px;border-radius: 2px;color: #404040;font-weight: 600; }
.backup-comparison-view-panel .list-unstyled li .txt-color-darken  {width: 45%;display: inline-block;}
.backup-comparison-view-panel .list-unstyled li g  {width: 20%;display: inline-block;}
.backup-comparison-view-panel .header-container strong {font-size: 15px !important;}
.backup-comparison-view-panel small {margin-bottom: 10px;display: inline-block;}


/* New Start GUI Clean up*/
body .login-box {width: 500px;margin-right: 40px; float: right;padding: 50px 40px;margin-top: 0;background: rgba(0,0,0,0.5);height: 100%;}
html.login-screen {background: url(../../images/login-bg-0.jpg) left bottom no-repeat;height: 100%;background-size:100%;background-position: center }
html.login-screen body {height: 100%;}
body .inner-login-box-panel {width: 100%;float: left;padding:20px 30px;background: #f2f2f2;}
body .inner-login-box-panel .login-form h2,
body .inner-login-box-panel .login-form label,
body .inner-login-box-panel .login-form .note a {color: #289abb;}
body .inner-login-box-panel .login-form .note a:hover {color: #333;cursor: pointer;}
body .inner-login-box-panel .login-form h2 {border-bottom:solid 1px #289abb;}
body .inner-login-box-panel .login-form h2 a {float: right;}
body .inner-login-box-panel .login-form h2 a img {height: 20px;margin-top: 1px;}
body .inner-login-box-panel .login-form h2 a span {position: relative;top:2px;font-size: 18px;color:#7f7f7f;}
body .inner-login-box-panel ul li input[type="text"], body .inner-login-box-panel ul li input[type="password"] {border-bottom:3px solid #289abb !important}
body .inner-login-box-panel button.btn {background: #289abb;border-radius:0;border-color:#289abb;padding: 5px 15px;}
body .inner-login-box-panel ul li .pull-left .note {float: left;padding-top: 2px;}
body .inner-login-box-panel ul li .pull-left .stay-sign {float: left;margin-left: 15px;padding-top: 5px;}
body #left-panel {background: #e3e3e3;border-right: solid 1px #CECECE;}
.minified nav > ul > li {border-top-color: #fff;border-bottom-color: #fff;}
nav ul li a {color: #636363;}
nav ul li a:hover, nav ul .active > a {color: #5d910f !important;}
body .badge, body .label {border-radius: 0;}
body #header {background: #fff;}
body #leftPanel,#radwinLogo {color: #e64229;}
nav ul ul {background:#f0f0f0 !important;padding: 0;}
nav ul ul li > a:hover {background: #e3e3e3}
.minified nav > ul > li > a > .menu-item-parent {background: #e3e3e3;border-color: #e3e3e3;color:#636363;}
.minified nav > ul > li > a > .menu-item-parent:hover {color:#5d910f;}
/*body {background: #e3e3e3;}*/
.minified nav > ul > li > ul > li {background: inherit;}
.realtime-chart-pop-up-panel {margin: 0px -4px 0px 1px !important; border: 0px !important; width: 99% !important;}
.topology-btn-tree-panel > ul {padding-top: 8px; border-top: solid 1px #ccc; margin-top: 35px;overflow:auto}
.topology-btn-tree-panel > .widget-toolbar {right: -9px; position: absolute;top: -34px; border: 0;left: initial;}
.topology-btn-tree-panel > ul > li {padding-left: 0;}
.topology-btn-tree-panel li > span {white-space: nowrap;}
.realtime-chart-pop-up-panel ul#realTimeMonitors  {width: 98%;float: left; list-style: none; padding: 0;margin: 5px 8px 0px 10px;max-height: 600px;overflow: auto;}
.realtime-chart-pop-up-panel ul#realTimeMonitors>li  {width: 47% ; float: left ; margin: 0 0px 19px 19px ; border: solid 1px #ccc;}
.realtime-chart-pop-up-panel ul#realTimeMonitors>li .amcharts-chart-div:after {position: absolute;width: 100%;float: left;border-top: solid 1px #ccc;top: 42px;content: ""}
#realTimeMonitors{height: 600px}
#realTimeMonitorModalFormBody fieldset > section, #realTimeMonitorModalFormBody fieldset > section .jarviswidget {margin-bottom: 0;}
#header > div.logo-s {border-right:solid 1px #ccc;}
#header > div.logo-s .btn-header {height: 50px;padding: 0px 7px;margin: 0 !important;}
#header > div.logo-s #leftPanel,#radwinLogo {margin-right: 15px;}
#header > div.logo-s .user-information {padding-top: 8px;display: inline-block;position: relative;}
#header > div.logo-s .user-information .login-user-name {position: relative;top: 2px;color:#6D6A69;margin-left: 40px;width: 60px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#header > div.logo-s #motadataHealthIcon {border-left:solid 1px #ccc;padding-left: 15px;}
#header > div.logo-s .btn-header#logout {padding-right: 20px;border-left: solid 1px #ccc; padding-left: 20px;margin-left: 15px !important;}
#header > div.logo-s .user-information img {position: absolute;top: 13px;}
#header .right-search-d .header-search input {border: solid 1px #ccc;border-radius: 3px;}
body a {color: #289abb;}
body .jarviswidget header .nav-tabs > li.active, body .jarviswidget header .nav-tabs > li.active, body .jarviswidget header .nav-tabs > li.active, body #search-query-results-tabs > li.active {border-top: 3px solid #289abb;}
.jarviswidget header:first-child .nav-tabs li {/*border-top:solid 3px transparent;*/border-bottom: 0;}
body .bg-color-green {background-color: #148e74 !important;}
body .page-footer, body #ribbon {background:#e3e3e3; }
#refreshTimer .count-timer {background: #289abb;}
.category-pills > li.active > a, .category-pills > li.active > a:focus, .category-pills > li.active > a:hover {background-color:#289abb !important;}
.real-time-header-panel .action-l {position: absolute;top:13px;right:38px;left: inherit;}
.real-time-header-panel .action-l button {background: #289abb;border-color: #289abb;color: #fff;}
.snmp-oid-pop-up-panel {padding:5px 15px 10px 15px;}.snmp-oid-pop-up-panel span.select2.select2-container.select2-container--default {height: 30px;position: relative;top: -2px;}.snmp-oid-pop-up-panel span.select2.select2-container.select2-container--default .select2-selection__rendered {position: relative;top: -1px;}
#discovery-title {right: 200px;width: auto;}
#discovery-title {right: 200px;width: auto;}
#upgrade-title {right: 390px;width: auto;}
#license-alert-title {right: 650px;width: auto;}


body .topology-btn-tree-panel > ul {height: 100vh;padding-bottom: 60px;}
body .topology-btn-tree-panel ul > li {padding-top: 0}
body .topology-btn-tree-panel > ul > li > span {margin-left: 0px;}
body .topology-btn-tree-panel > ul > li > span i {margin-right: 4px;margin-left: 0;}
body .topology-btn-tree-panel > ul > li.parent_li > span {margin-left: 0px;}
body .topology-btn-tree-panel > ul > li.parent_li > span > i {margin-right: 0px;}
body .topology-btn-tree-panel ul > li:hover {background: none !important;}
body .topology-btn-tree-panel ul > li > span, body .topology-btn-tree-panel ul > li > span:hover {padding: 0 !important;border: none !important;background: #fff !important;color: #333 !important;position: relative;/*z-index: 1;*/cursor: pointer}
body .topology-btn-tree-panel ul > li > span:hover, body .topology-btn-tree-panel ul > li > span:hover i {color: #289abb !important;}
body .topology-btn-tree-panel ul > li > ul {padding-top: 0;padding-left: 26px;}
body .topology-btn-tree-panel ul > li:before {top:-8px;border-left:dotted 1px;}
body .topology-btn-tree-panel ul > li:last-child:before {height: 20px;}
body .topology-btn-tree-panel > ul > li:after {width: 0px;}
body .topology-btn-tree-panel > ul li:after {top:12px;border-top:dotted 1px;}
body .topology-btn-tree-panel ul > li.parent_li:after {top:12px;width: 25px;border-top:dotted 1px;height: 0;}
body .topology-btn-tree-panel.tree li.parent_li > span:hover + ul li span, body .topology-btn-tree-panel.tree li.parent_li > span:hover + ul li span i {background: none !important;color: #289abb !important;}
body .topology-btn-tree-panel ul > li > ul > li span {top:3px;}
body .topology-btn-tree-panel ul > li > ul li ul {padding-top: 4px;}
body .topology-btn-tree-panel ul li.parent_li > span:hover + ul li::after, body .topology-btn-tree-panel ul li.parent_li > span:hover + ul li::before {border-color: #289abb !important;}

.radwinIcon {color: #000000 !important;}
#leftDivision > .homescreen-container, #rightDivision> .homescreen-container  {overflow: hidden;}
body .topology-btn-tree-panel ul li:last-child #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-last-child(2) #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-last-child(3) #nodeContainerPopUp {top: initial;bottom: 20px;}
body .topology-btn-tree-panel ul li:last-child #nodeContainerPopUp:after, body .topology-btn-tree-panel ul li:nth-last-child(2) #nodeContainerPopUp:after, body .topology-btn-tree-panel ul li:nth-last-child(3) #nodeContainerPopUp:after {border-width: 0;}
body .topology-btn-tree-panel ul li:last-child #nodeContainerPopUp:before, body .topology-btn-tree-panel ul li:nth-last-child(2) #nodeContainerPopUp:before, body .topology-btn-tree-panel ul li:nth-last-child(3) #nodeContainerPopUp:before {top: 100%;  left: 20%; border: solid transparent; content: " "; height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(204, 204, 204, 0);border-top-color: #ccc; border-width: 5px;margin-left: -5px;}
body .topology-btn-tree-panel ul li span i #nodeContainerPopUp {display: none;}

body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp {top: 20px;bottom: initial;}
body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp:after, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp:after {border-width: 5px;}
body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp:before, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp:before {border-width: 0;}
body .managesite {font-size: 12px;}
.google-map-handle .manage.locationtick {font-size: 40px;}
.google-map-handle .fa-stack-1x {color:#ffffff;top: -9px;left: -2px;}
.google-map-handle .handle-t {font-size:16px; margin-top:-1px; display:block; margin-left: 17px;}
.google-map-handle .handle-t i {color: #000; font-size: 17px; display: inline-block; height: 22px; background-color: white; border-radius: 24px;width: 22px}

#topologyContainer .node > span.canvas-title {width: 85px !important;overflow: hidden;display: inline-block;text-align: center}
#topologyContainer .node > a:not(.drop-canvas) {padding: 0;}
.action-drop-menu-custome-change li:hover ul.dropdown-menu {left: initial;right: 185px;margin-top:0; }
.monitor-setting-drop-menu-custome li:hover ul.dropdown-menu {left: initial;right: 158px;margin-top:0; }
body #nodeContainer {width: 50px;}

/*Icon Alignment Issue Fixed By 17/04/2018*/
.topology-btn-tree-panel ul > li > span > .fa, .topology-btn-tree-panel ul > li > span .radwin {width: 20px;text-align: center;}
.topology-btn-tree-panel ul > li > span > .fa.fa-minus-circle, .topology-btn-tree-panel ul > li > span > .fa.fa-plus-circle {text-align: left;width: 13px;}

.snmp-device-thred-panel .inp-dr {width: 47% !important;float: left}
.snmp-device-thred-panel .btn-dr {float: left;margin: 3px 0 0 5px;}
.snmp-device-thred-panel .sub-level {padding-top: 0;padding-bottom: 0;}
.snmp-device-thred-panel .sub-level .row-s {padding-left: 12px;padding-right: 12px;}
.snmp-device-thred-panel label.select, .snmp-device-thred-panel span.select2 {height: 30px;}
.snmp-device-thred-panel .sub-level .row-s header .col-one {width: 32.8%;}
.snmp-device-thred-panel .sub-level .row-s header .col-two {width: 34.2%;}
.snmp-device-thred-panel .sub-level .row-s header .col-three {width: 32.9%;}

.snmp-device-thred-panel .sub-level .row-s .body .col-one {width: 32.8%;}
.snmp-device-thred-panel .sub-level .row-s .body .col-two {width: 34.2%;}
.snmp-device-thred-panel .sub-level .row-s .body .col-three {width: 32.9%;}
/*#widgetHomeScreenGrid .jarviswidget > header .tooltip {margin-right: 30px;background: red !important;}*/
#widgetHomeScreenGrid .jarviswidget > header  .tooltip.bottom {padding-right: 5px}
#widgetHomeScreenGrid #leftDivision article:nth-child(1) .jarviswidget > header  .tooltip.bottom, #widgetHomeScreenGrid #leftDivision article:nth-child(3) .jarviswidget > header  .tooltip.bottom {padding-right: 30px}

.table > tbody > tr > td.radwin {
    font-size: 12px;
    font-family: inherit;
    font-weight: initial;
    display: table-cell;
    text-align: left;
}

/*Ie Only Fixed Issue */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /*.composite-element .li-section {position: relative;z-index: 100;}*/
    .composite-element .li-section .advance-tree-view-panel .li-section .step-flow .step-inner, .composite-element .li-section .label .btn-group {position: relative;
        z-index:100;}
    .fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content {cursor: default !important;}
    .fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content .air {z-index: 10000;width: 20px;text-align: center;margin-right: 0}
    body .topology-btn-tree-panel ul li:last-child #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-last-child(2) #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-last-child(3) #nodeContainerPopUp {top:-50px !important;bottom:17px !important;}
    body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp {}
    body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp::before, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp::before {border-width: 5px;}
    body .topology-btn-tree-panel ul li:nth-child(1) #nodeContainerPopUp::after, body .topology-btn-tree-panel ul li:nth-child(2) #nodeContainerPopUp::after {border-width: 0px;}
}

#motadataHealthContainer .tab-header > .carousel > .wrap{width: 90%;float: left !important;}

.fa.manage.locationtick.fa-stack-2x{left: 9px;}

.mandatoryField .select2.select2-container.select2-container--default {
    border-left: 3px solid red !important;
}

.device-backup-custom-view-panel .dataTables_filter > label{ float: left;}
.device-backup-custom-view-panel .dataTables_filter > span.float-left { float: left;margin: 7px 0px 0px 10px;}
.device-backup-custom-view-panel .dataTables_filter > span.float-left i {font-style: normal}
.device-backup-custom-view-panel .dt-toolbar .most-recent {padding-right: 10px !important;}

body .tab-content .dt-toolbar #deviceBackupAuditGrid_filter.dataTables_filter {margin-top: 2px; margin-left: 5px;margin-bottom: 10px;}

body .auditGridSearchSpacer {position:relative;height: 50px;}
body .auditGridSearchSpacer > label {position: absolute;left: 0px;top: 1.2vw;z-index: 1;min-width: 200px;}
body .auditGridSearchSpacer > label span.input-group-addon {border: none;background: #edf3f5;border-radius: 5px 0 0 5px;height: 30px;padding: 0px 0px 0 0px;line-height: 30px;}
body .auditGridSearchSpacer > label input.form-control {border: none;background: #edf3f5;border-radius: 0 5px 5px 0 !important;height: 30px;padding: 6px}
body .auditGridSearchSpacer > label > .form-control {width: 83%;}

body .deviceBackupAuditGridSearchSpacer {position:relative;height: 32px;}
body .deviceBackupAuditGridSearchSpacer > label {position: absolute;left: 0px;top: 0;z-index: 1;min-width: 200px;}
body .deviceBackupAuditGridSearchSpacer > label span.input-group-addon {border: none;background: #edf3f5;border-radius: 5px 0 0 5px;height: 27px;padding: 0px 0px 0 0px;line-height: 27px;}
body .deviceBackupAuditGridSearchSpacer > label input.form-control {border: none;background: #edf3f5;border-radius: 0 5px 5px 0 !important;height: 27px;padding: 6px}
body .deviceBackupAuditGridSearchSpacer > label > .form-control {width: 83%;}

.numberCircle {
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    border: 2px solid #666;
}

.arrow{
    border: solid 1px #bfbfbf;
    display: inline-block;
    line-height: 1.0em;
    font-weight: 400;
    min-width: 90px;
}

.step-flow-panel ul {display: inline-block; position: relative;list-style: none;margin: 4%; padding: 0;}
.step-flow-panel ul:after {width: 100%;float: left;border-bottom:solid 3px #dee0e3;content: "";position: absolute;top: 30px;left:0;}
.step-flow-panel ul li {float: left;text-align: center;width: 60px;margin-right: 230px;}
.step-flow-panel ul li:last-child {margin-right: 0;}
.step-flow-panel ul li span.digit {width: 60px;height: 60px;display: inline-block;border: solid 3px #dee0e3;background: #fff; border-radius: 150px;text-align: center;line-height: 50px;font-size: 30px;position: relative;z-index: 1;}
.step-flow-panel ul li.active span.digit {border-color: #00a300;}
.step-flow-panel ul li.deactivate span.digit {border-color: #e64229;}
.step-flow-panel ul li label.title {float: left;width: 100%;text-align: center;}
.upgrade-spacer {width: 90%;display: inline-block !important;}
.upgrade-radio-spacer label {margin-right: 50px;}
#upgradeInformationContainer .jarviswidget {border:none;padding: 16px 7px 5px 7px}
.migrationProcedure{margin-left: 5px;  color: #000 !important;  font-size: 13px;  position: relative;  top: 1px;}

.trap_listener_box {
    background: lightgray;
    text-align : center !important;
    position: relative;
    top: -5px;
}

.form-control[type=search] {
     height: 32px;
}