/* $Id$ */
.opmForm,.opmFormRow,.opmFormTitle{clear:both;float:left;width:100%;max-width:700px;height:auto;position:relative}
.opmFormRow{width:100%;margin:0 0 20px}
.opmFormCol .opmFormRow{margin:0}
.opmFormCol{float:left;width:48%;height:auto;display:inline-block}
.opmFormCol + .opmFormCol{margin:0 0 0 4%}
.opmFormCol .opmFormRow .opmFormCol:not(.ncmrestCol){width:46%}
.opmFormCol .opmFormRow .opmFormCol + .opmFormCol:not(.ncmrestCol){margin: 0 0 0 8%}
.fileTabs .opmFormCol + .opmFormCol{margin:0 0 0 20px}
.opmFormCol > label{float:left;width:100%;height:auto;margin:0 0 5px}
.opmFormCol label.dateLabel{float:left;width:100%;height:auto;margin:0 0 5px}
.opmFormCol > label i{color:#666}
.opmForm .opmFormCol input{height:33px}
#DCMForm .opmFormCol input{height:33px !important;}
.opmForm .opmFormCol input:last-child{margin:0}
.opmForm .opmFormCol textarea{min-height:50px;resize:none}
.opmForm .opmFormCol input,.opmForm .opmFormCol textarea,.fileUpload,.opmAccListChk-srchOption input,.monitorSnapshotSlideIn .deviceSnapshotMonitors .slideFixedFields .inputFieldBtn input{background:#f0f0f0 !important;float:left;width:100%;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmForm .opmFormCol input:hover,.opmForm .opmFormCol textarea:hover,.opmForm .opmFormCol input:focus,.opmForm .opmFormCol textarea:focus,.opmAccListChk-srchOption input:hover,.opmAccListChk-srchOption input:focus,.monitorSnapshotSlideIn .deviceSnapshotMonitors .slideFixedFields .inputFieldBtn input:focus,.monitorSnapshotSlideIn .deviceSnapshotMonitors .slideFixedFields .inputFieldBtn input:hover{background:#fbfbfb !important}
.inputField_2 .opmFormCol{width:48%}
.inputField_2 .opmFormCol:last-child{float:right}
.labelInput{width:100% !important;display:table;border-collapse:separate}
.opmForm .labelInput span{background:#f0f0f0;border:1px solid #dcdcdc}
.opmForm .labelInput span{border-width:1px 0 1px 1px}
.opmForm .labelInput input + span{border-width:1px 1px 1px 0;border-right-color:#dcdcdc}
.opmForm .opmFormCol span{background:#f9f9fb;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #efefef;border-right:0;position:relative;display:table-cell}
.opmForm .daysInput input{background:#f0f0f0 !important;width:50px;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;margin: 0px 3px;}

.opmForm .opmFormCol span label{font-size:14px;margin:0 !important}
.opmForm .opmFormCol span.info{background:#fafafa;border-left:0;border-right:1px solid #dcdcdc}
.opmForm .opmFormCol span.info label{color:#636363}
.labelInput input{display:table-cell}
.opmFormTitle{font-family:LatoBold;margin:10px 0}
.opmCheckBox div,.opmRadioBtn div{float:left;min-width:35px;min-height:35px;padding:0 0 0 40px;position:relative}
.opmCheckBox input,.opmRadioBtn input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opcity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.opmCheckBox label,.opmRadioBtn label{line-height:33px;z-index:0}
.opmCheckBox label:before{background:#f0f0f0;width:20px;height:20px;content:'';border:1px solid #dcdcdc;position:absolute;top:6px;left:6px}
.opmCheckBox label:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:17px;left:11px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
.opmCheckBox input:checked + label:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
.ui-jqgrid .opmCheckBox input:checked + i + label:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
.opmForm .opmFormCol input[disabled],.opmForm .opmFormCol textarea[disabled],.opmCheckBox input[disabled] + label:before,.opmCheckBox input[disabled] + label:after,.opmRadioBtn input[disabled] + label:before,.opmRadioBtn input[disabled] + label:after{opacity:.5;filter:alpha(opacity=50)}
.opmForm .opmFormCol input[type='radio'],.opmForm .opmFormCol input[type='checkbox'],.opmForm .opmFormCol input[type='file']{opacity:0 !important;filter:alpha(opacity=0) !important}
.noDataCheck label:before,.noDataCheck label:after{display:none}
.fileUpload{width:100% !important;height:35px;padding:0;position:relative;overflow:hidden;display:table;border-collapse:separate}
.fileUpload div{width:100%;max-width:243px;white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;display:table-cell;overflow:hidden}
.fileUpload span.info{border:0 !important;border-left:1px solid #dcdcdc !important}
.fileUpload input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;cursor:pointer}
.opmFormHrLine{background:#efefef;float:left;width:100%;height:1px;margin:20px 0 30px;border:0}
.opmFormNoLine {float: left; width: 100%; height: 1px; margin: 20px 0 30px; border: 0 }
.opmFormHrLine.ncmFormHrLine{margin:20px 0 10px;}
.opmBtnHldr{float:right}
.opmBtn{background:#45bd7f;float:right;min-width:120px;width:auto;height:auto;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:3px;border:0;display:inline-block;cursor:pointer}
.opmBtn *{color:#fff}
.opmBtn:first-child{margin:3px 0 3px 3px}
.opmBtn.bordered{border:1px solid #27a965;background-color:#fff;color:#27a965}
.opmBtn.bordered .svgIcon{fill:#27a965;line-height:0;margin-right:5px}
.opmBtn.bordered.red{border-color:#f34848;color:#f34848}
opmBtnRemoveIcon{background:#fe5c5a;}
.primary-text{color:#1D824E!important}
.btn-grey{background:#f3f3f3;color:#000}
.btn-white{background:#ffffff;color:#000}
.opmFormCol.prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex}
.opmFormCol.prefix-suffix .span,.opmFormCol.prefix-suffix span{vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 12px;background:#f0f0f5;display:block;margin:0}
.opmForm h4{font-weight:bold;margin:0 0 5px}
.opmForm h4 span{background:none;font-weight:normal;font-size:12px;padding:0 0 0 20px;border:0;display:inline}
.opmForm p{color:#777777}
.opmForm .alert-danger *{color:#fe5c5a}
.opmForm .alert-success *{color:##45bd7f}
.opmRadioBtn{float:left;display:inline-block}
.opmRadioBtn + .opmRadioBtn{margin:0 10px 0 0}
.opmRadioBtn label:before{background:#f0f0f0;width:20px;height:20px;content:'';border:1px solid #dcdcdc;border-radius:50%;position:absolute;top:6px;left:6px}
.opmRadioBtn input:checked + label:after{background:#42be7f;width:12px;height:12px;content:'';border:1px solid #f0f0f0;border-radius:50%;position:absolute;top:10px;left:10px}
.fullCol{width:100%}
.noPointerEvents{pointer-events: none}
.allPointerEvents{pointer-events: all;}

.opmForm-2{width:100%}
.opmForm-2 .opmFormCol{width:100%;position:relative}
.opmForm-2 .opmFormCol label{width:100%;padding:8px 140px 0 0;display:inline-block}
.opmForm-2 .opmFormCol input{width:120px;position:absolute;top:0;right:0;z-index:1}
.opmForm-2 .opmFormCol i{position:absolute;top:8px;left:102%}

.imgPreview{width:100%}
.imgPreviewHolder{background:#efefef;width:310px;height:115px;position:absolute;bottom:0;right:0}
.pull-left{float:left !important}
.pull-right{float:right !important}
.pull-none{float: none !important;}

/* font 14 */
.font-14 {font-size: 14px;}

/*! Page Tour starts */
.has-tour{position:relative; pointer-events: all;}
.tour--active:before{content:'';position:fixed;height:100vh;overflow:hidden;background:#000;width:100%;left:0;top:0;z-index:999;opacity:.5}
.tour--active .tour{display:inline-block}
.tour{margin:auto;display:none;position:absolute;z-index:9999}
.tour .tour__highlighter{position:absolute}
.tour .tour__highlighter:after,.tour .tour__highlighter:before{content:'';position:absolute;border-radius:50%;-webkit-transform:translate(-50% -50%);-ms-transform:translate(-50% -50%);transform:translate(-50% -50%);top:50%;left:50%;border:1px solid #27a965}
.tour .tour__highlighter:before{width:16px;height:16px;top:3px;left:3px}
.tour .tour__highlighter:after{width:22px;height:22px;border-color:#145633}
.tour .tour__container{position:relative;min-width:150px;margin:5px}
.tour .tour__container .tour__text{background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);padding:14px 10px;margin:0;width:220px;border-radius:4px;font-size:13px}
.tour .tour__container .tour__text:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #fff;content:'';position:absolute;bottom:100%}
.tour .tour__container .tour__text h3{font-size:13px;font-weight:700;margin-bottom:7px;color:#000}
.tour .tour__container .tour__text p{font-size:12px;font-weight:400;margin-bottom:14px;color:#000;line-height:18px}
.tour .tour__container .tour__text .tour__link{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.tour .tour__container .tour__text .tour__link a.opm_link{font-size:13px;margin-right:10px}
.tour .tour__container .tour__text .tour__link a.opmBtn{font-size:13px;font-weight:400;background-color:#27a965;padding:4px;color:#fff;border-radius:3px;min-width:80px}
.tour.tour--topLeft,.tour.tour--topRight{top:0}
.tour.tour--topLeft .tour__highlighter,.tour.tour--topRight .tour__highlighter{top:-34px}
.tour.tour--topLeft .tour__container,.tour.tour--topRight .tour__container{top:35px}
.tour.tour--topRight{right:0}
.tour.tour--topRight .tour__highlighter{right:26px}
.tour.tour--topRight .tour__text:before{right:10px}
.tour.tour--topLeft{left:0}
.tour.tour--topLeft .tour__highlighter{left:5px}
.tour.tour--topLeft .tour__text:before{left:10px}
.with-probeTour #nav{z-index:9999!important}
.with-probeTour #MainNav{z-index:9999}
.with-probeTour .NavUl li{pointer-events:none}
.with-probeDD .iconOnMainNavDiv{right:0}
/*! Page Tour ends */

.opmFormTitle2{width:100%;font-family:BitterRegular;padding:0 0 10px;border-bottom:1px solid #efefef;display:block}
.sysDial p{clear:both;min-height:40px;padding:0 0 0 35px}
.sysDialHolder{text-align:center;margin:20px 0 40px}
.sysDialHolder h4{margin:0 0 20px}
.fieldType1 .opmFormCol > label,.fieldType2 .opmFormCol > label{float:left;width:300px;padding:8px 0 0}
.fieldType1 .opmFormCol > input{float:left;width:65px}
.fieldType1 .opmFormCol > input[type='file']{width:100%}
.fieldType1 .opmFormCol > .textLabel{position:relative;left:5px;top: 5px;}
.fieldType1 .opmFormCol > div{float:left;width:270px !important}
.fieldType1 .opmFormCol > div.DCMSettings {
    float: left;
    width: 87px !important;
}
.fieldType1 .opmFormCol > .DCMSettings{width:250px !important}

.fieldType2 .opmFormCol > div{float:left;width:auto}
.mrgTp-20{margin-top:20px}
.mrgBm-20{margin-bottom:20px}
.ml35 {margin-left: 35px;}
.opmFormType2{float:left;width:100%;padding:0 0 0 40px}
.opmFormType2 .opmFormRow{margin:0 0 15px}
.opmFormType2 .fieldType1 .opmFormCol > label,.opmFormType2 .fieldType2 .opmFormCol > label{width:260px}
.opmCheckBox.opmCheckBox2 label{width:1;height:1;display:block}
.opmCheckBox2 label:before{top:7px}
.opmCheckBox2 label:after{top:19px}
.opmForm span.infoTxt{background:none;width:auto;font-size:13px;margin:10px 0 0;border:0;display:inline-block}

.selBoxcolTwo > .opmFormCol:first-child .selBox-2{width:46%;margin:0}
.selBoxcolTwo > .opmFormCol:first-child .selBox-2:last-child{float:right}
.selBoxcolTwo > .opmFormCol label{margin:0 0 5px;display:inline-block}
.selBox-2{display:table;border-collapse:separate}
.selBox-2 .selBox{width:100%;max-width:200px;display:table-cell}
.selBox-2 span{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #efefef;border-left:0;position:relative;display:table-cell}
.checkBoxLabel{float:left;position:relative;margin-right:5px}
.checkBoxLabel input{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;top:0;z-index:1;opacity:0;margin:0}
.checkBoxLabel input:checked + .labelName{background:#45bd7f;color:#fff}
.checkBoxLabel input:checked + .labelName:before{display:none}
.checkBoxLabel input:checked + .labelName:after{width:3px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;position:absolute;top:8px;left:17px;content:"";transform:rotate(45deg)}
.checkBoxLabel .labelName{padding:0 10px 0 35px;background:#f0f0f0;float:left;line-height:30px;border-radius:3px;position:relative;font-size:13px}
.checkBoxLabel .labelName:before{position:absolute;top:6px;left:10px;width:15px;height:15px;border-radius:3px;background:#fff;content:"";border:1px solid #e2e2e2}

/*! Flat status msg Starts here */
.flat-status-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:8px 0;clear:both}
.flat-status-msg__icon{margin-right:12px}
.flat-status-msg__content{color:#222}
/*! Flat status msg Ends here */

/* <---------- select2 starts */
.selBox{position:relative}
.selBox select{width:100%;height:33px}
.selBox > div,.selBox > div .select2-container,.selBox > div .select2-container .selection,.selBox > div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{float:left;width:100% !important;height:33px}
.selBox > div .select2-container,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{background:#f0f0f0;text-align:left;padding:0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.selBox > div .select2-container:hover,.selBox > div .select2-container.select2-container--focus,.selBox > div .select2-container.select2-container--open,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container:hover,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container.select2-container--focus,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container.select2-container--open{background:#fbfbfb}
.selBox > div .select2-container .selection,.selBox > div .select2-container .selection .select2-selection,.selBox > div .select2-container .selection .select2-selection .select2-selection__rendered,.selBox > div .select2-container .selection .select2-selection .select2-selection__arrow,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__rendered,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__arrow{background:none;padding:0;border:0}
.selBox > div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection{padding:5px 30px 5px 8px;border-radius:0;position;relative}
.selBox > div .select2-container .selection .select2-selection .select2-selection__rendered,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__rendered{width:100%;height:100%;font:14px LatoRegular;display:block}
.selBox > div .select2-container .selection .select2-selection .select2-selection__arrow,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__arrow{width:30px;height:32px;border-left:1px solid #dcdcdc;top:-1px;right:0}
.selBox > div .select2-container .dropdown-wrapper,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .dropdown-wrapper{display:none}
.select2-container .select2-dropdown{background:#fbfbfb;min-width:100px !important;font:14px LatoRegular;border-color:#dcdcdc;border-radius:0}
.select2-container--default .select2-results__group{font-weight:bold;background-color:#E7E8E8}
.select2-container--default .select2-selection--single .select2-selection__placeholder{background:none;width:100%;font:14px/20px LatoRegular;white-space:nowrap;text-overflow:ellipsis;border:0;overflow:hidden;display:block}
/* select2 ends ----------> */

.multiSelBox .multiSelBoxHolder .srch{display:none}
.opmPopUpForm .opmPopUpForm2Col .multiSelBoxHolder .srch input[type='text'] {width: 50% !important;margin: 0 !important;}
.multiSelBox .multiSelBoxHolder.srchOption .srch{width:100%;height:33px;position:absolute;top:0;left:0;display:block}
.multiSelBox .multiSelBoxHolder.srchOption .srch input{background:#fbfbfb !important;float:left;width:50%;border:0;border-bottom:1px solid #efefef}
.multiSelBox .multiSelBoxHolder.srchOption .srch input:first-child{padding-right:25px;border-right:1px solid #efefef}
.multiSelBox .multiSelBoxHolder.srchOption .srch input:last-child{padding-left:25px}
.multiSelBox .multiSelBoxHolder.srchOption .multiSelBoxLeft,.multiSelBox .multiSelBoxHolder.srchOption .multiSelBoxRight{padding-top:33px}
.multiSelBox .multiSelBoxHolder.srchOption  .multiSelBoxBtn{top:33px}

.slideContent{width:100%;height:100%;position:absolute;top:0;left:102%;z-index:11;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body.slideDivIn-1 .slideContent-1,body.slideDivIn-2 .slideContent-2,body.slideDivIn-3 .slideContent-3,body.slideDivIn-4 .slideContent-4,body.slideDivIn-5 .slideContent-5,body.slideDivIn-6 .slideContent-6,body.slideDivIn-7 .slideContent-7,body.slideDivIn-8 .slideContent-8,body.slideDivIn-9 .slideContent-9,body.slideDivIn-10 .slideContent-10,body.slideDivIn-11 .slideContent-11,body.slideDivIn-12 .slideContent-12,body.slideDivIn-99 .slideContent-99, body.slideDivIn-77 .slideContent-77,body.slideDivIn-63,body.slideDivIn-88 .slideContent-88{left:0;display:block;}
body.slideDivIn-2 .slideContent-1:not(.ncmSlide),body.slideDivIn-3 .slideContent-1:not(.ncmSlide){left:-30px}
.slideContent .slideContentContainer,.slideContent-2 .slideContentContainer{background:#fff;float:right;width:100%;max-width:700px;height:100%;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);position:relative}
/*body.Windows .slideContent .slideContentContainer,body.Windows .slideContent-2 .slideContentContainer{max-width:717px}*/
.slideContentContainer div > header{float:left;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.slideContentContainer div > header i.icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}
.slideContentContainer div > header i.icon-remove:hover{color:#000}
.slideContentContainer div > section{margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.slideContentContainer div > section .slideContHolder{float:left;width:100%;height:auto;margin:0 0 30px}
.slideContentContainer div > section .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.slideContentContainer div > section .slideContHolder .opmForm{padding:0 20px;}
.slideContent-4{z-index: 12}
.slideContent-7 .slideContentContainer,.slideContent-7 .slideContentContainer .opmForm{max-width:100%}
.slideContent-7 .slideContentContainer .opmForm .col-1{width:30%}

.rowType2 > .opmFormCol{width:58%}
.rowType2 > .opmFormCol .opmFormCol{width:100%}
.btn-DeepSkyBlue{background:#6a849f;color:#fff}
.rowType2 .opmFormRow{margin:0}
.rowType2 .selBox-2 > span{background:none;padding:0 0 0 20px;border:0}
.opmBtnType2,.opmBtnType3{min-width:auto;width:60px;font-size:13px;padding:8px 5px;margin:0 !important}
.opmBtnType4{min-width:auto;font-size:13px;padding:8px 5px;}
.rowType4 > .opmFormCol{width:48%}
.rowType4 .opmBtn{margin:0 !important}

.devIconPre{margin:0;position:relative}
.devIconPre.active{margin:0 0 20px}
.devIconPre:before{background:#f6f6f6;content:'';position:absolute;top:0;right:-30px;bottom:0;left:-30px}
.devIconPre > .opmFormCol{width:100%}
.devIconPre .devIconPreDiv{background:#f9f9fb;width:240px;height:183px;position:absolute;top:-203px;right:0;cursor:pointer}
.devIconPre .devIconPreDiv .img{width:100%;height:100%;padding:0 0 40px}
.devIconPre .devIconPreDiv .img img{max-width:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.devIconPre .devIconPreDiv .txt{width:100%;height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px 20px;margin:0;position:absolute;bottom:0;left:0}
.devIconPre .devIconPreDiv .txt:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:0;right:7px;bottom:0}
.devIconPre .devIconPreDiv input{display:none}
.devIconPre .devIconPreList{float:left;width:670px;height:200px;padding:0 30px 0 0;overflow:hidden}
.devIconPre.active .devIconPreList{margin:30px 0 30px 0;overflow:auto}
.devIconPre .devIconPreList div{float:left;width:100%;height:auto}
.devIconPre .devIconPreList div div{float:left;width:80px;height:80px;padding:10px;position:relative;overflow:hidden;cursor:pointer}
.devIconPre .devIconPreList div div img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}

.labelInput2{position:relative}
.labelInput2 > label{width:100%;padding:8px 140px 0 0;display:inline-block}
.labelInput2 .labelInput{width:120px !important;position:absolute;top:0;right:0;display:inline-block}
.labelInput2 .labelInput > div{display:table;border-collapse:separate}

.opmForm .rowType3 > .opmFormCol > div:first-child{width:58%}
.opmForm .rowType3 > .opmFormCol > div input{width:100%}
.opmForm .rowType3 .opmBtn{float:left;margin:0 0 0 20px !important}
.opmBtnType3{min-width:140px}
.deviceQueryForm,.deviceQueryList{float:left;width:100%;height:auto;padding:10px 0;margin:10px 0 0;position:relative}
.deviceQueryForm:before,.deviceQueryList:before{background:#f6f6f6;content:'';position:absolute;top:0;right:-30px;bottom:0;left:-30px}
.deviceQueryForm *,.deviceQueryList *{position:relative}
.deviceQueryForm .opmBtnHldr .opmBtn{float:right;margin:3px !important}
.deviceQueryList li{float:left;width:100%;height:auto;padding:5px 0;margin:0 0 5px;position:relative;padding-left: 20px}
.deviceQueryList li:before{content:'';border-bottom:1px solid #e6e6e6;position:absolute;right:-30px;bottom:0;left:-30px}

.adminMonitors > .title{height:135px;padding:0 !important;border:0 !important}
.navTabList,.navTabList > section{float:left;width:100%;height:100%;position:relative}
.navTabList > header{margin:0 0 20px}
.navTabList > section{background:#fafafa;height:90px}
.navTabList.tabMinHeight > section{background:#fafafa;height:60px !important}
.navTabList > section .list{float:left;width:100%;height:100%;overflow:hidden}
.navTabList > section .list li{float:left;width:160px;height:100%;font-size:14px;border-right:1px solid #ececec;display:table}
.navTabList > section .list li a{width:100%;height:100%;color:#000;text-align:center;vertical-align:middle;padding:10px 20px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-bottom:3px solid transparent;display:table-cell}
.navTabList > section .list li a:hover,.navTabList > section .list li a.active{background:#f2f2f2;border-color:#43be7f}
.navTabList > section .more{background:#fafafa;width:100px;height:100%;font-size:14px;text-align:center;position:absolute;top:0;right:0}
.navTabList > section .more > a{background:#fff;padding:5px 24px 5px 15px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #ececec;position:relative;top:34px}
.navTabList > section .more > a:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:2px;right:9px;bottom:0}
.navTabList > section .more ul{background:#fff;min-width:120px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:58px;right:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.navTabList > section .more ul li{float:left;width:100%;height:auto;border-bottom:1px solid #ececec;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.navTabList > section .more ul li:last-child{border:0}
.navTabList > section .more ul li a{width:100%;height:auto;white-space:nowrap;color:#000;padding:5px 10px;display:block}
.navTabList > section .more ul li:hover{background:#fafafa}
.navTabList > section:hover ul{display:block}

/*.settingsContent .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th span,.slideContent .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th span{border:0}*/
.settingsContent .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th .select2.border + span,.slideContent .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th .select2.border + span {border:1px solid #dcdcdc}

.opmTab,.opmTab ul{float:left;width:100%;height:60px;padding:0 20px}
.opmTab ul{padding:0}
.opmTab ul li{background:#fbfbfb;float:left;width:33.33%;height:100%;text-align:center;border-right:1px solid #ccc;border-bottom:3px solid transparent;display:block}
.opmTab ul li:last-child{border-right:0}
.opmTab ul li a{color:#767676;padding:20px 10px;display:block}
.opmTab ul li:hover,.opmTab ul li.active{background:#f3f3f5;border-bottom-color:#45b87b!important}
.opmTab ul li:hover a,.opmTab ul li.active a{color:#000}
.opmTab.opmTabFileFolder li{width:20%}
.opmTabCont{padding:0 20px;position:absolute;top:60px;right:0;bottom:0;left:0;overflow:auto}
.opmAccordion,.opmAccCont{float:left;width:100%;height:auto}
.opmAccordionSingle{float:left;width:100%;height:auto;margin:0 0 5px}
.opmAccHdr{background:#f3f3f5;float:left;width:100%;height:auto;padding:10px;cursor:pointer}
.opmAccordionSingle.active .opmAccHdr{cursor:default}
.opmAccHdr span{color:#767676;border:0}

/* AD User Details start */
.icon-user:before{font-family:fontello}
.icon-ad-user::before{width:16px;height:16px;position:absolute;top:0;left:0;content:"";background:url(../../img/opm-sprites-v2.svg) no-repeat -270px -152px}
.navTabList > section #appMonitorList.list li {width: 140px}
.navTabList > section #appMonitorList.list li a {padding:10px 10px}
.hasHelpCard.noBeforeAfter {background: none;border: none;width:max-content;border-radius:0;position: relative;}
.hasHelpCard:hover {text-decoration: none !important;}
.hasHelpCard .helpCardInfo {color: #fff !important;}
.hasHelpCard6 .helpCardInfo.mw-220 {max-width: 220px;}
.noBeforeAfter::after,.noBeforeAfter::before{display:none}
.opm_DeviceSnapListHelpCard .hasHelpCard6 .helpCardInfo, .opuDeviceSummary .hasHelpCard6 .helpCardInfo{left: 50% !important;transform: translateX(-50%);color: #fff;z-index:9;}
.hasHelpCard6 .helpCardInfo .flex .seperator {position: relative;}
.hasHelpCard6 .helpCardInfo .flex .seperator::after {content: ':';position: absolute;right: 10px !important;}
.overflow-visible {overflow:visible !important}
.opuDeviceSummary .hasHelpCard6 .helpCard {position: unset;}
.hasHelpCard.overflow-visible:hover .helpCard {display: block !important;}
.grid-stack-overflow-visible .grid-stack-item-content{overflow:visible !important;}
/* AD User Details end */

.userProfile{background:rgba(255,255,255,.2);height:100%;font-family:LatoRegular;padding:20px 0 0;position:relative;overflow:hidden;z-index:0}
.userProfile > header{background:#f5f6f8;height:44px;font-size:14px;border-bottom:1px solid #e1e1e1;position:absolute;top:20px;right:20px;left:20px;z-index:99}
.userProfile > header .btn-back{float:left;text-align:center;color:#8a8e91;padding:12px 5px 10px;margin:0 10px;cursor:pointer;display:inline-block}
.userProfile > header h2{float:left;width:auto;color:#525252;padding:12px 0 10px}
.userProfile > header .user-info{position:absolute;top:0;right:100px;bottom:0;left:220px}
.userProfile > header .user-info span{color:#525252;padding:12px 10px 14px 30px;display:inline-block;position:relative}
.userProfile > header .user-info span:before{content:'';position:absolute;left:0}
.userProfile > header .user-info span.user-mail:before{background:url(../../img/samples/icons/icon-mail.png);width:20px;height:16px;top:14px}
.userProfile > header .user-info span.user-mobile:before{background:url(../../img/samples/icons/icon-mobile.png);width:13px;height:22px;top:10px}
.userProfile > header .user-info span.user-phone:before{background:url(../../img/samples/icons/icon-phone.png);width:18px;height:18px;top:14px}
.userProfile > header .user-info span.user-location:before{background:url(../../img/samples/icons/icon-map.png);width:14px;height:20px;top:12px}
.userProfile > header .nav-actions{float:right;width:auto;height:100%}
.userProfile > header .nav-actions i{float:left;color:#8a8e91;padding:12px 10px;cursor:pointer}
.userProfile > header .nav-actions i:hover{color:#000}
.userProfile > section{position:absolute;top:64px;right:0;bottom:0;left:20px}
.userProfile > section:before{background:#fff;content:'';position:absolute;top:0;right:20px;bottom:0;left:0;z-index:0}
.userProfile > section aside{width:220px;height:100%;border-right:1px solid #cbcbcb;position:absolute;top:0;left:0;z-index:1;overflow:auto}
.userProfile .user-profile-img{float:left;width:100%;height:auto;text-align:center;margin:20px 0}
.userProfile .user-profile-img img{width:160px;height:160px;border-radius:50%;position:relative;overflow:hidden}
.userProfile .user-profile-nav,.userProfile .user-profile-nav ul,.userProfile .user-profile-nav ul li,.userProfile .user-profile-nav ul li > a{float:left;width:100%;height:auto}
.userProfile .user-profile-nav ul li{border-bottom:1px solid #e5e5e5}
.userProfile .user-profile-nav ul li:first-child{border-top:1px solid #e5e5e5}
.userProfile .user-profile-nav ul li > a{font-size:14px;padding:10px 20px;position:relative}
.userProfile .user-profile-nav ul li > a i.icon-iphone{background:url(../../img/samples/icons/icon-iphone.png) no-repeat 0 0;float:right;width:15px;height:32px;position:absolute;top:8px;right:27px}
.userProfile .user-profile-nav ul li > a i.icon-macbook-pro{background:url(../../img/samples/icons/icon-mac.png) no-repeat 0 0;float:right;width:40px;height:22px;position:absolute;top:15px;right:15px}
.userProfile .user-profile-nav ul ul li{border:0}
.userProfile .user-profile-nav ul ul a{color:#adadad;padding:10px 10px 10px 30px}
.userProfile .user-profile-nav ul > li.selected > a{border-left:2px solid #49bd80}
.userProfile .user-profile-nav ul > li.dropList:hover > a{border-left:2px solid #49bd80}
.userProfile > section section{padding:20px 20px 20px 0;position:absolute;top:0;right:0;bottom:0;left:220px;overflow:auto}
.user-profile-info{float:left;width:100%;height:auto;padding-left:20px}
.user-profile-info h4{font:24px LatoRegular;margin:0 0 5px}
.user-profile-info h4 span{font-size:13px;color:#adadad}
.user-profile-info h4 span:before{height:12px;content:'';border-radius:50%;display:inline-block}
.user-profile-info h4 span.status-online:before{background:#60d785}
.user-profile-info h4 span.status-offline:before{background:#dfdfdf}
.user-profile-info div span{font-size:14px;color:#3f3f3f}
.user-profile-info div span:not(:first-child):before{background:#3f3f3f;width:5px;height:5px;content:'';margin:0 5px;border-radius:50%;display:inline-block;position:relative;top:-1px}

.user-profile-details,.user-profile-single,.user-profile-single .title,.user-profile-single .content,.internet-info{float:left;width:100%;height:auto}
.user-profile-single .title{background:#fcfcfc;font:14px LatoRegular;padding:10px 30px 10px 20px;border:1px solid #cccccc;border-right:0;border-left:0}
.user-profile-single .content{padding:20px 0;text-align: center}
.internet-info{padding:0 40px}
.internet-info > div:not(:first-child){float:right}
.internet-info .speed-info{float:left;width:auto;height;margin:0 20px 0 0}
.internet-info .speed-info:last-child{margin:0}
.internet-info .speed-info h4{font:18px LatoRegular;color:#ff8d74}
.internet-info .speed-info span{color:#bbc9d2}
.user-profile-graph{background:url(../../img/samples/images/end-user-graph.png) repeat-x;float:left;width:100%;height:117px;margin:20px 0}
.user-profile-dial{float:left;width:100%;height:auto;text-align:center}
.user-profile-dial .dial-holder,.user-profile-dial .dial-holder .dial-bg{width:270px;height:180px;margin:20px;display:inline-block;position:relative;overflow:hidden}
.user-profile-dial .dial-holder .dial-bg{height:135px;margin:0;position:absolute;top:0;left:0}
.user-profile-dial .dial-holder .dial-bg:before,.user-profile-dial .dial-holder .dial-bg:after{content:'';margin:auto;border-radius:50%;position:absolute;top:0;left:0}
.user-profile-dial .dial-holder .dial-bg:before{background:#f2f2f2;width:270px;height:270px}
.user-profile-dial .dial-holder .dial-bg:after{background:#fff;width:135px;height:135px;top:68px;left:68px}
.user-profile-dial .dial-holder img{margin:auto;position:absolute;top:-1px;right:0;left:0;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;z-index:1}
.user-profile-dial .dial-holder .dial-info{width:100%;height:50px;position:absolute;top:100px;left:0}
.user-profile-dial .dial-holder .dial-info *{width:100%;display:block}
.user-profile-dial .dial-holder .dial-info span:first-child{font:36px LatoBold;color:#ff8d74}
.user-profile-dial .dial-holder .dial-info span:first-child i{font:18px LatoRegular}
.user-profile-dial .dial-holder .dial-info span:last-child{color:#bbc9d2}
.bandwidth-usage{width:100%;max-width:700px;height:auto;margin:auto;border:1px solid #e4e4e4}
.single-bandwidth-usage{background:#fcfcfc;width:100%;height:auto;font-size:14px;padding:15px 20px;display:block}
.single-bandwidth-usage:nth-child(2n){background:#fff}
.single-bandwidth-usage > div{clear:both;width:100%;height:auto;position:relative}
.single-bandwidth-usage > div:nth-child(2){height:8px;margin:5px 0 0}
.single-bandwidth-usage > div > div:first-child{background:#f2f2f2;height:8px;border-radius:5px;position:absolute;top:0;right:80px;bottom:0;left:0;overflow:hidden}
.single-bandwidth-usage > div > div:first-child span{background:#2adeb7;height:100%;border-radius:5px 0 0 5px;position:absolute;top:0;left:0}
.single-bandwidth-usage > div > div:last-child{font-family:LatoRegular;position:absolute;top:-6px;right:0}
.bandwidth-usage.type2 > div{padding:15px 20px 15px 70px}
.bandwidth-usage.type2 .single-bandwidth-usage > div img{position:absolute;bottom:-14px;left:-50px}

.userProfileList{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.userProfileList > header{background:#fff;width:100%;height:76px;font-family:LatoRegular;padding:20px;border-bottom:1px solid #efeff1;position:absolute;top:0;left:0}
.opmDashboardSubLinks .title{float:left;width:auto;font-size:20px;padding:8px 0 0 15px}
/*.userProfileList > header .importProfile{background:#5ace91;float:right;width:auto;color:#fff;padding:10px;border-radius:5px;position:relative;cursor:pointer}*/
.opmDashboardSubLinks .importProfile{background:#5ace91;float:right;width:auto;color:#fff;padding:10px;border-radius:5px;position:relative;cursor:pointer}
#peopleDashboard.opmDashboard .searchProfile{background:#fbfbfb;float:right;width:350px;height:33px;margin:1px 0px 0;position:relative}
#peopleDashboard.opmDashboard .searchProfile:before{font-size:18px;font-family:fontello;content:'\e8d6';position:absolute;top:6px;left:12px}
#peopleDashboard.opmDashboard .searchProfile input{background:none;width:100%;height:100%;font:14px/100% LatoRegular;color:#b2b2b2;padding:2px 10px 2px 40px;border:1px solid #efeff1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#peopleDashboard.opmDashboard .searchProfile input:focus{color:#000;border-color:#45bd7f}
.userProfileList > section{background:#fbfbfb;position:absolute;top:0px;right:0;bottom:0;left:0;overflow:auto}
.userProfileList > section .userProfileListHolder{float:left;width:100%;height:auto;padding:20px 0}
.userProfileList > section .singleUserProfile{background:#fff;float:left;width:327px;height:110px;padding:15px;margin:10px;border:1px solid #efeff1;position:relative;transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;cursor:pointer}
.userProfileList > section .singleUserProfile:hover{border-color:#bcdffd}
.userProfileList > section .singleUserProfile figure{width:80px;height:80px;margin:auto;border-radius:50%;position:absolute;top:0;bottom:0;left:15px;overflow:hidden}
.userProfileList > section .singleUserProfile figure img{float:left;width:100%;height:100%;border-radius:50%;filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.userProfileList > section .singleUserProfile:hover figure img{filter:none;-webkit-filter:grayscale(0%)}
.userProfileList > section .singleUserProfile .content{float:left;width:100%;height:100%;color:#6b6b6b;padding:10px 10px 10px 95px}
.userProfileList > section .singleUserProfile .content div{width:100%;font: 13px LatoRegular;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.userProfileList > section .singleUserProfile .content .userName{font:14px LatoRegular;color:#000}
.userProfileList .slideContHolder .opmTab{height:61px;border-bottom:1px solid #efefef}
.userProfileList .slideContHolder .opmTab ul li{width:25%}
.userProfileList .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:20px 0}

.opmBtnHldrTop{position:absolute;top:25px;right:30px;z-index:1}
.opmBtnHldrTop .opmBtn{font-size:13px !important;border-radius:5px}
.navTabList .opmBtnHldrTop{top:-9px;right:0}
.opmCheckBoxType2{margin:20px 0 0}
.multiSelBox,.multiSelBox .label{float:left;width:100%;height:auto;position:relative}
.multiSelBox .label{margin:0 0 5px}
.multiSelBox .label label{float:left;width:50%;font:14px LatoRegular}
.multiSelBox .label label:last-child{padding:0 0 0 15px}
.multiSelBox .multiSelBoxHolder{background:#f9f9fb;float:left;width:100%;height:160px;border:1px solid #efefef;position:relative}
.multiSelBox .multiSelBoxLeft,.multiSelBox .multiSelBoxRight{width:50%;height:100%}
.multiSelBox .multiSelBoxLeft{float:left;padding:0 15px 0 0}
.multiSelBox .multiSelBoxRight{float:right;padding:0 0 0 15px}
.multiSelBox .multiSelBoxLeft select,.multiSelBox .multiSelBoxRight select{background:transparent;float:left;width:100%;height:100%;border:0;position:relative;overflow:auto}
.multiSelBox option{float:left;width:100%;height:auto;font:14px LatoRegular;padding:5px}
/*.multiSelBox option:nth-child(2n){background:#fefefe}*/
.multiSelBox .multiSelBoxBtn{width:30px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.multiSelBox .multiSelBoxBtn:before{background:#fff;width:100%;height:1px;content:'';margin:auto;position:absolute;top:0;bottom:0;left:0;z-index:1}
.multiSelBox .multiSelBoxBtn div{background:#efefef;float:left;width:100%;height:50%;position:relative;cursor:pointer}
.multiSelBox .multiSelBoxBtn .btnLeft:before,.multiSelBox .multiSelBoxBtn .btnRight:before{width:0;height:0;content:'';margin:auto;border-width:7px;border-style:solid;border-image:none;border-color:transparent;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.multiSelBox .multiSelBoxBtn .btnLeft:before{border-left-color:#c3c3c3;left:8px}
.multiSelBox .multiSelBoxBtn .btnRight:before{border-right-color:#c3c3c3;right:8px}
.multiSelBox .multiSelBoxLeft.multiSelBoxList{width:100%;padding:0 0px 0 0}

.profileInfo{text-align:center;margin:-68px 0 0 30px !important;position:absolute;z-index:1}
.profileInfo .opmFormRow .opmFormCol{float:none;width:55%;margin:auto;display:inline-block}
.profileInfo .profileImg{width:140px;height:140px;margin:auto;border:1px solid #d9d9d9;position:relative;overflow:hidden;cursor:pointer}
.profileInfo .profileImg label{width:100%;height:100%}
.profileInfo .profileImg img{float:left;width:100%;height:auto}
.profileInfo .profileImg span{background:rgba(0,0,0,.3);width:100%;height:30px;font-size:14px;line-height:27px;text-align:center;color:#fff;border:0;position:absolute;bottom:-30px;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.profileInfo .profileImg:hover span{bottom:0}
.profileInfo .profileUsrNo{text-align:center}
.profileInfo .profileUsrNo .opmFormCol{float:left;width:46%;text-align:left;margin:auto}

.opmTabContType2{padding:30px 0 0;border-top:1px solid #efefef}
.opmTabContType2 .opmForm{padding:0}


.actionIcons{position:absolute;top:0;right:0}
.actionIcons *{background:#5fcc93;float:right;width:auto;height:auto;text-indent:initial;text-align:center;color:#fff;padding:3px 10px;margin:0 5px;border-radius:5px;cursor:pointer}
.actionIcons .ui-icon-trash{background:#fa5b5a}

.col-1,.col-2{float:left;width:33%;height:auto}
.col-1 .opmFormCol{width:100%}
.col-1 .opmFormCol label{height:33px;padding:7px 0 0;margin:0}
.col-2{width:67%;overflow:auto}
.col-2 .singleColHolder{float:left;width:100%;display:table;overflow:auto}
.col-2 .singleColList{float:none;padding:0 10px 0 0;display:table-cell}
.col-2 .singleColList:last-child{padding:0}
.col-2 .singleColList .singleColText{height:33px;padding-top:8px}
.col-2 .opmFormCol{width:250px}
.col-2 .opmRadioBtn2{width:45%}

.opmFormType3 .opmFormCol{width:450px}
.opmAccListChk,.opmAccListChk > ul,.opmAccListChk > ul > li,.opmAccListChk .opmCheckBox,.opmAccListChk .opmCheckBox div{float:left;width:100%;height:auto}
.opmAccListChk{width:225px;min-height:145px;margin:40px 0 30px 0;position:relative}
.opmAccListChk > ul{background:#f9f9fb;color:#252525;border:1px solid #efefef}
.opmAccListChk > ul:before,.opmAccListChk > ul:after{background:#efefef;width:1px;content:'';position:absolute;top:-30px;right:0;bottom:-30px;z-index:1}
.opmAccListChk > ul:after{right:-120%}
.opmAccListChk > ul > li:not(:last-child){border-bottom:1px solid #efefef}
.opmAccListChk > ul > li > .opmCheckBox > div > input{width:35px;height:35px;z-index:2}
.opmAccListChk > ul > li:first-child:not(.noActive),.opmAccListChk > ul > li.active{background:#fff}
.opmAccListChk > ul > li:first-child:not(.noActive) > .opmCheckBox > div:before,.opmAccListChk > ul > li.active > .opmCheckBox > div:before{background:#fff;width:1px;height:33px;content:'';position:absolute;top:0;right:-1px;z-index:1;display:block}
.opmAccListChk > ul > li > ul{background:#fff;width:120%;min-height:100%;height:auto;max-height:100%;padding:0 30px 0 25px;position:absolute;top:0;left:224px;overflow:auto;display:none}
.opmAccListChk > ul > li:first-child:not(.noActive) > ul,.opmAccListChk > ul > li.active > ul{display:block}
.opmAccListChk > ul > li > ul .opmCheckBox div{padding:0 0 0 35px}
.opmAccListChk > ul > li > ul .opmCheckBox div input{z-index:2}
.opmAccListChk > ul > li > ul .opmCheckBox label:before{left:5px}
.opmAccListChk > ul > li > ul .opmCheckBox label:after{left:10px}
.opmAccListChk .noDataList:before,.opmAccListChk .noDataList:after{display:none}

.opmAccListChk.noChild > ul li{background:none !important}
.opmAccListChk.noChild > ul:before,.opmAccListChk.noChild > ul:after,.opmAccListChk.noChild > ul li .opmCheckBox > div:before{display:none !important}
.opmAccListChk.noChild > ul li .opmCheckBox > div input{width:100%}

.opmFormType4,.opmFormType4 .header,.opmFormType4 .content,.opmFormType4,.opmFormType5 .header,.opmFormType5 .content,.opmFormType6,.opmFormType6 .content{float:left;width:100%;height:auto}
.opmFormType4 .header .opmFormRow > div,.opmFormType4 .content .opmFormRow > div{float:left;width:15%;min-height:33px;margin:0 2% 0 0;display:block}
.opmFormType4 .header .opmFormRow > div:last-child,.opmFormType4 .content .opmFormRow > div:last-child,.opmFormType5 .header .opmFormRow > div:last-child,.opmFormType5 .content .opmFormRow > div:last-child,.opmFormType6 .opmFormRow > div:last-child{margin:0}
.opmFormType4 .content .opmFormRow > div:first-child,.opmFormType5 .content .opmFormRow > div:first-child{padding:7px 0 0}
.opmFormType4 .content .opmFormRow > div > div,.opmFormType5 .content .opmFormRow > div > div{width:100%}
.opmFormType4 .content .opmFormRow > div > input,.opmFormType5 .content .opmFormRow > div > input,.opmFormType6 .opmFormRow > div input{background:#f0f0f0;float:left;width:100%;height:33px;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmFormType4 .content .opmFormRow > div > input:focus,.opmFormType5 .content .opmFormRow > div > input:focus,.opmFormType6 .opmFormRow > div input:focus{background:#fbfbfb}
.opmFormType5 .header .opmFormRow > div,.opmFormType5 .content .opmFormRow > div{float:left;width:23.5%;min-height:33px;margin:0 2% 0 0;display:block}
.opmFormType5 .content .opmFormRow > div.opmRamUsageInfoHolder{width:100%}
.opmFormType5 .content .opmFormRow > div > div.opmRamUsageInfoContainer{width:auto}
.opmFormType6 .opmFormRow > div{float:left;width:23.5%;margin:0 2% 0 0;display:block}
.opmFormType6 .opmBtn{min-width:auto;width:33px;min-height:auto;height:33px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmFormType6 .opmBtn:before{width:0;height:0;line-height:0;position:absolute;top:18px;left:12px}

.fileTabs .opmFormCol{width:300px}

.GroupUsersList,.GroupUsersList .searchList,.GroupUsersList .usersList,.GroupUsersList .usersList .userSingle{float:left;width:100%;height:auto;position:relative}
.GroupUsersList{padding:80px 0 0;height:100%;overflow:hidden}
.GroupUsersList .searchList{width:auto;height:33px;margin:auto;position:absolute;top:0;right:30px;left:30px}
.GroupUsersList .searchList:before{font:18px fontello;content:'\e8d6';color:#ABABAB;position:absolute;top:7px;left:12px}
.GroupUsersList .searchList input{background:#f0f0f0;float:left;width:100%;height:100%;padding:2px 10px 2px 40px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.GroupUsersList .searchList input:hover,.GroupUsersList .searchList input:focus{background:#fbfbfb}
.GroupUsersList .userSelectAll{width:auto;height:35px;position:absolute;top:40px;left:30px}
.GroupUsersList .usersList{width:100%;height:100%;padding:0 30px 20px;overflow:auto}
.GroupUsersList .usersList .userSingle{background:#fff;padding:10px 15px;position:relative}
.GroupUsersList .usersList .userSingle:nth-child(2n){background:#fbfbfb}
.GroupUsersList .usersList .userSingle .img{float:left;width:43px;height:43px;margin:0;border-radius:43px;overflow:hidden;position:absolute;left:15px;top:10px}
.GroupUsersList .usersList .userSingle .img img{width:100%;height:auto}
.GroupUsersList .usersList .userSingle .conent{float:left;width:100%;height:auto;font:300 14px/100% LatoRegular,sans-serif;color:#000;padding:0 40px 0 55px}
.GroupUsersList .usersList .userSingle .conent h3{font-family:LatoBold;margin:0 0 8px}
.GroupUsersList .usersList .userSingle .conent p{height:20px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.GroupUsersList .usersList .userSingle .userSelect{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}
.GroupUsersList .usersList .userSingle .userSelect input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:2;position:relative}
.GroupUsersList .usersList .userSingle .userSelect i{width:20px;height:20px;position:absolute;top:20px;right:25px}
.GroupUsersList .usersList .userSingle .userSelect i:before{background:#f0f0f0;width:20px;height:20px;content:'';border:1px solid #dcdcdc;position:absolute;top:0;left:0}
.GroupUsersList .usersList .userSingle .userSelect i:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:12px;left:5px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
.GroupUsersList .usersList .userSingle .userSelect input:checked + i:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

.settingsCnt > aside:before,.settingsCnt > section:before,#PageSideBar:before,#PageContent:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:-9}
body.slideDivIn-1 .settingsCnt > aside:before,body.settingsPage.settingsPage.slideDivIn-1 .settingsCnt > section:before,body.settingsPage.slideDivIn-1 #PageSideBar:before,body.settingsPage.slideDivIn-1 #PageContent:before,body.slideDivIn-2 .settingsCnt > aside:before,body.settingsPage.settingsPage.slideDivIn-2 .settingsCnt > section:before,body.settingsPage.slideDivIn-2 #PageSideBar:before,body.settingsPage.slideDivIn-2 #PageContent:before,body.settingsPage.slideDivIn-4 .settingsCnt > aside:before,body.settingsPage.slideDivIn-4 .settingsCnt > section:before,body.settingsPage.slideDivIn-4 #PageSideBar:before,body.settingsPage.slideDivIn-4 #PageContent:before,body.settingsPage.slideDivIn-5 .settingsCnt > aside:before,body.settingsPage.slideDivIn-5 .settingsCnt > section:before,body.settingsPage.slideDivIn-5 #PageSideBar:before,body.settingsPage.slideDivIn-5 #PageContent:before,body.settingsPage.slideDivIn-10 #PageSideBar:before,body.settingsPage.slideDivIn-10 #PageContent:before,body.settingsPage.deviceSlideDivIn-2 #PageContent:before,body.slideDivIn-6 .settingsCnt > aside:before,body.settingsPage.settingsPage.slideDivIn-6 .settingsCnt > section:before,body.settingsPage.slideDivIn-6 #PageSideBar:before,body.settingsPage.slideDivIn-6 #PageContent:before,body.settingsPage.slideDivIn-11 #PageContent:before,body.settingsPage.slideDivIn-8 #PageContent:before,body.settingsPage.slideDivIn-8 #PageContent settingsCnt:before,body.slideDivIn-12 #PageContent:before{background:rgba(0,0,0,0.3);z-index:10}
body.nfaAnomalyRepport.slideDivIn-12 .settingsCnt > aside:before,body.nfaAnomalyRepport.slideDivIn-12 .settingsCnt > section:before,body.nfaAnomalyRepport.slideDivIn-12 #PageSideBar:before,body.nfaAnomalyRepport.slideDivIn-12 #PageContent:before{background:rgba(0,0,0,0.3);z-index:11;}
body.nfaAnomalyRepport.slideDivIn-12 .slideContent-12{z-index:12;}

body.fwaCompliancePage.slideDivIn-1 .settingsCnt > section:before{background: rgba(0,0,0,0.3);z-index: 10}

.pointer{cursor:pointer !important;}

.discoveryWizard{float:left;width:100%;height:100%;position:relative}
.discoveryWizardSteps{background:#f3f3f5;height:66px;position:absolute;top:0;right:0;left:0;z-index:2}
.discoveryWizardSteps > div{float:left;width:20%;height:100%;line-height:60px;text-align:center;color:#a3a3a3;position:relative}
.discoveryWizardSteps > div:before,.discoveryWizardSteps > div:after,.discoveryWizardSteps > div span:before{width:100%;height:4px;content:'';position:absolute;bottom:0;left:-50%;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.discoveryWizardSteps > div:before{background:#a4a4a4}
.discoveryWizardSteps > div.active,.discoveryWizardSteps > div.completed{color:#000}
.discoveryWizardSteps > div:first-child:before,.discoveryWizardSteps > div.active:after,.discoveryWizardSteps > div.completed:first-child:after{width:100%}
.discoveryWizardSteps > div.active:first-child:after{width:50%}
.discoveryWizardSteps > div:first-child:before,.discoveryWizardSteps > div:first-child:after,.discoveryWizardSteps > div.completed:first-child:after{left:0}
.discoveryWizardSteps > div:last-child:before,.discoveryWizardSteps > div.completed:last-child:after{width:150%}
.discoveryWizardSteps > div:after{background:#45bd7f;width:0}
.discoveryWizardSteps > div.completed:after{width:100%}
.discoveryWizardSteps > div span:before{background:#fff;width:10px;height:10px;content:'';margin:auto;border:4px solid #a4a4a4;border-radius:50%;position:absolute;right:0;bottom:-7px;left:0;z-index:1}
.discoveryWizardSteps > div span:after{width:4px;height:9px;content:'';margin:auto;border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;right:0;top:98%;left:-6px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
.discoveryWizardSteps > div.active span:after{background:#45bd7f;width:12px;height:12px;border-radius:50%;top:57px;left:0;transform:none}
.discoveryWizardSteps > div.active span:before{width:20px;height:20px;border-width:2px;bottom:-10px}
.discoveryWizardSteps > div.completed span:before{width:20px;height:20px;border:2px solid #45bd7f;bottom:-10px}
.discoveryWizardSteps > div.completed span:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

.settingsCnt > section .settingsContent .discoveryWizard .title{top:105px}
.settingsCnt > section .settingsContent .discoveryWizard .opmFormHolder{top:140px}
.settingsCnt > section .settingsContent .discoveryWizard .opmBtnHldrTop{top:100px}

.discoveryWizardHolder,.discoveryWizardHolder > ul,.discoveryWizardHolder > ul > li,.discoveryWizardHolder li > .opmRadioBtn,.discoveryWizardHolder li > .opmRadioBtn div{float:left;width:100%;height:auto}
.discoveryWizardHolder{width:225px;min-height:145px;margin:40px 0;position:relative;z-index: 0}


.discoveryWizardHolder > ul{background:#f9f9fb;color:#252525;border:1px solid #efefef}
.discoveryWizardHolder > ul:after{right:-490px}

.discoveryWizardHolder > ul > li > .opmRadioBtn > div > input{height:35px;z-index:2}
.discoveryWizardHolder > ul > li > .opmRadioBtn label:before{background:#fff}
.discoveryWizardHolder > ul > li:first-child:not(.noActive),.discoveryWizardHolder > ul > li.active{background:#fff}
.discoveryWizardHolder > ul > li:first-child:not(.noActive) > .opmRadioBtn > div:before,.discoveryWizardHolder > ul > li.active > .opmRadioBtn > div:before{background:#fff;width:1px;height:33px;content:'';position:absolute;top:0;right:-1px;z-index:1;display:block}
.discoveryWizardHolder > ul > li > ul{width:490px;padding:0 30px}
.discoveryWizardHolder > ul > li > ul .opmRadioBtn div{padding:0 0 0 45px}
.discoveryWizardHolder > ul > li > ul .opmRadioBtn div input{z-index:2}
.discoveryWizardHolder > ul > li > ul .opmRadioBtn label:before{left:17px}
.discoveryWizardHolder > ul > li > ul .opmRadioBtn label:after{left:21px}

.progressBarNCM{float:left;width:auto;height:auto}
.progressBarNCM > div{float:left;width:200px;height:12px;padding:2px;border:1px solid #54b3e9;border-radius:5px;position:relative;top:2px}
.progressBarNCM > div > i{background:#26addd;height:100%;display:block}
.progressBarNCM > b{margin:0 0 0 10px}
.opmFormCol .progressBarNCM{padding:6px 0 0}

.opmFormType5{padding:0 30px 0 0}
.opmForm.opmFormType5,.opmFormType5 .opmFormRow,.opmFormType5 .opmFormTitle{width:100%;max-width:100%}
.discoveryWizardHolder .opmFormRow{margin:0 0 20px !important}
.discoveryWizardHolder .opmFormCol{width:100% !important}
.ipField input{float:none !important;width:23.1% !important}
.ipField.ipFieldType2 input{width:18.3% !important}
.ipFieldType3 input{float:none !important;width:77.5% !important}
.ipFieldType3 input:last-child{width:20% !important}
.slideContHolder .ipField input{width:22.4% !important}
.ipField.ipFieldType4{position:relative}
.ipField.ipFieldType4 input{width:22.7% !important}
.opmFormTitle3{width:100%;font:20px BitterRegular;padding:0 0 10px;border-bottom:1px solid #efefef;display:block}
.opm-wizardGrid{float:left;width:100%;height:auto;display:block}
.opm-wizardGrid > .header,.opm-wizardGrid > .content{float:left;width:100%;display:table}
.opm-wizardGrid > .header > div,.opm-wizardGrid > .content > div{display:table-row}
.opm-wizardGrid > .content > div:nth-child(2n-1){background:#fcfcfc}
.opm-wizardGrid > .header{font-weight:bold}
.opm-wizardGrid > .header > div > div,.opm-wizardGrid > .content > div > div{min-width:180px;max-width:180px;line-height:35px;vertical-align:top;word-break:break-all;padding:10px;display:table-cell}

.enableDisableBtn{width:180px;height:35px;border:1px solid #efefef;border-radius:4px;position:relative}
.enableDisableBtn input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.enableDisableBtn label{float:left;width:100%;height:100%;display:block}
.enableDisableBtn label:before{background:#f9767e;width:50%;height:100%;content:'';border-radius:4px;position:absolute;top:0;left:50%;z-index:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.enableDisableBtn i:first-child,.enableDisableBtn input:checked + label i:last-child{color:#a3a3a3}
.enableDisableBtn i{float:left;width:50%;height:100%;line-height:normal;text-align:center;color:#fff;padding:7px 20px;position:relative;z-index:1}
.enableDisableBtn input:checked + label i:first-child{color:#fff}
.enableDisableBtn input:checked + label:before{background:#5ace91 !important;left:0 !important}
.allGreen.enableDisableBtn label:before{background:#5ace91 !important}
.allGreen.enableDisableBtn i{padding-top: 5px;!important}

#PageContent.workflowDiagram .settingsHdr{top:0}
#PageContent.workflowDiagram .settingsCnt{top:100px}
#PageContent.workflowDiagram .workflowHdr,#PageContent.opmMapPage .opmMapHdr{background:#efefef;height:50px;padding:12px 30px;margin:auto;position:absolute;top:-50px;right:0;left:-220px}
#PageContent.workflowDiagram .workflowHdr .title,#PageContent.opmMapPage .opmMapHdr .title{float:left;font:24px BitterRegular;color:#242424;padding:0;position:relative;top:auto;right:auto;left:auto;display:inline-block}
#PageContent.workflowDiagram .workflowHdr .title span,#PageContent.opmMapPage .opmMapHdr .title span{font:14px LatoRegular}
#PageContent.workflowDiagram .workflowHdr .hdrOptions,#PageContent.opmMapPage .opmMapHdr .hdrOptions{float:right;width:auto;height:100%;display:inline-block}
#PageContent.workflowDiagram .workflowHdr .hdrOptions i,#PageContent.opmMapPage .opmMapHdr .hdrOptions i{float:left;font-size:24px;color:#8a8e91;padding:0 15px;cursor:pointer;position:relative}
#PageContent.workflowDiagram .workflowHdr .hdrOptions i:hover,#PageContent.opmMapPage .opmMapHdr .hdrOptions i:hover{color:#000}
#PageContent.opmMapPage .opmMapHdr {position:relative;}
#PageContent.workflowDiagram .settingsCnt > aside ul{top:60px}
#PageContent.workflowDiagram .settingsCnt > aside ul > li.active a{cursor:pointer}
#PageContent.workflowDiagram .settingsCnt > aside ul > li > ul{position:relative;top:auto;right:auto;bottom:auto;left:auto}
#PageContent.workflowDiagram .settingsCnt > aside ul > li > ul li{float:left;width:100%;height:auto;color:#3c3c3c;padding:10px 20px 10px 30px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#PageContent.workflowDiagram .settingsCnt > aside ul > li.active > a,#PageContent.workflowDiagram .settingsCnt > aside ul > li > ul li:hover{background:#f1f1f3;font-family:LatoRegular;color:#000}
.workflowStart{background:#7df3b6;width:50px;height:50px;border:5px solid #58ce92;border-radius:50%}
#PageContent.opmMapPage .settingsCnt > aside,#PageContent.opmMapPage .settingsCnt > section{top:0px}
#PageContent.opmMapPage .opmMapHdr.opmMapHdr2{top:0;left:0}
#PageContent.opmMapPage .opmMapHdr.opmMapHdr2 .title span input:not(:focus){background:none;width:auto;border:0}

.opm-CommonGrid,.tableHeader,.tableContent,.tableRow{float:left;width:100%;height:auto;position:relative}
.tableHeader{background:#f3f3f5;font-weight:bold}
.tableRow{border-bottom:1px solid #e8e8e8;border-collapse:separate;display:table}
.tableHeader .tableRow{border:0}
.tableCol{padding:10px;border-collapse:separate;display:table-cell}
.tableCol.wd100{width:100%}
.tableCol:not(.wd100){min-width:270px;width:1%;max-width:270px;vertical-align:top;word-break:break-all}
.tableCol.wd120px{min-width:120px;width:1%;max-width:120px;vertical-align:top;word-break:break-all}
.tableCol.actions{text-align:center}
.tableCol.actions i{margin:0 5px;cursor:pointer}

.accordionDropDown > li a{padding:10px 30px 10px 20px !important;position:relative}
.accordionDropDown > li a:before{width:0;height:0;content:'';margin:auto;border-width:5px 4px 0 4px;border-style:solid;border-color:#888 transparent transparent transparent;position:absolute;top:0;right:12px;bottom:0}
.accordionDropDown > li.active a:before{border-width:0 4px 5px 4px;border-bottom-color:#888}

.workFlowTab ul li{width:33.33%}
.opmAccordion.workflowTrigger{width;auto;position:absolute;top:0;right:0;left:0}
.opmAccordion.workflowTrigger .opmAccHdr{padding:10px 65px;position:relative;z-index:1}
.opmAccordion.workflowTrigger .opmAccHdr:before{background:#f3f3f5;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.workflowSelList{float:left;width:100%;height:auto;position:relative}
.workflowSelList li{float:left;width:100%;height:auto;color:#262626;padding:10px 30px;position:relative;z-index:1}
.workflowSelList li:before{background:#fbfbfb;content:'';border-bottom:1px solid #e8e8e8;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.workflowSelList li .opmCheckBox,.workflowSelList li .opmCheckBox > div{float:left;width:100%}
.workflowSelList li .opmCheckBox label:before{background:transparent;width:25px;height:25px;border-color:#bfbfbf;border-radius:50%;top:4px;left:0 !important}
.workflowSelList li:first-child .opmCheckBox input{width:110px;left:-11px}
.workflowSelList li .opmCheckBox input{width:40px}
.workflowSelList li .opmCheckBox input:checked + label:after{border-color:#000;top:18px;left:3px}
.workflowSelList li .opmCheckBox i{position:absolute;top:-9px;right:-30px;bottom:-9px;left:-30px;z-index:-1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.workflowSelList li .opmCheckBox input:checked + label + i{background:#fffdc4}
.opmAccordionSingle .workflowSelList li{padding:5px 30px 5px 60px}
.opmAccordionSingle .workflowSelList li .opmCheckBox i{left:-60px}
.workflowTrigger .opmAccordionSingle .opmAccHdr:after{width:12px;height:12px;content:'';margin:auto;border:1px solid #8a8e91;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:-10px;right:20px;bottom:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.workflowTrigger .opmAccordionSingle.active .opmAccHdr:after{transform:rotate(-225deg);top:5px}
.opmAccordionSingle .opmCheckBox div{min-height:35px;height:auto}


.triggerSlide.slideContent .slideContentContainer{overflow:hidden}
.triggerSlide .slideContentContainer div > header,.triggerSlide .slideContentContainer div > section{width:100%;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.triggerSlide .slideContentContainer div > header{position:absolute;top:0;left:0}
.triggerContentBtn{padding:0 10px;margin-left:-10px;cursor:pointer}
.workflowTrigger-2{position:absolute;top:75px;right:0;bottom:0;left:0}
.workflowTrigger-2 .workflowSelList li .opmCheckBox input{width:100%}
.workflowTrigger-2 .workflowSelList li .opmCheckBox label{padding:8px 0 0;display:block}
.workflowTrigger-2 .workflowSelList li .opmCheckBox label span{background:none;float:left;width:50%;height:auto;font:14px LatoRegular;padding:0 10px;border:0}
.workflowTrigger-2 .opmBtnHldr{width:100%;padding:0 30px;margin:30px 0;position:relative}
.workflowTrigger-2 .opmBtnHldr:before{background:#efefef;height:1px;content:'';position:absolute;top:-15px;right:30px;left:30px}

.userManagement.opmTab ul li{width:50% !important}
.userManagement.opmTab ul li.disabled{opacity:.5;filter:alpha(opacity=50)}
.userManagement.opmTab ul li.disabled:hover{background:#fbfbfb;border-bottom-color:transparent}
.userManagement.opmTab ul li.disabled:hover a{color:#767676;cursor:default}

.verticalAcc,.verticalAccHdr,.verticalAccHdr > div{float:left;width:100%;height:auto}
.verticalAcc{width:100%;margin:40px 0;position:relative}
.verticalAccHdr{background:#f9f9fb;float:left;width:20%;color:#252525}
.verticalAccHdr > div{padding:10px;margin:0 0 1px;border:1px solid #efefef;border-right:0;position:relative;cursor:pointer}
.verticalAccHdr > div:first-child:not(.noActive),.verticalAccHdr > div.active{background:#fff}
.verticalAccHdr > div.active:before{background:#fff;width:1px;height:100%;content:'';position:absolute;top:0;right:-1px;z-index:1;display:block}
.verticalAccSignle{background:#fff;float:left;width:80%;min-height:180px;height:auto;max-height:100%;padding:30px 0 0 40px;border-left:1px solid #efefef;position:relative;top:-30px;;display:none}
.verticalAccSignle.active{display:block}
.verticalAccContent .opmBtnHldr{width:100%}

.verticalAcc .groupSettings .opmTabCont{float:left;width:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto}

#schedule .verticalAccSignle{min-height:260px}
.noMargin{margin:0 !important}

.fromInputWidth{width:250px;height:30px;margin-top:5px;margin-left:10px}
.fromInputSmallWidth{width:50px;height:30px;margin-top:5px;margin-left:15px}
.taskSelectionBox{width:100px;height:90px;background-color:#FAFAFA;opacity:0.9;border:1px solid #C3BEBE;position:absolute;border-radius:6px;z-index:0;display:none}
.workflowTaskSymbol{border-radius:4px;cursor:pointer;border:1px solid #9B9B9B;background:-webkit-linear-gradient(top, #ffffff, #E1E1E1);background:-moz-linear-gradient(top, #ffffff, #E1E1E1);background:-ms-linear-gradient(top, #ffffff, #E1E1E1);background:-o-linear-gradient(top, #ffffff, #E1E1E1)}
.rotationDiv{margin:8px 0 0 33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
.rotationDiv45Right{margin:-25px 0 0 -18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}

.taskStyle{list-style:none}
.ui-autocomplete{max-height:200px;overflow-y:scroll;overflow-x:hidden}

.opmForm .opmTileCheckBox > div{float:left;width:100px !important;height:auto;font:normal 12px LatoRegular;margin:4px;display:block;position:relative}
.opmForm .opmTileCheckBox > div label{background:#eaeaea;width:100%;text-align:center;padding:10px 12px;display:inline-block}
.opmForm .opmTileCheckBox > div input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:1;cursor:pointer}
.opmForm .opmTileCheckBox > div input:checked + label{background:#40bc7d;color:#fff;cursor:default}



.opmForm .opmSchCheckBox > div{float:left;width:50px;height:auto;font:normal 12px LatoRegular;margin:4px;display:block;position:relative}
.opmForm .opmSchCheckBox > div label{background:#eaeaea;width:100%;text-align:center;padding:10px 12px;display:inline-block}
.opmForm .opmSchCheckBox > div input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:1;cursor:pointer}
.opmForm .opmSchCheckBox > div input:checked + label{background:#40bc7d;color:#fff;cursor:default}

.opmForm .opmSchCheckBox > div input:checked + label{background:#40bc7d;color:#fff;cursor:default}

.opmAccHdr .opmCheckBox > div{height:auto;left:-35px}
.opmAccHdr .opmCheckBox input{width:35px;left:-8px}
.opmAccHdr .opmCheckBox label:before{background:transparent;width:25px;height:25px;border-color:#bfbfbf;border-radius:50%;top:4px;left:-5px}
.opmAccHdr .opmCheckBox input:checked + label:after{border-color:#000;top:18px;left:3px}

.opmForm .validateField.error,.opmForm .validateField.error + span.select2{border-color:#f00 !important}.addDomainBtn{margin-top:22px !important}
.blue-chip{background:var(--blue-bg);padding:0px 5px;border-radius:4px;color:var(--blue-text)}
.slideContentContainer.slideSmall{width:360px}
.slideSmall .opmFormCol{width:100%}
.slideSmall .opmFormCol.twoColl{width:48%}
body.Windows .slideContentContainer.slideSmall{width:380px}
.slideContentContainer.slideMedium{width:600px}

.opmLabelType2{padding:8px 0 0;display:inline-block}
.opmRadioBtnMinWd{min-width:100px}

.opmFormType7 .opmFormRow > div{width:17%}

.opmCheckBox.opmCheckBox3  div{min-height:35px;height:auto}
.opmCheckBox.opmCheckBox3  div > input{width:35px}
.opmRadioBtn.opmCheckBox3  div > input{width:35px}

.noPadding{padding:0 !important}

.opmActionsIcons{float:right;width:auto;height:44px;margin:0 20px 0 0;display:inline-block;overflow:hidden}
.opmActionsIcons i{float:left;font-size:18px;color:#909090;padding:11px 10px 8px;border-left:1px solid #e1e1e1;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmActionsIcons i:first-child{border:0}
.opmDropDown{float:right;width:auto;height:auto;font-size:14px;text-align:center;margin:9px 5px 5px;position:relative}
.opmDropDown:hover ul{display:block}
.opmDropDown > a{background:#fff;padding:5px 24px 5px 15px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #ececec;position:relative}
.opmDropDown > a:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:2px;right:9px;bottom:0}
.opmDropDown ul{background:#fff;min-width:120px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:23px;right:0;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.opmDropDown ul li{float:left;width:100%;height:auto;border-bottom:1px solid #ececec;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDropDown ul li:last-child{border:0}
.opmDropDown ul li.active{display:none}
.opmDropDown ul li a{width:100%;height:auto;white-space:nowrap;color:#000;padding:5px 10px;display:block}
.opmDropDown ul li:hover{background:#fafafa}

.opmBrowseFile{width:100%;height:100% !important;position:absolute;top:0;left:0;cursor:pointer}
.opmBtn-2{background:#45bd7f;color:#fff;padding:5px 10px 5px 10px;margin:0 10px 0 5px;border-radius:3px;display:inline-block;cursor:pointer}

.opmSelList{position:absolute;top:0;right:0;bottom:0;left:0}
.opmSelList ul{float:left;width:100%;height:auto;position:relative}
.opmSelList ul li{float:left;width:100%;height:auto;color:#262626;padding:10px 30px;position:relative;z-index:1}
.opmSelList ul li:before{background:#fbfbfb;content:'';border-bottom:1px solid #e8e8e8;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.opmSelList ul li .opmCheckBox,.opmSelList ul li .opmCheckBox > div{float:left;width:100%}
/*.opmSelList ul li .opmCheckBox label:before{background:transparent;width:25px;height:25px;border-color:#bfbfbf;border-radius:50%;top:4px;left:-5px !important}*/
.opmSelList ul li:first-child .opmCheckBox input{width:110px;left:-11px}
.opmSelList ul li .opmCheckBox input{width:40px}
/*.opmSelList ul li .opmCheckBox input:checked + label:after{border-color:#000;top:18px;left:3px}*/
.opmSelList ul li .opmCheckBox i{position:absolute;top:-9px;right:-30px;bottom:-9px;left:-30px;z-index:-1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmSelList ul li .opmCheckBox input:checked + label + i{background:#fffdc466;}
.opmSelList ul li .opmCheckBox input{width:100%}
.opmSelList ul li .opmCheckBox label{padding:8px 0 0;display:block}
.opmSelList ul li .opmCheckBox label span{background:none;float:left;width:50%;height:auto;font:14px LatoRegular;padding:0 10px;border:0}

.maxWd60{max-width:60%}
.maxWd70{max-width:70%}
.maxWd100{max-width:100%}
.opmFormColInline{width:auto !important}

.selBoxInput > div{width:70% !important}
.selBoxInput > div:last-child{float:right;width:25% !important}

/*ROLE MANAGEMENT STARTS*/
.noSearchData{padding: 20px;margin: 0px;width: 100%;}
.opmFormHolder .rolesList{width:225px;float:left;margin-right:20px;}
.opmFormHolder .rolesList .AddCrentialsRight{font:14px LatoRegular;}
.opmFormHolder .rolesList .opmFormCol + .opmFormCol{margin:0;}
.opmFormHolder .userSelection{width:calc(100% - 245px);float:left;}
.opmFormHolder .userSelection .userSearch{float:left;width:100%;margin-bottom: 15px;position:relative;}
.opmFormHolder .userSelection .userSearch .userSearchBox{width:100%;border:1px solid #dcdcdc;height:45px;padding:10px 20px;font:16px LatoRegular;}
.opmFormHolder .userSelection .userSearch .searchIcon:before{font-size:18px;font-family:fontello;content:'\e8d6';color:#b9b9b9;position:absolute;right:20px;top:14px;line-height:1}
.opmFormHolder .userSelection .noRoles{color:#3E3E3E;margin: 5% 35%;float: left;font-size:18px;}
.opmFormHolder .userSelection .noRoles .infoIcon{border:1px solid #3D3D3D;width: 24px;height: 24px;border-radius:50%;margin-right: 10px;position:relative;float: left;}
.opmFormHolder .userSelection .noRoles .infoIcon::after{position: absolute;top: 50%;left: 50%;content: "i";transform: translate(-50%, -52%);}
.opmFormHolder .userSelection .selectAlert{color:#721616;float:left;margin: 0px 0px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.opmFormHolder .userSelection .selectAlert .alertIcon{background: url(../../img/opm-sprites.png) no-repeat -317px -1942px;width:15px;height:16px;content:"";display:inline-block;position:relative;margin-right:5px;top:4px;}
.opmFormHolder .userSelection .userLists .listBox{width:25%;height:auto;float:left;padding-right:25px;position:relative;margin-bottom:20px;}
.opmFormHolder .userSelection .userLists{float:left;width: 100%;display: flex;flex-wrap: wrap;}
.opmFormHolder .userSelection .userLists .listBox .listBoxTitle{background: #fafafa;padding: 10px 15px;border: 1px solid #ededed;width:100%;font-family:latoBold;border-bottom:0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.opmFormHolder .userSelection .userLists .listBox .listBoxTitle .usersCount{color:#828284;padding-left:10px;font:14px LatoRegular;}
.opmFormHolder .userSelection .userLists .listBox .innerbox{border: 1px solid #ededed;width:100%;max-height: 180px;padding:10px;display:inline-table;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .noList{color:#3E3E3E;padding: 30px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .noList .infoIcon{border:1px solid #3D3D3D;width: 18px;height: 18px;border-radius:50%;margin-right:5px;position:relative;float: left;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .noList .infoIcon::after{position: absolute;top: 50%;left: 50%;content: "i";transform: translate(-30%, -52%);}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li .opmCheckBox .selected > i{background: rgba(91, 223, 234, .3);padding:2px 5px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li .opmCheckBox .dashOwnerInfo > i{background:#ffe7e7;padding: 2px 5px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li .opmCheckBox .checked > i {background: rgba(255, 224, 130, 0.65);padding: 2px 5px;border-radius: 4px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .listChild .treeList{line-height:30px;min-height:35px;min-width:25px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .listChild li{padding-left:35px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li ul{position:relative;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li .listChild{display:block;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .listChild.no-child::after {opacity: 0;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li ul:after{left:16px;top: 26px;width:1px;height: calc(100% - 9px);border-left:1px solid #e4e4e4;position: absolute;content:"";}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li ul li{position:relative;}
.opmFormHolder .userSelection .userLists .listBox .innerbox ul li ul li:before{left: 17px;top:50px;width:28px;height:1px;border-bottom:1px solid #e4e4e4;position:absolute;content:"";}
.opmFormHolder .userSelection .soundOption .opmBtn{background:#7B8EAB;color:#fff;float:left;}
.opmFormHolder .userSelection .opmBtnHldr{position: relative !important;width:100%;}
.addWidgetsSlide .opmBtnHldr.sliderFormScrollable {position: static;width: 100%;}
.opmFormHolder .rolesList .opmCheckBox label,.opmFormHolder .rolesList .opmRadioBtn label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;max-width: 120px;}
.opmFormHolder .userSelection .userLists .listBox .listBoxTitle label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 82%;display: inline-block;line-height: 15px;}
.opmFormHolder .userSelection .userLists .listBox .innerbox .opmCheckBox label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;max-width:120px;line-height: 1.6;padding-top: 6px;}
.textWithIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.textWithIcon .svgIcon{margin-left:10px;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}
.textWithIcon > .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

.userSelectionWrapper {margin-bottom: 15px;border-bottom: 1px solid #eaeaea}
.opmFormHolder .userSelection .userLists .listBox:nth-child(4n+1){padding-right: 0}

.labelType2{padding:0 !important}
.opmFormCol > div.selBox-2.selBoxWd{width:160px !important}
.opmFormCol > div.selBox-2.selBoxWd2{width:90px !important}
.inputTypeWd{width:460px !important}

.selBoxType2 > label{float:left;padding:6px 10px 0 0;display:inline-block}
.selBoxType2 > div{max-width:120px}
.settingsContent .title .alert-danger {color:#fe5c5a;font:14px LatoRegular}

.opmBtnRemoveIcon{background:#f00 !important}
.opmBtnRemoveIcon:before{width:30px !important;height:20px !important;font-size:22px;color:#f00;position:relative;left: 2px !important;z-index:2}
.opmBtnRemoveIcon:after{background:#fff;width:10px;height:10px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}

.opmListCol3 li{display:table;border-collapse:separate}
.opmListCol3 li > div:first-child{width:100%;display:table-cell}
.opmListCol3 li > div:first-child div{float:left;width:33.333%}
.opmListCol3 li > div:last-child{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;position:relative;display:table-cell}
.opmListCol3 li > div:last-child *{font-size:14px}
.opmListCol3 li > div:last-child i{margin:0 3px}

.opmImgCropHolder,.opmImgCropHolder .img-container,.opmImgCropHolder .docs-preview{clear:both;float:left;width:100%;max-width:700px;height:auto;position:relative}
.opmImgCropHolder{padding:0 30px}
.opmImgCropHolder .docs-actions button{background:#6a849f;float:left;width:60px;min-height:31px;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:3px;border:0;display:inline-block;cursor:pointer;position:relative}
.opmImgCropHolder .docs-actions button.icon-minus:before{background:#fff;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display;block}
.opmImgCropHolder .docs-actions button.icon-minus:before{width:8px;height:2px}
.opmImgCropHolder .docs-actions button.rotate-left:before{transform:rotate(45deg)}
.opmImgCropHolder .docs-actions button.rotate-right:before{transform:scaleX(-1) rotate(45deg);-moz-transform:scaleX(-1) rotate(45deg);-webkit-transform:scaleX(-1) rotate(45deg);-o-transform:scaleX(-1) rotate(45deg);filter:FlipH;-ms-filter:'FlipH'}

.opmForm .opmFormRow  .opmFormTxtInpt{width:auto  !important}
.opmFormTxtInpt input{float:none !important;width:auto !important;height:auto !important;margin:0 10px !important;display:inline-block}

.opmIpFieldBtnHldr{margin:0 0 0 10px;position:absolute;top:22px;left:100%}
.opmIpFieldBtnHldr .opmBtnAddIcon{min-width:auto;width:33px;min-height:auto;height:33px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmIpFieldBtnHldr .opmBtn:before{width:0;height:0;line-height:0;position:absolute;top:16px;left:12px}

.opmFormRow div.wdAuto{width:auto !important}

.opmBrickNav,.opmBrickNav ul{float:left;width:100%;height:auto}
.opmBrickNav li{float:left;width:215px;height:115px;font-size:14px;margin:10px 11px;border:1px solid #eeeeee;display:table}
.opmBrickNav li:nth-child(3n){margin-right:0}
.opmBrickNav li a{background:#f4f4f6;width:100%;max-width:215px;height:100%;color:#000;font:16px/25px BitterRegular;text-align:center;vertical-align:middle;padding:10px 20px;border-bottom:5px solid transparent;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;display:table-cell}
.opmBrickNav li a:hover,.opmBrickNav li a.active{border-color:#45bd7f}

.selBox .select2.select2-hidden-accessible{width:100% !important;height:33px !important;z-index:-1;left:0}

.userAlert{color:#721616;float:left;margin-bottom: 15px;}
.userAlert .alertIcon{background: url(../../img/opm-sprites.png) no-repeat -317px -1942px;width:15px;height:16px;content:"";display:inline-block;position:relative;margin-right:5px;top:4px;}

.mibBrowser{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.mibBrowser:before{background:rgba(0, 0, 0, 0.3);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body[class^='slideDivIn-'] .mibBrowser:before,body[class*=' slideDivIn-'] .mibBrowser:before{z-index:9;opacity:1;filter:alpha(opacity=100)}
.mibBrowser > header{background:#f8f9fb;float:left;width:100%;height:55px;font:20px BitterRegular;padding:15px 50px 15px 20px;border-bottom:1px solid rgba(232,232,232,.8);position:relative}
.mibBrowser > header .icon-remove{width:25px;height:25px;display:inline-block;position:absolute;top:15px;right:18px;cursor:pointer}
.mibBrowser > header .icon-remove:before,.mibBrowser > header .icon-remove:after{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:12px;transform:rotate(45deg)}
.mibBrowser > header .icon-remove:after{transform:rotate(135deg)}
.mibBrowser > header .icon-remove:hover:before,.mibBrowser > header .icon-remove:hover:after{background:#000}
.mibBrowser > section{position:absolute;top:55px;right:0;bottom:0;left:0;overflow:auto}
.mibBrowser > section > aside{background:#f9f9fb;width:400px;height:100%;position:absolute;top:0;left:0}
.mibBrowser > section > aside .selList{float:left;width:100%;height:33px;padding:0 20px;margin:10px 0 0;position:relative}
.mibBrowser > section > aside .selList .selBox{float:left;width:230px}
.mibBrowser > section > aside .selList .selBox .select2-container{background:#fff;border-right:0}
.mibBrowser > section > aside .selList .selBox .select2-selection__arrow{border:0 !important}
.mibBrowser > section > aside .selList .selBox .select2-selection__rendered{color:#828282}
.mibBrowser > section > aside .selList .browseBtn{background:#fff;float:left;color:#828282;padding:7px 10px;border:1px solid #dcdcdc;cursor:pointer}
.mibBrowser > section > aside .treeList{padding:0 20px 20px;position:absolute;top:100px;right:0;bottom:0;left:0;overflow:auto}
.mibBrowser > section > section{background:#fff;padding:0;box-shadow:0 0 8px rgba(0,0,0,.1);-ms-box-shadow:0 0 8px rgba(0,0,0,.1);-moz-box-shadow:0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);-o-box-shadow:0 0 8px rgba(0,0,0,.1);position:absolute;top:0;right:0;bottom:0;left:400px}
.mibBrowser > section > section .opmForm,.mibBrowser > section > section .opmFormRow{max-width:100%}
.mibBrowser > section > section > header{float:left;width:100%;height:120px}
.mibBrowser > section > section > header > div:first-child{background:#f8f9fb;float:left;width:100%;height:45px;padding:3px 20px;border-bottom:1px solid rgba(232,232,232,.8)}
.mibBrowser > section > section > header .opmBtnHldrTop{position:relative;top:auto;right:auto}
.mibBrowser > section > section > header .opmBtnHldrTop .opmBtn{float:left;min-width:90px}
.mibBrowser > section > section > header .opmBtnHldrTop .opmBtn:first-child{margin:3px}
.mibBrowser > section > section > header .opmBtnHldrTop .opmBtn:last-child{margin-right:0}
.mibBrowser > section > section > header > div:last-child{float:left;width:100%;padding:10px 20px;height;auto;border-bottom:1px solid rgba(232,232,232,.8)}
.mibBrowser > section > section > header > div:last-child .opmFormRow{margin:0}
.mibBrowser > section > section > header > div:last-child .opmFormCol:first-child{margin:0}
.mibBrowser > section > section > header > div:last-child .opmFormCol{width:23.5%;margin:0 0 0 2%}
.mibBrowser > section > section > section{position:absolute;top:120px;right:0;bottom:0;left:0}
.mibBrowser > section > section > section .opmForm{float:left;width:100%;height:100%;position:relative}
.mibBrowser > section > section > section .opmForm .opmFormRow{height:65%;padding:20px;margin:0;border-bottom:1px solid rgba(232,232,232,.8)}
.mibBrowser > section > section > section .opmForm .opmFormRow:last-child{height:25%;border:0}
.mibBrowser > section > section > section .opmForm .opmFormCol{width:100%;height:100%}
.mibBrowser > section > section > section .opmForm .opmFormCol textarea{height:100%}

.mibBrowser > section > aside .searchMIB{margin-top:10px;position:absolute;margin-bottom:10px;top: 43px;left: 20px;right: 20px;}
.mibBrowser > section > aside .searchMIB:before{position:absolute;top: 8px;right:20px;background:url('../../img/opm-sprites-v2.svg') no-repeat -90px 0;width:16px;height:16px;content:"";}
.mibBrowser > section > aside .searchMIB input{background:#fff;border:1px solid #dcdcdc;padding: 5px 30px 5px 5px;width:calc(100% - 10px);height: 33px;}


.opmFormRow div.wdAuto{width:auto !important}

.selBox-3 > div{float:left !important;width:30% !important;margin:0 10px 0 0 !important}
.selBox-3 > div:last-child{margin:0 !important}


.opmNotifyProfile{float:left;width:100%;height:130px}
.opmNotifyProfile ul{width:100% !important;height:100%;padding:0;position:relative;overflow:hidden;display:table;border-collapse:separate}
.opmNotifyProfile li{background:#f4f4f5;width:130px;max-width:130px;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-bottom:5px solid transparent;display:table-cell;overflow:hidden;position:relative}
.opmNotifyProfile li:nth-child(2n){background:#f9f9fa}
.opmNotifyProfile li:hover,.opmNotifyProfile li.active{border-color:#45bd7f}
.opmNotifyProfile li i{background:url(../../img/opm-sprites.png);margin:auto;position:absolute;right:0;left:0;display:inline-block}
.opmNotifyProfile li i.icon-email{background-position:-72px -119px;width:28px;height:21px;top:23px}
.opmNotifyProfile li i.icon-sms{background-position:-101px -108px;width:41px;height:35px;top:15px}
.opmNotifyProfile li i.icon-emailsms{background-position:-162px -263px;width:35px;height:32px;top:15px}
.opmNotifyProfile li i.icon-modem{background-position:-143px -108px;width:45px;height:29px;top:21px}
.opmNotifyProfile li i.icon-runcommand{background-position:-101px -108px;width:41px;height:29px;top:21px}
.opmNotifyProfile li i.icon-runprogram{background-position:-229px -108px;width:39px;height:27px;top:23px}
.opmNotifyProfile li i.icon-logticket{background-position:-334px -117px;width:21px;height:26px;top:25px}
.opmNotifyProfile li i.icon-webalarm{background-position:-269px -88px;width:39px;height:27px;top:23px}
.opmNotifyProfile li i.icon-syslog{background-position:-309px -89px;width:21px;height:26px;top:24px}
.opmNotifyProfile li i.icon-trap{background-position:-309px -89px;width:21px;height:26px;top:24px}
.opmNotifyProfile li div{float:left;width:100%;height:60px;padding:10px;margin:60px 0 0;display:table}
.opmNotifyProfile li b{width:100%;height:100%;color:#000;white-space:normal;text-align:center;vertical-align:middle;display:table-cell}

.opmFormCol.fullCol .opmFormCol {margin: 0 0 20px}

.opmChckList{float:left;width:100%;height:auto;border:1px solid #f4f4f4;position:relative}
.opmChckList .srch input{background:#fcfcfc !important;width:100%;height:33px;font:14px LatoRegular;padding:5px 8px;border:0;border-bottom:1px solid #f4f4f4}
.opmChckList .list .opmCheckBox input:checked + label + i{background:#fffdc4}
.opmChckList .list{background:#fff;float:left;width:100%;height:auto;max-height:250px;overflow:auto}
.opmChckList .list ul{float:left;width:100%;height:auto}
.opmChckList .list ul li{float:left;width:100%;height:auto;color:#262626;position:relative;overflow:hidden;z-index:1}
.opmChckList .list ul li:nth-child(2n){background:#f9f9fb}
.opmChckList .list .opmCheckBox,.opmChckList .list .opmCheckBox > div{float:left;width:100%}
.opmChckList .list .opmCheckBox{padding:2px 20px 2px 0;position:relative}
.opmChckList .list .opmCheckBox > div{position:static}
.opmChckList .list .opmCheckBox label:before{background:transparent;width:25px;height:25px;border-color:#bfbfbf;border-radius:50%;top:6px;left:7px !important}
.opmChckList .list:first-child .opmCheckBox input{width:110px;left:-11px}
.opmChckList .list .opmCheckBox input:checked + label:after{border-color:#000;top:20px;left:15px}
.opmChckList .list .opmCheckBox i{position:absolute;top:-9px;right:-30px;bottom:-9px;left:-30px;z-index:-1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmChckList .list .opmCheckBox input:checked + label + i{background:#fffdc4}
.opmChckList .list .opmCheckBox .icon-trash{position:absolute;top:10px;right:4px;z-index:2}
.opmInterfaceStatus{float:left;width:100%;height:auto}
.opmInterfaceStatus .opmFormTitle3{font:15px BitterRegular;margin:0 0 20px}
.opmInterfaceStatus .opmFormCol{margin:0 0 20px}
.opmInterfaceStatus .opmFormCol.fullCol{width:100%}
.opmInterfaceStatus .opmFormCol > label{width:100px;word-break:break-all}
.opmInterfaceStatus .opmFormCol .chkRoundBtn{float:left;width:auto;display:inline-block}

.mandatory{color:#fa5b5a!important;margin:0 0 0 2px}


.opmDiscoveryProfile{float:left;width:100%;height:auto;padding:10px 0 0;position:relative}
.opmDiscoveryProfile:before{background:#efefef;width:1px;content:'';position:absolute;top:-10px;bottom:-20px;left:180px;display:block}
.opmDisProRow,.opmDisProRow2{float:left;width:100%;height:auto;position:relative}
.opmDisProRow > div:first-child{float:left;width:180px;height:auto;font: 14px BitterRegular;padding:10px;position:absolute;top:0;left:0}
.opmDisProRow > div:last-child{float:left;width:100%;height:auto;padding:10px 10px 10px 220px}
.opmDisProRow > div.desc{max-height:180px;word-wrap:break-word;overflow:auto}
.opmDisProRow > div.desc:before,.opmDisProRow > div.desc:after{background:#efefef;height:1px;content:'';position:absolute;top:0;right:0;left:220px;display:block}
.opmDisProRow > div.desc:after{top:auto;bottom:0}
.opmDisProRow2 > div:first-child{float:left;width:220px;height:auto;padding:0 10px 20px}
.opmDisProRow2 > div:last-child{font:14px LatoBold;padding:0 10px 10px}
.opmDiscoveryProfile.type2 .opmDisProRow > div{font:13px LatoRegular}

.opmChckListType2{max-width:100%}
.opmChckListType2 .opmFormCol{float:left;width:30%;margin:0}
.opmChckListType2 .opmFormCol > label{font:14px LatoBold}

.opmInterfaceStatusType2 .opmInterfaceStatus > div{float:left;width:300px;margin:0 50px 0 0}
.opmInterfaceStatusType2 .opmInterfaceStatus > div .opmFormRow{clear:none;float:left;width:150px}

.billList.col1,.billList.col1 .opmFormCol{width:100%}
.billList .opmFormCol div:first-child{font:14px LatoBold}
.billList.col1 .opmFormCol div:first-child{width:25%}
.billList.col1 .opmFormCol div:last-child{width:75%}
.billList.col2 .opmFormCol{width:50%}

.netflowReportGraph .reportGraphSingle2{width:50%;padding:0 10px}
.netflowReportGraph section{overflow: visible}
.netflowReportGraph .reportGraphContainer{overflow: visible}
.statusonline{font-weight: bold;color: #FFF;background-color: #3b9316;padding: 3px 6px;border-radius: 4px;}
.statusoffline{font-weight: bold;color: #FFF;background-color: #ef4343;padding: 3px 6px;border-radius: 4px;}

.slideFull{max-width:100% !important}

.fireWallReports{float:right;width:auto;height:auto;margin:10px 0 0}
.fireWallReports .selBox{float:left;width:150px;margin:0 0 0 30px}
.fireWallReports .selBox > div .select2-container .selection .select2-selection{padding:5px 30px 5px 8px}
.multiSelBoxLeft select{width:100%}
#ReportSubTabs .discoveryWizard .opmFormHolder{top:175px}
.lableType2{width:auto;margin:0 10px 0 0}
/*#periodDetTab{padding:0 0 20px;margin:0 0 30px}
#periodDetTab:before{content:'';position:absolute;right:-30px;bottom:0;left:-30px;border-bottom:1px solid #efefef}*/
.arrowclosed{background-image: url(../../javascript/plugins/jstree/32px.png);background-position:-10px -10px;width:10px;height:10px;}
.arrowopened{background-image: url(../../javascript/plugins/jstree/32px.png);background-position:-40px -10px;width:10px;height:10px;}
.folderImg{clear:none; float:left; margin-left:0px;padding-left:30px;}
.folderImg:before{content:'';position:absolute;margin-left:-25px;background-image:url(../../javascript/plugins/jstree/32px.png);background-position:-260px -5px;width:24px;height:24px;}
.scMenuHead{padding:10px}
.fwaActions{cursor:pointer;font-size:18px;padding:5px;margin:5px;position:relative;top:5px}

.opmFormType8,.opmFormType8 .opmFormRow{max-width:100%}
.icon-collapse,.icon-minus{float:left;font:normal 14px RobotoSlabThin;padding:6px 8px;cursor:pointer}
.icon-collapse:before{content:'[+]'}
.icon-minus:before{content:'-'}

.shortcutList,.shortcutList li{float:left;width:100%;height:auto;font:13px LatoLight;position:relative}
.shortcutList span:first-child{width: 120px;height:auto;position:absolute;top:5px;left:0;z-index:1}
.shortcutList span:first-child:before{content:'-';position:absolute;top:0;right:5px}
.shortcutList span:last-child{float:left;width:100%;padding:5px 0 10px 130px}
.shortcutList span i{float:left;width:auto;padding:0 15px 0 0;position:relative}
.shortcutList span i:after{content:'+';position:absolute;top:0;right:5px}
.shortcutList span i:last-child:after{content:''}

.dashboardWidget .opm_widget_title i.icon-time{width:16px;height:16px;text-align:center;padding:0 !important;margin:10px 0 0;border:1px solid #616974;border-radius:50%;display:inline-block;position:relative;top:1px;cursor:pointer}
.dashboardWidget .opm_widget_title i.icon-time:before{font-size:9px;font-family:LatoRegular;content:'L';position:relative;top:-4px;left:1px}
.dashboardWidget .opm_widget_title i.icon-bar{background:url(../../img/opm-sprites.png) no-repeat -230px -47px;float:left;width:22px;height:20px;margin:10px;display:inline-block;cursor:pointer}
.dashboardWidget .opm_widget_title i.icon-lines{background:url(../../img/opm-sprites.png) no-repeat -251px -47px;float:left;width:22px;height:20px;margin:10px;display:inline-block;cursor:pointer}
.dashboardWidget .opm_widget_title i.icon-area{background:url(../../img/opm-sprites.png) no-repeat -208px -47px;float:left;width:22px;height:20px;margin:10px;display:inline-block;cursor:pointer}
.settingfilter i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;left:5px;top:5px;}
.dropDownRadius1 { 
	border:1px solid #dcdcdc;
	-khtml-border-radius:4px; /*Konqueror*/
	-webkit-border-radius:4px; /*Safari, Chrome*/
	-moz-border-radius:4px; /*Firefox*/
	border-radius:4px; /*Opera, CSS3*/
	background:#FFF;
	position: absolute;
	z-index: 100;
	-khtml-border-shadow:0px 1px 13px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.1);
	box-shadow: 0 1px 13px rgba(0, 0, 0, 0.5)
}
.opmCheckBox input[style='visibility: hidden;'] + label:before{display:none}
.listMenu1 li{float:left;width:100%}
.compHdr{ padding: 11px 10px 5px; background: #424242; text-align: center;}
.compHdr h1{ font-size:20px; color:#FFF; margin:0; }
.compHdr p{ color: white; margin: 0; font-size: 13px; }
.alignR {text-align:right}
/*Compliance PCI DSS Reports*/
@font-face {
  font-family: 'BEBAS';
  font-style: normal;
  font-weight: 400;
  src: local('BEBAS'), local('BEBAS'), url(BEBAS.woff) format('woff');
}
.pciDssCont{background-color: #FBFBFB; border: 1px solid #DADADA; border-radius: 8px; overflow:hidden;}
.pciDssDiv{background-color: #E7E7E0; padding:5px 10px; }
.rName{ font-size: 16px; margin: 0px;}
.ron{ color: #5F5F5E; display:none;}
.rDate{ font-size: 12px; color: #5F5F5E;}
.pciDssDiv p{ margin: 0px; color: #5F5F5E; margin-right: 20px; margin-top: 5px; word-break:break-all;}
.pciDssPercentMain{vertical-align:top;}
.pciPercCont{ float: left; text-align: center; width:90px;}
.pcismlTxt{ font-size: 10px; color: #707070;}
.pciPercNum{ font-size: 30px; font-family: BEBAS, "Lucida Sans Unicode", "Lucida Grande", sans-serif; display: block; color: #6A6A6A;}
.pciRecTxt{ float: left; width: 197px;}
.pciRecTxt p{ margin:0px; color:#707070; margin-bottom:10px; margin-top:5px;}
.pcidssPercentDiv{ background-color:#d2d2d2; width:175px; height:3px; border-radius:3px;}
.pcidssPercentage{ background-color:#2490c2; width:0%; height:3px; }
.pciSummaryDiv{ background: url(../../img/pcitblbg.gif) repeat-x top; border-top-left-radius:8px; border-top-right-radius:8px; margin-top:20px; padding:10px 20px; min-height:150px;}
.pcilistIcon{ background:url(../../img/general-images2.gif) no-repeat; background-position:-9px -478px; width:13px; height:13px;}
.pciSummaryTbl thead tr{ background-color:#edede8;}
.pciSummaryTbl td{ padding:3px 3px 3px 5px; height:24px;  }
.pciSummaryTbl tbody tr:hover{ background-color:#fcfcbf; cursor:default;}
.f16{ font-size:16px;}
.pciSummaryNav ul{ height:30px; margin-top:5px;}
.pciSummaryNav ul li{ float:left; margin-right:10px; line-height:18px;}
.pciSummaryNav p{ margin:0px;}
.pciFailIcon{ background:url(../../img/general-images2.gif) no-repeat; width:18px; height:13px; background-position:-29px -478px;}
.pciPassIcon{ background:url(../../img/general-images2.gif) no-repeat; width:18px; height:13px; background-position:-52px -478px;}
.bdrRight{ border-right:1px solid #dadada;}
.pcidssReportDiv{ position:relative; margin-bottom:35px; }
.pcishadowLft{ background:url(../../img/pcishadowlft.png) no-repeat; position:absolute; width:199px; height:57px; left:0px; bottom:-20px; z-index:-1; }
.pcishadowRgt{ background:url(../../img/pcishadowrgt.png) no-repeat; position:absolute; width:199px; height:57px; right:0px; bottom:-25px; z-index:-1; }
.pciConfigComplete{ background-color:#60b25e; }
.pciConfigCompleteTxt{color:#60b25e; }
.complianceReportDiv a:hover{ text-decoration:underline;}
.pciSummaryNav li a{ color:#000;  }
.pciTblStat{padding-left:50px;}
.pciTblStat a{ padding: 1px 6px; border-radius: 2px; color: #FFF;}
.pciTblStat a.selected{ background-color: #999; color: #FFF;}
.pciTblStat a.selected:hover{ text-decoration:none; }
.reportGrpName{ font-size:14px;}
.pciReportGroupDiv, .pciRepChkList{ margin-top: 10px; }
.pciRepChkList{}
.m0{ margin:0px;}
.compResFail{ background-color:#f9f9f9; padding:10px 15px; border-radius:8px; margin-top:10px; }
.compResTitle{ font-size:16px; color:#b50909; }
.compResFailDesc{ color:#b50909;}
.pass .compResTitle{ color:#468847; }
.pass .compResFailDesc{ color:#468847;}
#compliancePciDetail .complianceReportDiv{ margin-top:40px;}
.complianEvenRow tr:nth-child(even){ background-color:#f4f4f4; }
.pciSummaryTbl1 thead tr{ background:none;}
.pciSummaryTbl1 thead tr td{ border-bottom:1px solid #DADADA;}
.ruleVer a{ background-color: #999; color: #FFF; padding:1px 5px; border-radius:3px;}
.ruleVer a:hover, .editgenerate a:hover{ text-decoration:none;}
.compSplitter{width: 1px; height: 75px; position: absolute; background-color: #DDD; right: 13px; top: -10px;} 
.f14{ font-size:14px;}
.mT15{ margin-top:15px;}
.mR20{ margin-right:20px;}
.editgenerate a{ background-color: #468847; color: #FFF; padding:1px 5px; border-radius:3px;}

.fireWallReportsSlide .deviceSlideClose{position:absolute;top:30px;right:20px}
.fireWallReportsSlide .opmTab{padding:0 50px 0 20px;margin:20px 0 0}
.fireWallReportsSlide .opmTab,.fireWallReportsSlide .opmTab ul{height:90px}
.fireWallReportsSlide .opmMoreList .more{top:20px}
.fireWallReportsSlide .opmTabCont{top:160px !important}

#fileDirList div.opmFormRow:hover{background:#E7F4F9 !important;}

.opmAddBulkSNMPTable{width:100%;display:table}
.opmAddBulkSNMPTableHeading,.opmAddBulkSNMPTableBody{display:table-header-group}
.opmAddBulkSNMPTableHead,.opmAddBulkSNMPTableCell{padding:3px;padding-bottom:15px;vertical-align:top;display:table-cell}
.opmAddBulkSNMPTableRow{display:table-row}
.opmAddBulkSNMPTable input[type='text'],.opmAddBulkSNMPTable .selBox{width:35px !important}
.opmAddBulkSNMPTable input[type='text'],.opmAddBulkSNMPTable textarea{background:#f0f0f0;height:27px;padding:5px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmAddBulkSNMPTable input.wd50[type='text']{width:140px !important}
.opmAddBulkSNMPTable input:focus,.opmAddBulkSNMPTable textarea:focus{background:#fbfbfb}
.opmAddBulkSNMPTable textarea{width:90px;height:64px;resize:none}
.opmAddBulkSNMPTable .selBox.functionExp{width:120px !important}
.opmAddBulkSNMPTable .chkRoundBtn{margin:3px 0 0}
.opmAddBulkSNMPTable .selBoxInput{width:85px !important}
.opmAddBulkSNMPTable .selBoxInput2 .selBox > div,.opmAddBulkSNMPTable .selBoxInput2 .selBox > div .select2-container,.opmAddBulkSNMPTable .selBoxInput2 .selBox > div .select2-container .selection,.opmAddBulkSNMPTable .selBoxInput2 .selBox > div .select2-container .selection .select2-selection{height:27px}
.opmAddBulkSNMPTable .selBoxInput2 .selBox > div .select2-container .selection .select2-selection{padding-top:3px}
.opmAddBulkSNMPTable .selBoxInput2 span.select2-selection__arrow{height:27px !important;}
.opmAddBulkSNMPTable .selBoxInput .selBox > div,.opmAddBulkSNMPTable .selBoxInput .selBox > div .select2-container,.opmAddBulkSNMPTable .selBoxInput .selBox > div .select2-container .selection,.opmAddBulkSNMPTable .selBoxInput .selBox > div .select2-container .selection .select2-selection{height:27px}
.opmAddBulkSNMPTable .selBoxInput .selBox > div .select2-container .selection .select2-selection{padding:5px}
.opmAddBulkSNMPTable .selBoxInput .select2-selection__rendered{line-height:15px !important;text-align:center}
.opmAddBulkSNMPTable .selBoxInput .select2-selection__arrow{display:none}
.opmAddBulkSNMPTable .selBoxInput input{float:right}
.opmAddBulkSNMPTable .selBoxInput + input{width:74px !important;margin:10px 0 0}

.configIcon2, .securityIcon2, .completeAnaly2, .viewRule2, .viewRawPackets{background:url(../../img/general-images2.gif) no-repeat;}
.configIcon2{background-position:-253px -59px;height:14px;width:14px;}
.securityIcon2{background-position:-284px -59px;height:14px;width:14px;}
.completeAnaly2{background-position:-313px -59px;height:14px;width:14px;}
.viewRule2{background-position:-344px -59px;height:14px;width:14px;}
.securityAudit,.exportConfig,.configChanges{ background:url(../../img/general-images2.gif) no-repeat; width:14px; height:13px;}
.securityAudit{  background-position:-587px -61px; }
.starIcon{ width:14px; height:15px; background:url(../../img/general-images2.gif) no-repeat; background-position:-76px -477px;}
.exportConfig{ background-position:-607px -61px; }
.configChanges{background-position:-626px -61px;}
.viewRawPackets{ width:14px; height:11px; background-position:-524px -21px; }

.fwaSearchList .timeFilterList i.icon-time:before{top:-7px}
.userCall{ float:right !important; color:brown;}
.userCall img{ vertical-align: sub;}
.csSmallarrow{ width:7px; height:4px; background:url(../../img/general-images2.gif) no-repeat; background-position:-174px -483px; float: right; margin-top: 7px; margin-right: 6px; margin-left: 3px;}
.btn-disabled{opacity:.4;filter:alpha(opacity=40)}
.cSMain{ border-radius:3px; position:relative; padding: 3px; height:16px;}
.cSMain.active, .filterValue:focus{ border:1px solid #659FCB; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); border-color: rgba(82, 168, 236, 0.8); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; }
.cSTxtbox{ border: none; box-shadow: none; border-radius:0; outline:none; height: 14px; line-height: 18px; cursor:default; width: 90%;}
.cSDropDownMain{ width: 99%; background-color: #FFF; border: 1px solid #DDD; box-shadow:0 3px 4px rgba(0,0,0,0.2); display:none; position:absolute; left:0px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; z-index:100; }
.cSlistItem{ max-height: 200px; overflow: hidden; overflow-y: scroll; float:left;width:100%}
.cSlistItem li{width:100%; padding:1px 4px !important; margin:2px 1px;}
.cSlistItem li div{width:100%}
.cSlistItem li label, .csParentChk li{ display:block; cursor:pointer;}
.csParentChk li{padding:2px 4px; border-bottom: 1px solid #EEE; background-color: #F9F9F9;}
.scheOpt .selBox{padding-left:10px}
.scheOpt .popupDullTxt{padding-left:10px}

.layerBanner{background:#6B6B6B;font-size: 14px;padding:5px 10px;color:#fff}
.helpIcon1, .numOne, .numTwo, .calendarIcon1, .calendarIcon2, .calendarIcon3, .first, .previous, .next, .last, .resolveIcon{background:url("../../img/la-gen.gif") no-repeat;}
.helpIcon1{background-position:-619px -94px; width:20px; height:21px;}
.numOne{background-position:-561px -94px; width:18px; height:25px;}
.numTwo{background-position:-589px -94px; width:18px; height:25px;}
.helpLink{ background:url(../../img/general-images2.gif) no-repeat; background-position:-615px -18px; width:21px; height:21px;}
.calendarIcon1{background-position:-171px -304px; width:16px; height:12px;}
.calendarIcon2{background-position:-199px -304px; width:20px; height:13px;}
.calendarIcon3{background-position:-344px -268px; width:16px; height:16px;}
.previous{background-position:-100px -507px;width:23px;height:13px; margin-top:4px;}
.next{background-position:-128px -507px;width:23px;height:13px; margin-top:4px;}
.last{background-position:-156px -507px;width:23px;height:13px; margin-top:4px;}
.resolveIcon{background-position:-485px -268px; width:20px; height:12px;}


.liveSysLog{ background: url(../../img/general-images2.gif) no-repeat; }
.liveSysLog{ width:8px; height:7px; background-position:-538px 0px;}
.add,.deleteProfile,.pdfIcon1{background:url("../../img/general-images.gif") no-repeat;}
.add{background-position:-467px -373px; width:12px; height:12px;}
.deleteProfile{background-position:-560px -215px; width:12px; height:12px;}
.pdfIcon1{background-position:-144px -304px; width:12px; height:12px;}


.logenable,.logdisable,.statusdisable1,.statusEnable1,.enable_new,.deny{ background:url(../../img/general-images.gif) no-repeat;}
.logenable{ width:12px; height:14px; background-position:-251px -768px; cursor:pointer;}
.logdisable{ width:12px; height:14px; background-position:-282px -768px; cursor:pointer;}
.statusEnable1{ width:10px; height:12px; background-position:-624px -335px; cursor:default;}
.statusdisable1{ width:10px; height:12px; background-position:-638px -335px; cursor:default;}
.enable_new{ width:10px; height:11px; background-position:-341px -768px; cursor:pointer;}
.deny{ width:11px; height:11px; background-position:-397px -767px;  cursor:pointer;}

/*Policy Optimization*/
.policyOptTblInner .graph{ height:180px !important; outline:none; }
#flotTip{border:2px solid #676767; padding:7px 10px 5px 10px;background:#fff;border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;position:absolute; word-break:break-all; max-width:400px;}
.policyOptTbl thead th, .zebratableclass thead th, .zebratableclass thead td{background: #F2EFE9; cursor: default; height:auto;padding:10px 15px;font-weight:bold;color: #312e2e}
.policyOptTbl td, .policyOptTbl th, .zebratableclass td, .zebratableclass th{ padding:4px 3px 4px 8px;}
.policyOptTbl tbody tr:hover td, .zebratableclass tbody tr:hover td{ background-color:#fffcf1;  }
.policyOptTbl tbody .evenColumn, .zebratableclass tbody td{background: #fff; border-bottom: 1px solid #f4f4f4;padding:10px 15px}
.policyOptTbl tbody .oddColumn, .zebratableclass tbody .oddColumn{background: #fcfcfc; border-bottom: 1px solid #f4f4f4;}
.policyOptTNav{ display:inline-block; width:100%; }
.policyOptNext, .policyOptPrev{ cursor:pointer; }
.policyOptViewper{ margin-left:10px; }
.policyOptSearch{ width:14px; height:14px; background:url(../../img/general-images2.gif) no-repeat; background-position:-403px -480px; vertical-align:sub; cursor:pointer; visibility:hidden; }
.policyOptTbl thead input[type="text"]{ border-radius:2px; }
#policyOpt .filters{ display:none; }
.policyOptSAct .policyOptSearch{ background-position:-425px -480px; visibility:visible !important; }
#policyOpt.policyOptSAct .filters{ display:table-row; }
.deleteSch{background:#e46026; cursor:pointer;  position:absolute; left:10px; bottom:20px;display:none;}
.deleteSch a{color:#fff;line-height:18px; padding:3px}
.policySchedules1 table td{padding-left:2px}
.ruleCrt{ font-size:12px; margin: 10px; padding: 7px 12px; background-color:rgba(77,77,77,0.1)}
.poHighlight{font-size:14px; color:#b2252b}
.poHighlightBot td{background:#f3f7de !important;border-bottom:1px dashed #919191 !important;border-top:1px dashed #919191 !important}
.poHighlightBot td.ruletd{width:60px; font-size:16px !important}

.fwaDrillList .more ul li a{width:100%;height:auto;white-space:normal;color:#000;padding:5px 10px;display:block !important}
.policyArrowImg{background: url(../../img/reorder_arrow.png) no-repeat;width:25px;vertical-align:middle;}
.ruleStat{ padding: 0px 5px; color: #FFF; border-radius: 3px; }
.ruleStat.green{ background-color:#6cab3e;}
.ruleStat.red{ background-color:#b0452e;}
.ruleStat.gray{ background-color:#999; }
.nodataStat{ padding: 10px 0 10px; text-align: center; font-size: 12px; background-color: #F9F9F9;}
.greyTxt2, .nwdName, .spliter{color:#8A8A8A;}
#fwaAnamolyDrillDetail a{color:#0000FF;}
#fwaMsgDiv table{border-spacing:1px;border-collapse:inherit;}
#fwaMsgDiv table td{padding:5px;}
.fireWallReports i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;/* top:2px */}
.fireWallReports i.icon-remove{color:#8a8e91;relative;margin-left:20px;float:right;position:relative;cursor:pointer}
.fireWallReports i.icon-remove:hover{color:#000}
.fireWallReports i.icon-remove:after{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:12px;transform:rotate(135deg)}
#fwaExpandGridData .icon-down-dir:before{top:-2px !important;left:2px !important}
#fwaExpandGridData .icon-down-dir:after{top:18px !important;left:7px !important}

.opmSingleRowSave{float:left;width:100%;height:auto}
.opmSingleRowSave .opmFormCol{width:37.5%}
.opmSingleRowSave .opmBtnHldr{margin:28px 0 0 20px;float:left}

.opmHamburgerMenu{background:#49bd80;float:right;width:50px;height:45px;margin:0 0 0 10px;position:relative;top:-6px;cursor:pointer}
.opmHamburgerMenu:before,.opmHamburgerMenu:after,.deviceslideActionBtn:before,.deviceslideActionBtn:after,.opmMapBVTabNav .ncmAction.more:before,.opmMapBVTabNav .ncmAction.more:after{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.opmHamburgerMenu:before{width:20px;height:11px;border:1px solid #fff;border-right:0;border-left:0}
.opmHamburgerMenu:after{background:#fff;width:20px;height:1px}
.fireWallReports .opmHamburgerMenu{position:absolute;top:-22px;right:0}

/*Credentials page revamp */
.addCredentialBrickNav li{width:180px !important;margin:10px}
.addCredentialBrickNav a{padding:10px !important}
.addCredentialBrickNav b{float:left;width:100%;text-align:left}
.addCredentialBrickNav b span{font:14px LatoRegular}
.addCredentialBrickNav i{float:none;font:14px LatoRegular;text-align:left;display:block}
.col3 .opmFormCol{width:30.5%;margin:0 0 0 4%}
.col3 .opmFormCol:first-child{margin:0 !important}

/* bview link status colors css start*/
  .listclass
 {
	 float:left;
	 height:20px;
	 padding:8px 5px 0px 5px;
	 border:1px solid #999;
	 background-color:#FfF;
 }
 .listclass1
 {
	 float:left;
	 width:max-content;
	 height:20px;
	 border:1px solid #999;
	 background-color:#FfF;
 }
 .divsquare
 {
	 width:8px;
	 height:8px;
	 margin-left:5px;
	 
}
 .textdiv
 {
	 float:left;
	 margin-left:20px; 
	 margin-top:-11px;
	 color:#999999;
 }
 .txtContentBv {
    color: #0A4687;    
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
	
    
}
.txtContentBv ul{margin:0; padding:0; float:left;}
.txtContentBv ul li{height:22px;background-color:#fff;float:left; margin:0; padding:6px 4px 0px 4px; list-style:none; }
.rmLeftBor
{
	border-left:0px;
}
.rmBotBor
{
	border-bottom:0px;
}
#props-action{
  width:auto;
  _width:auto;
   position:fixed;
	bottom: 0;
	padding: 0px;
	z-index: 1000;
	font-size: 9pt;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

}

 /* bview link status colors css end*/
 
 /* oputils report code starting... */
.opmCheckBoxType3 > div{min-height:35px;height:auto !important}
.opmCheckBoxType3 label span{width:100% !important}
.oputilsBtnHldr{padding:20px 30px 0 200px;position:relative;z-index:2}
.oputilsBtnHldr .selBox{float:left;padding:1px 10px 0}
.oputilsBtnHldr .selBox > label{float:left;width:auto;padding:8px 5px 0 0}
.oputilsBtnHldr .selBox > div{float:left;min-width:120px;width:auto !important}

.iconStatusColor{width:18px;height:18px;margin:0 5px 0 0;border-radius:50%;display:inline-block;position:relative;top:3px}
.iconStatusGreen{background:#46bb7d}
.iconStatusRed{background:#ee5656}
.iconStatusYellow{background:#faad5a}
.iconStatusBlue{background:#3099d0}
.iconStatusGrey{background:#7f7f7f}
.iconStatusPurple{background:#ac4cab}

.oputilsSubTitle{margin-left:40px !important;font-size:13px;}
.oputilsSubTitle.warning{margin-left:40px !important;font-size:13px;color:#fa5b5a !important}

 /* oputils report code ending..... */

.opm-icon.oputils-icon{width:17px;height:16px;margin:3px 2px 0;display:inline-block}
.opm-icon.running-config-upload{background-position:-249px -670px}
.opm-icon.running-config{background-position:-213px -670px}
.opm-icon.startup-config-upload{background-position:-231px -670px}
.opm-icon.startup-config{background-position:-195px -670px}
.opm-icon.upload-config{background-position:-267px -670px}
.opm-icon.compare-config{background-position:-285px -670px}

#licenseInfoTab{position:absolute;top:0;right:0;bottom:0;left:0}
#licenseInfoTab .opmTab{width:auto;padding:0;position:absolute;top:0;right:30px;left:250px}
#licenseInfoTab .opmTab li{width:160px !important;height:100%;border-bottom:1px solid #efefef;display:table}
#licenseInfoTab .opmTab li a{vertical-align:middle;padding:10px 20px;display:table-cell}
#licenseInfoTab .opmTab li.active{background:#f3f3f5;border-bottom:3px solid #45b87b}
#licenseInfoTab .opmTabCont{padding:0 30px;border:0;position:absolute;top:65px;right:0;bottom:0;left:0}
#licenseInfoTab .licenseInfoSingle{float:left;width:100%;height:auto}
#licenseInfoTab .opmForm,#licenseInfoTab .opmFormHolder{max-width:600px;position:relative;top:auto;right:auto;bottom:auto}
#licenseInfoTab .title{font-size:16px;margin:0 0 30px;position:relative;top:auto;right:auto;left:auto}
.fieldType3 .opmFormCol{position:relative}
.fieldType3 label{width:100%;padding:8px 100px 0 0;display:inline-block}
.fieldType3 input{width:80px !important;position:absolute;top:0;right:0;z-index:1}
#licenseInfoTab .opmBtnType4{width:50%}
#licenseInfoTab .darkgrey{background:rgb(128,132,136)}
#licenseInfoTab .opmChckListType2 .opmFormCol{width:68%}

#licenseInfoTab .licenseInfoSingle{float:none !important;height:100% !important}
#licenseInfoTab .licenseInfoSingle > .opmFormHolder{height:100%;position: relative;max-width: 800px}
#licenseInfoTab  #license_urlListDiv #urlDeleteBtn{background:#FF5E50;width:auto;min-width:150px}
#licenseInfoTab  #license_urlListDiv #urlUnmanageBtn{width:auto;min-width:150px}
#licenseInfoTab .licenseInfoSingle > .opmFormHolder #license_urlListDiv .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv{height:inherit !important;max-height:calc(100vh - 370px);overflow:auto !important;}
#licenseInfoTab .licenseInfoSingle > .opmFormHolder #license_urlListDiv .opm_jqGridUI.searchBoxOpen .ui-jqgrid .ui-jqgrid-bdiv{height:inherit !important;max-height:calc(100vh - 417px);overflow:auto !important;}

 .vrt2HrzAcc{margin:0}
 .vrt2HrzAcc .verticalAccHdr{background:none;width:100%}
 .vrt2HrzAcc .verticalAccHdr > div{background:#fbfbfb;width:auto;padding:20px;margin:0;border:0;border-left:1px solid #ccc;border-bottom:3px solid transparent}
 .vrt2HrzAcc .verticalAccHdr > div:before{display:none !important}
 .vrt2HrzAcc .verticalAccHdr > div:first-child{border-left:0}
 .vrt2HrzAcc .verticalAccHdr > div:hover,.vrt2HrzAcc .verticalAccHdr > div.active{background:#f3f3f5 !important;border-bottom-color:#45b87b}
 .vrt2HrzAcc .verticalAccContent{float:left;width:100%;padding:30px 0 0;border-top:1px solid #efefef;position:relative;top:-1px}
 .vrt2HrzAcc .verticalAccSignle{width:100%;padding:0;border:0;top:0;min-height: 50px !important}
 .vrt2HrzAcc .verticalAccSignle .opmForm{padding:0 !important}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv{max-height:400px} 
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-pager .ui-pg-table td{padding:0 !important}
.opmAccListChk-srchOption{float:left;width:495px;position:absolute;top:-40px;z-index:9}
.opmAccListChk-srchOption input{float:left;width:225px !important;height:33px}
.opmAccListChk-srchOption input:nth-child(2){width:270px !important}
.opm_jqGridUI_hdr_ftr_fixed,.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid,.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-view{float:left;width:100%;height:auto;max-height:400px;position:relative;overflow:hidden}
.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-view{padding:40px 0 30px}
.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-view .ui-jqgrid-hdiv{position:absolute;top:0;left:0}
.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-view .ui-jqgrid-bdiv{float:left;width:100%;height:auto;max-height:300px;position:relative;overflow:auto}
.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-pager{height:25px;position:absolute;bottom:0;left:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.opm_jqGridUI_hdr_ftr_fixed > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{overflow:auto!important;border-bottom:1px solid #d7d7d7 !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.opm_jqGridUI_hdr_ftr_fixed > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{border-bottom:0!important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.opm_jqGridUI_hdr_ftr_fixed .ui-jqgrid-view{padding-bottom:10px}

#deviceSelectDiv .opmAccListChk-srchOption,#input2.nfProfilePage #interfaceDiv .opmAccListChk-srchOption{z-index:1}

.disabledDiv{opacity:.6;filter:alpha(opacity=60)}
.disabledDiv:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.settinsPageBackBtn{float:left;font-size:14px;color:#8A8E92;padding:0 10px;margin:3px 0 0}
.settinsPageBackBtn:hover{color:#000}
.settingsContent .enableDisableBtn{width:270px}

#userProfileContent .user-profile-single .title{font-family:LatoBold;position:relative}
#userProfileContent .user-profile-single .content{padding:0 0 20px}
#userProfileContent .user-profile-single .content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
#userProfileContent .user-profile-single .content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{font-weight:normal}
.userProfile .timeFilterList ul{left:-255px}
.userProfile .timeFilterList ul:before{left:auto;right:15px}
.speed-info{float:left;width:auto;height;margin:0 20px 0 0;filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%)}
.speed-info.active{filter:none;-webkit-filter:grayscale(0%)}
body[class^='slideDivIn-'] .userProfile:before,body[class*=' slideDivIn-'] .userProfile:before{background:rgba(0,0,0,.3);width:auto;height:auto;content:'';position:absolute;top:0;right:0;bottom:-1px;left:0;z-index:999}
.user-profile-single .icon-down-dir{height:100%;color:#8a8e91;padding:15px 12px;cursor:pointer;position:absolute;right:0;top:0}
.user-profile-single .icon-down-dir:hover{color:#000}
.user-profile-single .icon-down-dir:before{position:relative;top:-4px;left:-3px;transform:rotate(45deg)}
.user-profile-single .icon-down-dir:after{font-family:'fontello';content:'\e8d1';position:absolute;top:8px;left:14px;transform:rotate(45deg)}
.profileWidgetExpandView_temp #main{z-index:9999}
.profileWidgetExpandView{background:#fff;width:auto !important;max-width:none !important;height:auto !important;margin:0 !important;padding:20px !important;position:fixed !important;top:114px !important;right:20px !important;bottom:0;left:70px !important;z-index:99 !important;transition:all 0s ease 0s !important;-ms-transition:all 0s ease 0s !important;-moz-transition:all 0s ease 0s !important;-webkit-transition:all 0s ease 0s !important;-o-transition:all 0s ease 0s !important}
body.NavText .profileWidgetExpandView{left:102px !important}
.profileWidgetExpandView .icon-down-dir:before{top:-7px !important;left:2px !important}
.profileWidgetExpandView .icon-down-dir:after{top:13px !important;left:11px !important}
.profileWidgetExpandView .content{width:auto;height:auto;padding:0 20px !important;position:absolute;top:60px;right:0;bottom:20px;left:0;overflow:auto}
.profileWidgetExpandView_temp .userProfile header:before{background:rgba(0, 0, 0, 0.3);content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:9}
.user-profile-single .contentRight.opm_jqGridUI{padding:20px 10px 20px 400px !important}
.profileWidgetExpandView .contentRight.opm_jqGridUI{padding:0 !important}


.opmRadioBtnType2.opmRadioBtn label:before{background:none;border-color:#5acd91}
.snapshotConfig,.snapshotConfig ul,.snapshotConfig ul li,.snapshotWidgetConfig,.snapshotWidgetConfig ul,.snapshotWidgetConfig ul li{float:left;width:100%;max-width:none;height:auto;position:relative}
.snapshotConfig{padding:0 30px 0 0}
.snapshotConfig ul li:first-child,.snapshotWidgetConfig ul li:first-child{font-family:LatoBold}
.snapshotConfig ul li:first-child > div:last-child,.snapshotWidgetConfig ul li:first-child > div:last-child{padding:8px 0 0}
.snapshotConfig ul li:nth-child(2n){background:#f9f9fb}
.snapshotConfig ul li:not(.snapshotConfigAccr):hover,.snapshotConfigAccr h2:hover{background:#fefede !important;color: #31A5F0 !important;}
.snapshotConfig ul li > div:first-child,.snapshotWidgetConfig ul li > div:first-child{float:left;width:100%;height:auto;padding:0 130px 0 0}
.snapshotConfig ul li > div:last-child,.snapshotWidgetConfig ul li > div:last-child{width:130px;text-align:center;position:absolute;top:0;right:0}
.snapshotConfig ul li:not(:first-child) .opmCheckBox input{width:35px}
.snapshotConfig ul li .selBox{float:none;width:110px;text-align:left;padding:6px 0 0;margin:auto}
.snapshotConfig ul li .selBox > div .select2-container{background:none;padding:0;border:1px solid transparent}
.snapshotConfig ul li .selBox > div .select2-container:hover{background:#f0f0f0;padding:0;border:1px solid #dcdcdc}
.snapshotConfig ul li .selBox > div,.snapshotConfig ul li .selBox > div .select2-container,.snapshotConfig ul li .selBox > div .select2-container .selection,.snapshotConfig ul li .selBox > div .select2-container .selection .select2-selection,.snapshotConfig ul li .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:23px}
.snapshotConfig ul li .selBox > div .select2-container .selection .select2-selection{text-align:center;padding:2px 30px 2px 8px;width:auto;height:auto}
.snapshotConfig ul li .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{border:0}
.snapshotWidgetConfig ul li{padding:5px 0;border-bottom:1px solid #f9f9fa}
.snapshotWidgetConfig ul li .chkRoundBtn{float:none;width:auto;margin:12px auto 0;display:inline-block}
.snapshotConfigAccr{background:none !important}
.snapshotConfigAccr > div{width:35px !important;height:35px !important;padding:0 !important;position:absolute;top:0;left:0;z-index:1}
.snapshotConfigAccr h2{background:#ececec;margin:0 0 1px;position:relative;cursor:pointer}
.snapshotConfigAccr h2:before{width:12px;height:12px;content:'';margin:auto;border:1px solid #8a8e91;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:-10px;right:20px;bottom:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.snapshotConfigAccr.active h2:before{transform:rotate(-225deg);top:5px}
.snapshotConfigAccr h2{height:35px;font-family:LatoBold;padding:8px 50px 8px 40px}
.snapshotConfigAccr ul{padding:0 0 0 35px;margin:0 0 2px}
.snapshotConfigAccr li > div:first-child{font-family:LatoRegular}
.snapshotConfigAccr li > div:last-child{padding:0 !important}

.opmCheckBoxHide label:before,.opmCheckBoxHide label:after{display:none}
body.slideDivIn-9 #settingSubTabs aside:before,body.slideDivIn-9 .settingsContent:before{background:rgba(0, 0, 0, 0.3);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.slideContentContainer div > header .subHdrInfoMsg{font:14px LatoRegular;color:#8a8e91;position:absolute;bottom:10px;left:30px}

.HideForNFA .opmFormRow,.HideForNCM .opmFormRow,.HideForFWA .opmFormRow{display:none}
.HideForFWA .opmFormRow.FWABasic,.HideForNCM .opmFormRow.NCMBasic{margin:30px 0 0;display:block}
.HideForNFA .opmFormRow.NFABasic{display:block}

.settingsCnt.settingsNoAside > aside{width:0}
.settingsCnt.settingsNoAside > section{left:0}
.settingsCnt.settingsNoHdr {top:0!important}

.selfMonitoring,.selfMonitoring > div,.selfMonitoring header{float:left !important;width:100% !important;height:auto !important;border:1px solid #efefef !important}
.selfMonitoring > div{border:0 !important}
.selfMonitoring header{background:#f9f9fa !important;font:14px LatoRegular !important;padding:5px 0 1px !important;border:0 !important;border-bottom:1px solid #efefef !important}
.selfMonitoring > div:last-child header{border:0}
.selfMonitoring header > div,.selfMonitoring section > div:not(.opmFormRow) > div{float:left;width:16%;min-height:1px;display:block}
.selfMonitoring header > div:nth-child(1),.selfMonitoring section > div:not(.opmFormRow) > div:nth-child(1){width:36%}
.selfMonitoring header > div:not(:nth-child(1)):not(:nth-child(2)){text-align:center;padding:10px 0}
.selfMonitoring section{float:left;width:100%;position:relative !important;top:0  !important;}
.selfMonitoring section.disabled{opacity:.5;filter:alpha(opacity=50)}
.selfMonitoring section.disabled:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.selfMonitoring section > div.opmFormRow:not(.alert-danger){padding:0 30px}
.selfMonitoring section > div:not(.opmFormRow){float:left;width:100%;padding:5px 0 0;border-bottom:1px solid #f9f9fa}
.selfMonitoring section > div:not(.opmFormRow) > div:nth-child(1){padding:8px 10px 8px 40px}
.selfMonitoring section > div:not(.opmFormRow) > div:nth-child(1) i{float:right;font:18px LatoBold}
.selfMonitoring .opmCheckBox{display:inline-block}
.selfMonitoring .selBox-2,.selfMonitoring .inputLable{width:120px}
.selfMonitoring .selBox-2 > span{background:none;border:0}
.selfMonitoring .inputLable input{float:left;width:73px}
.selfMonitoring .inputLable label{float:left;width:auto;padding:8px}
.selfMonitoring .opmFormCol:not(.inputLable) input{float:none;width:80px !important;display:inline-block}
.selfMonitoring .opmFormCol:not(.inputLable) input.inputType2{float:left !important;width:100% !important;display:inline-block}
.selfMonitoring section > div > div:not(:nth-child(1)):not(:nth-child(2)){text-align:center}
.selfMonitoring .inputSel{width:150px}
.selfMonitoring .opmFormCol.inputSel input{float:left;width:73px !important}
.selfMonitoring .inputSel .selBox{float:left;width:70px}
.selfMonitoring .alert-danger{padding:8px 10px 8px 40px;margin:0}
.selfMonitoring header.noPadding > div{padding:0 !important}
.selfMonitoring span label{font-size:14px}
.selfMonitoring.opuAddRouterOptions header .opmCheckBox{width:auto !important}
.selfMonitoring.opuAddRouterOptions .opmCheckBox label > i{font:12px LatoRegular !important;color:#777 !important}
.selfMonitoring .flex label {line-height:22px}
.selfMonitoring .flex-justify-between {justify-content:space-between; padding-right:10px}
.selfMonitoring .px-10 {padding-right:10%; padding-left: 10%}
.selfMonitoring.helpCardInfoText header > div:nth-child(2) .selBox-2 {width: 140px;}
.selfMonitoring.helpCardInfoText header > div:nth-child(2) span label {width: 30px;display: block;text-align: center;}
.selfMonitoring.helpCardInfoText header > div:nth-child(2) .inputLable input, 
.selfMonitoring.helpCardInfoText section > div > div:nth-child(2) .inputLable input {width: 95px;}
.selfMonitoring.helpCardInfoText header > div:nth-child(3) .selBox-2 > span {position:absolute;top: 5px;}
.selfMonitoring.helpCardInfoText header > div:nth-child(3) .selBox-2 {width: 80px;}
.selfMonitoring .opmFormCol.inputLable {display:flex; width:100%}
.selfMonitoring .opmCheckBox .logic-icon {float: right; font: 18px 'LatoBold'; padding: 5px 10px;}
.selfMonitoring header.noCheckbox > div:nth-child(1) {padding: 10px 40px;}

.user-profile-single .dashboardWidgetIcons .widgetchkRoundBtn{height:10px;margin:-4px 5px 0 0}
.user-profile-single .dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn{padding:0 !important}

.discoveryWizard .csvBtnView{float:left;width:100% !important;margin:0 0 15px}
.discoveryWizard .csvBtnView #CSVConfiguration{position:absolute;top:auto !important;right:0 !important;bottom:-5px !important}

#filterContent .enableDisableBtn{width:180px}

.dataListActions{background:#f9f9fb;float:left;width:100%;height:auto;border:1px solid #b2b2b2;border-right:0;border-left:0}
.dataListActions ul{width:100%;height:auto;display:table}
.dataListActions ul li.header{background:#fafafa}
.dataListActions ul li.header > div{border-bottom: 1px solid #e3e3e3}
.dataListActions ul li.header > div:first-child{padding:10px 18px}
.dataListActions ul li{width:100%;height:auto;color:#262626;display:table-row}
.dataListActions ul li:nth-child(2n){background:#fff}
.dataListActions ul li > div{vertical-align:top;word-break:break-all;padding:8px 10px;display:table-cell}
.dataListActions ul li > div:last-child{width:100px}
.dataListActions input{background:transparent;float:left;width:100%;font:14px LatoRegular;text-overflow:ellipsis;color:#000;overflow:hidden;padding:5px 8px;border:0}
.dataListActions input:not([disabled]){background:#f0f0f0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dataListActions input:not([disabled]):hover,.dataListActions input:not([disabled]):focus{background:#fbfbfb}
.dataListActions i[class*=' icon-'],.dataListActions i[class^='icon-']{float:left;font-size:16px;margin:3px 5px 0;display:inline-block;cursor:pointer}
.dataListActions .icon-trash{position:relative;top:-2px}
.dataListActions .icon-ok-circled{font-size:18px !important;color:#46bb7d}
.dataListActions .icon-close{font-size:18px !important;color:#fa5b5a}

.opmSelBoxWithButton .opmBtnHldr{width:auto;margin:0 0 0 10px;position:absolute;top:0;left:90%}
.opmSelBoxWithButton > div:nth-child(2) .opmBtnHldr{top:22px}
.opmSelBoxWithButton .opmBtn{min-width:auto;width:30px;min-height:auto;height:30px;font-size:22px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmSelBoxWithButton .opmBtn:before,.opmSelBoxWithButton .opmBtn:after,.opmBtnAddIcon2:before,.opmBtnAddIcon2:after,.opmBtnDelIcon2:before,.opmBtnDelIcon2:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.opmSelBoxWithButton .opmBtn:after,.opmBtnAddIcon2:after{transform:rotate(90deg)}
.opmSelBoxWithButton .opmBtn.opmBtnRemoveIcon,.opmBtnDelIcon2{background:#fa5b5a}
.opmSelBoxWithButton .opmBtn.opmBtnRemoveIcon:before,.opmBtnDelIcon2:before{transform:rotate(45deg)}
.opmSelBoxWithButton .opmBtn.opmBtnRemoveIcon:after,.opmBtnDelIcon2:after{transform:rotate(135deg)}
.opmSelBoxWithButton .select2, .opmSelBoxWithButton .selDiv{width: 90% !important}

.opmSelBoxWithButton.wdLabel .opmBtnHldr{top:23px}

.opmBtnHldrTop .FilterByList{float:right;width:18px;height:22px;margin:7px 5px;display:inline-block;position:relative;z-index:99}
.opmBtnHldrTop .FilterByList i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px;cursor:pointer}
.opmBtnHldrTop .FilterByList ul{background:#fbfbfb;width:232px;height:auto;border:1px solid #d6d7d8;position:absolute;top:2px;right:-15px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmBtnHldrTop .FilterByList ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
.opmBtnHldrTop .FilterByList ul li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 15px;margin:0;cursor:default;position:relative}
.opmBtnHldrTop .FilterByList ul li.header:after{background:none}
.opmBtnHldrTop .FilterByList ul li.header i{width:15px;height:15px;font-size:12px;color:#a0a0a0;position:absolute;top:11px;right:10px;cursor:pointer}
.opmBtnHldrTop .FilterByList ul li.header i:hover{color:#000}
.opmBtnHldrTop .FilterByList ul li{float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px 10px 35px;margin:0;position:relative;cursor:pointer}
.opmBtnHldrTop .FilterByList ul li.FilterBy{cursor:pointer}
.opmBtnHldrTop .FilterByList ul li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
.opmBtnHldrTop .FilterByList ul li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
.ProDetails.register section{padding:25px 0}
.ProDetails.register h2{padding:0 25px;margin:0 0 15px !important}
.ProDetails.register b{font:14px LatoRegular;padding:0 25px}
.ProDetails.register p,.regAccrCont .accRow{padding:0 25px;color:#adadad}
.regAccr,.regAccrSingle,.regAccrHdr,.regAccrCont{float:left;width:100%;height:auto}
.regAccr{margin:20px 0 0}
.regAccrHdr{background:#343535;padding:10px 25px;position:relative;cursor:pointer}
.regAccrHdr:before{width:10px;height: 10px;font:12px fontello;content:'\e8d2';position:absolute;top:13px;right:10px}
.regAccrSingle.active .regAccrHdr:before{content:'\e8d1'}
.regAccrSingle{margin:0 0 2px}
.regAccrCont{padding:15px 25px;display:none}
.regAccrCont p{color:#fff !important}
.regAccrCont .row label{width:100px;font:12px LatoLight;padding:0 0 0 20px;position:absolute;top:10px;left:5px}
.regAccrCont .row > div{width:100% !important;padding:0 20px 0 100px !important}
.regAccrCont .row div:before{display:none}
.regAccrCont .row > div input{background:#222222;width:100%;height:37px;color:#fff;padding:0 5px;border:0}
.regAccrCont .row > div .selBox{width:100% !important;padding:0 !important}
.regAccrCont .row > div .selBox span{width:100% !important;height:37px;padding:0 !important}
.regAccrCont .row > div .selBox .select2-selection{background:#222222;border:0;border-radius:0}
.regAccrCont .row > div .selBox .select2-selection__rendered{line-height:24px;color:#fff;padding:6px 20px 0 5px !important}
.regAccrCont .row > div .selBox .select2-selection__arrow{width:25px !important}
.regAccrCont .row > div .selBox .select2-selection__arrow b{width:5px !important;padding:0 !important;border-color:#fff transparent transparent transparent}
.regAccrCont .row > div .selBox .select2-container--default.select2-container--open .select2-selection__arrow b{border-color:transparent transparent #fff transparent}
.regAccrCont .row .opmBtn{float:right !important;min-width:auto;width:auto !important;padding:7px 20px !important;margin:0 20px 0 0 !important}
.regAccr .regAccrCont a{height:auto !important;white-space:normal;word-break:break-all;padding:0 25px 0 30px !important;display:inline-block}
.regAccrCont .accRow{float:left;width:100%;margin:0 0 10px}
.regAccrCont .accRow .fileUpload{background:#222222 !important;height:37px;color:#efefef;border:0}
.regAccrCont .accRow .fileUpload div{padding:9px 8px}
.regAccrCont .accRow .fileUpload span.info{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px !important;border:0;position:relative;display:table-cell}
.regAccrCont .accRow .fileUpload span.info,.regAccrCont .accRow .fileUpload span.info:before{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.regAccrCont .accRow .fileUpload span.info:before{background:#626262;width:1px;content:'';position:absolute;top:5px;bottom:5px;left:0}
.regAccrCont .accRow .fileUpload:hover span.info{background:#333}
.regAccrCont .accRow .fileUpload:hover span.info:before{opacity:0;filter:alpha(opacity=0)}
.regAccrCont .accRow .fileUpload span.info label{font-size:14px;color:#efefef;margin:0 !important}
.regAccrCont .alert-danger{padding:0 25px;margin:0 0 10px}
.regAccrCont .alert-danger p{background:#fa5b5a;padding:8px 10px;margin:0}

#ThreadDumpDiv > .opmForm{max-width:none}

.opmCheckBoxRow{width:100% !important}
.opmCheckBoxRow .opmCheckBox{margin:0 20px 0 0;display:inline-block}

.disabledField  input:disabled + label{color:#b5b5b5}
.disabledField  input:disabled + label i{color:#ff0000}
.trapSubtitle{font-size: 11px;color: #6B6B6B}
.inputLabelStyle{margin:5px 0 0}
.inputLabelStyle label{float:left;margin:6px 5px 0 0;display:inline-block}
.inputLabelStyle input{width:75px;text-align:center}
.edit.realtimeMonitors{color:#525252;top:-1px;right:0}
.edit + .edit.realtimeMonitors{right:25px}
.ipPing{float:right;display:inline-block}
.ipPing label{font-size:12px}
.ipPing > div{width:35px;height:35px;margin:-31px -7px 0 0;position:relative;top:9px}
.ipPing > div > div{padding:0 0 0 35px}
.ipField .ipPing > div input{width:100% !important;height:100% !important}

.opmInfoMsg{float:left;width:100%;height:auto;color:#292a2c;padding:0 15px 0 9px;position:relative}
.opmInfoMsg:before{content: '*';font: 14px/19px BitterRegular;text-align:center;color:#969696;border-radius:3px;display:block;position:absolute;top:2px;left:0}
.opmInfoMsg b{font-size:20px;color:#851813;margin:0 0 5px;display:inline-block}
.opmInfoMsg p{font:12px LatoLight !important;color:#292a2c !important;word-break:break-word;padding:0 !important;margin:0 0  10px !important}
.opmInfoMsg p:last-child{margin-bottom:0 !important}
.opmInfoMsg a{color:#31A5F0 !important;display:inline-block !important}
.opmInfoMsg i{font:bold 11px/19px LatoLight;}
.opmInfoMsg2{padding:0}
.opmInfoMsg2:before{display:none}
.opmForm .opmFormCol.opmInfoMsg2 input[type='checkbox']{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important;cursor: pointer;}
.regAccr .regAccrCont .opmInfoMsg{padding:0 20px}
.regAccr .regAccrCont .opmInfoMsg p{color:#fff !important}
.regAccr .regAccrCont .opmInfoMsg a{padding:0 !important;display:inline}

/*! APM Icons Starts here */
.apm-app-icon:before{background-image:url(../../img/apm-apps-sprite.svg);background-repeat:no-repeat;width:40px;height:40px;content:'';display:block;margin:0 auto}
.apm-app-icon-asp-netcore:before{background-position:0 0}
.apm-app-icon-aws-ebs:before{background-position:0 -40px}
.apm-app-icon-aws:before{background-position:0 -80px}
.apm-app-icon-azure-app:before{background-position:0 -120px}
.apm-app-icon-azure-vm:before{background-position:0 -160px}
.apm-app-icon-azure:before{background-position:0 -200px}
.apm-app-icon-cakephp:before{background-position:0 -240px}
.apm-app-icon-cassandra:before{background-position:0 -280px}
.apm-app-icon-codeigniter:before{background-position:0 -320px}
.apm-app-icon-docker:before{background-position:0 -360px}
.apm-app-icon-drupal:before{background-position:0 -400px}
.apm-app-icon-express:before{background-position:0 -440px}
.apm-app-icon-glassfish:before{background-position:0 -480px}
.apm-app-icon-heroku:before{background-position:0 -520px}
.apm-app-icon-http-client:before{background-position:0 -560px}
.apm-app-icon-ibm-websphere:before{background-position:0 -600px}
.apm-app-icon-ibm:before{background-position:0 -640px}
.apm-app-icon-iis:before{background-position:0 -680px}
.apm-app-icon-jax-ws:before{background-position:0 -720px}
.apm-app-icon-jboss:before{background-position:0 -760px}
.apm-app-icon-jira:before{background-position:0 -800px}
.apm-app-icon-laravel:before{background-position:0 -840px}
.apm-app-icon-memcached:before{background-position:0 -880px}
.apm-app-icon-mongodb:before{background-position:0 -920px}
.apm-app-icon-ms-sql:before{background-position:0 -960px}
.apm-app-icon-mysql:before{background-position:0 -1000px}
.apm-app-icon-net-core:before{background-position:0 -1040px}
.apm-app-icon-net-wcf:before{background-position:0 -1080px}
.apm-app-icon-nginx:before{background-position:0 -1120px}
.apm-app-icon-oracle-weblogic:before{background-position:0 -1160px}
.apm-app-icon-oracle:before{background-position:0 -1200px}
.apm-app-icon-owin:before{background-position:0 -1240px}
.apm-app-icon-play:before{background-position:0 -1280px}
.apm-app-icon-postgresql:before{background-position:0 -1320px}
.apm-app-icon-redis:before{background-position:0 -1360px}
.apm-app-icon-ruby:before{background-position:0 -1400px}
.apm-app-icon-sinatra:before{background-position:0 -1440px}
.apm-app-icon-spring:before{background-position:0 -1480px}
.apm-app-icon-springboot:before{background-position:0 -1520px}
.apm-app-icon-struts:before{background-position:0 -1560px}
.apm-app-icon-sybase:before{background-position:0 -1600px}
.apm-app-icon-tomcat:before{background-position:0 -1640px}
.apm-app-icon-wildfly:before{background-position:0 -1680px}
.apm-app-icon-windows-desktop:before{background-position:0 -1720px}
.apm-app-icon-windows-services:before{background-position:0 -1760px}
.apm-app-icon-windows:before{background-position:0 -1800px}
.apm-app-icon-java:before{background-position:0 -1840px}
.apm-app-icon-ms-net:before{background-position:0 -1880px}
.apm-app-icon-linux:before{background-position:0 -1920px}
.apm-app-icon-windows-php:before{background-position:0 -1960px}
.apm-app-icon-node:before{background-position:0 -2000px}
.appsListSection-apps li .apm-default-icon { background-image: url(../../img/apm-logo.svg); background-color: unset; background-repeat: no-repeat; background-size: 40px; background-position: center; height: 58px;}
.appsListSection-apps li .apm-default-icon.apm-app-icon:before {all:unset !important;}
/*! APM Icons Ends here */

/* APM KPI Logo's Start's Here */
.apm-apps-logo-apache {background: url(../../img/apm-apps-logos/apache.svg);}
.apm-apps-logo-application {background: url(../../img/apm-apps-logos/application.svg);}
.apm-apps-logo-asp-netcore {background: url(../../img/apm-apps-logos/asp-netcore.svg);}
.apm-apps-logo-aws-ebs {background: url(../../img/apm-apps-logos/aws-ebs.svg);}
.apm-apps-logo-aws {background: url(../../img/apm-apps-logos/aws.svg);}
.apm-apps-logo-azure-app {background: url(../../img/apm-apps-logos/azure-app.svg);}
.apm-apps-logo-azure-vm {background: url(../../img/apm-apps-logos/azure-vm.svg);}
.apm-apps-logo-azure {background: url(../../img/apm-apps-logos/azure.svg);}
.apm-apps-logo-cakephp {background: url(../../img/apm-apps-logos/cakephp.svg);}
.apm-apps-logo-cassandra {background: url(../../img/apm-apps-logos/cassandra.svg);}
.apm-apps-logo-codeigniter {background: url(../../img/apm-apps-logos/codeigniter.svg);}
.apm-apps-logo-create-new {background: url(../../img/apm-apps-logos/create-new.svg);}
.apm-apps-logo-database {background: url(../../img/apm-apps-logos/database.svg);}
.apm-apps-logo-docker-icon {background: url(../../img/apm-apps-logos/docker-icon.svg);}
.apm-apps-logo-docker {background: url(../../img/apm-apps-logos/docker.svg);}
.apm-apps-logo-dot-net {background: url(../../img/apm-apps-logos/dot-net.svg);}
.apm-apps-logo-drupal {background: url(../../img/apm-apps-logos/drupal.svg);}
.apm-apps-logo-express {background: url(../../img/apm-apps-logos/express.svg);}
.apm-apps-logo-glassfish {background: url(../../img/apm-apps-logos/glassfish.svg);}
.apm-apps-logo-heroku {background: url(../../img/apm-apps-logos/heroku.svg);}
.apm-apps-logo-host {background: url(../../img/apm-apps-logos/host.svg);}
.apm-apps-logo-http-client {background: url(../../img/apm-apps-logos/http-client.svg);}
.apm-apps-logo-ibm-websphere {background: url(../../img/apm-apps-logos/ibm-websphere.svg);}
.apm-apps-logo-ibm {background: url(../../img/apm-apps-logos/ibm.svg);}
.apm-apps-logo-icon_monitors_fish {background: url(../../img/apm-apps-logos/icon_monitors_fish.svg);}
.apm-apps-logo-iis {background: url(../../img/apm-apps-logos/iis.svg);}
.apm-apps-logo-java-icon {background: url(../../img/apm-apps-logos/java-icon.svg);}
.apm-apps-logo-java {background: url(../../img/apm-apps-logos/java.svg);}
.apm-apps-logo-jax-ws {background: url(../../img/apm-apps-logos/jax-ws.svg);}
.apm-apps-logo-jboss {background: url(../../img/apm-apps-logos/jboss.svg);}
.apm-apps-logo-jira {background: url(../../img/apm-apps-logos/jira.svg);}
.apm-apps-logo-jonas {background: url(../../img/apm-apps-logos/jonas.png);}
.apm-apps-logo-laravel {background: url(../../img/apm-apps-logos/laravel.svg);}
.apm-apps-logo-linux-php {background: url(../../img/apm-apps-logos/linux-php.svg);}
.apm-apps-logo-linux {background: url(../../img/apm-apps-logos/linux.svg);}
.apm-apps-logo-memcached {background: url(../../img/apm-apps-logos/memcached.svg);}
.apm-apps-logo-mongodb {background: url(../../img/apm-apps-logos/mongodb.svg);}
.apm-apps-logo-ms-sql {background: url(../../img/apm-apps-logos/ms-sql.svg);}
.apm-apps-logo-mysql {background: url(../../img/apm-apps-logos/mysql.svg);}
.apm-apps-logo-net-core {background: url(../../img/apm-apps-logos/net-core.svg);}
.apm-apps-logo-net-wcf {background: url(../../img/apm-apps-logos/net-wcf.svg);}
.apm-apps-logo-nginx {background: url(../../img/apm-apps-logos/nginx.svg);}
.apm-apps-logo-node {background: url(../../img/apm-apps-logos/node.svg);}
.apm-apps-logo-okhttp {background: url(../../img/apm-apps-logos/okhttp.svg);}
.apm-apps-logo-oracle-weblogic {background: url(../../img/apm-apps-logos/oracle-weblogic.svg);}
.apm-apps-logo-oracle {background: url(../../img/apm-apps-logos/oracle.svg);}
.apm-apps-logo-owin {background: url(../../img/apm-apps-logos/owin.svg);}
.apm-apps-logo-play {background: url(../../img/apm-apps-logos/play.svg);}
.apm-apps-logo-postgresql {background: url(../../img/apm-apps-logos/postgresql.svg);}
.apm-apps-logo-redis {background: url(../../img/apm-apps-logos/redis.svg);}
.apm-apps-logo-resin {background: url(../../img/apm-apps-logos/resin.svg);}
.apm-apps-logo-restlet {background: url(../../img/apm-apps-logos/restlet.svg);}
.apm-apps-logo-ruby {background: url(../../img/apm-apps-logos/ruby.svg);}
.apm-apps-logo-server {background: url(../../img/apm-apps-logos/server.svg);}
.apm-apps-logo-services {background: url(../../img/apm-apps-logos/services.svg);}
.apm-apps-logo-sinatra {background: url(../../img/apm-apps-logos/sinatra.svg);}
.apm-apps-logo-sonarqube {background: url(../../img/apm-apps-logos/sonarqube.svg);}
.apm-apps-logo-spring {background: url(../../img/apm-apps-logos/spring.svg);}
.apm-apps-logo-springboot {background: url(../../img/apm-apps-logos/springboot.svg);}
.apm-apps-logo-sqlite {background: url(../../img/apm-apps-logos/sqlite.svg);}
.apm-apps-logo-struts {background: url(../../img/apm-apps-logos/struts.svg);}
.apm-apps-logo-sybase {background: url(../../img/apm-apps-logos/sybase.svg);}
.apm-apps-logo-tomcat {background: url(../../img/apm-apps-logos/tomcat.svg);}
.apm-apps-logo-wildfly {background: url(../../img/apm-apps-logos/wildfly.svg);}
.apm-apps-logo-windows {background: url(../../img/apm-apps-logos/windows.svg);}
.apm-apps-logo-windows-desktop {background: url(../../img/apm-apps-logos/windows-desktop.svg);}
.apm-apps-logo-windows-php {background: url(../../img/apm-apps-logos/windows-php.svg);}
.apm-apps-logo-windows-services {background: url(../../img/apm-apps-logos/windows-services.svg);}
.apm-apps-logo-apachemq {background: url(../../img/apm-apps-logos/apachemq.png);}
.apm-apps-logo-icon_monitors_ibm {background: url(../../img/apm-apps-logos/icon_monitors_ibm.svg);}
.apm-apps-logo-icon_monitors_msdynamicsax {background: url(../../img/apm-apps-logos/icon_monitors_msdynamicsax.svg);}
.apm-apps-logo-icon_monitors_nginxplus {background: url(../../img/apm-apps-logos/icon_monitors_nginxplus.svg);}
.apm-apps-logo-icon_monitors_officesharepointserver {background: url(../../img/apm-apps-logos/icon_monitors_officesharepointserver.svg);}
.apm-apps-logo-icon_monitors_oracleebs {background: url(../../img/apm-apps-logos/icon_monitors_oracleebs.svg);}
.apm-apps-logo-icon_monitors_sap {background: url(../../img/apm-apps-logos/icon_monitors_sap.svg);}
.apm-apps-logo-icon_rabbit_mq {background: url(../../img/apm-apps-logos/icon_rabbit_mq.svg);}
.apm-apps-logo-mqseries {background: url(../../img/apm-apps-logos/mqseries.svg);}
.apm-apps-logo-apminsight {background: url(../../img/apm-apps-logos/apminsight.svg) no-repeat;}
.apm-apps-logo-servicemonitor {background: url(../../img/apm-apps-logos/servicemonitor.svg) no-repeat;}
.apm-apps-logo-default {background: url(../../img/apm-apps-logos/default.png);}
.apm-apps-logo-icon_monitors_mx4jjmx {background: url(../../img/apm-apps-logos/icon_monitors_mx4jjmx.svg);}
.apm-apps-logo-icon_monitors_sslcertificate {background: url(../../img/apm-apps-logos/icon_monitors_sslcertificate.svg);}
.apm-apps-logo-icon_monitors_snmp {background: url(../../img/apm-apps-logos/icon_monitors_snmp.svg);}
/* APM KPI Logo's End's Here */

/*! Progress Bar UI starts here */
.progressBar{width:100%;max-width:700px;height:8px;border-radius:8px;background-color:#f5f5f5;position:relative}
.progressBar .progressBar-range{position:absolute;width:8px;height:8px;min-width:8px;max-width:100%;background-color:#27a965;border-radius:8px;will-change:auto;-webkit-transition:all cubic-bezier(.68,-.55,.27,1.55) 1s;-o-transition:all cubic-bezier(.68,-.55,.27,1.55) 1s;transition:all cubic-bezier(.68,-.55,.27,1.55) 1s}
.progressBar.success .progressBar-range{background-color:#27a965}
.progressBar.danger .progressBar-range{background-color:#f34848}
.progressBar.warning .progressBar-range{background-color:#edc133}
.progressBar.info .progressBar-range{background-color:#3996dd}
.w100{width: 100% !important;}
/*! Progress Bar UI ends here */
/*! Checklist Steps Starts here */
.checklist-steps{width:100%;max-width:700px;position:relative;text-align:left;display:inline-block;margin:15px auto}
.checklist-steps .checklist-step{margin-bottom:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.checklist-steps .checklist-step .checklist-step-icon{position:relative;flex:0 0 20px;width:20px;height:20px;background-color:#d4d4d4;border-radius:50%;display:block;content:'';margin-right:15px}
.checklist-steps .checklist-step:last-child{margin-bottom:0}
.checklist-steps .checklist-step .text{font-family:LatoBold;font-weight:700;color:#999;position:relative;font-weight:700}
.checklist-steps .checklist-step .text .time{position:absolute;top:calc(100% + 5px);left:0;font-style:italic;font-weight:400;color:#888;font-family:LatoRegular}
.checklist-steps .checklist-step.active .text,.checklist-steps .checklist-step.failed .text,.checklist-steps .checklist-step.success .text{color:#222}
.checklist-steps .checklist-step.active .checklist-step-icon{background-color:transparent}
.checklist-steps .checklist-step.active .checklist-step-icon::before,.checklist-steps .checklist-step.active .checklist-step-icon:after{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:20px;height:20px;border-radius:50%;display:block;content:'';-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);position:absolute;background-color:rgba(39,169,101,.3)}
.checklist-steps .checklist-step.active .checklist-step-icon:after{background-color:#3b9566;-webkit-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65)}
.checklist-steps .checklist-step.active .checklist-step-icon::before{-webkit-animation:pulse-fade infinite 2s;animation:pulse-fade infinite 2s}
.checklist-steps .checklist-step.success .text{color:#222}
.checklist-steps .checklist-step.success .checklist-step-icon{background-color:#27a965}
.checklist-steps .checklist-step.success .checklist-step-icon::before{content:'';position:absolute;width:8px;background-color:transparent;background-color:#27a965;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;left:5px;top:7px}
.checklist-steps .checklist-step.failed .checklist-step-icon{background-color:#f34848}
.checklist-steps .checklist-step.failed .checklist-step-icon::after,.checklist-steps .checklist-step.failed .checklist-step-icon::before{content:'';width:2px;height:11px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;background-color:#fff;position:absolute;top:5px;left:9px}
.checklist-steps .checklist-step.failed .checklist-step-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.checklist-steps:before{width:2px;height:calc(100% - 10px);margin:5px 0;background-color:#e2e2e2;display:block;content:'';position:absolute;left:9px;border-radius:2px}
@-webkit-keyframes pulse-fade{
from{background-color:#27a965;-webkit-transform:scale(0);transform:scale(0)}
to{background-color:rgba(39,169,101,0);-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes pulse-fade{
from{background-color:#27a965;-webkit-transform:scale(0);transform:scale(0)}
to{background-color:rgba(39,169,101,0);-webkit-transform:scale(1.5);transform:scale(1.5)}
}
/*! Checklist Steps Ends here */


.userActionInfoMsg{background:#f9fafc;float:left;width:100%;min-height:64px;height:auto;color:#292a2c;padding:5px 15px 5px 55px;margin:0;border:1px solid #e0e0e0;border-top:4px solid #ff683d;position:relative}
.userActionInfoMsg:before{width:30px;height:30px;content:'i';font:18px/30px BitterRegular;text-align:center;color:#ff683d;border:1px solid #ff683d;border-radius:50%;display:block;position:absolute;top:14px;left:12px}
.userActionInfoMsg b{font-size:20px;color:#851813;margin:11px 0 5px;display:inline-block}
.userActionInfoMsg p{font:14px LatoRegular !important;color:#292a2c !important;word-break:break-word;padding:0 !important;margin:7px 0  10px !important}
.userActionInfoMsg a{color:#31A5F0 !important;display:inline-block !important}
.userActionInfoMsg.ncmborderStyle{background:#f3fcff;border:1px solid #93ddf9;border-style:solid;border-width:1px;border-top-width:3px;border-radius:3px;padding:5px 15px;min-height:auto;height:auto;}
.userActionInfoMsg.ncmborderStyle p{font-size:14px !important}
.userActionInfoMsg.userActionInfoMini{min-height: 50px!important;padding-left: 45px!important;}
.userActionInfoMsg.userActionInfoMini.hideInfoIcon{padding-left: 15px!important;}
.userActionInfoMsg.userActionInfoMini p{margin-top: 8px!important}
.userActionInfoMsg.userActionInfoMini:before{font: 13px/22px BitterRegular;width:20px;height:20px;top:12px;}
.userActionInfoMsg.FA_notesInfo{min-height:40px;padding-left:45px}
.userActionInfoMsg.FA_notesInfo:before{width:24px;height:24px;font:14px/24px BitterRegular;top:8px}

.privacyInfoMsgUserDetails,.userActionInfoMsg.hideInfoIcon{padding:5px 15px}
.privacyInfoMsgUserDetails:before,.userActionInfoMsg.hideInfoIcon:before{display:none}
.privacyInfoMsgUserDetails .chkRoundBtn,.privacyInfoMsgUserDetails .opmCheckBox{float:left;margin:0 5px 0 0;display:inline-block}
.privacyInfoMsgUserDetails .chkRoundBtn{margin:5px 5px 0 0}
.privacyInfoMsgUserDetails .opmCheckBox label:before{background:#fff}
.privacyInfoMsgUserDetails.opmCheckBox .pull-left{padding:0;clear:left}
#contactSupportDiv .privacyInfoMsgUserDetails, #getPriceQuoteDiv .privacyInfoMsgUserDetails{padding: 0px 0px!important}
#contactSupportDiv .privacyInfoMsgUserDetails .opmCheckBox div, #getPriceQuoteDiv .privacyInfoMsgUserDetails .opmCheckBox div{padding-left: 30px}
.regAccr .regAccrCont .userActionInfoMsg a,.userActionInfoMsg a{padding:0 !important;display:inline}
.regAccr .regAccrCont .userActionInfoMsg p{color:#fff !important}
.theme-blue{border-top-color:#93ddf9}
.ncmborderstyle.theme-blue{border-color:#93ddf9;}
.theme-cyan{border-top-color:#85d9f9}
.theme-cyan:before{color: #6cd4fd;border: 1px solid #6cd4fd;}
.theme-orange{border-top-color:#ffb161}
.theme-orange:before{color: #ff9324;border: 1px solid #ff9324;}
.theme-green{border-top-color:#43be7f}
.theme-green:before{color: #43be7f;border: 1px solid #43be7f;}
.theme-plainborder{border:1px solid #e0e0e0;}

.opmSingleRowSaveRemove .opmFormTitle{font-family:LatoRegular;margin:0 0 5px}
.opmSingleRowSaveRemove .opmBtnHldr{width:auto;margin:0 0 0 10px;position:absolute;top:0;left:100%}
.opmSingleRowSaveRemove .opmBtnHldr.pos50{left:50%;top:23px}
.opmSingleRowSaveRemove > div:nth-child(2) .opmBtnHldr{top:22px}
.opmSingleRowSaveRemove .opmBtn,.addRemoveBtn .opmBtn{min-width:auto;width:30px;min-height:auto;height:30px;font-size:22px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmSingleRowSaveRemove .opmBtn:before,.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:before,.opmBtnAddIcon2:after,.opmBtnDelIcon2:before,.opmBtnDelIcon2:after,.addRemoveBtn .opmBtn:before,.addRemoveBtn .opmBtn:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:after,.addRemoveBtn .opmBtn:after{transform:rotate(90deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon,.opmBtnDelIcon2,.addRemoveBtn .opmBtn.opmBtnRemoveIcon{background:#fa5b5a}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:before,.opmBtnDelIcon2:before,.addRemoveBtn .opmBtn.opmBtnRemoveIcon:before{transform:rotate(45deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:after,.opmBtnDelIcon2:after,.addRemoveBtn .opmBtn.opmBtnRemoveIcon:after{transform:rotate(135deg)}
.opmSingleRowSaveRemove + .opmBtn{float:left;margin:23px 0 0 4%}

.halfCol{width:48% !important}

.licenceDetailsType2 .deviceExceedInfo{left:1000px}
.licenceDetailsType2 #licenseInfoTab .opmTab li{width:235px !important}
.licenceDetailsType2 #licenseInfoTab .opmTab{height:80px;left:30px}
.licenceDetailsType2 .opmTab li i{background:url(../../img/opm-sprites.png) no-repeat 0 0;width:50px;height:55px;margin:0 20px 0 0;display:inline-block;zoom:50%}
.licenceDetailsType2 .opmTab li i.icon-quote{background-position:-126px -465px}
.licenceDetailsType2 .opmTab li i.icon-license{background-position:-178px -465px}
.licenceDetailsType2 .opmTab li i.icon-evaluation{background-position:-229px -465px;width:62px}
.licenceDetailsType2 .opmTab li i.icon-free-edition{background-position:-292px -465px;width:62px}
.licenceDetailsType2 .opmTab li b{position:relative;top:-10px}
.licenceDetailsType2 .opmTabCont{top:80px !important}
.licenceDetailsType2 #licenseInfoTab .opmForm,.licenceDetailsType2  #licenseInfoTab .opmFormHolder{max-width:940px;left:0}
.contactInfoContainer{max-width:940px}
.urlGetMethod .opmFormCol,.urlGetMethod .opmFormCol > div{width:100%}
.urlGetMethod .opmFormCol > div > .selBox{width:20%}
.urlGetMethod .opmFormCol > div > input{width:80%;border-left:0}
.opmSingleRowSaveRemove .opmFormTitle{font-family:LatoRegular;margin:0 0 5px}
.opmSingleRowSaveRemove .opmBtnHldr{width:auto;margin:0 0 0 10px;position:absolute;top:0;left:100%}
.opmSingleRowSaveRemove .opmBtn{min-width:auto;width:30px;min-height:auto;height:30px;font-size:22px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmSingleRowSaveRemove .opmBtn:before,.opmSingleRowSaveRemove .opmBtn:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px;right:0;bottom:0;left:0}
.opmSingleRowSaveRemove .opmBtn:after{transform:rotate(90deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon{background:#fa5b5a !important}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:before{transform:rotate(45deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:after{transform:rotate(135deg)}
.opmForm .opmFormCol .resizeVertical {resize: vertical !important;}
.contactInfo{padding:20px 0;border:1px solid #efefef;border-right:0;border-left:0}
.contactInfo i{padding:0 0 0 30px;margin:0 10px;position:relative}
.contactInfo i:not(.icon-phone){color:#31A5F0}
.contactInfo i:before{background:url(../../img/opm-sprites.png) no-repeat 0 0;width:30px;height:15px;content:'';position:absolute;top: 2px;left: 4px;display:inline-block;}
.contactInfo .icon-mail2:before{background-position:-338px -409px}
.contactInfo .icon-phone:before{background-position:-315px -409px;width:22px;height:22px;top:-2px}
.marginTpBtm100{margin:100px 0}
.noMaxWd{max-width:100% !important}
.textAlignCenter{text-align:center}
.icon-disabled{opacity:.5;filter:alpha(opacity=50)}

.opmChckList.actionOptions .list ul li > div{width:100%;display:table;border-collapse:separate}
.opmChckList.actionOptions .list ul li .opmCheckBox{width:100%;display:table-cell}
.opmChckList.actionOptions .list ul li .actions{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px 0;position:relative;display:table-cell}
.opmChckList.actionOptions .list ul li .actions > div{float:left;width:auto;height:100%;font-size:14px;margin:0 !important}
.opmChckList.actionOptions .list ul li .actions i{height:100% !important;padding:5px;display:inline-block !important;cursor:pointer}
.opmChckList.actionOptions .list ul li .edit:before{position:relative;top:1px}
.opmChckList.actionOptions .list .opmCheckBox i{right:-180px}
body.settingsPage .takeTour{display:none}

.passwordShowHide{display:table;border-collapse:separate}
.passwordShowHide input{width:100%;display:table-cell}
.passwordShowHide span{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #dcdcdc !important;border-left:0 !important;position:relative;display:table-cell}
.passwordShowHide span label{font-size:14px;margin:0 !important}
.opm-icon{background:url(../../img/opm-sprites.png) no-repeat -280px -264px;display:block;cursor: pointer}
.opm-icon.icon-eye{background-position: -310px -352px;width:18px;height:15px}
.opmCheckBoxMinWd .opmCheckBox{float:left;margin:0 0 10px}
.opmCheckBoxMinWd .opmCheckBox  div{min-width:200px;height:auto;padding:0 0 0 35px}
.opmCheckBoxMinWd .opmCheckBox  div > input{width:35px}
.intfThresholdCol .intfAllRows > div{margin:0 0 0 2% !important}
.intfThresholdCol .intfAllRows > div:first-child{width:31% !important;padding:0 !important;margin:0 !important}
.intfThresholdCol .intfAllRows > div:nth-child(2){width:21% !important}
.intfThresholdCol .intfAllRows > div:nth-child(3){width:21% !important}
.intfThresholdCol .intfAllRows > div:nth-child(4){width:21% !important}

.unauthorizedInvalidPage{background:#fff;float:left;width:100%;height:100%;font:16px LatoRegular;text-align:center;color:#5a5959;padding:0 60px;overflow:auto}
.icon-invalid{width:80px;height:80px;font-size:60px;color:#ff0000;border:3px solid #f9767e;border-radius:50%;display:inline-block}
.unauthorizedInvalidPage h2{font:40px LatoRegular;color:#ff0000;padding:20px 0;margin:20px 0;border:1px solid #e1e1e1;border-right:0;border-left:0}
.unauthorizedInvalidPage p{margin:0}
.divDisplayTable{width:100%;height:100%;text-align:center;display:table}
.divDisplayTableCell{width:100%;height:280px;vertical-align:middle;display:table-cell}

.labelInfoText{font-size:12px;color:#545454}
.smsSettingsTabHeight{height: 105px !important;}
.smsSettingsTabLabelHeight{height: 60px !important;}

.opm-icon.icon-eye-slash{background-position:-327px -352px;width:18px;height:15px}



#SummaryPage .row{clear:both;float:left;width:100%;max-width:1920px;height:auto;margin:0 0 50px;position:relative}
#SummaryPage .col{float:left;width:20%;max-width:350px;padding:0 0 0 15px}
#SummaryPage.opmCentralSummary .col{width:25%}
#SummaryPage .col header{float:left;font:20px RobotoSlabRegular;padding:20px 0 20px;position:relative}
#SummaryPage .col header:before{background:#ccc;width:40px;height:1px;content:'';position:absolute;bottom:12px;left:0}
#SummaryPage section + header{margin:50px 0 0}
#SummaryPage section{float:left;width:100%}
#SummaryPage section a{clear:both;float:left;width:auto;min-height:29px;height:auto;font:14px LatoRegular;color:#000;padding:5px 5px 5px 27px;margin:15px 0 0;position:relative}
#SummaryPage section a:hover{color:#31A5F0}
#SummaryPage section a i{position:absolute;top:6px;left:0}

i[class^='icon-sm-'],i[class*=' icon-sm-']{background-image:url(../../img/opm-sprites.png);width:16px;height:16px;padding:0 !important;margin:0 7px 0 0;position:relative;top:3px;display:inline-block}
.icon-sm-mailserver{background-position:-197px -547px}
.icon-OAuth{width:16px;height:16px;position:relative;padding-left:25px}
.icon-OAuth:before{width:16px;height:16px;position:absolute;top:0px;left:0px;content:"";background:url("../../img/opm-sprites-v2.svg") no-repeat -185px -116px;}
.icon-sm-monitorSetting{background-position: -267px -1266px; width: 16px; height: 13px}
.icon-sm-smsserver{background-position:-213px -547px}
.icon-sm-proxyserver{background-position:-229px -547px}
.icon-sm-usermgmt{background-position:-245px -547px}
.icon-sm-serversettings{background-position:-261px -547px}
.icon-sm-sshsettings{background-position:-277px -547px}
.icon-sm-systemsettings{background-position:-293px -547px}
.icon-sm-categories{background-position:-197px -563px}
.icon-sm-dbmaintenance{background-position:-213px -563px}
.icon-sm-rebranding{background-position:-229px -563px}
.icon-sm-restapi{background-position:-245px -563px}
.icon-sm-snapshotsettings{background-position:-261px -563px}
.icon-sm-addons {background-position: -255px -1683px;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);width: 24px !important;height: 24px !important;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-filter: brightness(0.5);filter: brightness(0.5);}
.icon-sm-selfmonitor{background-position:-293px -563px}
.icon-sm-nwdiscovery{background-position:-309px -563px}
.icon-sm-Containers {background-position: -182px -1617px;left: 3px !important;width: 13px !important;}
.icon-sm-discoveryreport{background-position:-325px -563px}
.icon-sm-credentials{background-position:-341px -563px}
.icon-sm-testcredential{background-position:0px -579px}
.icon-sm-VM{background-position:-32px -579px}
.icon-sm-adddevice{background-position:-16px -579px}
.icon-sm-VM{background-position:-32px -579px}
.icon-sm-Nutanix { background-position: -214px -1597px; width: 14px; height: 12px; top: 8px !important}
.icon-sm-NutanixServerReports{background-position: -196px -1617px;left:2px !important;}
.icon-sm-addvmware { background-position: -232px -1596px}
.icon-sm-addhyperv{background-position:-48px -579px}
.icon-sm-addxenserver{background-position:-64px -579px}
.icon-sm-adducs{background-position:-80px -579px}
.icon-sm-layer2discovery{background-position:-96px -579px}
.icon-sm-devicetemplate{background-position:-112px -579px}
.icon-sm-vendortemplate{background-position:-128px -579px}
.icon-sm-intftemplate{background-position:-144px -579px}
.icon-sm-urltemplate{background-position:-160px -579px}
.icon-sm-groups{background-position:-248px -1040px}
.icon-sm-downtimesch{background-position:-176px -579px}
.icon-sm-monitorinterval{background-position:-193px -579px}
.icon-sm-alarmesc{background-position:-208px -579px}
.icon-sm-addfields{background-position:-223px -579px}
.icon-sm-ruleengine{background-position:-240px -579px}
.icon-sm-qcw{background-position:-256px -579px}
.icon-sm-ipsla{background-position:-272px -579px}
.icon-sm-perfmonitors{background-position:-288px -579px}
.icon-sm-appmonitors{background-position:-304px -579px}
.icon-sm-winservice{background-position:-320px -579px}
.icon-sm-vmevents{background-position:-336px -579px}
.icon-sm-process{background-position:0px -595px}
.icon-sm-file{background-position:-16px -595px}
.icon-sm-folder{background-position:-32px -595px}
.icon-sm-agents{background-position:-48px -595px}
.icon-sm-servicemonitor{background-position:-64px -595px}
.icon-sm-urlmonitor{background-position:-80px -595px}
.icon-sm-eventlogs{background-position:-96px -595px}
.icon-sm-snmptrap{background-position:-112px -595px}
.icon-sm-syslogrules{background-position:-128px -595px}
.icon-sm-scripttemplate{background-position:-144px -595px}
.icon-sm-notification{background-position:-160px -595px}
.icon-sm-netflow{background-position:-176px -595px}
.icon-sm-ncm{background-position:-192px -595px}
.icon-sm-firewall{background-position:-208px -595px}
.icon-sm-oputils{background-position:-224px -595px}
.icon-sm-dpi{background-position:-240px -595px}
.icon-sm-tools{background-position:-256px -595px}
.icon-sm-system{background-position:-272px -595px}
.icon-sm-healthperf{background-position:-288px -595px}
.icon-sm-availresp{background-position:-304px -595px}
.icon-sm-inventory{background-position:-320px -595px}
.icon-sm-wanrtt{background-position:-336px -595px}
.icon-sm-voip{background-position:0 -611px}
.icon-sm-virtualserver{background-position:-16px -611px}
.icon-sm-favourite{background-position:-32px -611px}
.icon-sm-serverhealth{background-position:-48px -611px}
.icon-sm-schedulereports{background-position:-64px -611px}
.icon-sm-addvancedReport{background-position: -300px -1785px;width:17px !important}
.icon-sm-billing{background-position:-80px -611px}
.icon-sm-planning{background-position:-96px -611px}
.icon-sm-compare{background-position:-112px -611px}
.icon-sm-consolidatecd{background-position:-128px -611px}
.icon-sm-forensics{background-position:-144px -611px}
.icon-sm-ipgrpconsolidated{background-position:-160px -611px}
.icon-sm-protocoldistribution{background-position:-176px -611px}
.icon-sm-repprofile{background-position:-192px -611px}
.icon-sm-schedule{background-position:-208px -611px}
.icon-sm-search{background-position:-224px -611px}
.icon-sm-waasdashboard{background-position:-240px -611px}
.icon-sm-waasdevlist{background-position:-256px -611px}
.icon-sm-hwinventory{background-position:-272px -611px}
.icon-sm-firminventory{background-position:-288px -611px}
.icon-sm-devinventory{background-position:-304px -611px}
.icon-sm-nwhealth{background-position:-320px -611px}
.icon-sm-devmgmt{background-position:-336px -611px}
.icon-sm-devaudit{background-position:0 -627px}
.icon-sm-runconflict{background-position:-16px -627px}
.icon-sm-configchange{background-position:-32px -627px}
.icon-sm-changetrend{background-position:-48px -627px}
.icon-sm-eolreport{background-position:-64px -627px}
.icon-sm-compliance{background-position:-80px -627px}
.icon-sm-configanalysis{background-position:-96px -627px}
.icon-sm-seqaudit{background-position:-112px -627px}
.icon-sm-pcireport{background-position:-128px -627px}
.icon-sm-useraccess{background-position:-144px -627px}
.icon-sm-configuploadreq{background-position:-160px -627px}
.icon-sm-useraudit{background-position:-176px -627px}
.icon-sm-customreport{background-position:-192px -627px}
.icon-sm-unusedip{background-position:-208px -627px}
.icon-sm-reverseip{background-position:-224px -627px}
.icon-sm-ipusage{background-position:-240px -627px}
.icon-sm-switchbyusage{background-position:-256px -627px}
.icon-sm-switchbysch{background-position:-272px -627px}
.icon-sm-switchbyvendor{background-position:-288px -627px}
.icon-sm-switchbyspeed{background-position:-304px -627px}
.icon-sm-switchbytype{background-position:-320px -627px}
.icon-sm-virtualip{background-position:-336px -627px}
.icon-sm-stackedport{background-position:0 -643px}
.icon-sm-disableport{background-position:-16px -643px}
.icon-sm-portbyoperstatus{background-position:-32px -643px}
.icon-sm-apiaccess{background-position:-48px -643px}
.icon-sm-general{background-position:-161px -1531px}
.icon-sm-security-settings{background-position:-226px -643px}
.icon-sm-terminal{background-position:-163px -853px}
.icon-sm-dhcp-reserved-ip2{background-position:-313px -1023px}
.icon-sm-dhcp-leased-ip2{background-position:-329px -1023px}
.icon-sm-ostype-report{background-position: -236px -1833px;}
.icon-sm-centralServerSettings{background-position:-330px -1007px;width:14px !important;height:14px !important}
.icon-sm-collectors{background-position:-345px -1007px;width:14px !important;height:14px !important}
.icon-sm-discovery-settings{background-position:-343px -1041px}
.icon-add-wireless{background: url('../../img/opm-sprites.png') no-repeat -93px -1682px;width: 18px;height: 17px;content:'';display: inline-block;}
.icon-sm-addMeraki{background-position:-186px -1887px;width:26px !important;left:-5px !important}
.icon-sm-merakiReports{background-position:-183px -1867px;width:17px !important}
.icon-sm-database-migration{background-position:-152px -1682px;width:18px !important;height:16px !important}

.icon-sm-data-unit{	background: url('../../img/opm-sprites.png') no-repeat 0 -918px;width: 13px;height: 16px;margin-left: 7px !important;}
.icon-distributed-monitor::before{background: url('../../img/opm-sprites.png') no-repeat -300px -1284px;width: 16px;height: 16px;content:'';margin-left: 4px;display:inline-block;}
.icon-sm-CBQOS{background-position: -164px -1618px;left: 4px !important;}
.icon-sm-NBAR {background-position: -182px -1617px;left: 6px !important;width: 13px !important;}
.icon-sm-inventory-report{background-position: -194px -1683px;height: 16px;width: 14px;left: 3px !important;}
.icon-sm-deviceNode{background-position:-190px -1808px;margin-left: 6px !important;opacity: 0.7;}

.opmCheckBoxMinWd .opmCheckBox{float:left;margin:0 0 10px}
.opmCheckBoxMinWd .opmCheckBox  div{min-width:200px;height:auto;padding:0 0 0 35px}
.opmCheckBoxMinWd .opmCheckBox  div > input{width:35px}

.labelInfoText{font-size:12px;color:#545454}

.icon-sm-syslog-server{background-position:0 -794px}
.icon-sm-check-point{background-position:-19px -794px}
.icon-sm-device-rule{background-position:-38px -794px}
.icon-sm-exclude-criteria{background-position:-57px -794px}
.icon-sm-credential-profile{background-position:-76px -794px}
.icon-sm-diagnose-connections{background-position:-95px -794px}
.icon-sm-availability-alert{background-position:-115px -794px}
.icon-sm-device-details{background-position:-135px -794px}
.icon-sm-imported-log-files{background-position:0 -814px}
.icon-sm-protocol-groups{background-position:-17px -814px}
.icon-sm-archived-files{background-position:-35px -814px}
.icon-sm-schedule-list{background-position:-55px -814px}
.icon-sm-customize-report{background-position:-75px -814px}
.icon-sm-dns{background-position:-95px -814px}
.icon-sm-working-hours{background-position:-115px -814px}
.icon-sm-device-group{background-position:-134px -814px}
.icon-sm-intranet{background-position:0 -835px}
.icon-sm-data-storage{background-position:-18px -834px}
.icon-sm-repository{background-position:-36px -834px}
.icon-sm-exclude-hosts{background-position:-55px -834px}
.icon-sm-simulate-firewall{background-position:-75px -834px}
.icon-sm-archive-encryption{background-position:-95px -834px}
.icon-sm-snmp-settings{background-position:-115px -834px}
.icon-sm-alarm-profiles{background-position:-133px -834px}
.icon-sm-report-filter{background-position:0 -854px}
.icon-sm-report-type{background-position:-20px -854px}
.icon-sm-user-name-ip-mapping{background-position:-39px -854px}
.icon-sm-raw-search{background-position:-58px -854px}
.icon-sm-collector-settings{background-position:-78px -853px}
.icon-sm-collector-aailability-alert{background-position:-98px -854px}
.icon-sm-license-management{background-position:-120px -854px}
.icon-sm-connectedIP{background-position:-330px -978px;width:29px !important;height:28px !important;transform:scale(.7);position:relative;top:0 !important}
.icon-sm-export-flow{background-position:-327px -1041px}
.icon-sm-centraldetails {background-position: -201px -1130px;}
.icon-sm-forecast-reports{background-position:-133px -1263px}
.icon-sm-policy-overview {background-position: -90px -1786px;}
.icon-sm-rule-cleanup {background-position: -112px -1786px;}
.icon-sm-audit-logs {background-position: -134px -1786px;}
.icon-sm-rule-administration {background-position: -156px -1786px;}
.icon-sm-policy-optimization {background-position: -177px -1786px;}
.icon-sm-rule-reorder {background-position: -199px -1786px;}
.icon-sm-policy-impact {background-position: -219px -1786px;}
.icon-sm-notificationTemplate{background-position:-112px -1807px}
.icon-sm-device-down {background-position: -275px -1807px}
.icon-sm-lanwan{background-position: -234px -1807px;}
.icon-sm-lanipsettings{background-position: -216px -1834px;}
.icon-sm-configuration{background-position:-343px -1959px; width:14px !important}
.icon-sm-customers{background-position:-327px -1960px; width:14px !important; left:2px !important}
.icon-sm-billing1{background-position:-313px -1960px; width:12px !important; left:3px !important}
.icon-sm-ciscoACI{background-position: 0 -2059px;width: 17px !important;height: 17px !important}
.icon-sm-license-management{background-position: 2px -2079px;width: 16px !important;height: 18px !important;}
.icon-sm-vpn-reports{background-position:-322px -2076px;}
.icon-sm-config-backup{background-position:-268px -2076px;}
.icon-sm-rule-comparison{background-position:-303px -2077px;}
.icon-sm-expiry-notification{background-position:-285px -2076px;}
.icon-sm-percentile-report{background-position:-335px -2113px;width:16px;height:17px}
.icon-sm-authentication{background-position:-338px -2095px;}
.icon-sm-smart-upgrade {background-image: url(../../img/opm-sprites-v2.svg) !important; background-position: -218 -83px;width: 14px;height: 14px;}

.opmSingleRowSaveRemove .opmFormTitle{font-family:LatoRegular;margin:0 0 5px}
.opmSingleRowSaveRemove .opmBtnHldr{width:auto;margin:0 0 0 10px;position:absolute;top:0;left:100%}
.opmSingleRowSaveRemove > div:nth-child(2) .opmBtnHldr{top:22px}
.opmSingleRowSaveRemove .opmBtn{min-width:auto;width:30px;min-height:auto;height:30px;font-size:22px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmSingleRowSaveRemove .opmBtn:before,.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:before,.opmBtnAddIcon2:after,.opmBtnDelIcon2:before,.opmBtnDelIcon2:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:after{transform:rotate(90deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon,.opmBtnDelIcon2{background:#fa5b5a}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:before,.opmBtnDelIcon2:before{transform:rotate(45deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:after,.opmBtnDelIcon2:after{transform:rotate(135deg)}

.opmFormRow.type2{max-width:350px}
.opmFormRow.type2 .opmFormCol{width:96%}

.dataListActions.certificateImportInfo ul li > div{max-width:500px}
.dataListActions.certificateImportInfo ul li > div:last-child{width:auto;white-space:pre-wrap;word-break:break-all}
.dataListActions.certificateImportInfo ul li:not(.header) > div:last-child:before{content:':';padding:0 12px 0 0;margin:0 0 0 -16px}
.dataListActions.certificateImportInfo ul li > div{padding:10px 18px}
.dataListActions{background:#f9f9fb;float:left;width:100%;height:auto;border:1px solid #b2b2b2;border-right:1;border-left:1}
.dataListActions ul{width:100%;height:auto;display:table}
.dataListActions ul li.header{background:#fafafa}
.dataListActions ul li.header > div{border-bottom: 1px solid #e3e3e3}
.dataListActions ul li.header > div:first-child{padding:10px 18px}
.dataListActions ul li{width:100%;height:auto;color:#262626;display:table-row}
.dataListActions ul li:nth-child(2n){background:#fff}
.dataListActions ul li > div{vertical-align:top;word-break:break-all;padding:8px 10px;display:table-cell}
.dataListActions ul li > div:last-child{width:100px}
.dataListActions input{background:transparent;float:left;width:100%;font:14px LatoRegular;text-overflow:ellipsis;color:#000;overflow:hidden;padding:5px 8px;border:0}
.dataListActions input:not([disabled]){background:#f0f0f0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dataListActions input:not([disabled]):hover,.dataListActions input:not([disabled]):focus{background:#fbfbfb}
.dataListActions i[class*=' icon-'],.dataListActions i[class^='icon-']{float:left;font-size:16px;margin:3px 5px 0;display:inline-block;cursor:pointer}
.dataListActions .icon-trash{position:relative;top:-2px}
.dataListActions .icon-ok-circled{font-size:18px !important;color:#46bb7d}
.dataListActions .icon-close{font-size:18px !important;color:#fa5b5a}


.optional{font:13px LatoRegular;color:#adadad}



.certificateAddRemoveBtn .opmFormRow{clear:none}
.certificateAddRemoveBtn .addRemoveBtn{float:left;margin:24px 0 0 4%}

.opmSingleRowSaveRemove .opmBtn,.addRemoveBtn .opmBtn{min-width:auto;width:30px;min-height:auto;height:30px;font-size:22px;padding:0;margin:0 3px;border-radius:50%;position:relative}
.opmSingleRowSaveRemove .opmBtn:before,.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:before,.opmBtnAddIcon2:after,.opmBtnDelIcon2:before,.opmBtnDelIcon2:after,.addRemoveBtn .opmBtn:before,.addRemoveBtn .opmBtn:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.opmSingleRowSaveRemove .opmBtn:after,.opmBtnAddIcon2:after,.addRemoveBtn .opmBtn:after{transform:rotate(90deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon,.opmBtnDelIcon2,.addRemoveBtn .opmBtn.opmBtnRemoveIcon{background:#fa5b5a}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:before,.opmBtnDelIcon2:before,.addRemoveBtn .opmBtn.opmBtnRemoveIcon:before{transform:rotate(45deg)}
.opmSingleRowSaveRemove .opmBtn.opmBtnRemoveIcon:after,.opmBtnDelIcon2:after,.addRemoveBtn .opmBtn.opmBtnRemoveIcon:after{transform:rotate(135deg)}


.fileTypeInfo{color:#6b6b6b}
.certificateAddRemoveBtn .opmFormRow{clear:none}
.certificateAddRemoveBtn .addRemoveBtn{float:left;margin:24px 0 0 4%}
.dataListActions.certificateImportInfo ul li > div{max-width:500px}
.dataListActions.certificateImportInfo ul li > div:last-child{width:auto;white-space:pre-wrap;word-break:break-all}
.dataListActions.certificateImportInfo ul li:not(.header) > div:last-child:before{content:':';padding:0 12px 0 0;margin:0 0 0 -16px;position:absolute;}
.dataListActions.certificateImportInfo ul li > div{padding:10px 18px}
.privacyInfoMsgUserDetails{padding:15px;margin:0}
.privacyInfoMsgUserDetails:before{display:none}
.privacyInfoMsgUserDetails .chkRoundBtn,.privacyInfoMsgUserDetails .opmCheckBox{float:left;margin:0 10px 0 0;display:inline-block}
.privacyInfoMsgUserDetails .opmCheckBox label:before{background:#fff}
.configContentSnapshotDiv{position:relative}
.configContentSnapshotDiv .configContentToggle{position:absolute;top:15px;right:15px;z-index:9;cursor:pointer}
.configContentSnapshotDiv .configcontent .blur{-webkit-filter: blur(3px); filter: blur(3px)}

#modules{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
#modules .opmFormHolder{height:100%;overflow:hidden}
#modules .opmForm{height:100%;padding:0;overflow:auto}
#modules .opmAccordion.workflowTrigger{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:hidden}
#modules .opmBtnHldr{padding:0 30px}
#modules #auditModules .opmAccCont .opmCheckBox input{width:35px;left:-9px}

.probesDownInfo{float:left;width:100%;padding:0 0 0 100px;margin:0 0 20px;position:relative}
.probesDownInfo b{position:absolute;top:4px;left:0}
.probesDownInfo div{float:left;width:100%;height:auto;max-height:100px;overflow:auto}
.probesDownInfo i{float:left;background:#fa5b5a;height:26px;font:12px LatoRegular;color:#fff;white-space:nowrap;padding:4px 8px;margin:0 10px 10px 0;border:1px solid #fa5b5a;border-radius:10px;cursor:default}
.text-red{color:#fe5c5a !important}
.noMaxWd{max-width:100% !important}
.opmDisProRow a.ember-view.opm_link{width:auto !important;height:auto !important;padding:2px;margin:3px;display:inline-block}
.opmDisProRow a.opm_link{padding:2px 2px 2px 0;margin:2px 2px 2px 0;display:inline-block}

.mibViewer{max-width:none;padding:0 30px 0 0}
.hrdwrInvRepListRow.twoSection .section{float:left;width:50%;height:auto}
.mibViewer .hrdwrInvRepListRow h4{background:#F5F5F5 !important}
.mibViewer .hrdwrInvRepListRow .col{width:50% !important}
.hrdwrInvRepListRow.twoSection .col{width:100% !important}
.hrdwrInvRepListRow.twoSection.splitSection .section{width:49%}
.hrdwrInvRepListRow.twoSection.splitSection{border:0}
.hrdwrInvRepListRow.twoSection.splitSection .section{border:1px solid #e8e8e8}
.hrdwrInvRepListRow.twoSection.splitSection .section:first-child{float:left !important}
.hrdwrInvRepListRow.twoSection.splitSection .section:last-child{float:right}
.hrdwrInvRepListRow.twoSection.splitSection .col > div{width:90%}
.hrdwrInvRepListRow.twoSection.splitSection .col > div:first-child{width:10%}
.mibViewer p{color:#000}
.opmDiscoveryProfileType2{padding:30px 0;margin:0 0 20px;border:1px solid #efefef;border-right:0;border-left:0}
.opmDiscoveryProfileType2:before{top:0;bottom:0}
.opmDiscoveryProfileType2 .opmDisProRow > div:last-child{white-space:normal;word-wrap:break-word}

.unOrderedList{float:left;width:100%;height:auto;padding:0 0 0 30px;position:relative}
.unOrderedList li{float:left;width:100%;list-style:decimal outside;word-wrap:break-word;padding:10px;position:relative}

.opm_jqGridUIHdr .ui-jqgrid-titlebar{font:14px LatoBold;padding:10px 5px;border-top:1px solid #e8e8e8}

.privacySettingsPage{width:auto;max-width:none;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}
.privacySettingsView{float:left;width:100%;height:100%;padding:0;text-align:center;position:relative;overflow:hidden}
.privacySettingsViewContent{width:100%;max-width:none;height:auto;text-align:center;position:absolute;top:60px;bottom:0;left:0;overflow:auto}
.privacySettingsViewContentHolder{float:none;width:100%;max-width:720px;text-align:left;padding:3px 0 0;margin:auto;display:inline-block}
.privacySettingsView input[type=text]::-ms-clear{display:none}
.innerSmallSlideActive .opmTabCont,.deviceSlideContainer .innerSmallSlideActive section,.deviceSlideContent .innerSmallSlideActive .opmForm{overflow:visible}
.innerSmallSlideActive .slideContent{background:rgba(0,0,0,.2);height:115% !important;position:absolute;top:-111px;right:0;bottom:-100px;left:auto}
.deviceSlideContainer .slideContent{transition:none}
.innerSmallSlideActive .treeFilter{background:none}

.privacySettingsViewSearch{float:left;width:100%;height:auto;padding:0;margin:0 0 30px;border-radius:2px;position:relative;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}
.privacySettingsViewSearch .srchDiv input{background:#fff;width:100%;height:45px;font:18px/100% LatoRegular;color:#b2b2b2;padding:2px 40px 2px 10px;border:0;border-radius:2px 2px 0 0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.privacySettingsViewSearch .srchDiv input:focus{color:#000}
.privacySettingsViewSearch .clearSrcTxt{width:40px;height:45px;position:absolute;top:0;right:0;cursor:pointer;z-index:1}
.privacySettingsViewSearch .clearSrcTxt:before,.privacySettingsViewSearch .clearSrcTxt:after{background:#b2b2b2;width:1px;height:20px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.privacySettingsViewSearch .clearSrcTxt:after{transform:rotate(135deg)}
.privacySettingsViewSearch .clearSrcTxt:hover:before,.privacySettingsViewSearch .clearSrcTxt:hover:after{background:#000}
.privacySettingsList{float:left;width:100%;height:auto}
.privacySettingsList article,.privacySettingsList header,.privacySettingsList section{float:left;width:100%;height:auto}
.privacySettingsList article{margin:0 0 30px}
.privacySettingsList header{background:#f9f9fa;font:18px RobotoSlabRegular;padding:12px 45px 12px 20px;border:1px solid #efefef;position:relative;display:table}
.privacySettingsList header h3{display:table-cell}
.privacySettingsList header > div{font-size:13px;text-align:right;vertical-align:middle;color:#545454;display:table-cell}
.privacySettingsList section{border-top:1px solid #efefef;box-shadow:0 0 1px 0 rgba(0,0,0,.2)}
.privacySettingsList li{float:left;width:100%;height:auto;padding:12px 20px;border-bottom:1px solid #efefef}

.privacySettingsViewSearch .srchDiv{float:left;width:100%;height:45px;border-bottom:1px solid #efefef;display:table}
.privacySettingsViewSearch .selBox{width:150px;max-width:150px;height:45px;vertical-align:top;display:table-cell}
.privacySettingsViewSearch .selBox > div,.privacySettingsViewSearch .selBox > div .select2-container,.privacySettingsViewSearch .selBox > div .select2-container .selection,.privacySettingsViewSearch .selBox > div .select2-container .selection .select2-selection{height:45px}
.privacySettingsViewSearch .selBox > div .select2-container{background:transparent;border:0}
.privacySettingsViewSearch .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:45px;border:0;border-right:1px solid #dcdcdc;top:0}
.privacySettingsViewSearch .selBox > div .select2-container:hover,.selBox > div .select2-container.select2-container--focus,.privacySettingsViewSearch .selBox > div .select2-container.select2-container--open{background:transparent}
.privacySettingsViewSearch .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{font:15px/25px LatoRegular;color:#757575;padding:5px 30px 5px 5px}
.privacySettingsViewSearch .selBox > div .select2-container.select2-container--open .selection .select2-selection .select2-selection__rendered{color:#000}
.privacySettingsViewSearch .srchInputTxt{display:table-cell;position:relative}
.privacySettingsViewSearch .searchBtn,.privacySettingsViewSearch .searchPIIHelpInfo{background:#45bd7f;width:40px;height:45px;position:absolute;top:0;right:40px;cursor:pointer;z-index:1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.privacySettingsViewSearch .searchBtn:before{font-size:16px;font-family:fontello;content:'\e8d6';color:#fff;position:absolute;top:14px;left:12px}
.privacySettingsViewSearch .searchPIIHelpInfo{background:#f9f9fb;text-align:center;color:#000;border-radius:0 2px 0 0;right:0}
.privacySettingsViewSearch .searchPIIHelpInfo:hover{background:#f1f1f3}
.privacySettingsViewSearch .searchPIIHelpInfo:before{font:20px/45px LatoRegular;content:'?'}
.multiSelOption{background:#f9f9fb;float:left;width:100%;min-height:45px;height:auto;border-radius:0 0 2px 2px;position:relative}
.multiSelOption .placeholder{width:100%;height:100%;font:14px RobotoSlabRegular;color:#757575;padding:12px 10px 10px 37px;position:absolute;top:0;left:0;z-index:9;cursor:pointer}
.multiSelOption.open .placeholder{height:45px}
.multiSelOption .placeholder:before{content:'+';font:27px/42px RobotoSlabThin;position:absolute;top:0;left:12px}
.multiSelOption .multiSelOptionList{float:left;width:100%;height:auto}
.multiSelOption .multiSelOptionList > div{float:left;width:100%;padding:10px 27px}
.multiSelOption .multiSelOptionList .chkRoundBtn{float:left;margin:0 8px}
.multiSelOption .multiSelOptionList > div > label{margin:1px 0 0;display:inline-block}
.multiSelOption .multiSelOptionSelectedList{float:left;width:100%;min-height:45px;height:auto;padding:10px}
.multiSelOption .multiSelOptionSelectedList b{background:rgba(227,227,227,.5) !important;float:left;font:12px/18px LatoRegular;color:#000;white-space:nowrap;padding:5px 15px;margin:3px;border:1px solid #d2d2d2;border-radius:4px}
.multiSelOption.selected:not(.open) .placeholder{opacity:0;filter:alpha(opacity=0)}
.multiSelOptionDropDown.w-100 {width:100%}

.privacyActions{width:35px;height:100%;position:absolute;top:0;right:0}
.privacyActionsToggle{width:100%;height:100%;cursor:pointer}
.privacyActionsToggle:before{content: '...';font: 21px LatoBold;text-align: center;letter-spacing: 3px;color: #9ca0a9;padding: 0;margin: 0;transform: rotate(90deg);display: block;position: relative;top: 12px;left: 3px}
.privacyActionsToggle:hover:before,.privacyActionsToggle.active:before{color:#000}
.privacyActionsToggle:after{width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:9}
.privacyActionsHolder{background:#fbfbfb;width: 450px;height:auto;border:1px solid #d6d7d8;position:absolute;top:0;right:0;z-index:2;display:none;opacity:0;filter:alpha(opacity=0);box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);}
.privacyActionsHolder:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);position:absolute;top:-7px;right:9px;z-index:-1}
.privacyActionsHolder > header{background:#f5f5f5;width:100%;font:13px LatoBold;text-align:left;padding:10px 30px 10px 15px;margin:0;position:relative;cursor:default}
.privacyActionsHolder > header:after{background:none}
.privacyActionsHolder > header .icon-remove{width:20px;height:20px;position:absolute;top:8px;right:8px;cursor:pointer}
.privacyActionsHolder > header .icon-remove:before,.privacyActionsHolder > header .icon-remove:after{width:1px;height:15px;margin:auto;top:0;right:0;bottom:0;left:0}
.privacyActionsHolder > section{font:14px LatoRegular;text-align:left;padding:15px 20px 0}
.privacyActionsHolder > section .opmFormCol{width:65%}
.privacyActionsHolder > section .opmBtnHldr{margin:20px 0 0}
.privacyAccr{padding:0 !important}
.privacyAccr .opmAccr article{border:0;margin:0}
.privacyAccr .opmAccr header{background:none;font:14px LatoRegular;font-weight:800;padding:12px 50px 12px 20px;border:0;cursor:pointer}
.privacyAccr .opmAccr section{background:#f9f9fa;padding:10px 20px;box-shadow:none}
.privacyAccr .opmAccr .expandCollapseBtn{height:100%;margin:0 0 0 5px;position:relative}
.privacyAccr .opmAccr .expandCollapseBtn:after{width:7px;height:7px}
.privacySettingsViewHdr{width:auto;height:40px;text-align:center;border-bottom:1px solid #e1e1e1;position:absolute;top:0;right:30px;left:0;z-index:1}
.privacySettingsViewHdr ul,.privacySettingsViewHdr ul li{width:auto;height:40px;list-style:none;display:inline-block}
.privacySettingsViewHdr ul a{float:left;font-size:14px;padding:10px 10px 7px;border-bottom:3px solid transparent;cursor:pointer}
.privacySettingsViewHdr ul a{color: black;}
.privacySettingsViewHdr ul a:hover,.privacySettingsViewHdr ul a.active{border-color:#74d683}
.privacySettingsViewHdr ul a.active{font-family:LatoRegular;cursor:default}
.inputClone4Div{background:#f0f0f0 !important;float:left;width:100%;height:33px;font:14px/18px LatoRegular;white-space:nowrap;text-overflow:ellipsis;color:#3c3c3c;padding:6px 8px;border:1px solid #dcdcdc;overflow:hidden}
.inputClone4Div b{font-family:LatoBold;color:#000}
.privacyNote{float:left;color:#6d6d6d;text-align:center}

.opmAccr,.opmAccr article,.opmAccr header,.opmAccr section{float:left;width:100%;height:auto;position:relative}
.opmAccr article{float:left;width:100%;height:auto;margin:0 0 20px;border:1px solid #efefef}
.opmAccr header{background:#f9f9fa;font:14px LatoBold;padding:14px 50px 14px 14px}
.opmAccr section{border-top:1px solid #efefef;display:none}
.expandCollapseBtn{width:45px;height:45px;position:absolute;top:0;right:0;z-index:1;cursor:pointer}
.expandCollapseBtn:after{width:10px;height:10px;content:'';margin:auto;border:1px solid #8a8e91;border-top:0;border-right:0;transform:rotate(-130deg);position:absolute;top:-1px;right:5px;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.expandCollapseBtn.active:after,.opmAccr article.active .expandCollapseBtn:after,.opmAccr#viewLogs article.active .expandCollapseBtn:after{transform:rotate(-45deg);top:-10px;right:0}
.opmAccr#viewLogs  header{cursor:pointer}
.opmAccr.type2 header{padding:8px 45px 8px 14px}
.opmAccr.type2 .expandCollapseBtn{width:33px;height:33px}
.opmAccr.type2 .expandCollapseBtn:after{width:8px;height:8px}
.opmAccr.type2 section{padding:10px 15px}
.opmAccr.type2 ul,.opmAccr.type2 ul li{float:left;width:100%;list-style:disc inside}

.fireWallReports .timeFilterList .timeFrameTitle{float:right;width:auto;height:30px;font-size:12px;vertical-align:middle;margin:0 0 0 5px;position:relative;top:-4px;left:0;display:table;cursor:pointer}
.fireWallReports .timeFilterList .timeFrameTitle i{display:table-cell;vertical-align:middle}

.navTabList.type2{height:90px;margin:25px 0 0}
.fireWallReportsSlide .navTabList.type2{margin:0}
.navTabList.type2 > section{width:auto;position:absolute;top:0;right:20px;left:20px;overflow:visible}

.opmFormOptionalTxt{font:14px LatoRegular;color:#666}
#searchReportDiv .netflowReportGraph > header{right:30px}
#searchReportDiv .netflowReportGraph > header .reportWidgetIcons{top:10px;right:10px}
#searchReportDiv .netflowReportGraph > header .reportWidgetIcons i{margin-top:5px}
#searchReportDiv .netflowReportGraph > header .reportWidgetIcons .chkRoundBtn.chkRoundBtnLabel{margin-top:-2px}
#searchReportDiv .netflowReportGraph > header .reportWidgetIcons #searchRepTime{padding-right:10px !important}
#searchReportDiv #morereportssection{padding:0}
#searchReportDiv #morereportssection .reportGraphContainer{float:left;width:100%;height:auto;padding:0 50px 30px 20px;position:relative;top:0}
#searchReportDiv #morereportssection .reportGraphContainer .reportGraphSingle > header{padding:10px}
#searchReportDiv #morereportssection .reportGraphContainer .reportGraphSingle{margin:0 0 60px}
#searchReportDiv .reportGraphSingle .ui-jqgrid-bdiv{max-height:500px;overflow-x:hidden;overflow-y:auto}
#searchReportDiv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{max-height:500px;overflow-x:hidden;overflow-y:auto}

.compactBtn .opmBtn{padding:7px 10px;min-width:0px;}
.compactBtn #btn-back{padding:8px 5px 10px;margin:0 10px 0 10px;cursor:pointer;display:inline-block}

.reportHdrRowCompact{max-width:none}
.reportHdrColCompact{width:15%;margin: 0 0 0 2% !important;top:5px;}
.reportHdrApplyBtn{position:absolute;margin:0px 0px 0% 2% !important;top:25px;}
.subHdrDivReport{position:relative;display:inline-block}
.exportul i:not(.icon-remove),.actionul i:not(.icon-remove){float:left !important;background:none !important;display:inline-block !important;top:10px !important;right:auto !important;left:16px}
.opm-reports2{background:url(../../img/opm-sprites.png) no-repeat 0 0;float:left;margin:0 3px 0 0 !important;display:inline-block !important;position:relative !important;top:-2px !important}
.opm-reports2.opmFilter,.icon-filter.AETIDFilDropDown.opm-reports2.opmFilter{background:url(../../img/opm-sprites.png) no-repeat -224px -688px !important;width:19px !important;height:18px !important;top:-2px !important;transform:scale(0.8);}
.opm-reports2.opmExport{background-position:-246px -689px;width:20px;height:18px;transform:scale(.8)}
.opm-reports2.moreActions{background-position:-270px -689px;width:17px;height:18px;transform:scale(.7);cursor: pointer;}
.opm-reports2.favorite{background-position:-329px -668px;width:20px;height:20px;transform:scale(.88)}
.opm-reports2.favorite.active{background-position:-308px -668px}
.opm-reports2.previous{background-position:-195px -686px;width: 24px;height: 24px;transform:scale(.88)}
.opm-reports2.saveReport{background: url(../../img/opm-sprites.png) no-repeat -131px -1283px;transform: scale(0.85);width: 18px;height: 19px;}
.exportul .opm-icon.report-icon{background-image:url(../../img/opm-sprites.png) !important;display:block;top:7px !important;left:8px;transform:scale(.9)}
.exportul .opm-icon.report-icon.report-icon{margin:0 5px 0 0;display:inline-block}
.exportul .opm-icon.report-icon.report-schedule{background-position:0 -700px !important;width:21px;height:21px;transform:scale(.75)}
.exportul .opm-icon.report-icon.report-copy{background-position:-23px -700px !important;width:20px;height:20px;transform:scale(.7)}
.exportul .opm-icon.report-icon.report-favorite{background-position:-67px -701px !important;width:18px;height:18px}
.exportul .opm-icon.report-icon.report-excel{background-position:-88px -700px !important;width:17px;height:20px;transform:scale(.8)}
.exportul .opm-icon.report-icon.report-pdf{background-position:-107px -700px !important;width:17px;height:20px;transform:scale(.8)}
.exportul .opm-icon.report-icon.report-csv{background-position:-227px -264px!important;width:17px;height:20px;transform:scale(.8, .9);}
.exportul .opm-icon.report-icon.report-printer{background-position:-127px -700px !important;width:20px;height:20px;transform:scale(.75)}
.exportul .opm-icon.report-icon.report-mail{background-position:-150px -701px !important;width:23px;height:18px;transform:scale(.65)}
.exportul .opm-icon.report-icon.report-docx{background-position: -281px -1782px !important;width: 17px;height: 20px;transform: scale(.8);}



.timeFilterList.type2{float:right;padding:0;position:relative;top:0;left:0}
.timeFilterList.type2 i.icon-time{margin:0 !important;top:3px !important}
.timeFilterList.type2 i.icon-time:before{top:-9px}

.nfaConversation > section{padding:0 !important}
.nfaConversation .reportGraphContainer{padding:0 30px;top:20px}
.nfaConversation .reportGraphSingle{width:100% !important;margin:0}
.nfaConversation .netFlowReport{margin:10px 0 0}
.nfaConversation .netFlowReportIcons{top:-10px}
.nfaConversation .reportGridUI{width:100%;height:auto;padding:0 30px;margin:0;position:absolute;top:60px;right:0;bottom:50px;left:0;overflow:auto !important}
.nfaConversation .opm_jqGridUI{height:100%;overflow:auto}
.nfaConversation .opm_jqGridUI .ui-jqgrid-hdiv,.nfaConversation .opm_jqGridUI .ui-jqgrid-bdiv{overflow:visible}
.nfaConversation .opm_jqGridCustomPager{position:absolute;top:auto;bottom:10px;left: 20px;}

.opmInfoMsg{float:left;width:100%;height:auto;color:#292a2c;padding:0 15px 0 9px;position:relative}
.opmInfoMsg:before{content: '*';font: 14px/19px BitterRegular;text-align:center;color:#969696;border-radius:3px;display:block;position:absolute;top:2px;left:0}
.opmInfoMsg b{font-size:20px;color:#851813;margin:0 0 5px;display:inline-block}
.opmInfoMsg p{font:12px LatoLight !important;color:#292a2c !important;word-break:break-word;padding:0 !important;margin:0 0 10px !important}
.opmInfoMsg p:last-child{margin-bottom:0 !important}
.opmInfoMsg a{color:#31A5F0 !important;display:inline-block !important}
.opmInfoMsg i{font:bold 11px/19px LatoLight;}
.opmInfoMsg2{padding:0}
.opmInfoMsg2:before{display:none}
.opmForm .opmFormCol.opmInfoMsg2 input[type='checkbox']{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important} 

.opmFormHolder.opUtilsConfigDiff > aside,.opmFormHolder.opUtilsConfigDiff > section{top:0 !important}

.opm-icon{background:url(../../img/opm-sprites.png) no-repeat -280px -264px;display:block}
.opm-icon.icon-eye{background-position: -310px -352px;width:18px;height:13px}
.opm-icon.icon-eye-slash{background-position:-327px -352px;width:18px;height:15px}

label.hasFor{cursor: pointer}

.fwaSettingsActionsIcons{float:right;width:auto;height:44px;margin:0 20px 0 0;display:inline-block;overflow:hidden}
.fwaSettingsActionsIcons i{float:left;font-size:18px;color:#909090;padding:11px 10px 8px;border-left:1px solid #e1e1e1;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.fwaSettingsActionsIcons i:first-child{border:0}


#fwaReportGraphData .fwaVertSingleReportWidget {height:auto}
html.horizontalView .reportNoLeftMenu{left:0 !important}
html.horizontalView .FWAReportOldViewFormHolder{top:10px !important}
html.horizontalView .settingsNoTopMenu{top:66px !important}
html.horizontalView #fwaReportGraphData{background:#fafafa;padding:15px 15px;top:70px !important}
html.horizontalView #fwaReportGraphData .fwaDeviceSingleReportWidget:last-child{float:right}
html.horizontalView #fwaReportGraphData .fwaDeviceSingleReportWidget .dashboardWidget{float:left;width:50%;height:auto;padding:10px;margin:0 0 15px;position:relative}
html.horizontalView #fwaReportGraphData .fwaRawDeviceSingleReportWidget{float:none !important;width:100% !important;height:auto}
html.horizontalView #fwaReportGraphData .fwaDeviceSingleReportWidget .dashboardWidget:before{background:#fff;content:'';margin:auto;position:absolute;top:0;right:10px;bottom:0;left:10px}
html.horizontalView #fwaReportGraphData .fwaDeviceSingleReportWidget .dashboardWidget > .opm_widget_title{position:relative}
html.horizontalView #fwaReportGraphData .fwaDeviceSingleReportWidget .dashboardWidget > .content{position:relative}
.fwaadminMonitors > .title{height:auto !important}

.settingsPageHelp,.settingsPageHelpContent{float:left;width:100%;height:auto;max-width:700px;margin:20px 0 0;position:relative}
.settingsPageHelpBtn{width:auto;height:37px;position:absolute;top:20px;left:0;cursor:pointer;z-index:2}
.settingsPageHelpBtn,.settingsPageHelpBtn i,.settingsPageHelpBtn i:before,.settingsPageHelp .opmTab,.opmSettingsAccr h4:before,.playYT{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.settingsPageHelpBtn i{background:#45bd7f;float:left;width:30px;height:30px;display:inline-block;position:relative;top:3px}
.settingsPageHelpBtn i:before,.settingsPageHelpBtn i:after{background:#fff;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}

.opm_jqGridUI.opmReportsGridview #gview_agentsList > .ui-jqgrid-bdiv > div, .opm_jqGridUI.opmReportsGridview #gview_agentsList > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td {overflow:visible !important}
.opm_jqGridUI.opmReportsGridview #gview_AgentGridList > .ui-jqgrid-bdiv > div, .opm_jqGridUI.opmReportsGridview #gview_AgentGridList > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td {overflow:visible !important}
.deploy-agent-promotion {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -ms-flex-direction: column;flex-direction: column;max-width:500px;margin:50px auto}
.deploy-agent-promotion img{height:300px;margin-bottom:15px;}
.deploy-agent-promotion img{height:96px;margin-bottom:20px}
.deploy-agent-promotion .heading{font-size:20px;font-family:latoBold;margin-bottom:10px}
.hasHelpCard5,.hasHelpCard6{float:none;display:inline-block;position:relative;top:2px}
.hasHelpCard5 .helpCardInfo{top:25px;right:auto;left:-30px}
.hasHelpCard5 .helpCardInfo:before{right:auto;left:20px}
.hasHelpCard6 .helpCardInfo{max-width:200px;top:25px;right:auto;left:-108px}
.hasHelpCard-customText .hasHelpCard{background:0 0;float:none;width:unset;height:unset;border:0;border-radius:0;top:unset;overflow:visible}
.hasHelpCard-customText .hasHelpCard::before{display:none}
.hasHelpCard-customText .helpCardContent>div{max-height:unset}
.licenceDetails.exceeding.slideOpened .license_manage.compact{width:800px;right:calc(100% - 800px);}
 @-webkit-keyframes showSlide-1{0%{right:100%;display:block;opacity:1} 100%{right:calc(100% - 800px)} }
 @keyframes showSlide-1{0%{right:100%;display:block;opacity:1} 100%{right:calc(100% - 800px)} }
.roadmap-link{position:absolute;bottom:-60px;right:0}
.roadmap-link.onTab{position:absolute;bottom: 20px;right: 30px;}
.settingsPageHelpBtn i:before{width:1px;height:15px}
.settingsPageHelpBtn i:after{width:15px;height:1px}
.settingsPageHelpBtn b{margin:0 5px;position:relative;top:10px;display:inline-block}
.settingsPageHelpBtn.active{margin-left:-30px;left:100%}
.settingsPageHelpBtn.active i{background:#fa5b5a}
.settingsPageHelpBtn.active i:before,.opmSettingsAccr h4.active:before{height:0}
.settingsPageHelpBtn.active b{width:0;overflow:hidden}
.settingsPageHelp .opmTab,.settingsPageHelp .opmTab ul{height:auto !important;padding:0 !important}
.settingsPageHelp .opmTab{border-bottom:1px solid #efefef;opacity:0;filter:alpha(opacity:0)}
.settingsPageHelp .opmTab.active{opacity:1;filter:alpha(opacity:100)} 
.settingsPageHelp .opmTab:not(.active):before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.settingsPageHelp .opmTab ul li{background:none;width:auto !important;height:37px;margin:0 10px;border-right:none !important;border-bottom-width:2px}
.settingsPageHelp .opmTab ul li a{height:100%;color:#000;padding:10px 20px;text-decoration:none !important}
.settingsPageHelp .opmTabCont{float:left;width:100%;height:170px;padding:0 !important;margin:20px 0;border:0 !important;position:relative;top:auto !important;right:auto;bottom:auto;left:auto;overflow:auto}
.settingsPageHelp .opmTabCont .pageHelpContent{float:left;width:100%;height:auto;padding:0 20px;display:none}
.settingsPageHelp .opmTabCont p{color:#000}
.settingsPageHelpMore{background:#45bd7f;float:right;width:auto;height:auto;font-size:12px;color:#fff;padding:5px 8px;display:block;cursor:pointer}
.opmSettingsAccr,.opmSettingsAccr section{float:left;width:100%;height:auto}
.opmSettingsAccr h4{clear:both;float:left;width:auto;height:auto;font-weight:normal;padding:0 0 0 20px;margin:0 0 10px;position:relative;cursor:pointer}
.opmSettingsAccr h4:before,.opmSettingsAccr h4:after{background:#000;content:'';margin:auto;position:absolute;top:0;bottom:0;left:0}
.opmSettingsAccr h4:before{width:1px;height:12px;left:6px}
.opmSettingsAccr h4:after{width:12px;height:1px}
.opmSettingsAccr section{padding:0 0 0 25px}
.opmSettingsAccr section *{font-size:13px;color:#2d2d2d !important;margin:0 0 10px}
.videos > div:not(.settingsPageHelpMore){float:left;width:50%;min-height:100px;height:auto;position:relative}
.videos > div > a{width:130px;height:100px;border:5px solid #e1e1e1;display:block;position:absolute;top:0;left:0;z-index:1}
.playYT{background:rgba(249,33,52,.79);width:50px;height:30px;margin:auto;border-radius:5px;position:absolute;top:0;right:0;bottom:0;left:0}
.playYT:hover, .videos > div > a:hover .playYT{background:#f92134}
.playYT::after{width:0;height:0;content:' ';margin:auto;border-style:solid;border-width:7px 0 7px 8px;border-color:transparent transparent transparent rgba(255, 255, 255, 0.75);position:absolute;top:0;right:0;bottom:0;left:0}
.videos > div > a > img{float:left;width:100%;height:auto}
.videos > div > p{float:left;width:100%;height:auto;padding:10px 10px 10px 140px}
.opm_link.type2{clear:both;float:left;width:auto;color:#000 !important;margin:0 0 10px}
.settingsPageHelp ul{float:left;width:100%;padding: 0 0 0 30px;list-style-type:decimal}
.settingsPageHelp ul li{float:left;width:100%}
.disclinkInfoMsg{background:#ead47e;height:40px;font:14px LatoRegular;color:#000;padding: 10px 0px 0 0px;border-bottom:3px solid #e0c86a;position:absolute;left:0;right:0;z-index:99;transition:all .3s ease;opacity: 0.9;text-align: center;} 
.disclinkInfoMsg .icon-remove{width: 27px;height: 0px;position: relative;top: -17px;right: 13px;}
.probeActionDropDown{float:right;font:27px/20px LatoBold;margin:-5px 20px 5px;position:relative}
.probeActionDropDown > i{color:#abafb7}	
.probeActionDropDown:hover > i{color:#000}
.probeActionDropDown .deleteProbe{position:relative}
.probeActionDropDown .deleteProbe:before{font:14px fontello;content:'\e8ca';position:absolute;top:10px;left:15px}
.opm-icon.icon-upload-config{background-position:-152px -792px;width:15px !important;height:15px !important;padding:0 !important;margin:13px 0 0;opacity:.6;filter:alpha(opacity=70);display:inline-block}
.opm-icon.icon-scan{background-position:-168px -792px;width:20px;height:20px;display:inline-block;transform:scale(.6)}
 #SummaryPage [class^='meicon-'],#SummaryPage [class*=' meicon-']{font-size:18px;margin:0 7px 0 0;top:3px}
.reportlinkInfoMsg{background:#fbf8cc;height:40px;font:15px LatoRegular;color:#000;padding:10px 0 0 0;border-bottom:3px solid #f3ed9e;position:absolute;left:0;right:0;z-index:98;transition:all .3s ease;opacity: 0.9;text-align:center}
.reportlinkInfoMsg .icon-remove{width:27px;height:0x;position:relative;top:-17px;right:13px}
.reportlinkInfoMsg a {font-family:LatoBold;color:#0c639b !important}
.reportlinkInfoMsg i:nth-child(1){width:41px;height:1px;overflow:visible;position:relative;display:inline-block}
.reportlinkInfoMsg i {font-weight:bold}
.reportlinkInfoMsg img {display:inline;position:absolute;top:-20px;left:0}

.reportlinkInfoMsg.type2{width:97%;height:auto;margin:0 0 20px;position:relative;z-index:0 !important}
.reportlinkInfoMsg.type3{width:97%;height:auto;line-height:130%;text-align:left;padding:10px 15px;margin:0 0 20px;position:relative;z-index:0 !important}
.reportlinkInfoMsg.reportlinkInfoMsg.type3 i:nth-child(1){width:auto;height:auto}
.reportlinkInfoMsg.type3 img{margin:0 5px 0 0;position:relative;top:5px}
span.ncmHelpMark{text-decoration:none;color:#31A5F0;font-size:14px !important;display:inline !important;background:none !important;border:none !important;cursor:pointer;position:relative;}
span.ncmHelpMark:hover{text-decoration:underline;}

span.ncmHelpMark #helpBox{width:300px;height:200px;display:none;position:absolute;bottom:20px;border:3px solid #ccc;border-radius:5px;z-index:2;}
span.ncmHelpMark:hover #helpBox,span.ncmHelpMark:hover + #helpBox:hover{display:block}
span.ncmHelpMark #helpBox img{max-width:100%;max-height:100%;width:100%;height:100%}

.ncmLink{text-decoration:underline;color:#31A5F0 !important;cursor:pointer;}
.ncmLink:hover{text-decoration:underline !important;}
.opmLinkUnderLineHover{color:#31A5F0 !important;cursor:pointer;}
.opmLinkUnderLineHover:hover{text-decoration:underline !important;}
.icon-help{background:url(../../img/opm-sprites.png) no-repeat -326px -366px;float:right !important;width:17px;height:17px;padding:0 !important;margin:0 0 0 5px;display:inline-block;cursor:pointer}
.icon-help:after{display:none}

.selfMonitoring.helpCardInfoText header > div .selBox-2{float:left}
.selfMonitoring.helpCardInfoText header.noPadding{padding:5px 0 1px !important}
.selfMonitoring.helpCardInfoText #bcpMonitoring header.noPadding > div:nth-last-child(2),.selfMonitoring.helpCardInfoText #VWMonitoring header.noPadding > div:nth-last-child(2){width:18%;text-align:right;padding: 6px 5px 14px 0 !important}.selfMonitoring.helpCardInfoText #bcpMonitoring header.noPadding > div:last-child,.selfMonitoring.helpCardInfoText #VWMonitoring header.noPadding > div:last-child{float:right;width:14%;padding:0 5px 0 0 !important}
.selfMonitoring.helpCardInfoText header .hasHelpCard{float:left;margin:10px 0 0}
.selfMonitoring.helpCardInfoText .helpCardInfo{top:25px;right:-10px}
.selfMonitoring.helpCardInfoText .helpCardInfo:before{right:10px;left:auto}
#disableapmmsg{font-size:12px;color:#6d6d6d;margin:0 0 0 5px}

.multiSelOptionDropDown{background:#f0f0f0;float:left;width:200px;height:33px;margin:0 10px;border-radius:0 0 2px 2px;position:relative}
.multiSelOptionDropDown .placeholder{min-width:100% !important;width:100% !important;height:100%;font:14px RobotoSlabRegular;color:#757575;padding:6px 37px 9px 10px;position:absolute;top:0;left:0;z-index:9;cursor:pointer}
.multiSelOptionDropDown.open .placeholder{height:33px}
.multiSelOptionDropDown .placeholder:before{height:0;content:'';border-color:#888 transparent transparent transparent;border-style:solid;border-width:7px 6px 0 6px;position:absolute;top:12px;right:12px}
.multiSelOptionDropDown .multiSelOptionList{background:#fbfbfb;float:left;width:100%;height:200px;border:1px solid #dcdcdc;border-radius:0;position:absolute;top:33px;left:0;transition:all .3s ease;display:none}
.multiSelOptionDropDown.selBox > .multiSelOptionList{width:200px;height:auto !important;max-height:200px;z-index: 3}
.multiSelOptionDropDown .multiSelOptionList .container{float:left;width:100%;height:100%;max-height:200px;overflow:auto}
.multiSelOptionDropDown .multiSelOptionList > div > div{float:left;width:100%;padding:10px 15px 10px 35px;border-bottom:1px solid #dcdcdc;position:relative}
.multiSelOptionDropDown .multiSelOptionList .opmCheckBox{float:left;margin:0 8px}
.multiSelOptionDropDown .multiSelOptionList > div > div > label{display:inline-block;position:relative;top:-2px}
.multiSelOptionDropDown .noData{color:#797979;text-align:center;padding:10px !important}
.multiSelOptionDropDown .addSwitch{padding:10px !important;display:inline-block}

.noRecordsInfo{width:100%;font:25px RobotoSlabThin;text-align:center;padding:0 30px 0 0;position:relative;display:block}
.noRecordsInfo > div{text-align:left;padding:20px 20px 20px 120px;margin:auto;display:inline-block;position:relative}
.noRecordsInfo > div:before{width:80px;height:80px;content:'!';font-size:60px;text-align:center;color:#ff0000;border:1px solid #ff0000;border-radius:50%;display:inline-block;position:absolute;top:20px;left:10px}
.noRecordsInfo > div > b > span{font-size:38px;display:block}
.noRecordsInfo .opmBtn{float:left;margin:15px 0 0}

.opmCheckBox.square  label:before{width:20px;height:20px;border-radius:5px}
.opmCheckBox.square  label:after{top:16px !important;left:0 !important}

/*CSS for Edit Interface Threshold*/
.editTemplate{width:90%;margin:0 0 0 14px}
.editTemplate > .opmFormRow > div:first-child{margin:0 0 0 30px !important}
.editTemplate > .opmFormRow > div:nth-child(2){margin:0 28px 0 0 !important;width: 33% !important}
.editTemplate > .opmFormRow > div:last-child{width:30% !important}
.editThresholdTab .tabSelDeSel{width:28px;height:0;display:inline-block;position:relative}
.editThresholdTab .tabSelDeSel:before{background: url(../../img/opm-sprites.png) no-repeat -192px -1019px;width:22px;height:23px;content:'';transform:scale(.8);position:absolute;top:-16px;left:0;display:inline-block}
.editThresholdTab .tabSelDeSel.active:before{background-position:-192px -1042px}

.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child{position:relative}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div{width:100%;height:100%;position:absolute;top:0;left:0}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span:before,.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i:before{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:8px;left:2px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span span{display:none}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span,.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{background:#fff;width:16px !important;height:16px !important;margin:auto;border:1px solid #b9b9b9;border-radius:4px;display:block !important;position:absolute;top:0;right:0;bottom:0;left:0}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child{position:relative !important}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{background:#fff;top:7px !important;bottom:auto}

.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > input,.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div input:checked + span:before,.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child input:checked + i:before{border-color:#3f3f3f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
.opm_jqGridUI.opm_jqGridCustomCheckBox .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{vertical-align:top !important}
body.settingsCustomSNMP .slideContent-7 .graphHeaderFullView{height:50px !important;padding:10px 30px !important;border-bottom:1px solid #efefef}
body.settingsCustomSNMP .slideContent-7 .graphHeaderFullView > span{padding:0 !important;border:0 !important}
body.settingsCustomSNMP .slideContent-7 .graphHeaderFullView > .icon-remove{top:12px}
body.settingsCustomSNMP .slideContent-7 .opmDeviceSnapshotPopup1 .opmFormHolder{margin:0 !important}
body.settingsCustomSNMP .slideContent-7 .deviceSlidecontent,body.settingsCustomSNMP .slideContent-7 .slideContentContainer div > section{top:50px !important}
body.settingsCustomSNMP.slideDivIn-7.slideDivIn-2 .slideContent-7:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
body.settingsCustomSNMP.slideDivIn-7.slideDivIn-4 .slideContent-7:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
body.settingsCustomSNMP.slideDivIn-7.slideDivIn-2 .opmDeviceSnapshotPopupBG{background:rgba(0,0,0,.4);max-width:800px;position:absolute;top:0;right:0}
body.settingsCustomSNMP .slideContent-7 #csnmp_queryresult{float:left;width:100%;max-height:400px;overflow:auto}

.textSelBox{line-height:25px}
.textSelBox .selBox{float:none;min-width:100px;margin:0 5px;display:inline-block;position:relative;top:6px}
.textSelBox .selBox > div .select2-container{border-radius:3px}
.textSelBox .selBox > div,.textSelBox .selBox > div .select2-container,.textSelBox .selBox > div .select2-container .selection,.textSelBox .selBox > div .select2-container .selection .select2-selection,.textSelBox .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:22px}
.textSelBox .selBox > div .select2-container .selection .select2-selection,.textSelBox .ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection{padding:2px 35px 2px 8px}
.textSelBox .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{line-height:15px}
.textInput input{background:#f0f0f0 !important;width:250px;height:22px;font:14px LatoRegular;padding:5px 8px;margin:0 5px;border:1px solid #dcdcdc;border-radius:3px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.textInput input:hover,.textInput input:focus{background:#fbfbfb !important}
.thresholdList{background:#f9f9fb}
.thresholdList > li{background:none !important;padding:10px 20px;position:relative}
.thresholdList>.--fault-severity{background:#f9f9fb!important}
.thresholdList>.--fault-severity:before{display:block}
.thresholdList > li:before{width:3px;content:'';position:absolute;top:10px;bottom:10px;left:10px;display:block}
.thresholdList > li:nth-child(2n){background:#fff !important}
.thresholdList .selBox{min-width:60px !important;width:60px !important}
.thresholdList .selBox + input{width:50px}

aside.type2 .pageTitle{height:45px;font-size:16px !important;position:relative}
aside.type2 .pageTitle:before{background:#e0e0e0;height:1px;content:'';position:absolute;right:5px;bottom:0;left:5px}
aside.type2 .actionsSection{padding:10px;position:absolute;top:45px;right:0;bottom:0;left:0}
aside.type2 .actionsSection .opmFormCol{width:100%;margin:0}
aside.type2 .opmBtnHldr{text-align:center}
aside.type2 .opmBtnHldr > label{text-align:left;padding:15px 0 10px;border-top:1px solid #e0e0e0}
aside.type2 .opmBtnHldr > label .icon-search{color:#585858;margin:0 5px;position:relative;top:1px;float:right}
aside.type2 .opmBtnHldr .opmBtn{float:none;margin:0 0 10px;border-radius:5px;display:inline-block}
aside.type2 .opmRadioBtn{margin:0 0 10px}
aside.type2 .opmRadioBtn > div{min-width:25px;padding:0 0 0 30px}
aside.type2 .opmRadioBtn label{font-size:12px}
aside.type2 .opmRadioBtn label:before,aside.type2 .opmRadioBtn label:after{transform:scale(.8)}
aside.type2 .timeBtn > .opmBtn{background:#f3f3f3;min-width:auto;padding:0 !important;margin:0 3px 8px;border-radius:0;position:relative}
aside.type2 .timeBtn > .opmBtn > input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0}
aside.type2 .timeBtn > .opmBtn > label{min-width:90px;font-size:12px;color:#000;padding:7px 10px;display:inline-block}
aside.type2 .timeBtn > .opmBtn > input:checked + label{background:#45bd7f;color:#fff}
.reportTypeSrch{background:#f6f7f9;float:left;width:100%;height:auto;padding:10px;border:1px solid #e6e6e6}
.reportTypeSrch input{float:left;width:100%;height:30px;padding:5px 10px;margin:0 0 10px;border:1px solid #e7e7e7}
.reportTypeSrch > div{float:left;width:100%;height:200px}
.reportTypeSrch > div ul{text-align:left;position:relative;top:0}
.reportTypeSrch > div ul li{padding:5px;border-bottom:1px solid #e7e7e7}
.reportTypeSrch > div ul li.active{background:#e4e4e4}
.ProductCustomScroll.type2 .mCSB_scrollTools{opacity:1;filter:alpha(100)}
aside.type2 .opmFormCol{text-align:left}
aside.type2 .opmFormCol > input[type=text]{background:#f0f0f0 !important;float:left;width:100%;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
aside.type2 .opmFormCol > input[type=text]:hover,aside.type2 .opmFormCol > input[type=text]:focus{background:#fbfbfb !important}
.opmFormRow.type2 .opmFormCol{width:48% !important}
.opmFormRow.type2 .opmFormCol + .opmFormCol{margin:0 0 0 4%}
.opmBtnHldr.type2 .opmBtn{float:right !important;min-width:90px;margin:0 5px 0 !important}
aside.type2 .ProductCustomScroll.type2 .mCSB_inside > .mCSB_container{margin:0}



.multiSelBoxCustomScroll .label{background:#e4e4e4;margin:0 !important}
.multiSelBoxCustomScroll .label label{height:35px;padding:9px !important;text-align:center;font:14px BitterRegular !important}
.multiSelBoxCustomScroll .label label i{float:right;font:20px/20px fontello;padding-right:10px;cursor:pointer;}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .srch{height:35px !important}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .srch:before{background:#fff;width:48px;height:42px;content:'';margin:auto;border:1px solid #efefef;border-top:0;border-bottom:0;display:block;position:absolute;top:0;right:0;left:0;z-index:9}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .srch input{background:#fff !important;height:100%;}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .srch input:first-child{padding-right:40px;border-right:0}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .srch input:last-child{padding-left:40px}
.multiSelBoxBtn.type2:before{display:none}
.multiSelBoxBtn.type2{background:#fff;width:50px;border:1px solid #e0e0e0;border-top:0;border-bottom:0}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .multiSelBoxLeft,.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .multiSelBoxRight{padding-top:40px !important}
.multiSelBoxCustomScroll.multiSelBox .multiSelBoxHolder.srchOption .multiSelBoxBtn{top:40px}
.multiSelBoxBtn.type2 > div{background:none !important;height:34px;position:absolute;margin-top:-45px;top:50%}
.multiSelBoxBtn.type2 > div:before{background:#fff;width:30px !important;height:30px !important;font:18px/29px fontello;content:'\e8d8' !important;text-indent:6px;color:#7d7d7d;margin:auto;border:2px solid #7d7d7d !important;border-radius:50%;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:1;transform:rotate(180deg);transition:all .3s ease;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.multiSelBoxBtn.type2 > div:hover:before,.multiSelBoxBtn.type2 > div.active:before{background:#45bd7f;color:#fff;border-color:#3ca971 !important}
.multiSelBoxBtn.type2 > div:last-child{margin-top:auto;margin-bottom:-50px;top:auto;bottom:50%}
.multiSelBoxBtn.type2 > div:last-child:before{text-indent:7px;transform:rotate(0)}
.multiSelBoxCustomScroll .multiSelBoxHolder li{cursor:default}
.multiSelBoxCustomScroll .multiSelBoxHolder .multiSelBoxLeft{padding:0 25px 0 0;overflow:auto}
.multiSelBoxCustomScroll .multiSelBoxHolder .multiSelBoxRight{padding:0 0 0 25px}
.multiSelBoxCustomScroll .multiSelBoxHolder .ui-selectable > li{float:left;width:100%;height:auto;padding:5px;list-style:none;border-bottom:1px solid #f3f3f3}
.multiSelBoxCustomScroll .multiSelBoxHolder .ui-selectable > li:nth-child(2n){background:#fefefe}
.multiSelBoxCustomScroll .multiSelBoxHolder .ui-selectable > li.ui-selected{background:#fffdc4}
.multiSelBoxCustomScroll .multiSelBoxSelectable.ui-selectable{height:100%;overflow:auto}
.multiSelBoxCustomScroll .mCSB_container{margin-right:0}
.multiSelBoxCustomScroll .mCustomScrollbar .mCSB_scrollTools,.multiSelBoxCustomScroll .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.multiSelBoxCustomScroll .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{width:4px;right:0 !important;opacity:1 !important;filter:alpha(opacity=100) !important}

.opmDropDownBtn{padding-right:30px !important;position:relative}
.opmDropDownBtn:after{background:#2ea969;width:20px;height:100%;font:12px/30px fontello;content:'\e8d2';border-radius:0 5px 5px 0;position:absolute;top:0;right:0}
.opmDropDownBtn ul{width:225px;height:auto;border:1px solid #d6d7d8;position:absolute;top:32px;right:0;z-index:2;display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmDropDownBtn:focus ul{display:block}
.opmDropDownBtn ul:before{background:#f5f5f5;width:12px;height:10px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);position:absolute;top:-4px;right:3px;z-index:-1}
.opmDropDownBtn ul li{background:#fbfbfb;float:left;width:100%;height:auto;font:13px LatoRegular;text-align:left;color:#000;padding:10px 35px;margin:0;position:relative;cursor:pointer}
.opmDropDownBtn ul li:hover{background:#fff}
.opmDropDownBtn ul li:after{background:#eaeaea;height:1px;content:'';margin: auto;position:absolute;right:0;bottom:0;left:0;width: calc(100% - 15px);}

.checkBoxAccr li{background:none !important} 
.checkBoxAccr .opmCheckBox{padding:2px 0 2px 0 !important}
.checkBoxAccr .opmCheckBox input{width:40px}
.checkBoxAccr > li > .opmCheckBox > div{background:#f9f9fb}
.checkBoxAccr .opmCheckBox ul{padding:0 0 0 20px}

.opmForm .opmCheckBoxInput > div{height:auto}
.opmForm .opmCheckBoxInput > div > input{width:35px !important}
.opmForm .opmCheckBoxInput .txtField{background:none;float:none;width:auto;font-size:initial;padding:0;margin:0 5px;border:0;display:inline-block}
.opmForm .opmCheckBoxInput .txtField > input{background:#f0f0f0 !important;float:left;width:50px !important;height:27px;opacity:1;filter:alpha(opacity=100);position:relative;display:inline-block;cursor:text}
.opmForm .opmCheckBoxInput .txtField > i{background:#f9f9fb;float:left;width:auto;padding:3px;border:1px solid #dcdcdc;border-left:0;display:inline-block}
.selBox + .infoCard > input{border-left:0}
.infoCard{display:table;border-collapse:separate}
.infoCard input{width:100%;display:table-cell}
.infoCard input[type='text']:disabled{border-right:0}
.infoCard span{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #dcdcdc !important;border-left:0 !important;display:table-cell}
.infoCard input[type='text']:disabled + span{border-left:1px solid #dcdcdc !important}
.infoCard span label{width:15px;height:100%;font-size:15px !important;text-align:center;margin:0 !important;display:block}
.infoCard .hasHelpCard{background:none;width:31px;height:31px;right:-8px;border-radius:0}
.infoCard .hasHelpCard:before{font-size:15px;color:#000;top:5px;left:1px}
.infoCard .hasHelpCard:hover,.infoCard .hasHelpCard:focus{background:none}
.infoCard .helpCard .helpCardInfo{top:42px}
.infoCard .helpCard.top .helpCardInfo{bottom:11px}
.infoCard .helpCard .helpCardContent > div{text-align:left;white-space:normal;word-break:break-word}

.icon-ping2{width:30px;height:30px;position:relative;display:block}
.icon-ping2:before{background:url(../../img/opm-sprites.png) no-repeat -152px -814px;width:36px;height:36px;content:'';display:block;transform:scale(.6);position:absolute;top:-2px;left:-4px}


.disclinkInfoMsg{background:#ead47e;height:40px;font:14px LatoRegular;color:#000;padding: 10px 0px 0 50px;border-bottom:3px solid #e0c86a;position:relative;left:0;right:0;z-index:99;transition:all .3s ease;opacity: 0.9;text-align: center;}
.disclinkInfoMsg .icon-remove{width: 27px;height: 0px;position: relative;top: -17px;right: 13px;}

#modules{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
#modules .opmFormHolder{height:100%;overflow:hidden}
#modules .opmForm{height:100%;padding:0;overflow:auto}
#modules .opmAccordion.workflowTrigger{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:hidden}
#modules .opmBtnHldr{padding:0 30px}
#modules #auditModules .opmAccCont .opmCheckBox input{width:35px;left:-9px}


.opmChckList.opmChckListType4 .list .opmCheckBox label:before{width:15px;height:15px;border-radius:3px} 
.opmChckList.opmChckListType4 .list .opmCheckBox input:checked + label:after{top:15px;left:10px}
.opmChckList.opmChckListType4 .opmCheckBox div{min-width:30px;min-height:25px;padding:0 0 0 30px}
.opmChckList.opmChckListType4 .opmCheckBox input{height:100%}
.opmChckList.opmChckListType4 .opmCheckBox label{line-height:25px}
.opmChckList.opmChckListType4 .checkBoxAccr .opmCheckBox input{width:21px;height:21px;left:5px;top:4px}
.icon-help{background:url(../../img/opm-sprites.png) no-repeat -326px -366px;float:right !important;width:17px;height:17px;padding:0 !important;margin:0 0 0 5px;display:inline-block;cursor:pointer}
.icon-help:after{display:none}
.chkRoundBtn.type2{float:none !important;display:inline-block !important;position:relative;top:3px}

.hide{display:none}
.show{display:block}


#credentialsList .icon-up-dir:before{position:absolute;right:8px;top:6px}
#credentialsList .icon-down-dir:before{position:absolute;right:8px;top:6px}
.chkRoundBtn.type2 > div{float:left;margin:4px 8px 0 0;display:inline}
.chkRoundBtn.type2 .infoText{margin-top:5px}

.configDiff.type2 > section{padding:0}
.configDiff.type2 > section .diffdetailsWidget{width:auto;position:absolute !important;top:15px !important;right:15px;left:15px}
.ConfigDiffContainer{padding:0 15px 15px;position:absolute;top:65px;right:0;bottom:0;left:0;overflow:auto}
.ConfigDiffContainer > div:not(.settingsPageHelp2){float:left;width:100%;height:auto;position:relative;top:0;right:0;bottom:0;left:0}
.settingsPageHelp2 .settingsPageHelpContent > .opmTabCont{height:auto}
.configDiff.type2 .ConfigDiffContainer > #ConfigFileView > .DI-Diff{position:relative;top:0;right:0;bottom:0;left:0}


#ServerListStr .icon-up-dir:before{position:absolute;right:8px;top:6px}
#ServerListStr .icon-down-dir:before{position:absolute;right:8px;top:6px}

.opmDropDownType2{display:inline-block;position:relative}
.opmDropDownType2 i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px;cursor:pointer}
.opmDropDownType2List{background:#fbfbfb;width:232px;height:auto;border:1px solid #d6d7d8;position:absolute;top:0;left:-20px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmDropDownType2List:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;left:20px;z-index:-1}
.opmDropDownType2List ul{background:#fbfbfb;float:left;width:100%;height:auto;max-height:200px;overflow:auto}
.opmDropDownType2List li{float:left;width:100%;height:auto;font:13px LatoRegular;padding:10px 10px 10px 35px;margin:0;position:relative;cursor:pointer}
.opmDropDownType2List li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 35px;position:absolute;right:0;bottom:0;left:0}
.opmDropDownType2List .inputDefaultStyle{position:absolute !important;top:12px !important;left:12px}
input[type='checkbox'].inputDefaultStyle,.opmForm input[type='checkbox'].inputDefaultStyle{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important;position:relative;top:1px}

.noRecordsInfo{width:100%;font:25px RobotoSlabThin;text-align:center;padding:0 30px 0 0;position:relative;display:block}
.noRecordsInfo > div{text-align:left;padding:20px 20px 20px 120px;margin:auto;display:inline-block;position:relative}
.noRecordsInfo > div:before{width:80px;height:80px;content:'!';font-size:60px;text-align:center;color:#ff0000;border:1px solid #ff0000;border-radius:50%;display:inline-block;position:absolute;top:20px;left:10px}
.noRecordsInfo > div > b > span{font-size:38px;display:block}
.noRecordsInfo .opmBtn{float:left;margin:15px 0 0}
.configDiffAnnotation .opm_link{position:relative}
.configDiffAnnotation .opm_link:hover{text-decoration:none}
.configDiffAnnotation .opm_link div{width:250px;display:none;background-color:#1a1d23;position:absolute;bottom:20px;left:-5px;padding:8px;border-radius:10px;z-index:1;}
.configDiffAnnotation .opm_link div:before{background:#1a1d23;width:12px;height:20px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;bottom:-5px;left:25px;z-index:-1;}
.configDiffAnnotation .opm_link div p{color:#eee;line-height:20px}

.makeASeperator{padding-bottom:10px;border-bottom:1px solid #bbb}

.opmMultiSelect{widht:auto;height:20px;display:inline-block}
.opmMultiSelect > div{float:left;margin:0 3px;overflow:hidden;position:relative}
.opmMultiSelect > div input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:0;z-index:4;cursor:pointer}
.opmMultiSelect > div i{background:#ecebf0;width:30px;text-align:center;color:#8e8e8e;padding:5px;border-radius:2px;display:inline-block;transition:all .3s ease}
.opmMultiSelect > div i:before{width:5px;height:12px;content:'';margin:auto;border:3px solid transparent;border-bottom:0;border-left:0;position:absolute;top:-4px;right:0;bottom:0;left:0;transform:scaleX(-1) rotate(135deg);z-index:2}
.opmMultiSelect > div input:checked + i{background:#8fb8ef;animation:colorWhite 2s forwards;-ms-animation:colorWhite 2s forwards;-moz-animation:colorWhite 2s forwards;-webkit-animation:colorWhite 2s forwards;-o-animation:colorWhite 2s forwards}
.opmMultiSelect > div input:checked + i:before{border-color:#fff;animation:check2 .3s}
.opmMultiSelect > div i:after{background:#8fb8ef;width:100%;height:100%;content:'';opacity:0;position:absolute;top:0;left:0}
.opmMultiSelect > div input:checked + i:before,.opmMultiSelect > div input:checked + i:after{visibility:hidden;opacity: 0;transition:visibility 2s, opacity 2s linear}

@keyframes colorWhite{ 0%{color:#8fb8ef} 100%{color:#fff} }
@-ms-keyframes colorWhite{ 0%{color:#8fb8ef} 100%{color:#fff} }
@-moz-keyframes colorWhite{ 0%{color:#8fb8ef} 100%{color:#fff} }
@-webkit-keyframes colorWhite{ 0%{color:#8fb8ef} 100%{color:#fff} }

.file-attach{background:url(../../img/opm-sprites.png) no-repeat -335px -690px;width:24px;height:25px;display:inline-block;position:relative;top:2px;transform:scale(.8)}
.loginConfig{background:#fcfcfc;float:left;width:100%;height:auto}
.loginConfig h4{background:#f4f4f6;padding:15px 20px;}
.loginConfig > .opmFormRow{padding:0 20px}
.chkRoundBtn.type2 input{width:42px}
.chkRoundBtn.type2 label,.chkRoundBtn.type2 label+ div{float:left;margin:0 10px 0 0}
.chkRoundBtn.type2 .info{float:left;width:100%;font-size:13px;color:#868686;padding:0 0 0 55px}
.opmRadioBtn.type2 input{width:35px}
.opmRadioBtn.type2 .info{float:left;width:100%;font-size:13px;color:#868686;padding:0}
.defaultColors{float:left;width:180px;margin:0 0 0 35px}
.defaultColors > div{float:left;width:auto;height:auto;margin:5px;display:inline-block;position:relative}
.defaultColors > div input{width:20px !important;height:20px !important;margin:0 !important;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1;cursor:pointer}
.defaultColors > div i{background:#233944;width:20px;height:20px;border:2px solid transparent;display:block;position:relative}
.defaultColors > div:nth-child(2) i{background:#444e58}
.defaultColors > div:nth-child(3) i{background:#626e7a}
.defaultColors > div:nth-child(4) i{background:#788691}
.defaultColors > div:nth-child(5) i{background:#b7bbc6}
.defaultColors > div:nth-child(6) i{background:#cbd0d6}
.defaultColors > div:nth-child(7) i{background:#f3787b}
.defaultColors > div:nth-child(8) i{background:#fca369}
.defaultColors > div:nth-child(9) i{background:#fece79}
.defaultColors > div:nth-child(10) i{background:#a7d0a4}
.defaultColors > div:nth-child(11) i{background:#6fbfc0}
.defaultColors > div:nth-child(12) i{background:#77aad7}
.defaultColors > div input:checked + i{border-color:#27a238}
.customColors{float:left;width:auto;margin:3px 0 0 30px}
.customColors > div{background:url(../../img/opm-sprites.png) no-repeat -324px -880px;width:35px;height:35px;position:relative}
.customColors input{width:35px !important;height:35px !important;margin:0;cursor:pointer}
.customColors > div.active i{width:35px;height:35px;border:2px solid #27a238;border-radius:50%;margin:auto;display:block;position:absolute;top:0;right:0}
.customColors > div > div{float:left;font-size:13px;color:#868686;position:relative;left:-10px}
.customInfo{float:left;width:100% !important;font-size:13px;color:#868686;padding:0;min-width:35px;min-height:25px;position:relative;}


#profileCriteria.ui-jqgrid-btable tr td{overflow:visible !important}
#profileCriteria.ui-jqgrid-btable tr #alarmMsgContent{font: 13px/150% LatoRegular !important; height:31px;}


div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid,div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view{border:0 !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{background:#eee !important;border-top-width:0px !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr[aria-hidden=true]{display:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:1px solid #d6d6d6 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable,div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border:0 !important}
body.firefox div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable,div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border-bottom:1px solid #e3e3e3 !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{border:0 !important;overflow:visible}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{width:100%;border:1px solid #d7d7d7 !important;border-top:0 !important;overflow:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:7px 10px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager{background:#ececec !important;height:30px;border:1px solid #d6d6d6 !important;border-top:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td{padding-top:2px !important;padding-bottom:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td:last-child{padding-top:4px !important;padding-right:10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > .alertTable{position: relative;width:100%;border:1px solid #d7d7d7 !important;border-top:0 !important;overflow: auto;max-height: 200px;overflow-x: hidden;}
div:not(#box_mapList_holder) > .ncmActionenable.opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div {overflow: visible;}

div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table tbody tr td {padding:0 !important;padding-top:2px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table tbody{border-top:1px solid #e2e2e2;background:#eee}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control{padding:0 10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager{height:30px !important;background:#ececec !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table tbody tr{background:none !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table tbody tr td .ui-paging-info{font-size:11px}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv tr.ui-subgrid td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table tbody tr td .ui-pg-table td{padding:1px !important}

#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid{padding-bottom:30px}
#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid .ui-jqgrid-pager{background:#ececec !important;height:30px;border:1px solid #d6d6d6;border-top:0; padding-top:5px !important}
.opmMapPage .opm_jqGridUI.layer2ListSearch .ui-jqgrid-view{padding-top:84px;}
.opmMapPage .opm_jqGridUI .ui-jqgrid-bdiv{overflow-x: hidden !important;}

.opm_jqGridUIType2{border:1px solid #b1b1b1}
.opm_jqGridUIType2 tr:not(:last-child){border-bottom:1px solid #e3e3e3}
.opm_jqGridUIType2 th{background:#eee !important;height:40px;font:14px LatoRegular;color:#312e2e;text-align:left;padding:10px}
.opm_jqGridUIType2 tr td{height:auto;font:13px/150% LatoRegular;color:#312e2e;text-align:left;padding:7px 10px !important;border:0}

.exportFlowTabs{max-width:none}
.navTabList.exportFlowTabs > section{height:60px}
.navTabList.exportFlowTabs > section .list li,.navTabList.exportFlowTabs > section .list li > a{width:160px !important;word-break:break-all}
.navTabList.exportFlowTabs .more{z-index:1}
.navTabList.exportFlowTabs .more > a{top:21px !important}
.navTabList.exportFlowTabs .moreList{min-width:260px}
.navTabList.exportFlowTabs .moreList li{width:100% !important;border-right:0}
.navTabList.exportFlowTabs .moreList li > a{width:auto !important;text-align:left;white-space:normal;word-break:break-all}

.reportsTopFilter{float:left;width:100%;height:auto}
.reportsTableRow{width:100%;height:100%;text-align:left;display:table}
.reportsTableCel{width:auto;height:auto;max-width:150px;vertical-align:middle;padding:0 10px 0 0;display:table-cell}
.reportsTableCel:last-child{padding:0; width: 100px;}
.reportsTableRow .reportsTableRow--sixcolumns{display:-webkit-box;display:-ms-flexbox;display:flex}
.reportsTableRow .reportsTableRow--sixcolumns .reportsTableCel:last-child{margin-left:auto;max-width:150px}
.reportsTableRow .reportsTableRow--sixcolumns .reportsTableCel{width:100%;max-width:200px;min-width:150px}
.reportsTopFilter .opmBtn{min-width:auto;font:12px LatoRegular;padding:4px 12px;margin:17px 5px 0 0;border-radius:4px}
.reportsTopFilter .opmBtn:last-child{margin-right:0}
.selBox.type2 > div{width:100%;max-width:none !important;margin:3px 0 0;position:relative}
.selBox.type2 > div,.selBox.type2 > div > .select2-container{height:22px;border-radius:4px}
.selBox.type2 > div .select2-container .selection{height:22px}
.selBox.type2 > div .select2-container .selection .select2-selection{height:22px;padding:3px 23px 3px 3px}
.selBox.type2 > div .select2-container .selection .select2-selection .select2-selection__rendered{font:12px LatoRegular}
.selBox.type2 > div .select2-container .selection .select2-selection .select2-selection__arrow{width:20px;height:22px}
/*.reportsTableCel.inputSel{width:180px}*/
.reportsTableCel.inputSel .selBox.type2 > label,.reportsTableCel.inputSel .selBox.type2 > div{float:left;width:100%;max-width:none}
.reportsTableCel.inputSel .selBox.type2 > label > i{position:absolute;top:0;left:65%}
.reportsTableCel.inputSel .selBox.type2 > div > input{background:#f0f0f0;float:left;width:63%;height:22px;border:1px solid #dcdcdc;border-right:0;border-radius:4px 0 0 4px}
.reportsTableCel.inputSel .selBox.type2 > div > .select2-container{float:left;width:60px !important;border-radius:0 4px 4px 0}
.reportsTableCel.inputDropDown .selBox.type2 > div > input{background:#f0f0f0;float:left;width:100%;height:22px;border:1px solid #dcdcdc;border-radius:4px}
.reportsTableCel.inputDropDown .selBox.type2 > div > .AETIDFilDropDown{background:none !important;width:100% !important;height:100% !important;font:12px LatoRegular;;white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;margin:0 !important;position:absolute !important;top:0 !important;left:0 !important;transform:none !important;overflow:hidden}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList{width: 100%;height: 100%;position: absolute;top: 33px;left: 0;}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList > ul{width:100%;top:0;left:0 !important}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList > ul:before{display:none}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList > ul > li.header{height:25px;font:12px LatoRegular;padding:5px 25px 5px 10px}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList > ul > li.header i{top:5px;right:5px}
.reportsTableCel.inputDropDown .selBox.type2 > div > .timeFilterList > ul > li:not(.header){width:75px;padding:5px}
.reportsTableCel.inputDropDown .selBox.type2.opmFormCol input {height:33px; border-radius:0px}
.reportsTableCel.inputDropDown .selBox.type2.opmFormCol .opm-reports2 {padding:7px}
.reportsTableCel.inputDropDown .selBox.type2.opmFormCol > div, .reportsTableCel.inputDropDown .selBox.type2.opmFormCol > div > .select2-container {height:33px}
.reportsTopFilter .credentialBox, .reportsTopFilter .reportsTableCel.inputDropDown .selBox.type2 > div > .AETIDFilDropDown {font-size:14px !important}
.reportsTopFilter .credentialBox .dropDownBox .opmBtn {padding:8px}
.reportsTopFilter .selBox.type2 > div {margin:0px !important}
.sampleFileTxt{text-decoration: underline !important}

/* NCM Styles */
.opmFormTitle.withBorder { padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; margin-top: 0; margin-bottom: 15px; }

.opmFormgroup { clear: both; float: left; width: 100%; max-width: 700px; height: auto; position: relative; border: 1px solid #e2e2e2; margin-bottom: 15px; }
.opmFormgroup__header { height: 35px; border-bottom: 1px solid #e2e2e2; background-color: white; }
.opmFormgroup__header .opmFormgroup__icon { float: right; height: 35px; width: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 1px solid #e2e2e2; position: relative; }
.opmFormgroup__header .opmFormgroup__title { float: left; padding: 0 15px; line-height: 35px; }
.opmFormgroup__content { padding: 15px; }

.add_icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.add_icon, .remove_icon { width: 25px; height: 25px; display: inline-block; position: relative; cursor: pointer; }
.add_icon.disable, .remove_icon.disable { pointer-events: none; cursor: none; opacity: 0.4; }
.add_icon::after, .add_icon::before, .remove_icon::after, .remove_icon::before { background: #8a8e91; width: 1px; height: 25px; content: ''; margin: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.add_icon::after, .remove_icon::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.tags_textbox { float: left; border: 1px solid #e2e2e2; padding: 5px; #font-family: Arial; width: 100%; background-color: #f0f0f0 !important; max-height: 170px; min-height: 90px; overflow-y: auto}
.tags_textbox:active, .tags_textbox:focus, .tags_textbox:hover { background-color: #fff !important; }
.tags_textbox > em { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #212121; background: #e2e2e2; padding: 0 25px 0 7px; line-height: 1.6; margin-bottom: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; max-width: 120px; position: relative; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tags_textbox > em:hover:after { opacity: 0.7; }
.tags_textbox > em:after { background: #d4d4d4; position: absolute; content: "×"; padding: 0 5px; margin-left: 3px; font-size: 11px; border-radius: 50%; line-height: 18px; right: 2px; top: 2px; color: #444; width: 9px; height: 18px; text-align: center; }
.tags_textbox > input[type=text] {margin: 4px; padding: 0 7px; width: 100%; background-color: transparent !important; display: block; line-height: 1.5; height: auto; border-radius: 20px; }

.btnGroup { border: 1px solid #d4d4d4; display: inline-block; border-radius: 4px; }
.btnGroup .opmBtn { min-width: unset; padding: 7px 15px; background: #f3f3f3; border-left: 1px solid #d4d4d4; float: left; margin: 0; color: #212121; position: relative; z-index: 2;}
.btnGroup .opmBtn.active { background-color: #27a965; color: white; }
.btnGroup .opmBtn.active:before { content: ''; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 1; background-color: #27a965; z-index: -1; }
.btnGroup .opmBtn.active + .opmBtn { border-left-color: #27a965; }
.btnGroup .opmBtn.active:first-child:before, .btnGroup .opmBtn:first-child { border-left-width: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.btnGroup .opmBtn.active:last-child:before, .btnGroup .opmBtn:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.btnGroup.withToggle .opmBtn input { display: none; }
.btnGroup.justified{display:-webkit-box;display:-ms-flexbox;display:flex}
.btnGroup.justified>.opmBtn{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}


.inputWithColor { position: relative; }
.inputWithColor .inputColor { width: 100% !important; height: 35px; padding: 0; position: relative; overflow: visible; display: table; border-collapse: separate; background-color: #f0f0f0 !important; border: 1px solid #dcdcdc; }
.inputWithColor .inputColor .info { border-left: 1px solid #dcdcdc; }
.inputWithColor .inputColor input { display: none; }
.inputWithColor .inputColor > .emptySpace { width: 100%; max-width: 243px; white-space: nowrap; text-overflow: ellipsis; padding: 1px 8px; display: table-cell; overflow: hidden; }
.inputWithColor .colorWheelIcon {background: url("../../img/opm-sprites.png") no-repeat -157px -1408px;display: inline-block;position: relative;top: 2px;-webkit-transform: scale(0.8);transform: scale(0.8);width: 26px;height: 26px;}
.inputWithColor.active .csColorWrap { display: block; }
.inputWithColor .csColorWrap { display: none; clear: both; border: 1px solid #e2e2e2; background-color: #fafafa; position: absolute; top: 35px; left:0; z-index: 1; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2); }
.inputWithColor .csColorWrap .csColorList { width: 100%; height: auto; padding: 10px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.inputWithColor .csColorWrap .csColorList li { display: inline-block; content: ''; width: 17px; cursor: pointer; height: 17px; margin: 5px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); }
/* NCM Styles over */


.fwReportsWidgets{float:left;max-width:60%;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}

.adminMonitors.addGroups .title{height:65px}
.adminMonitors.addGroups .title .navTabList > header{margin:10px 0 0}
.adminMonitors.addGroups:before{background:#f4f4f6;height:100px;content:'';position:absolute;top:0;right:0;left:0}
.groupTab{float:left;width:700px;height:auto;margin:auto;position:absolute;top:5px;right:0;left:0}
.groupTab ul li{float:left;width:33.33%;text-align:center;padding:52px 30px 14px;position:relative;overflow:hidden}
.groupTab ul li:before,.groupTab ul li:after{width:60%;height:10px;content:'';border-bottom:2px solid #dcdcdc;display:block;position:absolute;top:16px;left:55%}
.groupTab ul li:after{right:55%;left:auto}
.groupTab ul li.complete:before,.groupTab ul li.complete:after,.groupTab ul li.complete + li:after{border-color:#38b57d}
.groupTab ul li:first-child:after,.groupTab ul li:last-child:before{display:none}
.groupTab ul li.active{border-bottom:2px solid #38b57d}
.groupTab ul li i{width:27px;height:27px;font:14px/22px LatoRegular;margin:auto;border:2px solid #c8cece;border-radius:50%;display:block;position:absolute;top:13px;right:0;left:0}
.groupTab ul li.complete i{background:#38b57d;color:#fff;border-color:#38b57d}
.groupTab ul li b{font:14px LatoRegular}
.settingsCnt > section .settingsContent .adminMonitors.addGroups .opmFormHolder{top:120px}
.inputTxt{position:relative}
.inputTxt input{width:50px !important;text-align:center}
.inputTxt > span{width:auto !important;padding:7px !important}
.inputTxt > span > label{width:auto}

.opmChckList .list .opmCheckBox > div,.workflowSelList li .opmCheckBox > div{min-width:20px;min-height:20px;padding:0 0 0 30px}
.opmChckList .list .opmCheckBox label,.workflowSelList li .opmCheckBox label{line-height:25px}
.opmChckList .list .opmCheckBox label:before,.workflowSelList li .opmCheckBox label:before{width:15px;height:15px;border-radius:4px}
.opmChckList .list .opmCheckBox input:checked + label:after{top:15px;left:10px}
.workflowSelList li{padding:5px 20px}
.workflowSelList li .opmCheckBox > div{padding:0 0 0 24px !important}
.workflowSelList li .opmCheckBox input:checked + label:after{top:13px;left:3px}
.workflowSelList li .opmCheckBox input:checked + label + i{top:-4px;right:-20px;bottom:-4px;left:-20px}
.opmAccordion.workflowTrigger .opmAccHdr{padding:0 55px}
.opmAccHdr .opmCheckBox label:before{width:15px;height:15px;border-radius:4px;top:8px}
.opmAccHdr .opmCheckBox input:checked + label:after{top:17px;left:-2px}

#netSuggestList{border:0;border-radius:0;box-shadow:0 0 8px rgba(0,0,0,.3)}
#netSuggestList li{border-bottom:1px solid rgba(0,0,0,0.1)}


.supportPageContent#PageContent{background-color:white;overflow-y:auto !important;}
.supportUI{width:100%;height:auto;padding:30px;overflow-y:auto;}
.supportRow{width:100%;height:auto;max-width:1485px;margin:0 auto 30px;overflow-y:auto;}
.supportCol{float:left;width:25%;height:auto;padding:0 30px 0 0}
.supportCol > h4{font:18px BitterRegular;padding:0 0 8px;margin:0 0 2px;border-bottom:1px solid #a9d2ee;position:relative}
.supportCol > h4[class^='supoortUI-'],.supportCol > h4[class*=' supoortUI-']{padding:10px 0 12px 50px}
.supportCol > h4[class^='supoortUI-']:before,.supportCol > h4[class*=' supoortUI-']:before{background:url(../../img/opm-sprites.png) no-repeat 0 0;width:50px;height:50px;content:'';position:absolute;top:-5px;left:0;transform:scale(.7)}
.supportCol > h4.supoortUI-supportInfo:before{background-position:0 -1028px}
.supportCol > h4.supoortUI-selfSupport:before{background-position:-50px -1028px;width: 47px;height:51px}
.supportCol > h4.supoortUI-contact:before{background-position:-96px -1029px;width:45px}
.supportCol > h4.supoortUI-licnese:before{background-position:-141px -1029px;width: 51px;top:-2px}
.supportCol > ul{transition: 0.3s;background: #f9f7d5;min-height:370px;padding:20px;margin:15px 0;border:1px transparent solid}
.supportCol > ul > li{padding:0 0 0 15px;margin:0 0 15px;position:relative}
.supportCol > ul > li:before{background:#979797;width:6px;height:6px;content:'';border-radius:50%;position:absolute;top:6px;left:0}
.supportCol > ul > li > a{font:14px LatoBold;color:#147dbf;display:block}
.supportCol > ul > li > a > span,.proInfo > .supportCol > h4 > span{font:12px LatoRegular;color:#444243;margin:5px 0 0;display:block}
.supportCol > ul > li > a:not(.noStyle):hover > b{text-decoration:underline}
.supportCol > ul > li > a.noStyle{cursor:text;color:black;}
.supportCol > ul.settingssummary{min-height:530px}
.supportCol > ul.reportssummary{min-height:470px}
.supportCol > ul.settingssummary > li:before,.supportCol > ul.reportssummary > li:before{background:none;}
.supportCol > ul > li.listSeperator:after{content:'';border-top:1px #cecece solid;display:block;margin-top:15px}
.proInfo{width:100%;height:auto}
.proInfo > .supportCol{width:50%;margin-bottom:30px;}
.proInfo > .supportCol > div{background:#f7f8fa;padding:30px}
.proInfo > .supportCol > div > ul{width:100%;height:auto;display:table}
.proInfo > .supportCol > div > ul li{width:100%;height:auto;color:#262626;display:table-row}
.proInfo > .supportCol > div > ul li > div{vertical-align:top;word-break:break-all;padding:8px 20px;display:table-cell;position:relative}
.proInfo > .supportCol > div > ul li > div.editable > i{margin: 0 5px;cursor:pointer}
.proInfo > .supportCol > div > ul li > .editBox{display:none}
.proInfo > .supportCol > div > ul li > .editBox > input{width:80%;padding:0px;}
.proInfo > .supportCol > div > ul li > div:first-child{font-family:LatoBold;white-space:pre}
.proInfo > .supportCol > div > ul li > div:first-child:after{content:'::';position:absolute;top:8px;right:1px}

.mailCCButton {position:absolute;bottom:-20px;right:0}

#netSuggestList{border:0;border-radius:0;box-shadow:0 0 8px rgba(0,0,0,.3)}
#netSuggestList li{border-bottom:1px solid rgba(0,0,0,0.1)}

html.horizontalView .settingsCnt.initialMsg{top:0}
html.horizontalView body[class^='deviceSlideDivIn-'] .Device-Info:before,html.horizontalView body[class*=' deviceSlideDivIn-'] .Device-Info:before{top:0}
body.settingsPage[class*=' slideDivIn-'] .reportGraph.netflowReportGraph{z-index:1}

.opmBtnHldrTop.type2{position:relative;top:13px;right:0}
.opmBtnHldrTop.type2 .reportHdrFilterLabel{float:right;margin:10px 0 0 5px}
.opmBtnHldrTop.type2 .exportul.AETIDFilDropDownList li:not(.header){padding:10px}

.opmPopUp{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}
.opmPopUpTable{width:100%;height:100%;text-align:center;display:table}
.opmPopUpTableCell{width:auto;height:auto;vertical-align:middle;display:table-cell}
.opmPopUpContentHolder{background:#fff;min-width:700px;max-width:800px;height:auto;max-height:95%;margin:auto;display:block;overflow:auto}
.opmPopUpInnerContent{float:left;width:100%;max-width:100%;max-height:100%;text-align:left;padding:60px 0;position:relative;display:block;overflow:hidden}
.opmPopUpInnerContent > header{width:100%;height:60px;padding:20px 50px 20px 20px;border-bottom:1px solid #efefef;position:absolute;top:0;left:0;z-index:1}
.opmPopUpInnerContent > header .icon-remove{position:absolute;top:17px;right:12px;cursor:pointer}
.opmPopUpInnerContent > section{width:100%;height:auto;max-height:100%;padding:20px;overflow:auto;position:relative;z-index:0}
.opmPopUpInnerContent > footer{width:100%;height:60px;padding:10px 20px;border-top:1px solid #efefef;position:absolute;bottom:0;left:0;z-index:1}
.opmPopUp.type2 .opmPopUpInnerContent{padding:60px 0 0}
.opmPopUp.type2 .opmPopUpInnerContent > section{padding:0}
.opmPopUp.type2 .opmPopUpInnerContent > header > div{font:16px LatoBold}
.opmPopUpContentHolder.type2{min-width:500px;max-width:500px}
.opmPopUpContentHolder.type2 .opmFormCol{width:65%}

.reportHdrFilterLabel.type2{float:right;margin:10px 0 0 10px}
.reportHdrFilterLabel.type2 li.link{padding:0}
.reportHdrFilterLabel.type2 li.link a{float:left;width:100%;padding:10px 35px}

.opmSelList.type2 ul li:after{background:#969696;width:5px;height:5px;content:'';border-radius:5px;position:absolute;top:23px;left:0}
.opmSelList.type2 ul li:before{background:none;right:-30px;left:-30px}
.opmSelList.type2 ul li{padding:15px 20px}
.floatingBtn:before{background:#fff;height:300px;content:'';position:absolute;top:-30px;right:-30px;left:0;z-index:0}
.floatingBtn:after{background:#efefef;width:100%;height:1px;content:'';position:absolute;top:-31px;left:0;z-index:-1}
.floatingBtn .opmBtn{position:relative;z-index:2}


.probeAuthKey > *{float:left;display:inline-block}
.probeAuthKey > label{padding:10px 0 0}
.probeAuthKey > .installtionKeyInfo{background:#f4efc9;width:257px;height:31px;padding:4px 10px;border:1px solid #e8d463;position:relative;top:3px}
.probeAuthKey > .opmBtn{min-width:auto}

.passwordShowHide.type2 input{margin-right:0}
.passwordShowHide.type2 .textFieldEyeIcon{float:left;width:35px !important;height:31px;padding:7px;position:relative;top:3px}
.checkBoxAccr li{background:none !important} 
.checkBoxAccr .opmCheckBox{padding:2px 0 2px 0 !important}
.checkBoxAccr .opmCheckBox input{width:40px}
.checkBoxAccr > li > .opmCheckBox > div{background:#f9f9fb}
.checkBoxAccr .opmCheckBox ul{padding:0 0 0 20px}



.opmChckList.opmChckListType4 .list .opmCheckBox label:before{width:15px;height:15px;border-radius:3px} 
.opmChckList.opmChckListType4 .list .opmCheckBox input:checked + label:after{top:15px;left:10px}
.opmChckList.opmChckListType4 .opmCheckBox div{min-width:30px;min-height:25px;padding:0 0 0 30px}
.opmChckList.opmChckListType4 .opmCheckBox input{height:100%}
.opmChckList.opmChckListType4 .opmCheckBox label{line-height:25px}
.opmChckList.opmChckListType4 .checkBoxAccr .opmCheckBox input{width:21px;height:21px;left:5px;top:4px}


#credentialsList .icon-up-dir:before{position:absolute;right:8px;top:6px}
#credentialsList .icon-down-dir:before{position:absolute;right:8px;top:6px}

#ServerListStr .icon-up-dir:before{position:absolute;right:8px;top:6px}
#ServerListStr .icon-down-dir:before{position:absolute;right:8px;top:6px}

.opmDropDownType2{display:inline-block;position:relative}
.opmDropDownType2 i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px;cursor:pointer}
.opmDropDownType2List{background:#fbfbfb;width:232px;height:auto;border:1px solid #d6d7d8;position:absolute;top:0;left:-20px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmDropDownType2List:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;left:20px;z-index:-1}
.opmDropDownType2List ul{background:#fbfbfb;float:left;width:100%;height:auto;max-height:200px;overflow:auto}
.opmDropDownType2List li{float:left;width:100%;height:auto;font:13px LatoRegular;padding:10px 10px 10px 35px;margin:0;position:relative;cursor:pointer}
.opmDropDownType2List li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 35px;position:absolute;right:0;bottom:0;left:0}
.opmDropDownType2List .inputDefaultStyle{position:absolute !important;top:12px !important;left:12px}
input[type='checkbox'].inputDefaultStyle,.opmForm input[type='checkbox'].inputDefaultStyle{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important;position:relative;top:1px}

.noRecordsInfo{width:100%;font:25px RobotoSlabThin;text-align:center;padding:0 30px 0 0;position:relative;display:block}
.noRecordsInfo > div{text-align:left;padding:20px 20px 20px 120px;margin:auto;display:inline-block;position:relative}
.noRecordsInfo > div:before{width:80px;height:80px;content:'!';font-size:60px;text-align:center;color:#ff0000;border:1px solid #ff0000;border-radius:50%;display:inline-block;position:absolute;top:20px;left:10px}
.noRecordsInfo > div > b > span{font-size:38px;display:block}
.noRecordsInfo .opmBtn{float:left;margin:15px 0 0}
.ui-autocomplete.ui-front.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item{font:14px LatoRegular !important}

.responseInfo{background:#fffbe5;float:left;width:100%;height:auto}
.responseInfo > header{background:#f7efc8;float:left;width:100%;height:30px;position:relative}
.responseInfo > header > h4{height:100%;font:17px BitterRegular;padding:4px 0 0 27px;margin:0;position:relative;cursor:pointer}
.responseInfo > header > h4.showHide:before{content:'\e8d2';font-family:fontello;margin:auto;position:absolute;top:5px;left:12px}
.responseInfo > header > h4.showHide.active:before{content:'\e8d1'}
.responseInfo > header > div{float:right;width:auto;height:100%;position:absolute;top:0;right:0}
.responseInfo > header > div > i{float:left;width:30px;height:100%;font-size:20px;position:relative;cursor:pointer}
.responseInfo > header > div > i.icon-remove:before,.responseInfo > header > div > i.icon-remove:after{height:20px;margin:auto;left:0}
.responseInfo > section{float:left;width:100%;color:#454545;padding:15px 10px}
.responseInfo > section div{margin:0;word-wrap:break-word}


.icon-importDevices{background:url(../../img/opm-sprites.png) no-repeat -345px -1023px;width:14px;height:14px;margin:0 5px;display:inline-block}


.noHorizontalScroll .ui-jqgrid-bdiv{overflow-x:hidden !important}

.opmCheckBox + .hasHelpCard{margin:6px 0 0 5px}

.monitorSnapshotSlideIn .deviceSlideContent{top:85px !important}
.monitorSnapshotSlideIn .deviceSlideContent .deviceSlideContainer.deviceSlideContainer1,.monitorSnapshotSlideIn .deviceSlideContent .deviceSlideContainer.deviceSlideContainer1 .deviceInnerSlide-1{overflow:visible !important}
.monitorSnapshotSlideIn .deviceSlideContent .icon-remove.deviceSlideClose{display:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors #monitorActions{top:-85px;right:0 !important}
.monitorSnapshotSlideIn[class*=' deviceSlideDivIn-'] .deviceSnapshotMonitors #monitorActions{opacity:.7;filter:alpha(opacity=70);pointer-events:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title{top:0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .opmFormHolder{top:85px !important}
.monitorSnapshotSlideIn .deviceSlideContent.monitorGraph.deviceSlideDivIn-full{top:0 !important}
body.monitorSnapshotSlideIn .deviceSlideContent.snapshotMonitor.deviceSlideDivIn-full{background:#fff}
body.monitorSnapshotSlideIn .adminMonitors.deviceSnapshotMonitors .title{padding:0 30px !important}
body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-7'],body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-5'],body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-3']{top:0 !important}

.alarmEscalationMsg{width:98%;margin:0 0 20px;position:relative;z-index: 0 !important;}
.trapsMsg{width:98%;margin:0 0 20px;position:relative;z-index: 0 !important;height: auto;padding: 10px;}
.disabledUser{background:#fffdc4;opacity:.5;filter:alpha(opacity=50)}
.disabledUser input{cursor:default}

.file-export{background:url(../../img/opm-sprites.png) no-repeat -347px -946px;width:12px;height:12px;margin:0 4px;position:relative;top:2px;display:inline-block;cursor:pointer}

.containerBlock{float:left;width:100%;height:auto;border:1px solid #efefef;margin:0 0 20px}
.containerBlockHdr{background:#f9f9fa;width:100%;font-family:BitterRegular;padding:10px;border-bottom:1px solid #efefef;display:block}
.containerBlockContent{float:left;width:100%;height:auto;padding:20px 30px 10px}
.addSoundFile{background:#fbfafa;padding: 20px 30px 10px;}
.addSoundFile .opmBtn.btn-grey{background:#ececec}
.opmBtnHldr.type2 .opmBtn{min-width:80px;margin-top:0}
#infoAbtAllUsers {background:#f9f9fa;padding:10px 20px;}
#infoAbtAllUsers p{color:#3c3c3c;font-size:13px}
#infoAbtAllUsers p strong{color:#fa5b5a;font-family:latoBold}

.opmMapBVTabNav header.ncmDeviceGroupDetails > div{width:auto;}
.opmMapBVTabNav header.ncmDeviceGroupDetails > .ncmDeviceGroupName{width:230px;min-width:230px;max-width:230px;}
.opmMapBVTabNav header.ncmDeviceGroupDetails > .ncmDeviceGroupName label{font-size:17px;font-weight:bold;margin-right:8px}
.ncmAction{position:absolute;cursor:pointer;}
.opmMapBVTabNav .ncmAction.more{float:right;right:0;background:#49bd80;width:50px;height:100%;cursor:pointer}
.ncmAction ul{top:auto;right:-7px;opacity:1;}
.ncmAction ul li:not(.header):hover{background-color:rgba(181, 163, 163, 0.2);}

.opmMapBVTabNav .reportOption{float:right;margin-right:20px;margin-top:5px}
.opmMapBVTabNav .reportOption span{font-size:15pt;}

header.ncmDeviceGroupDetails > .ncmDeviceGroupName .deviceActionList{display:none;}
header.ncmDeviceGroupDetails > .ncmDeviceGroupName:hover .deviceActionList{display:block;margin-top:6px;left:0;width:min-content}
header.ncmDeviceGroupDetails > .ncmDeviceGroupName:hover .deviceActionList:before{display:none;}
header.ncmDeviceGroupDetails > .ncmDeviceGroupName:hover{overflow:visible;}

header.ncmDeviceGroupDetails > .ncmDeviceGroupName i.down-arrow{}
header.ncmDeviceGroupDetails > .ncmDeviceGroupName i.down-arrow:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:7px 5px 0 5px;border-top-color:#888;position:relative;top:25px;left:10px;bottom:0;}
header.ncmDeviceGroupDetails > .ncmDeviceGroupName i.down-arrow:after{display:none;}

.ncmreportLegendBox .colorBox{width:15px;height:15px;border-radius:50%;float:left;}
.ncmreportLegendBox label{margin-left:10px;}

.icon-actions{background-position:-326px -644px;width:13px;height:14px}
.deviceGroupsList header .title{max-width:250px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.noRecordsInfoWf > div{text-align:left;padding:20px 20px 20px 120px;margin:auto;display:inline-block;position:relative;text-align:center;padding:0 30px 0 0;width:100%;font:25px RobotoSlabThin;}

.selectAlarmCriteria{float:none !important;font-size:13px;color:#989899;padding:0 !important;display:inline-block !important}
.ipslaTabResize{top:190px !important}
.addDeviceTop{top:90px !important}
.downTimeCommonStyle{top:90px !important}
.qcwHeader{top:20px !important}
.credentialHeaderAlign{top:95px !important;}
.icon-info.type2{width:15px;height:15px;font-size:12px;line-height:5px}
.helpiconFix .hasHelpCard4 .helpCardInfo{width:270px}
.responseInfo{background:#fffbe5;float:left;width:100%;height:auto}
.responseInfo > header{background:#f7efc8;float:left;width:100%;height:30px;position:relative}
.responseInfo > header > h4{height:100%;font:17px BitterRegular;padding:4px 0 0 27px;margin:0;position:relative;cursor:pointer}
.responseInfo > header > h4.showHide:before{content:'\e8d2';font-family:fontello;margin:auto;position:absolute;top:5px;left:12px}
.responseInfo > header > h4.showHide.active:before{content:'\e8d1'}
.responseInfo > header > div{float:right;width:auto;height:100%;position:absolute;top:0;right:0}
.responseInfo > header > div > i{float:left;width:30px;height:100%;font-size:20px;position:relative;cursor:pointer}
.responseInfo > header > div > i.icon-remove:before,.responseInfo > header > div > i.icon-remove:after{height:20px;margin:auto;left:0}
.responseInfo > section{float:left;width:100%;color:#454545;padding:15px 10px}
.responseInfo > section code,.responseInfo > section pre,.responseInfo > section div{margin:0;word-wrap:break-word}


.formInfo{background:#fffae4;float:left;width:100%;height:auto;margin:20px 0}
.formInfo > header{background:#fdf3b8;padding:10px 20px}
.formInfo > header h4{font:18px BitterRegular;padding:2px 0 0 25px;margin:0;display:inline-block;position:relative}
.formInfo > header h4:before{background:url(../../img/opm-sprites.png) no-repeat -244px -1020px;width:19px;height:19px;content:'';position:absolute;top:4px;left:0}
.formInfo > header > div{float:right;padding:5px}
.formInfo > header > div:not(.separator){font-family:LatoBold;cursor:pointer}
.formInfo > header > div:not(.separator):hover{text-decoration:underline}
.responseInfo.type3 > header > h4{padding:4px 35px 0 12px}
.responseInfo.type3 > header > h4:before{color:#fff;top:6px;right:13px;left:auto;z-index:1}
.responseInfo.type3 > header > h4.active:before{top:5px}
.responseInfo.type3 > header > h4:after{background:#787878;width:20px;height:20px;content:'';border-radius:50%;position:absolute;top:5px;right:8px}
.responseInfo.type3 .area{margin:0 0 20px}
.responseInfo.type3 .area > b{font:14px LatoBold;margin:0 0 5px;display:block}
.responseInfo.type3 .area > ul{padding:0 0 0 30px;list-style-type:decimal}
.responseInfo.type3 .area > ul li,.responseInfo.type3 .area > p{margin:0 0 5px; color:#454545;}
.formInfo > header .showHideBtn{min-width:55px}
.formInfo > header .showHideBtn > div > i{display:inline-block}
.formInfo > header .showHideBtn > div >  i:before{font-family:fontello;content:'\e8d2'}
.formInfo > header .showHideBtn > div:last-child >  i:before{content:'\e8d1'}
.formInfo > header .showHideBtn.active > div:first-child{display:none}
.formInfo > header .showHideBtn.active > div:last-child{display:block !important}
.formInfo > header .refreshBtn > i{transform:scaleX(-1);display:inline-block}
.formInfo > header .refreshBtn > i:before{font-family:fontello;content:'\e889'}
.formInfo > section{float:left;width:100%;color:#454545;padding:10px 0}
.formInfo > section > *{float:left}
.formInfo > section time{float:right;padding:0 0 0 22px;margin:0 20px 15px;position:relative}
.formInfo > section time:before{background:url(../../img/opm-sprites.png) no-repeat -264px -1019px;width:16px;height:16px;content:'';position:absolute;top:1px;left:0}
.formInfo > section p{float:left;width:100%;color:#454545;padding:0 20px;margin:0 0 15px}
.formInfo > section p b{font-family:LatoBOld}
.formInfo > section p .sep{margin:0 5px}
.formInfo > section h3{background:#f5efcd;width:100%;font:15px BitterRegular;padding:10px 20px;margin:0 0 15px}
.formInfo > section p.hr{float:left;width:100%;padding:0 20px 15px;border-bottom:2px solid #fff09b}
.formInfo .txtInpSel{padding:8px 0 0}
.formInfo .txtInpSel > *{float:left;width:auto}
.formInfo .txtInpSel > p{padding:0 5px 0 45px !important;position:relative}
.formInfo .txtInpSel > p:before{background:url(../../img/opm-sprites.png) no-repeat -281px -1019px;width:21px;height:21px;content:'';position:absolute;top:-1px;left:20px}
.formInfo .txtInpSel > div{width:130px;position:relative;top:-7px}
.formInfo .txtInpSel input{background:#f0f0f0 !important;float:left;width:60px;height:33px;font:14px LatoRegular;text-align:center;padding:5px 8px;border:1px solid #dcdcdc;border-right:0;transition:all .3s ease}
.formInfo .txtInpSel input:focus,.formInfo .txtInpSel input:hover{background:#fbfbfb !important}
.formInfo .txtInpSel .selBox{float:left;width:70px}
.formInfo .opmBtn{float:right;margin:10px 20px 10px 10px}


.opmPopUp{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}
.opmPopUpTable{width:100%;height:100%;text-align:center;display:table}
.opmPopUpTableCell{width:auto;height:auto;vertical-align:middle;display:table-cell}
.opmPopUpContentHolder{background:#fff;min-width:700px;max-width:800px;height:auto;max-height:95%;margin:auto;display:block;overflow:auto}
.opmPopUpInnerContent{float:left;width:100%;max-width:100%;max-height:100%;text-align:left;padding:60px 0;position:relative;display:block;overflow:hidden}
.opmPopUpInnerContent > header{width:100%;height:60px;padding:20px 50px 20px 20px;border-bottom:1px solid #efefef;position:absolute;top:0;left:0;z-index:1}
.opmPopUpInnerContent > header .icon-remove{position:absolute;top:17px;right:12px}
.opmPopUpInnerContent > section{width:100%;height:auto;max-height:100%;padding:20px;overflow:auto;position:relative;z-index:0}
.opmPopUpInnerContent > footer{width:100%;height:60px;padding:10px 20px;border-top:1px solid #efefef;position:absolute;bottom:0;left:0;z-index:1}

.dataTable{max-width: 1000px}

.resposeAnimate{font:14px LatoLight;text-align:center}
.resposeAnimate > div{float:left;width:100%;height:auto}
.resposeAnimate > div > i{width:6px;height:6px;margin:5px;border-radius:50%;display:inline-block;position:relative}
.resposeAnimate > div > i:before,.resposeAnimate > div > i:after{background:#979ef5;width:6px;height:6px;content:'';border-radius:50%;display:block;position:absolute;top:0;left:0}
.resposeAnimate > div > i:after{background:#6670ec;animation:response 1s ease-out infinite}
@keyframes response{ 0%{transform:scale(0)} 100%{transform:scale(1)} }


.noHorizontalScroll .ui-jqgrid-bdiv{overflow-x:hidden !important}

.opmCheckBox + .hasHelpCard{margin:6px 0 0 5px}

.monitorSnapshotSlideIn .deviceSlideContent{top:85px !important}
.monitorSnapshotSlideIn .deviceSlideContent .deviceSlideContainer.deviceSlideContainer1,.monitorSnapshotSlideIn .deviceSlideContent .deviceSlideContainer.deviceSlideContainer1 .deviceInnerSlide-1{overflow:visible !important}
.monitorSnapshotSlideIn .deviceSlideContent .icon-remove.deviceSlideClose{display:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors #monitorActions{top:-85px;right:0 !important}
.monitorSnapshotSlideIn[class*=' deviceSlideDivIn-'] .deviceSnapshotMonitors #monitorActions{opacity:.7;filter:alpha(opacity=70);pointer-events:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title{top:0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .opmFormHolder{top:85px !important}
.monitorSnapshotSlideIn .deviceSlideContent.monitorGraph.deviceSlideDivIn-full{top:0 !important}
body.monitorSnapshotSlideIn .deviceSlideContent.snapshotMonitor.deviceSlideDivIn-full{background:#fff}
body.monitorSnapshotSlideIn .adminMonitors.deviceSnapshotMonitors .title{padding:0 30px !important}
body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-7'],body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-5'],body.monitorSnapshotSlideIn .deviceSlideContent[class*=' deviceSlideDivIn-3']{top:0 !important}

.opmAccListChk.type2{width:320px}
.opmAccListChk.type2 .opmAccListChk-srchOption{width:640px}
.opmAccListChk.type2 .opmAccListChk-srchOption input{width:320px !important}
.opmAccListChk.type2 .chkParentChild > .opmCheckBox > div{padding:0 50px 0 10px !important}
.opmAccListChk.type2 .chkParentChild > .opmCheckBox > div label > i.count{background:#f5e797;width:40px;height:25px;line-height:24px;color:#000;text-align:center;border-radius:4px;position:absolute;top:5px;right:5px;display:none}
.opmAccListChk .chkParentChild > .opmCheckBox > div label > i.count.active{display:block}
.opmAccListChk.type2 > ul > li{overflow:hidden}
.opmAccListChk.type2 > ul > li > ul{width:100%;left:320px}
.opmAccListChk.type2 > ul:after{right:-100%}

.BSHrsDiv .opmFormCol{width:auto !important}
.BSHrsDiv .opmFormCol > *{float:left}
.BSHrsDiv .opmFormCol > label{width:auto;padding:7px 5px 0 0}
.BSHrsDiv .opmFormCol > div{min-width:130px}
.BSHrsDiv .opmFormCol > div .selBox{width:75px}
.opmFormCol.BSHrsDiv > .opmFormRow > .opmFormCol + .opmFormCol{float:right !important;margin:0 0 0 4% !important}
.horizontalAcc{float:left;width:100%;height:auto}
.horizontalAccHdr{float:left;width:100%;color:#252525}
.horizontalAccHdr > div{background:#f9f9fb;float:left;min-width:150px;;width:auto;padding:2px 10px;border-bottom:2px solid #efefef;margin:0 0 1px;border-right:0;position:relative;cursor:pointer}
.horizontalAccHdr > div.active{border-color:#45bd7f}
.horizontalAccHdr > div .opmCheckBox label{cursor:pointer}
.horizontalAccContent{float:left;width:100%;padding:20px 0 0}
.horizontalAccContent > div:not(.active){display:none}
.opmFormTitle5{background:#fefbe8;width:100%;font-family:BitterRegular;padding:10px;border-bottom:1px solid #efefef;display:block}
.nfProfilePage .opmFormTitle5{width:98%;margin-top:15px}
.ticketConfigDiv{float:left;width:100%;max-width:700px;height:auto;border:1px solid #efefef;margin:0 0 20px}
.ticketConfigDiv .opmFormTitle5{background:#f9f9fa;width:100%;padding:10px 30px 10px 10px;margin:0;border:0;position:relative;cursor:pointer}
.ticketConfigDiv .opmFormTitle5:before{font-family:fontello;content:'\e8d2';position:absolute;top:11px;right:12px}
.ticketConfigDiv .opmFormTitle5.open:before{content:'\e8d1'}
.ticketConfigDiv .content{float:left;width:100%;padding:20px 20px 10px;border-top:border:1px solid #efefef}
.timeZone > label{float:left;width:auto;padding:8px 5px 0 0}
.timeZone > .selBox{float:right;min-width:240px}

.ticketViewStatusChkBox{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}

.ncmdiscoverysummary{background:#f7efc8;padding:10px 20px;margin-right:15px;}
.ncmdiscoverysummary #profileName{font-size:11pt;font-weight:bold;float:left}
.ncmdiscoverysummary .ncmdiscoverystatusdiv{width:auto;margin-left:30%;display:inline-block;}
.ncmdiscoverysummary .ncmdiscoverystatusdiv i{float:none;padding:0 5px;}
.ncmdiscoverysummary .ncmdiscoverystatusdiv i span{font-size:13pt;padding:0 3px;}
.ncmdiscoverysummary .progressBarNCM{float:right;}
.ncmdiscoverysummary .progressBarNCM #barid{margin-right:10px}
.ncmdiscoverysummary .progressBarNCM label{float:right}
.summary-ip-badge {background: #f0f0f0;padding: 4px 8px;border-radius: 2px;border: 1px solid #ddd;}
body.ie .licensePopup{display: block;}
body.ie .licensePopup__wrapper{margin:auto;top:75px;}
body.ie .licensePopup__wrapper .licensePopup__close .close-icon::after, body.ie .licensePopup__wrapper .licensePopup__close .close-icon::before{top: 7px;left: 12px;}
body.ie .licensePopup__wrapper .licensePopup__close .close-icon{display:block}
.licMgmtPage .licensePopup { position: inherit;height: 100%;}
.licensePopup { position: absolute; width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.licensePopup::before { content: ''; background-color: rgba(0, 0, 0, 0.35); display: block; width: 100%; height: 100%; z-index: 9998; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.licensePopup__wrapper { display: block; background-color: #fff; z-index: 9999; max-width: 950px; height: 530px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); border-radius: 15px; position: relative; }
.licensePopup__wrapper .licensePopup__close { position: absolute; right: 15px; top: 15px; width: 25px; height: 25px; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; z-index: 2; background-color: white; border-radius: 3px; }
.licensePopup__wrapper .licensePopup__close .close-icon {border-radius: 50%; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; cursor: pointer; contain: layout; display: -webkit-box; display: -ms-flexbox; display: flex; width: 25px; height: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 0; will-change: width; -webkit-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; }
.licensePopup__wrapper .licensePopup__close .close-icon::after, .licensePopup__wrapper .licensePopup__close .close-icon::before { content: ''; width: 1px; height: 20px; background-color: #7d7d7d; display: block; contain: style; position: absolute; }
.licensePopup__wrapper .licensePopup__close .close-icon::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; }
.licensePopup__wrapper .licensePopup__close .close-menu { display: none; padding: 25px 0 3px; text-align: right; border: 1px solid #fff; }
.licensePopup__wrapper .licensePopup__close .close-menu > li { border-top: 1px solid #f0f0f0; }
.licensePopup__wrapper .licensePopup__close .close-menu > li > a { padding: 7px 10px; display: block; color: #444; background-color: #fff; }
.licensePopup__wrapper .licensePopup__close .close-menu > li > a:active, .licensePopup__wrapper .licensePopup__close .close-menu > li > a:focus, .licensePopup__wrapper .licensePopup__close .close-menu > li > a:hover { color: #000; background-color: #f5f5f5; }
.licensePopup__wrapper .licensePopup__close .close-menu > li > a:visited { color: unset; }
.licensePopup__wrapper .licensePopup__close:hover { width: auto; height: auto; }
.licensePopup__wrapper .licensePopup__close:hover .close-menu { display: block; border: 1px solid #f0f0f0; border-radius: 3px; }
.licensePopup__wrapper .licensePopup__close:hover .close-icon { background: transparent; cursor: default; }
.licensePopup__wrapper .licensePopup__license { padding: 50px 30px 10px; height: 100%; width: calc(100% - 370px); background-color: white; border-radius: 0 15px 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.licensePopup__wrapper .licensePopup__license .grid-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.licensePopup__wrapper .licensePopup__license img { display: block; margin: 10px auto 2px; }
.licensePopup__wrapper .licensePopup__license .licensePopup__heading { font-size: 16px; margin-top: 15px; font-family: LatoBold; font-weight: bold; }
.licensePopup__wrapper .licensePopup__detail { height: 100%; width: 370px; padding: 20px 20px 60px; overflow: auto; background-color: #f5f5f5; border-radius: 15px 0 0 15px; }
.licensePopup__wrapper .licensePopup__detail .licensePopup__detail__list { padding: 10px; }
.licensePopup__wrapper .licensePopup__detail .detail-list { border-bottom-width: 0; font-size: 11px; }
.licensePopup__wrapper .licensePopup__detail .detail-list dd, .licensePopup__wrapper .licensePopup__detail .detail-list dt { margin-bottom: 0; }
.licensePopup__wrapper .licensePopup__detail .detail-list dt {width: 155px;color: #7d7d7d;font-family: LatoBold;font-weight: 700;}
.licensePopup__wrapper .licensePopup__detail .detail-list dt strong { color: #000; }
.licensePopup__wrapper .licensePopup__detail .detail-list dd {width: calc(100% - 165px);margin-left: 15px;}
.licensePopup__wrapper .licensePopup__detail .detail-list dd strong { color: #000; font-family: LatoBold; font-weight: 700; }
.licensePopup__wrapper .licensePopup__detail .detail-list dd::before + strong { display: none; }
.licensePopup__wrapper .licensePopup__detail .detail-list dd::before { left: -10px; }
.detail-list.detail-list-title dd::before {display:none}
.licensePopup__wrapper .email_input { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.licensePopup__wrapper .email_input input { padding: 7px; border: 1px solid #d4d4d4; outline: none; width: 280px; height: 37px; }
.licensePopup__wrapper .email_input input:focus, .licensePopup__wrapper .email_input input:hover { border-color: #27a965; }
.licensePopup__wrapper .email_input button { float: none; margin: 0; height: 37px; }
.licensePopup__wrapper .licensePopup__content p { line-height: 1.6; font-size: 13px; }
.licensePopup__wrapper .licensePopup__content p.content_msg { margin-top: 10px; line-height: 1.8; color: #2e2e2e; }
.licensePopup__wrapper .licensePopup__content p.center { text-align: center; }
.licensePopup__wrapper .licensePopup__content p .email { font-family: LatoBold; font-weight: 700; color: #27a965; display: inline-block; margin: 5px 0; font-size: 22px; overflow: hidden; width: 100%; text-overflow: ellipsis; }
.licensePopup__wrapper .licensePopup__content p small { color: #7d7d7d; }
.licensePopup__wrapper .licensePopup__content p b, .licensePopup__wrapper .licensePopup__content p strong { font-family: LatoBold; font-weight: 700; }
.licensePopup__expiry {position: absolute;z-index: 1;width: 370px;bottom: 0;left: 0;text-align: center;background: #e2e2e2;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: space-between;font-size: 12px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 0 0 0 15px;font-weight: 700;font-family: LatoBold;flex-wrap: wrap;padding: 4px 12px;gap: 3px;}

.reportProfileRow{width:700px}
.textSelBox.nTextInput input{float:none !important;min-width:auto !important;width:50px !important;border-radius:3px}
.textSelBox.reportProfileRow .selBox{position:relative;top:10px}
.textSelBox.reportProfileRow .selBox > div,.textSelBox.reportProfileRow .selBox > div .select2-container,.textSelBox.reportProfileRow .selBox > div .select2-container .selection,.textSelBox.reportProfileRow .selBox > div .select2-container .selection .select2-selection,.textSelBox.reportProfileRow .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:33px}
.textSelBox.reportProfileRow .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{line-height:25px}
.latotitle{font-family:LatoBold !important;font-size: 16px;}

.columnChooserBtn{padding:10px 0 0}
.columnChooserBtn > span{display:none}

.firewallGraphReports .slideContentContainer > div > section{top:0}
.firewallGraphReports .slideContentContainer > div > section .slideContHolder{float:left;width:100%;height:100%;margin-top:10px;position:relative}
.firewallGraphReports .slideContHolder > header{width:auto;height:50px;padding:10px 30px;position:absolute;top:0;right:0;left:220px;z-index:1;background:#f9f9fb}
.firewallGraphReports .slideContHolder > header i.icon-remove{top:13px}
.firewallGraphReports .slideContHolder > header .opmBtnHldr{font:14px LatoRegular;margin:3px 30px 0 0}
.firewallGraphReports .slideContHolder > aside{background:#fff;width:220px;height:auto;box-shadow:inset 0 0 8px rgba(0,0,0,.1);position:absolute;top:0;bottom:0;left:0}
.firewallGraphReports .slideContHolder > aside > h4{background:#f9f9fb;float:left;width:100%;height:50px;line-height:32px;padding:10px 20px 5px}
.firewallGraphReports .slideContHolder > aside > h4 > span{float:left;padding:0 10px 0 0;cursor:pointer}
.firewallGraphReports .slideContHolder > aside > h4 i.opm_backIcon{float:left;position:relative;top:0;left:0;display:inline-block}
.firewallGraphReports .slideContHolder > aside ul{position:absolute;top:50px;right:0;bottom:0;left:0;overflow:auto}
.firewallGraphReports .slideContHolder > aside ul li{float:left;width:100%;height:auto;font:14px LatoRegular;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
.firewallGraphReports .slideContHolder > aside ul li a{color:#3c3c3c;padding:8px 20px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.firewallGraphReports .slideContHolder > aside ul li a:hover,.firewallGraphReports .slideContHolder > aside ul li a.active{background:#f1f1f3;font-family:LatoRegular;color:#000;cursor:default}
.firewallGraphReports .slideContHolder > aside ul li:hover a,.firewallGraphReports .slideContHolder > aside ul li.active:hover a{cursor:default}
.firewallGraphReports .slideContHolder > aside ul li:hover a{cursor:pointer}
.firewallGraphReports .slideContHolder > section{width:auto;height:auto;padding:0 30px 30px;top:60px;right:0;bottom:0;left:220px;overflow:auto}
.firewallGraphReports .slideContHolder > section > label:first-child{font-size:15px}
.firewallGraphReports .slideContHolder > section > label:nth-child(2){font-size:13px;color:#8A8A8A}

.fwaPdfWidgetSelection ul li{padding:3px 0}
.fwaPdfWidgetSelection ul li > div:first-child{padding:0}
.fwaPdfWidgetSelection ul li:first-child > div{font:13px/28px LatoBold}
.fwaPdfWidgetSelection ul li > div:last-child{display:none}
.fwaPdfWidgetSelection ul li label:before{width:15px;height:15px;border-radius:3px}
.fwaPdfWidgetSelection ul li input:checked + label:after{top:15px;left:9px}
.fwaPdfWidgetSelection ul li div{min-width:30px;min-height:25px;padding:0 0 0 30px}
.fwaPdfWidgetSelection ul li div.opmCheckBox{padding:0}
.fwaPdfWidgetSelection ul li input{height:100%}
.fwaPdfWidgetSelection ul li label{line-height:27px}
.fwaPdfWidgetSelection ul li input{width:21px;height:21px;left:5px;top:4px}


.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-first{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px;transform:rotate(-180deg)}
.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-prev{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px;transform:rotate(-180deg)}
.ui-jqgrid-pager .ui-icon.ui-icon-newwin,#opm_srchPager_left .ui-icon.ui-icon-newwin{background:url(../../img/opm-sprites.png) no-repeat -276px -1058px;width:14px !important;height:16px}
.ui-jqgrid-pager .ui-icon.ui-icon-document,#opm_srchPager_left .ui-icon.ui-icon-document{background:url(../../img/opm-sprites.png) no-repeat -261px -1058px;width:16px !important;height:16px}

.statusInfoDiv > div{float:left;margin:10px 20px 0 0}
.statusInfoDiv > div > i{position:relative;top:-1px}
.opmCheckBox.compact > div { min-width: 22px; min-height: 22px; padding-left: 30px; }
.opmCheckBox.compact label { line-height: 22px; }
.opmCheckBox.compact label::before { top: 0; left: 0; }
.opmCheckBox.compact label::after { top: 11px; left: 5px; }

.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-next{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px}
.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-end{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px}
.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-search,#opm_srchPager_left .ui-icon.ui-icon-search{background:url(../../img/opm-sprites.png) no-repeat -289px -1058px;width:16px !important;height:16px}
.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-newwin,#opm_srchPager_left .ui-icon.ui-icon-newwin{background:url(../../img/opm-sprites.png) no-repeat -276px -1058px;width:14px !important;height:16px}
.opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-document,#opm_srchPager_left .ui-icon.ui-icon-document{background:url(../../img/opm-sprites.png) no-repeat -261px -1058px;width:16px !important;height:16px}
.opm_jqGridUI .ui-state-hover{background:none;border:0}
.opm_jqGridUI .ui-jqgrid .ui-pg-button:hover{padding:1px}
.opm_jqGridUI .ui-icon-arrowthickstop-1-e{background:url(../../img/opm-sprites.png) no-repeat -344px -1072px;width:16px;height:16px}
.opm_jqGridUI .ui-icon-document{background:url(../../img/opm-sprites.png) no-repeat -330px -1072px;width:14px;height:17px}
.opm_jqGridUI .ui-icon-extlink{background:url(../../img/opm-sprites.png) no-repeat -303px -1072px;width:14px;height:17px}
.opm_jqGridUI .ui-icon-trash{background:url(../../img/opm-sprites.png) no-repeat -288px -1073px;width:16px !important;height:16px}

.workflowTaskSymbol{text-align:center;background:-webkit-linear-gradient(top,#fff,#f8fffc) !important;background:-moz-linear-gradient(top,#fff,#f8fffc) !important;background:-ms-linear-gradient(top,#fff,#f8fffc) !important;background:-o-linear-gradient(top,#fff,#f8fffc) !important}
.workflowTaskSymbol > img{width:auto !important;height:auto !important;margin:2px 0 0 !important;display:inline}
.workflowTaskSymbol > img.rotationDiv45Right{margin:-8px 0 0 -9px !important}

.reportGraph .title {
    font: 20px BitterRegular;
    padding: 0 0 10px;
    border-bottom: 1px solid #efefef;
    position: absolute;
    top: 15px;
    right: 30px;
    left: 30px;
    z-index: 1;
}

.reportGraph .opmFormHolder {
	    padding: 10px 0 30px;
	    position: absolute;
	    top: 55px;
	    left: 30px;
	    bottom: 0;
	    right: 0;
	    overflow: auto;
}
.opmWorkFlowIcon span.workflowTaskSymbol{width:30px;height:30px;border:0;transform:scale(.8);left:-4px}
.opmWorkFlowIcon span.workflowTaskSymbol.delay_execution{background:url(../../img/workflow/delay_execution.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.resolve_dns{background:url(../../img/workflow/resolve_dns.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ping_device{background:url(../../img/workflow/ping_device.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.trace_route{background:url(../../img/workflow/trace_route.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ping_device1{background:url(../../img/workflow/delay_execution.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.list_all_process{background:url(../../img/workflow/list_all_process.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.top_cpu_usage{background:url(../../img/workflow/top_cpu_usage.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.top_memory_usage{background:url(../../img/workflow/top_memory_usage.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.start_an_application{background:url(../../img/workflow/start_an_application.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.stop_process{background:url(../../img/workflow/stop_process.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.test_a_process{background:url(../../img/workflow/test_a_process.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.check_url{background:url(../../img/workflow/check_url.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ftp_delete_file{background:url(../../img/workflow/ftp_delete_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ftp_move_files{background:url(../../img/workflow/ftp_move_files.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ftp_rename_file{background:url(../../img/workflow/ftp_rename_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.upload_file{background:url(../../img/workflow/upload_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.post_data{background:url(../../img/workflow/post_data.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.power_off{background:url(../../img/workflow/power_off.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.power_on{background:url(../../img/workflow/power_on.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.reboot_guest{background:url(../../img/workflow/reboot_guest.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.vmware_datastore_refresh{background:url(../../img/workflow/vmware_datastore_refresh.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.reset_vm{background:url(../../img/workflow/reset_vm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.shutdown_guest{background:url(../../img/workflow/shutdown_guest.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.take_snapshot{background:url(../../img/workflow/take_snapshot.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.standby_guest{background:url(../../img/workflow/standby_guest.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.suspend{background:url(../../img/workflow/suspend.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.acknowledge_alarm{background:url(../../img/workflow/acknowledge_alarm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.add_alarm_note{background:url(../../img/workflow/add_alarm_note.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.poll_now{background:url(../../img/workflow/poll_now.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.clear_alarm{background:url(../../img/workflow/clear_alarm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.delete_alarm{background:url(../../img/workflow/delete_alarm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.exit_maintenance{background:url(../../img/workflow/exit_maintenance.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.generate_alarm{background:url(../../img/workflow/generate_alarm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.enter_maintenance{background:url(../../img/workflow/enter_maintenance.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.rediscover_device{background:url(../../img/workflow/rediscover_device.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.unacknowledge_alarm{background:url(../../img/workflow/unacknowledge_alarm.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.execute_another_act{background:url(../../img/workflow/execute_another_act.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.execute_script{background:url(../../img/workflow/execute_script.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.log_a_ticket_remedy{background:url(../../img/workflow/log_a_ticket_remedy.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.slack_chat{background:url(../../img/workflow/slack_chat.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.log_a_ticket_sdp{background:url(../../img/workflow/log_a_ticket_sdp.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.send_email{background:url(../../img/workflow/send_email.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.send_sms{background:url(../../img/workflow/send_sms.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ncm_trigger_backup{background:url(../../img/workflow/ncm_trigger_backup.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ncm_execute_command{background:url(../../img/workflow/ncm_execute_command.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ncm_execute_template{background:url(../../img/workflow/ncm_execute_template.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.ncm_get_config_diff{background:url(../../img/workflow/ncm_get_config_diff.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.list_active_services{background:url(../../img/workflow/list_active_services.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.pause_a_service{background:url(../../img/workflow/pause_a_service.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.restart_service{background:url(../../img/workflow/restart_service.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.resume_service{background:url(../../img/workflow/resume_service.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.start_a_service{background:url(../../img/workflow/start_a_service.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.stop_a_service{background:url(../../img/workflow/stop_a_service.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.test_a_service{background:url(../../img/workflow/test_a_service.png) no-repeat 0 0 !important}

.opmWorkFlowIcon span.workflowTaskSymbol.reboot_system{background:url(../../img/workflow/reboot_system.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.shut_down_system{background:url(../../img/workflow/shut_down_system.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.disk_read{background:url(../../img/workflow/disk_read.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.disk_write{background:url(../../img/workflow/disk_write.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.check_file{background:url(../../img/workflow/check_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.compress_file{background:url(../../img/workflow/compress_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.compress_older_file{background:url(../../img/workflow/compress_older_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.copy_file{background:url(../../img/workflow/copy_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.delete_file{background:url(../../img/workflow/delete_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.delete_older_file{background:url(../../img/workflow/delete_older_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.check_file_size{background:url(../../img/workflow/check_file_size.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.move_file{background:url(../../img/workflow/move_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.move_older_file{background:url(../../img/workflow/move_older_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.rename_file{background:url(../../img/workflow/rename_file.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.uncompress_file{background:url(../../img/workflow/uncompress_file.png) no-repeat 0 0 !important}

.opmWorkFlowIcon span.workflowTaskSymbol.check_drive_space{background:url(../../img/workflow/check_drive_space.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.check_folder_exist{background:url(../../img/workflow/check_folder_exist.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.compress_folder{background:url(../../img/workflow/compress_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.copy_folder{background:url(../../img/workflow/copy_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.create_folder{background:url(../../img/workflow/create_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.delete_folder{background:url(../../img/workflow/delete_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.check_folder_size{background:url(../../img/workflow/check_folder_size.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.list_files{background:url(../../img/workflow/list_files.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.move_folder{background:url(../../img/workflow/move_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.rename_folder{background:url(../../img/workflow/rename_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.uncompress_folder{background:url(../../img/workflow/uncompress_folder.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.send_msg{background:url(../../img/workflow/send_popup_message.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.alarm_suppression{background:url(../../img/workflow/alarm_suppression.png) no-repeat 0 0 !important}

.opmWorkFlowIcon span.workflowTaskSymbol.wake_on_lan{background:url(../../img/workflow/wake_on_lan.png) no-repeat 0 0 !important}
.opmWorkFlowIcon span.workflowTaskSymbol.disalbe_ports{background:url(../../img/workflow/disalbe_ports.png) no-repeat 0 0 !important}

/*components css start*/
/*Tab CSS Start*/
.tab1{width:100%;float:left;max-width:600px;margin-bottom:20px}
.tab1.width650{max-width:650px}
.tab1.small{max-width:550px}
.tab1.full{max-width:100%}
.tab1.tab1-sm.style2 > ul > li, .tab1.tab1-sm.style2 > ul > div{padding:0 13px;line-height:40px}
.tab1.tab1-sm.style2 > ul > li.active:before, .tab1.tab1-sm.style2 > ul > div.active:before{height:3px}
.tab1.tab1-sm.style2 > ul > li.toolset .icons, .tab1.tab1-sm.style2 > ul > div.toolset .icons{height:40px}
.tab1.tab1-sm.style2 > ul > li.toolset .icons.close, .tab1.tab1-sm.style2 > ul > div.toolset .icons.close{vertical-align:middle;position:relative}
.tab1.tab1-sm.style2 > ul > li.toolset .icons.close > i, .tab1.tab1-sm.style2 > ul > div.toolset .icons.close > i{display:flex;justify-content:center;align-items:center}
.tab1.tab1-sm.style2 > ul > li.toolset .icons i:before, .tab1.tab1-sm.style2 > ul > div.toolset .icons i:before{transform:scale(0.9)}
.tab1.tab1-sm.style2 > ul > li .badge, .tab1.tab1-sm.style2 > ul > div .badge{margin:5px 0 5px 10px}
.tab1.tab1-sm .tab1Content{padding-top:25px;padding-bottom:25px}
.tab1.discoveryTab .tab1Content{padding:30px}
.tab1.tab-justified > ul{padding:0;display:flex;clear:both;flex-flow:row;align-items:stretch}
.tab1.tab-justified > ul > li{flex:1 1 auto;text-align:center}
.tab1.tab-justified > ul > li:nth-last-child(1){border-right-color:transparent}
.tab1.tab-verticle{display:flex;align-items:flex-start}
.tab1.tab-verticle.fixed-height{position:relative;margin-top:15px}
.tab1.tab-verticle.fixed-height > ul{overflow-y:auto;height:377px}
.tab1.tab-verticle.fixed-height .tab1Content{height:377px}
.tab1.tab-verticle.fixed-height .scrolldown, .tab1.tab-verticle.fixed-height .scrollup{position:absolute;width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid #e2e2e2;display:flex;justify-content:center;align-items:center;background-color:#fff}
.tab1.tab-verticle.fixed-height .scrolldown i:before, .tab1.tab-verticle.fixed-height .scrollup i:before{line-height:1}
.tab1.tab-verticle.fixed-height .scrolldown{bottom:-13px;left:75px}
.tab1.tab-verticle.fixed-height .scrollup{display:none;top:-13px;left:75px}
.tab1.tab-verticle > ul{flex:0 0 180px;width:180px;word-break:break-all;border-right:0}
.tab1.tab-verticle > ul > li{width:100%;word-break:break-all;line-height:1.6;padding:15px 20px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2}
.tab1.tab-verticle > ul > li:first-child{border-top:0}
.tab1.tab-verticle > ul > li.active:before{top:0;height:100%;width:5px}
.tab1.tab-verticle > .tab1Content{flex:1;margin-top:0;border-left:0}
.tab1 > ul{margin:0;padding:0;background:#f0f0f0;width:100%;float:left;border:1px solid #e2e2e2}
.tab1 > ul > li, .tab1 > ul > div{list-style:none;float:left;padding:0 25px;background:#f0f0f0;line-height:50px;border-right:1px solid #e2e2e2;cursor:pointer}
.tab1 > ul > li.active, .tab1 > ul > div.active{background:#fff;position:relative}
.tab1 > ul > li.active:before, .tab1 > ul > div.active:before{top:-1px;left:-1px;content:"";width:calc(100% + 2px);height:2px;background:#27a965;position:absolute}
.tab1 > ul > li.active:after, .tab1 > ul > div.active:after{bottom:-1px;left:0;content:"";width:100%;height:5px;background:#fff;position:absolute}
.tab1 .tab1Content{width:100%;float:left;padding:30px 50px;border:1px solid #e2e2e2;margin-top:-1px;display:none;overflow:auto}
.tab1 .tab1Content.active{display:block}
.tab1 .tab1Content.p25{padding:25px}
.tab1 .tab1Content p{color:#7d7d7d;margin-bottom:20px}
.tab1.style1 > ul{background:#fff;border-top:0;border-left:0;padding-left:30px}
.tab1.style1 > ul > li, .tab1.style1 > ul > div{background:#f0f0f0;border-top:1px solid #d4d4d4}
.tab1.style1 > ul > li:first-child, .tab1.style1 > ul > div:first-child{border-left:1px solid #d4d4d4}
.tab1.style1 > ul > li.active, .tab1.style1 > ul > div.active{background:#fff}
.tab1.style1 .tab1Content{border:0;padding:30px}
.tab1.style2 > ul{background:#ffffff}
.tab1.style2 > ul > li, .tab1.style2 > ul > div{background:#ffffff;padding-left:18px;padding-right:18px}
.tab1.style2 > ul > li .badge, .tab1.style2 > ul > div .badge{display:inline-block;background:#e2e2e2;margin:10px 0 10px 10px;line-height:1;font-size:12px;border-radius:15px;padding:3px 7px}
.tab1.style2 > ul > li.active .badge, .tab1.style2 > ul > div.active .badge{background:#27a965;color:#fff}
.tab1.style2 > ul > li.active:after, .tab1.style2 > ul > div.active:after{background:transparent}
.tab1.style2 > ul > li.toolSet, .tab1.style2 > ul > div.toolSet{float:right;border-right-width:0;border-left:1px solid #e2e2e2;cursor:pointer;display:table-cell}
.tab1.style2 > ul > li.toolSet .icons, .tab1.style2 > ul > div.toolSet .icons{display:inline-flex;align-items:center;height:50px}
.tab1.style2 > ul > li.toolSet .icons i, .tab1.style2 > ul > div.toolSet .icons i{cursor:pointer;display:table-cell;margin-right:10px;max-width:27px}
.tab1.style2 > ul > li.toolSet .icons i:last-child, .tab1.style2 > ul > div.toolSet .icons i:last-child{margin-right:0}
.tab1.style2 > ul > li.toolSet .icons i:before, .tab1.style2 > ul > div.toolSet .icons i:before{vertical-align:middle;top:unset !important;position:unset;display:inline-block}
.tab1.style2 > ul > li.toolSet i, .tab1.style2 > ul > div.toolSet i{content:'';display:inline-block;vertical-align:middle;margin-right:10px;line-height:1;font-size:16px}
.tab1.style2 > ul > li.toolSet .icon-column-choose, .tab1.style2 > ul > div.toolSet .icon-column-choose{background:url("../../img/opm-sprites.png") no-repeat -110px -1435px;width:24px;height:24px;transform:scale(0.8)}
.tab1.style2 > ul > li.toolSet .iconsearch, .tab1.style2 > ul > div.toolSet .iconsearch{background:url("../../img/opm-sprites.png") no-repeat -86px -1438px;width:17px;height:16px}
.tab1.style2 > ul > li.button, .tab1.style2 > ul > div.button{float:right;border-right-width:0;border-left:0;cursor:pointer;padding-left:20px;padding-right:20px;background:#27a965;color:#fff}
.tab1.style2 > ul > li.button:hover, .tab1.style2 > ul > div.button:hover{background:rgba(39, 169, 101, 0.9)}
.tab1.style2 .tab1Content.active{border-color:transparent;padding-left:0;padding-right:0}
.tabStatic{width:100%;float:left;height:50px;z-index:2;position:relative;border-bottom:1px solid #e2e2e2;margin-bottom:30px}
.tabStatic:before{position:absolute;bottom:-01px;left:-30px;width:30px;height:1px;border-bottom:1px solid #e2e2e2;content:""}
.tabStatic ul{margin:0;padding:0}
.tabStatic li{list-style:none;float:left;padding:0 25px;background:#f0f0f0;line-height:48px;border:1px solid #e2e2e2;border-right:0;cursor:pointer}
.tabStatic li.active{background:#fff;position:relative}
/*.tabStatic li.active:before{top:-1px;left:0px;content:"";width:100%;height:5px;background:#45bd7f;position:absolute}*/
.tabStatic li.active:after{bottom: -2px;left:0px;content:"";width:100%;height: 2px;background:#fff;position:absolute}
.tabStatic li:last-of-type{border-right:1px solid #e2e2e2}
.tabStatic.authenticationTab>a{float:left;padding:0 25px;background:#f0f0f0;line-height:48px;border:1px solid #e2e2e2;border-right:0;cursor:pointer;color:#000;width:auto;border-bottom:0}
.tabStatic.authenticationTab>a:last-child{border-right:1px solid #e2e2e2}
.tabStatic.authenticationTab>a.active{background:#fff;position:relative}
.tabStatic.authenticationTab>a.active:before{top:-1px;left:0px;content:"";width:100%;height:2px;background:#45bd7f;position:absolute}
.tabStatic.authenticationTab>a.active:after{bottom:-1px;left:0px;content:"";width:100%;height:1px;background:#fff;position:absolute}

.tabStatic.anchorLink>a{float:left;padding:0 25px;background:#f0f0f0;line-height:48px;border:1px solid #e2e2e2;border-right:0;cursor:pointer;color:#000;width:auto;border-bottom:0}
.tabStatic.anchorLink>a:last-child{border-right:1px solid #e2e2e2}
.tabStatic.anchorLink>a.active{background:#fff;position:relative}
.tabStatic.anchorLink>a.active:before{top:-1px;left:0px;content:"";width:100%;height:2px;background:#45bd7f;position:absolute}
.tabStatic.anchorLink>a.active:after{bottom:-1px;left:0px;content:"";width:100%;height:1px;background:#fff;position:absolute}

.tabStatic__fixedTop{top:60px;position:absolute;left:30px;right:0;width:auto}
.tabStatic__fixedTop + .opmFormHolder{top:110px !important;padding:30px 0 30px !important;padding-left:30px !important}
.tabStatic__fixedTop .opmBtnHldrTop{top:0;right:30px}
.tabStatic__fixedTop + .opmFormHolder.pLeft0{padding-left: 00px !important}
.tabStatic__disableNav li{color:#e2e2e2;cursor:not-allowed}
.tabStatic__disableNav li.active{color:#212121;cursor:pointer}
.tabStatic.withTitleDesc{top:80px}
.tabStatic.withTitleDesc+.opmFormHolder{top:130px!important}
.title.withTab{border-bottom-width:0 !important;margin-left:10px}
.tab-block.style2.extend > *:nth-child(2){margin-left:30px}
.tab-block.style2 .tabContent{border-width:0;border-top-width:1px;position:relative;max-height:unset;height:auto;padding:0}
.tab-block.style2 .tabContent small{display:block;margin:15px 0 0;color:#7d7d7d}
.tab-block.style2 .tabContent::before{display:inline-block;content:'';position:absolute;left:-30px;top:-1px;height:1px;width:30px;background-color:#d4d4d4}
.tab-block.style2 > *:nth-child(2){margin-left:10px}
.tab-block.tab-justified{display:flex;clear:both;flex-flow:row wrap;align-items:stretch}
.tab-block.tab-justified .tabContent{-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%}
.tab-block.tab-justified .tabLabel{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.tab-block .tabContent{display:none;padding:20px 0 0;max-height:300px;height:300px;border:1px solid #d4d4d4;padding:35px;clear:both;width:100%}
.tab-block .tabInput{display:none}
.tab-block .tabInput:checked + .tabLabel{color:#000;border-top:1px solid #27a965;background-color:#fff;border-bottom:1px solid #fff}
.tab-block .tabInput:checked + .tabLabel::after{content:'';display:block;background:#27a965;width:100%;height:2px;position:absolute;top:0}
.tab-block .tabInput[id*='1']:checked ~ .tabContent[id*='1']{display:block}
.tab-block .tabInput[id*='2']:checked ~ .tabContent[id*='2']{display:block}
.tab-block .tabInput[id*='3']:checked ~ .tabContent[id*='3']{display:block}
.tab-block .tabInput[id*='4']:checked ~ .tabContent[id*='4']{display:block}
.tab-block .tabInput[id*='5']:checked ~ .tabContent[id*='5']{display:block}
.tab-block .tabInput[id*='6']:checked ~ .tabContent[id*='6']{display:block}
.tab-block .tabInput[id*='7']:checked ~ .tabContent[id*='7']{display:block}
.tab-block .tabLabel{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;cursor:pointer;margin:0 0 -1px;padding:15px 25px;float:left;z-index:1;height:55px;font-weight:600;text-align:center;color:#000;border:1px solid #d4d4d4;border-left-width:0;border-top:1px outset #d4d4d4;background-color:#f0f0f0}
.tab-block .tabLabel.disable{cursor:not-allowed;background: #fafafa;color: #999;}
.tab-block > *:nth-child(2){border-left-width:1px}
.tab1 > ul > li.moreTab:hover{position:relative}
.tab1 > ul > li.moreTab ul{display:none;position:absolute;max-height: 350px;overflow-y:auto;width: max-content;border: 1px solid #eee;left: 0;z-index:1;}
.tab1 > ul > li.moreTab:hover ul{display:block}
.tab1 > ul > li.moreTab ul li{padding: 0 6px;border-bottom:1px solid rgba(0,0,0,0.2);background-color:#fff}
.tab1 > ul > li.moreTab ul li:hover{background-color:#f3f2bf}
/*Tab CSS End*/

.opmFormRow .btnClose{float:right; position:relative; background:#f34848; color:#fff; width:33px; min-width:33px; padding:0; height:33px; border-radius:50%; text-align:center; cursor:pointer}
.opmFormRow .btnClose:after{content:"+"; font-size:20px; left:11px; top:4px; position:absolute; transform:rotate(45deg)}
.opmFormRow.column3 .opmFormCol.coll-3-2 {width: 65.4%;}
.opmFormRow.column3 .opmFormCol.coll25p{width:23%; margin:0 0 0 3%}
.opmFormRow.column3 .opmFormCol.coll25p:first-child{margin-left:0}
.opmFormRow.column3 .opmFormCol.coll50p{width:48%; margin:0 0 0 3%}
.opmFormRow.column3 .opmFormCol.coll100p{width: 100%;}
.opmFormRow .btnArrow:before{content:"";left:13px;top:47%;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;transform:rotate(45deg) translateY(-50%)}
.opmFormRow .btnClose{float:right;position:relative;background:#f34848;color:#fff;width:33px;min-width:33px;padding:0;height:33px;border-radius:50%;text-align:center;cursor:pointer}
.opmFormRow .btnClose:after{content:"+";font-size:20px;left:11px;top:4px;position:absolute;transform:rotate(45deg)}
.opmFormRow.column3 .opmFormCol.coll-3-2{width:65.4%}
.opmFormRow.column4 .opmFormCol{width:22%}
.opmFormRow.column4 .opmFormCol.width50p{width:74%}
.opmFormRow.column4 .opmFormCol.width35p{width:35%}
.opmFormRow.column4 .opmFormCol.width70p{width:70%}
.opmFormRow.column4 .opmFormCol.width30p{width:30%}
.opmFormRow.column4 .opmFormCol.width40p{width:40%}
.opmFormRow.validateMsg .loadingDots{line-height:6px;margin-left:5px}
.opmFormRow.validateMsg .loadingDots i{font-size:0;width:5px;height:5px;display:inline-block;background:#999a99;margin:0 1px;border-radius:50%}
.opmFormRow.validateMsg .loadingDotsOne{animation:loadingDotsOne 3s infinite}
.opmFormRow.validateMsg .loadingDotsTwo{animation:loadingDotsTwo 3s infinite}
.opmFormRow.validateMsg .loadingDotsThree{animation:loadingDotsThree 3s infinite}
.opmFormRow.validateMsg .loadingDotsFour{animation:loadingDotsFour 3s infinite}
.select2-container .select2-dropdown{min-width:10px !important}
/* Table new theme CSS starts*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr{border-bottom:1px solid #e2e2e2}
/*div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd){background:transparent !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd) td{background:transparent !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd):hover{background:#fffcf1 !important}*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th{padding:4px 10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th{padding:4px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:4px 15px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"]{width:15px;height:15px;z-index:1;position:relative;opacity:0;margin:0;left:1px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span{display:block !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span:before{background:#fff;border:1px solid #d4d4d4;width:15px;height:15px;left:0;top:0;content:"";position:absolute}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span > span{display:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"]:checked + span:after{width:3px;height:7px;left:6px;top:3px;content:"";border-right:2px solid #27a965;border-bottom:2px solid #27a965;position:absolute;transform:rotate(45deg)}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]{width:15px;height:15px;z-index:1;position:relative;opacity:0;margin:0;left:1px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"] + i{width:15px; height:15px; position:absolute; display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"] + i:before{background:#fff;border:1px solid #d4d4d4;width:15px;height:15px;left:-3px;top:-18px;content:"";position:absolute}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]:checked + i{width:15px; height:15px; position:absolute; display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]:checked + i:after{width:3px;height:7px;left:3px;top:-15px;content:"";border-right:2px solid #27a965;border-bottom:2px solid #27a965;position:absolute;transform:rotate(45deg)}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view{border:1px solid #e2e2e2 !important;width:calc(100% + 2px) !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:0 solid #e2e2e2 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable{border:0 !important}
body.firefox div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border-bottom:0px solid #e3e3e3 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th{background:#f4f5f6 !important; padding:10px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:first-child .ui-jqgrid-sortable .s-ico, div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:nth-child(2) .ui-jqgrid-sortable .s-ico{visibility:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th{background:#f4f5f6 !important; padding:5px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th div{padding:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th div input[type="text"]{padding:0 5px !important;margin:0;height: auto;padding:0 10px;width:100% !important;font-family:latoRegular;font-size:14px;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th:first-child .ui-jqgrid-sortable .s-ico, div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th:nth-child(2) .ui-jqgrid-sortable .s-ico{visibility:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{border:0 !important;overflow:visible}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.alterTheme > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{border:0 !important;overflow:auto}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{width:100%;border:0 solid #e2e2e2 !important;border-top-width:1px !important;overflow:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{border:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:10px 15px !important;line-height:1.6 !important;vertical-align:top}
body.firefox div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:10px 12px !important;line-height:1.6 !important;vertical-align:top}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-hdiv .ui-jqgrid-hbox table{border-top:0;border:1px solid rgba(212, 212, 212, 0.5);display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-hdiv table thead{background:#f4f4f6}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-bdiv table{border:1px solid rgba(212, 212, 212, 0.5);border-top:0;display:block;margin:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-bdiv table.ui-jqgrid-btable.gridnodata{padding:15px 0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgcollapsed a > .ui-icon{margin-left:-5px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgexpanded a > .ui-icon{margin-left:-5px}
/*div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd){background:#fafafa !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd):hover{background:#fffcf1 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:hover{background:#fffcf1}*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv a{text-decoration:underline}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv a:hover{text-decoration:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager{background:#f4f5f6 !important;height:auto;border:1px solid #e2e2e2 !important;border-top:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table{height:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td{padding-top:2px !important;padding-bottom:0 !important;white-space:unset !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td:last-child{padding-top:4px !important;padding-right:10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.fixedHeight .ui-jqgrid-bdiv{max-height:450px; overflow:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1{position:relative}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1{position:absolute; top:10px; right:20px; font-size:16px; color:#7d7d7d}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1:before{font-size:14px; font-family:fontello; content:'\e8d6'; position:absolute; top:3px; margin-left:7px; cursor:pointer; right:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th{padding:5px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th div{padding-top:0; height:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th div input[type="text"]{width:100%; margin:0; padding:0; height:30px}
.opm_jqGridUI.themeOne.topAlign .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{vertical-align:top}
.jqSearchIcon.jq-custom-search{width:20px;height:20px !important; z-index: 10; margin-left: -56px; position: relative; margin-top: 11px; font-size: 16px; cursor: pointer; }
.ui-fwa-rowHighlight{background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.ui-fwa-rowHighlight:nth-child(odd){background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.ui-fwa-rowHighlight:nth-child(odd):hover{background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager{background:#ececec !important; height:30px; border:1px solid #d6d6d6 !important; border-top:0 !important}
#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid{padding-bottom:30px}
#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid .ui-jqgrid-pager{background:#ececec !important; height:30px; border:1px solid #d6d6d6; border-top:0; padding-top:5px !important}
.jqSearchIcon.jq-custom-search{width:20px; height:20px !important; z-index:10; margin-left:-56px; position:relative; margin-top:11px; font-size:16px; cursor:pointer}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup td{font-weight:bold;font-size:16px !important;color:#222;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip.toggleNextRows > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.jqgroup{background: #dbdbdb !important;border-bottom-color:#c4c4c4 !important;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-minus, 
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-plus{background:none;content:''; width:0;height:0; border:6px solid transparent; margin-top:8px;margin-right:16px;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-plus{border-left-color:#a1a1a2;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-minus{margin-top:12px; border-top-color:#444444;}div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading.hideHeaderFirstrow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.jqg-first-row-header{visibility: hidden;height: 0 !important;max-height:0;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading.hideHeaderFirstrow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.jqg-first-row-header > th{padding: 0 !important;border-top-width: 0 !important;visibility: hidden !important;} 
.jqGridRowBadge {background-color: #bbbbbb;line-height: 1.5;display: inline-block;margin-left: 10px;padding: 0 8px;border-radius: 16px;font-size: 13px;border: 1px solid #9e9e9e;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > #NFAList_id{width: 50px !important;}
.opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{border-top-width:0px !important;}
.opm_jqGridUI .ui-sgcollapsed span{position:relative;background:none;}
.opm_jqGridUI .ui-sgcollapsed span:before{border-color: #767a78 transparent transparent transparent;border-style: solid;border-width: 7px 5px 0 5px;height: 0;left: 6px;position: absolute;top: 11px;margin-top: -5px;margin-left: 0;width: 0;content: "";transition: .5s;}
.opm_jqGridUI .ui-icon-triangle-1-e:before{transform: rotate(-90deg)}
.opm_jqGridUI span.ui-icon-triangle-1-s:before{transform:rotate(0deg);}
.opm_jqGridUI .multiSelectSubGridArrowPosition .ui-sgcollapsed span:before{left:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.subgrid-data > div.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table{display: inline-table}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.subgrid-data > div.themeOne{overflow: auto}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.subgrid-data > div.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{overflow: inherit}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.sortIconvisibleFix > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:nth-child(2) .ui-jqgrid-sortable .s-ico {visibility:visible}
/* Table new theme CSS End*/
/* jqTableMultiSpan CSS starts*/
.opm_jqGridUI.jqTableMultiSpan{border:1px solid #e2e2e2; border-top:0}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid{border:0 !important}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable{border-top:1px solid #e2e2e2 !important; border-bottom:1px solid #e2e2e2}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead{background:#f0f0f0}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th{border-right:1px solid #e2e2e2; padding:11px 10px}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th:last-child{border-right:0}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv div table tbody tr td{border-right:1px solid #e2e2e2}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv div table tbody tr td:last-child{border-right:0}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-corner-bottom{height:auto}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-corner-bottom > .ui-pager-control > table > tbody{background:#e2e2e2}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-corner-bottom > .ui-pager-control > table > tbody td{padding:3px 0}
.opm_jqGridUI.fixedHeader > .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv{max-height:600px}
/* jqTableMultiSpan CSS End*/

/* Static Table CSS Start */
.staticTable{width:100%;display:table;border:1px solid #e2e2e2;border-collapse:collapse}
.staticTable--col2 .staticTable__col{width:50%}
.staticTable--col3 .staticTable__col{width:33.333%}
.staticTable--col4 .staticTable__col{width:25%}
.staticTable--col5 .staticTable__col{width:20%}
.staticTable--col6 .staticTable__col{width:16.6666%}
.staticTable--col7 .staticTable__col{width:14.2857%}
.staticTable--col8 .staticTable__col{width:12.5%}
.staticTable--col9 .staticTable__col{width:11.1111%}
.staticTable--col10 .staticTable__col{width:10%}
.staticTable__row{width:100%;display:table-row}
.staticTable__row:first-child .staticTable__col{background:#f4f5f6;font-family:latoBold}
.staticTable__row:nth-child(odd){background:#f9f9fa}
.staticTable__row:nth-child(even) {background:#fff;}
.staticTable__row:hover{background:#fdf5dd}
.staticTable__col{width:100%;display:table-cell;padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.staticTable__col .dragIcon{cursor:grab}
.staticTable__col .dragIcon:active, .draggingRow .staticTable__col .dragIcon{cursor:grabbing}
.staticTable__col .dragIcon:before{width: 5px;height: 5px;content: ' ';border-left: 2px dotted #888;border-right: 2px dotted #888;padding-left: 1px;visibility:hidden}
.staticTable__row:hover .staticTable__col .dragIcon:before{visibility:visible}
.staticTable__col.dragBtn .changeOrder .moveUp, .staticTable__col.dragBtn .changeOrder .moveDown{position:relative;display:none}
.staticTable__row:hover .staticTable__col.dragBtn .changeOrder .moveUp, .staticTable__row:hover .staticTable__col.dragBtn .changeOrder .moveDown{display:block}
.staticTable__row:not(.headerRow):nth-child(2) .staticTable__col.dragBtn .changeOrder .moveUp{display:none}
.staticTable__row:not(.headerRow):last-child .staticTable__col.dragBtn .changeOrder .moveDown{display:none}
.staticTable__col.dragBtn .changeOrder .moveUp:before, .staticTable__col.dragBtn .changeOrder .moveDown:before{width:5px;height:5px;content:'';margin:auto;border: 2px solid #888;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top: 40px;right: 0px;bottom: 0;cursor: pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;}
.staticTable__col.dragBtn .changeOrder .moveUp:before{top:9px;transform: rotate(135deg);}
.staticTableNoData{width:100%; float:left; padding:20px; text-align:center; border:1px solid #e2e2e2; border-top:0}
/* Static Table CSS End */
/*MultiSelect CSS Start */
.multiSelectBox4{width:100%;height:100%;position:absolute;top:0;right:0;padding:100px 20px 100px}
.multiSelectBox4.type1{padding:0;position:inherit}
.multiSelectBox4.type3{top:0;left:20px;bottom:0;right:20px;position:absolute;padding:0;width:initial;height:initial}
.multiSelectBox4.height300{height:300px}
.multiSelectBox4.height500{height:500px}
.multiSelectBox4 .moveRightBtn, .multiSelectBox4 .moveLeftBtn{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-50px;background:#eeeeee;cursor:pointer;border-radius:50%;z-index:2;transform:scale(0.8);transition:.5s}
.multiSelectBox4 .moveRightBtn::before, .multiSelectBox4 .moveLeftBtn::before{background:url("../../img/opm-sprites.png") no-repeat -63px -1439px;width:18px;height:14px;position:absolute;top:13px;left:10px;content:""}
.multiSelectBox4 .moveRightBtn:hover, .multiSelectBox4 .moveLeftBtn:hover{background:#ddd;transition:.5s}
.multiSelectBox4 .moveRightBtn.disable, .multiSelectBox4 .moveLeftBtn.disable{background:#eeeeee;opacity:.5}
.multiSelectBox4 .moveLeftBtn{margin-top:0px}
.multiSelectBox4 .moveLeftBtn:before{background-position:-39px -1439px}
.multiSelectBox4 .listBox{width:50%;height:100%;float:left;padding-right:25px;position:relative}
.multiSelectBox4 .listBox:last-child{padding-left:25px;padding-right:0}
.multiSelectBox4 .listBox .inner{width:100%;float:left;position:relative;padding-top:38px;height:100%}
.multiSelectBox4 .listBox .inner.searchOpen{padding-top:74px}
.multiSelectBox4 .listBox .inner.searchOpen .DevicesSearchBox{display:block}
.multiSelectBox4 .listBox .DevicesSearchChkBox:checked + .inner{padding-top:74px}
.multiSelectBox4 .listBox > .DevicesSearchChkBox:checked + .inner > .DevicesSearchBox{display:block}
.multiSelectBox4 .listBoxTitle{background:#f0f0f0;padding: 10px 30px 10px 10px;border:1px solid #e2e2e2;border-bottom:0;position:absolute;top:0;left:0;width:100%;font-family:latoBold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.multiSelectBox4 .searchBtn{cursor:pointer;position:absolute;top:12px;right:10px;background:url("../../img/opm-sprites.png") no-repeat -143px -1616px;width:16px;height:17px;z-index:2}
.multiSelectBox4 .DevicesSearchBox{position:absolute;top:38px;left:0;width:100%;height:40px;display:none}
.multiSelectBox4 .DevicesSearchBox input{width:100%;background:#fff !important;height:37px;padding:10px;border:1px solid #dcdcdc;font-family:latoRegular;font-size:14px}
.multiSelectBox4 select, .multiSelectBox4 ul{height:100%;width:100%;border:1px solid #e2e2e2;overflow:auto}
.multiSelectBox4 select option, .multiSelectBox4 select li, .multiSelectBox4 ul option, .multiSelectBox4 ul li{padding:7px 10px;font-size:14px;border-bottom: 1px solid rgba(0,0,0,0.05);font-family:latoRegular;}
/*.multiSelectBox4 select option:nth-child(even), .multiSelectBox4 select li:nth-child(even), .multiSelectBox4 ul option:nth-child(even), .multiSelectBox4 ul li:nth-child(even) {background: #f8f8f9;color:#000}
.multiSelectBox4 select option:nth-child(odd), .multiSelectBox4 select li:nth-child(odd), .multiSelectBox4 ul option:nth-child(odd), .multiSelectBox4 ul li:nth-child(odd) {background: #ffffff;color:#000}*/
.multiSelectBox4.type2 .listBox {padding-right:25px;}
.multiSelectBox4.type2 .listBox:last-child {padding-left:25px;padding-right:0;}
.multiSelectBox4.type2 .listBoxTitle {background:#f0f0f0;}
.multiSelectBox4.type2 .moveRightBtn {margin-top:-20px;}
.multiSelectBox4.type2 .moveLeftBtn {margin-top:25px;}
.multiSelectBox4.type2 select, .multiSelectBox4.type2 ul {height:100%;width:100%;border:1px solid #e2e2e2;overflow: auto;}
.multiSelectBox4.type2 select option, .multiSelectBox4.type2 select li, .multiSelectBox4.type2 ul option, .multiSelectBox4.type2 ul li {padding:7px 10px;font-size: 14px;}
/*.multiSelectBox4.type2 select option:nth-child(even), .multiSelectBox4.type2 select li:nth-child(even), .multiSelectBox4.type2 ul option:nth-child(even), .multiSelectBox4.type2 ul li:nth-child(even){background:#f9f9f9;}
.multiSelectBox4.type2 select option:nth-child(odd), .multiSelectBox4.type2 select li:nth-child(odd), .multiSelectBox4.type2 ul option:nth-child(odd), .multiSelectBox4.type2 ul li:nth-child(odd){background:#ffffff;}*/
.multiSelectBox4 .moveRightBtn:hover, .multiSelectBox4 .moveLeftBtn:hover{background:#ddd;transition:.5s}
.multiSelectBox4 .moveRightBtn.disable, .multiSelectBox4 .moveLeftBtn.disable{background:#eeeeee;opacity:.5}
.multiSelectBox4 .listBox .inner.searchOpen{padding-top:74px}
.multiSelectBox4 .listBox .inner.searchOpen .DevicesSearchBox{display:block}
.DiscoveryRuleCategory {z-index:2;position:relative;padding-right:12px;}
.DiscoveryRuleBtn{z-index:2;position:absolute !important;bottom:20px !important;right:30px !important;}
.multiSelectInput{z-index: 1;}
.multiSelectInput .opmForm .opmFormRow .opmFormCol{width:46%;}
.multiSelectInput .opmForm .opmFormRow .opmFormCol.fullCol{width:100%;}
.multiSelectInput .opmForm .opmFormRow .opmFormCol + .opmFormCol{margin: 0 0 0 8%;}
.pt-100{padding-top:100px !important;}
.pt-90{padding-top: 90px !important;}
/*MultiSelect CSS End */
/* Tree JS CSS Start */
.jsTreeType1{width:300px;float:left}
.jsTreeType1 ul li{margin:0;padding:0;position:relative;padding-left:30px;margin:0 !important}
.jsTreeType1 ul li .deviceInfo{color:#7d7d7d;position:relative;margin-left:10px;line-height:24px}
.jsTreeType1 ul li .deviceInfo:before{content:"(";position:absolute;left:-5px;line-height:25px}
.jsTreeType1 ul li .deviceInfo:after{content:")";position:absolute;right:-5px;line-height:25px}
.jsTreeType1 ul li .count{color:#969696;padding:0 5px;margin-left:5px;position:relative}
.jsTreeType1 ul li .count:before{content:"(";position:absolute;left:0;top:-3px}
.jsTreeType1 ul li .count:after{content:")";position:absolute;right:0;top:-3px}
.jsTreeType1 ul li ul{position:relative;margin-top:5px}
.jsTreeType1 ul li ul:after{top:-18px;left:-29px;width:1px;height:100%;border-left:1px solid #e4e4e4;position:absolute;content:""}
.jsTreeType1 ul li ul li{position:relative}
.jsTreeType1 ul li ul li:before{top:10px;width:33px;left:-29px;height:1px;border-bottom:1px solid #e4e4e4;position:absolute;content:""}
.jsTreeType1 ul li:after{background:url("../../img/opm-sprites.png") no-repeat -2px -1528px;width:20px;height:19px;top:1px;left:10px;position:absolute;content:"";transform:scale(0.8)}
.jsTreeType1 ul li.status1:after{background-position:-117px -1528px}
.jsTreeType1 ul li.status2:after{background-position:-94px -1528px}
.jsTreeType1 ul li.status3:after{background-position:-48px -1528px}
.jsTreeType1 ul li.status4:after{background-position:-71px -1528px}
.jsTreeType1 ul li.status5:after{background-position:-2px -1528px}
.jsTreeType1 ul li.status6:after{background-position:-25px -1528px}
.jsTreeType1 ul li .jstree-anchor{margin:0;padding:0 5px;border-radius:0;background:none;border:none;box-shadow:none}
.jsTreeType1 ul li .jstree-anchor .jstree-themeicon{display:none}
.jsTreeType1 .jstree-default .jstree-node, .jsTreeType1 .jstree-default .jstree-icon{background:none;margin:0}
.jsTreeType1 .jstree-leaf > .jstree-ocl{display:none}
.jsTreeType1 .jstree-open > .jstree-ocl{border-color:#797979 transparent transparent transparent;border-style:solid;border-width:8px 5px 0 5px;height:0 !important;left:-3px;margin-top:8px;position:absolute;width:0 !important;z-index:2}
.jsTreeType1.vxRail .jstree-open > .jstree-ocl{z-index:1!important}
.jsTreeType1 .jstree-closed > .jstree-ocl{border-color:#797979 transparent transparent transparent;border-style:solid;border-width:8px 5px 0 5px;height:0 !important;left:0px;top:7px;position:absolute;width:0 !important;transform:rotate(-90deg)}
.jsTreeType1 .jstree-default .jstree-node{line-height:30px;min-height:30px}
.jsTreeType1 .jstree-default .jstree-search{color:#fd7070}
.jsTreeType1.fullWidth{width:100%}
.jsTreeType1.plusMinus ul li{padding-left:20px}
.jsTreeType1.plusMinus ul li:after{display:none}
.jsTreeType1.plusMinus ul li ul:after{left:-13px}
.jsTreeType1.plusMinus ul li ul li:before{left:-13px;width:28px}
.jsTreeType1.plusMinus .jstree-open > .jstree-ocl{width:15px !important;height:15px !important;border:0;background:#797979;margin-top:4px;left:0}
.jsTreeType1.plusMinus .jstree-open > .jstree-ocl:before{width:9px;height:1px;position:absolute;top:7px;left:3px;background:#fff;content:""}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl{width:15px !important;height:15px !important;border:0;background:#797979;transform:inherit;top:4px;left:0}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl:before{width:9px;height:1px;position:absolute;top:7px;left:3px;background:#fff;content:""}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl:after{width:1px;height:9px;position:absolute;top:3px;left:7px;background:#fff;content:""}
.jsTreeType1.VMDiscoveryTable{width:100%}
.jsTreeType1.VMDiscoveryTable .jstree-default .jstree-node{margin-top:5px !important}
.jsTreeType1.VMDiscoveryTable .jstree-default .jstree-node:first-child{margin-top:0 !important}
.jsTreeType1.VMDiscoveryTable ul li a{font-size:13px}
.jsTreeType1.VMDiscoveryTable ul li ul{margin-top:10px}
.jsTreeType1.VMDiscoveryTable ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-46px;top:-22px;content:"";background:#fff;z-index:8}
.jsTreeType1.VMDiscoveryTable.vxRail ul li ul li:last-child ul:before{z-index:1 !important}

.jsTreeType1.VMDiscoveryTable ul li ul li ul li:last-child ul:before{width:5px;height:calc(100% + 55px);position:absolute;left:-26px;top:-55px;content:"";background:#fff;z-index:8}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a{padding-left:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a > .jstree-checkbox{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a div.tableHeading{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a{height:auto;padding-bottom:42px;padding-left:0;position:relative;width:calc(100% - 20px)}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a > .jstree-checkbox{margin-top:37px;display:block}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div{display:table-cell;padding:0 20px 0 0;white-space:normal;word-break:break-all}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName{width:100%}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName:before{width:calc(100% + 20px);height:34px;background:#f4f5f6;border:1px solid #e2e2e2;border-bottom:0;left:-20px;top:-3px;position:absolute;content:"";box-sizing:border-box}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName span{position:relative;z-index:2}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.tableHeading{width:calc(100% + 20px);padding:0;padding-left:70px;position:absolute;left:-20px;bottom:0px;border:1px solid #e2e2e2;border-bottom:0;line-height:34px;display:block;font-family:latoBold}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.powerState{width:200px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.entityName{width:250px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.dnsName{width:300px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.ipAddress{width:160px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.guestOS{width:400px;padding-right:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul{margin:0;border:1px solid #e2e2e2;padding:10px 20px 5px;margin-bottom:10px;margin-left:-20px;width:100%}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li{padding-left:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li:before{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li.jstree-leaf a{height:auto;padding:0;padding-left:50px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li.jstree-leaf a > .jstree-checkbox{margin:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul:after{display:none}
.jsTreeType1.checkBox{margin:0}
.jsTreeType1.checkBox ul li{padding-left:25px}
.jsTreeType1.checkBox ul li ul:after{left:-19px}
.jsTreeType1.checkBox ul li ul li:before{left:-19px}
.jsTreeType1.checkBox ul li a{padding:0;position:relative;padding-left:25px}
.jsTreeType1.checkBox ul li a .jstree-checkbox{border:1px solid #e2e2e2;width:15px;height:15px;background:#fff;position:absolute;left:0;top:4px;z-index:2}
.jsTreeType1.checkBox ul li a.jstree-checked{background:none}
.jsTreeType1.checkBox ul li a.jstree-checked .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.checkBox ul li a.jstree-hovered{background:none !important}
.jsTreeType1.checkBox ul li.disabledCheckbox a .jstree-checkbox{pointer-events:none;opacity:0.5}
.jsTreeType1.checkBox ul li.disabledCheckbox a .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.dashBorder ul:after{border-left:1px dashed #e2e2e2}
.jsTreeType1.dashBorder ul li:before{border-bottom:1px dashed #e2e2e2}
.jsTreeType1.hideUnwantedLine ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-61px;top:-16px;content:"";background:#f4f3f3;z-index:34}
.jsTreeType1.hideUnwantedLine.apmmonitor ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-61px;top:-16px;content:"";background:none;z-index:34}
.jsTreeType1.inventoryFilter.apmmonitor ul li a .jstree-checkbox{border:1px solid #e2e2e2;width:15px;height:15px;background:#fff;position:absolute;left:0;top:4px;/* background: red; */z-index:2;}
.jsTreeType1.inventoryFilter.apmmonitor ul li a.jstree-checked .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.inventoryFilter{padding-left:10px}
.jsTreeType1.inventoryFilter.dashBoardTreeView{width:100%}
.jsTreeType1.inventoryFilter.dashBoardTreeView ul.jstree-container-ul{padding-left:20px;}
.jsTreeType1.inventoryFilter.dashBoardTreeView ul li .jstree-anchor{text-overflow:inherit}
.jsTreeType1.inventoryFilter.dashBoardTreeView.hideUnwantedLine ul li a{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.jsTreeType1.inventoryFilter.dashBoardTreeView.hideUnwantedLine ul li ul li:last-child ul:before{background:#fff}
.jsTreeType1.inventoryFilter.hideUnwantedLine ul li ul li:last-child ul:before{left:-60px;top:-19px}
.jsTreeType1.inventoryFilter .jstree-default .jstree-node{line-height:30px;min-height:30px;font-size:13px}
.jsTreeType1.inventoryFilter ul li{padding-left:30px}
.jsTreeType1.inventoryFilter ul li:after{display:none}
.jsTreeType1.inventoryFilter ul li.noCount a:after{display:none}
.jsTreeType1.inventoryFilter ul li .jstree-anchor{padding:0;padding-left:25px;padding-right:5px;position:relative;margin-left:-22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:219px}
.jsTreeType1.inventoryFilter ul li .jstree-anchor:before{content:attr(displayName)}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[count]:after{content:" ( " attr(count) " )";color:#969696}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[memberscount]:before{content:"/"attr(memberscount);float:right;padding-right: 5px;background: url("../../img/close-bracket.svg") no-repeat right;}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[problematicMembers]:after {content: attr(problematicMembers);color: #ff1b1a;padding-left: 5px;margin-left: 5px;background: url("../../img/open-bracket.svg") no-repeat left center;}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[problematicMembers="0"]:after {color:#0BAC58}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[memberscount]:not([problematicmembers])::before {content: '(' attr(memberscount) ')';background: none;}
body.darkTheme #opmCCTV .jsTreeType1.inventoryFilter ul li .jstree-anchor[memberscount]:before{background: url("../../img/close-bracket-grey.svg") no-repeat right;}
body.darkTheme #opmCCTV .jsTreeType1.inventoryFilter ul li .jstree-anchor[problematicMembers]:after{background: url("../../img/open-bracket-grey.svg") no-repeat left center;}
.jsTreeType1.inventoryFilter ul li .jstree-anchor:hover{background:#fdf5dd}
.jsTreeType1.inventoryFilter ul li .jstree-anchor.jstree-clicked{background:#fdf5dd}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon{display:block;position:absolute;top:5px;left:5px;width:15px;height:15px}
.jsTreeType1.inventoryFilter:not(.apmmonitor) ul li .jstree-anchor .jstree-icon:after{width:14px;height:14px;top:0;left:0;position:absolute;background-image:none;top:0;left:0;background-position:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;content:''}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status1:after{background-color:var(--severity-critical);-webkit-mask:url(../../img/status-1.svg) no-repeat 0 0;mask:url(../../img/status-1.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status2:after{background-color:var(--severity-trouble);-webkit-mask:url(../../img/status-2.svg) no-repeat 0 0;mask:url(../../img/status-2.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status3:after{background-color:var(--severity-attention);-webkit-mask:url(../../img/status-3.svg) no-repeat 0 0;mask:url(../../img/status-3.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status4:after{background-color:var(--severity-servicedown);-webkit-mask:url(../../img/status-4.svg) no-repeat 0 0;mask:url(../../img/status-4.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status5:after{background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status6:after{background-color:var(--severity-info);-webkit-mask:url(../../img/status-6.svg) no-repeat 0 0;mask:url(../../img/status-6.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status7:after{background-color:var(--severity-unmanaged);-webkit-mask:url(../../img/status-7.svg) no-repeat 0 0;mask:url(../../img/status-7.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status6:after,.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.status7:after{background-color:var(--severity-unmanaged);-webkit-mask:url(../../img/status-7.svg) no-repeat 0 0;mask:url(../../img/status-7.svg) no-repeat 0 0}
.jsTreeType1.inventoryFilter ul li ul{margin-top:0}
.jsTreeType1.inventoryFilter ul li ul:after{left:-29px;top:-17px}
.jsTreeType1.inventoryFilter ul li ul li:before{width:30px;left:-30px}
.jsTreeType1.interfaceDiscoveryTable{width:100%;margin-top:-4px}
.jsTreeType1.interfaceDiscoveryTable .jstree-default .jstree-node{margin-top:5px !important}
.jsTreeType1.interfaceDiscoveryTable .jstree-default .jstree-node:first-child{margin-top:0 !important}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a{padding-left:0}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a .clusterSubHostName:before{left:-20px !important}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a > .jstree-checkbox{display:none;top:40px}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li.jstree-open > a > .jstree-checkbox{display:block}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li li a > .jstree-checkbox{display:block;top:4px}
.jsTreeType1.interfaceDiscoveryTable ul li a{font-size:13px}
.jsTreeType1.interfaceDiscoveryTable ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-46px;top:-22px;content:"";background:#fff;z-index:34}
.jsTreeType1.interfaceDiscoveryTable ul li ul li:last-child ul:before{width:5px;height:calc(100% + 55px);position:absolute;left:-26px;top:-55px;content:"";background:#fff;z-index:34}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-closed a div.tableHeading{display:none}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a{height:auto;padding-bottom:42px;position:relative;width:calc(100% - 20px)}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div{float:left;padding:0 20px 0 0;white-space:normal}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName{width:100%;position:relative}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName:before{width:calc(100% + 20px);height:34px;background:#f4f5f6;border:1px solid #e2e2e2;border-bottom:0;left:-45px;top:-4px;position:absolute;content:"";box-sizing:border-box}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName span{position:relative;z-index:2}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.tableHeading{width:calc(100% + 20px);padding:0;padding-left:70px;position:absolute;left:-20px;bottom:0px;border:1px solid #e2e2e2;border-bottom:0;line-height:34px;display:block;font-family:latoBold}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifIndex{width:100px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifDescr{width:380px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifName{width:270px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ipAddress{width:150px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifSpeed{width:270px;padding-right:0}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul{margin:0;border:1px solid #e2e2e2;padding:10px 20px 5px;margin-bottom:10px;margin-left:-20px;width:100%}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li{padding-left:0}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li:before{display:none}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li.jstree-leaf a{height:auto;padding:0;padding-left:50px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul:after{display:none}
body.darkTheme .jsTreeType1.inventoryFilter.dashBoardTreeView.hideUnwantedLine ul li ul li:last-child ul:before{background:#1e1e1e;top:-17px}
.jsTreeType1.hypervDiscoveryTable{width:100%;margin-top:56px}
.jsTreeType1.hypervDiscoveryTable .jstree-default .jstree-node{margin-top:5px !important}
.jsTreeType1.hypervDiscoveryTable .jstree-default .jstree-node:first-child{margin-top:0 !important}
.jsTreeType1.hypervDiscoveryTable ul > li > a{padding-left:0}
.jsTreeType1.hypervDiscoveryTable ul > li > a .clusterSubHostName:before{left:-20px !important}
.jsTreeType1.hypervDiscoveryTable ul > li > a > .jstree-checkbox{display:none;top:40px}
.jsTreeType1.hypervDiscoveryTable ul > li.jstree-open > a > .jstree-checkbox{display:block}
.jsTreeType1.hypervDiscoveryTable ul > li li a > .jstree-checkbox{display:block;top:4px}
.jsTreeType1.hypervDiscoveryTable ul li:last-child ul:before{width:5px;height:calc(100% + 55px);position:absolute;left:-26px;top:-55px;content:"";background:#fff;z-index:34}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-closed a div.tableHeading{display:none}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a{height:auto;padding-bottom:42px;position:relative;width:calc(100% - 20px)}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div{float:left;padding:0 20px 0 0;white-space:normal}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.hypervDiscoveryName{width:100%;position:relative}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.hypervDiscoveryName:before{width:calc(100% + 20px);height:34px;background:#f4f5f6;border:1px solid #e2e2e2;border-bottom:0;left:-20px;top:-4px;position:absolute;content:"";box-sizing:border-box}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.hypervDiscoveryName span{position:relative;z-index:2}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.tableHeading{width:calc(100% + 20px);padding:0;padding-left:70px;position:absolute;left:-20px;bottom:0px;border:1px solid #e2e2e2;border-bottom:0;line-height:34px;display:block;font-family:latoBold}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.powerState{width:150px}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.vnName{width:200px}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.dnsName{width:300px}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.ipAddress{width:150px}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.guestOS{width:400px;padding-right:0}
.jsTreeType1.hypervDiscoveryTable ul li ul{margin:0;border:1px solid #e2e2e2;padding:10px 20px 5px;margin-bottom:10px;margin-left:-20px;width:100%}
.jsTreeType1.hypervDiscoveryTable ul li ul li{padding-left:0}
.jsTreeType1.hypervDiscoveryTable ul li ul li:before{display:none}
.jsTreeType1.hypervDiscoveryTable ul li ul li.jstree-leaf a{height:auto;padding:0;padding-left:50px}
.jsTreeType1.hypervDiscoveryTable ul li ul:after{display:none}
/* Tree JS  CSS End */
/* Accordian CSS start*/
.accordion1{width:100%;float:left}
.accordion1.networkDisAccordion ul li{width:100%;float:left;margin-bottom:5px}
.accordion1>ul>li{width:100%;float:left;margin-bottom:5px}
.accordion1__nav{width:100%;background:#f4f5f6;padding:0 30px;line-height:40px;border:1px solid #e0e0e0;cursor:pointer;position:relative;float:left}
.accordion1__nav .serverIcon{float:left;margin-top:13px;margin-right:10px}
.accordion1__nav .serverIcon img{height:15px}
.accordion1__nav > .deviceCount:before{content:"("}
.accordion1__nav > .deviceCount:after{content:")"}
.accordion1__nav.active{font-family:latoBold}
.accordion1__nav:before{border-color:#767a78 transparent transparent transparent;border-style:solid;border-width:7px 5px 0 5px;height:0;left:10px;position:absolute;top:50%;margin-top:-5px;width:0;content:"";transform:rotate(-90deg);transition:.5s}
.accordion1__nav.active:before{border-color:#40b475 transparent transparent transparent;border-style:solid;border-width:7px 5px 0 5px;height:0;left:10px;position:absolute;top:50%;width:0;content:"";transform:rotate(0deg);transition:.5s}
.accordion1__nav.bgGrey{background:#f0f0f0}
.accordion1__nav.small{height:33px;line-height:31px}
.accordion1__nav.hideArrow:before{display:none}
/*.accordion1__nav.small:before{margin-top:-5px;width:5px !important;height:5px !important}
.accordion1__nav.small.active:before{margin-top:-3px}*/
.accordion1__cont{width:100%;float:left;padding:10px;border:1px solid #e0e0e0;border-top:0;display:none}
.accordion1.fullWidth ul li{padding:0}
.accordion1.arrowRight .accordion1__nav{padding-left:10px}
.accordion1.arrowRight .opmCheckBoxTitle{font-weight: bold ;}
.opmCheckBoxTitle{font-weight: bold ;}
body.Windows.ie .accordion1.arrowRight .accordion1__nav:before{left:auto;}
.accordion1.arrowRight .accordion1__nav:before{right:10px;left:unset;transform:rotate(0deg)}
.accordion1.arrowRight .accordion1__nav.active:before{transform:rotate(180deg)}
.accordion1.arrowSolid .accordion1__nav:before{width:8px;height:8px;border-right:1px solid #000;border-top:1px solid #000;border-width:1px;transform:rotate(135deg)}
.accordion1.arrowSolid .accordion1__nav.active:before{transform:rotate(315deg)}
.opm-audit-report-filter .accordion1.withCheckBox li{position:relative}
.opm-audit-report-filter .accordion1.withCheckBox li .accordion1__nav{padding-left:40px}
.opm-audit-report-filter .accordion1.withCheckBox .slectAllChild{position:absolute;top:10px;left:10px;z-index:1}
.opm-audit-report-filter .accordion1.withCheckBox .slectAllChild label:before{background:#fff}
/* Accordian CSS End*/accordion1__nav.active:before{transform:rotate(315deg)}
/* Accordian CSS End*/
/* Column Chooser CSS Start*/
.columnsChooser1{position:relative}
.columnsChooser1-Icon{background:url("../../img/opm-sprites.png") no-repeat -110px -1435px;width:24px;height:24px;margin-top:10px;position:relative;cursor:pointer}
.columnsChooser1-DD{position:absolute;top:35px;right:-20px;background:#fff;border-radius:10px;box-shadow:0px 2px 15px rgba(0, 0, 0, 0.2);/* height:350px;*/ width:200px;border:1px solid #fff;padding:20px;display:none}
.columnsChooser1-Icon.active + .columnsChooser1-DD{display:block}
.columnsChooser1-DD:before{position:absolute;top:-2px;right:25px;width:15px;height:15px;background:#fff;transform:rotate(45deg);content:"";margin-top:-7px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3}
.columnsChooser1-DD ul{margin:0;padding:0}
.columnsChooser1-DD li{list-style:none;float:left;width:100%}
.columnsChooser1-DD .applyBtn{width:100%;float:left;color:#fff;text-align:center;cursor:pointer;background:#40b475;line-height:30px;margin-top:10px}
/* Column Chooser CSS End*/
/*Info box CSS Start*/
.infoBoxBlue{width:100%;float:left;background:rgba(0, 166, 247, 0.15);border:1px solid rgba(0, 166, 247, 0.4);padding:10px 15px;height:40px;text-align:center;}
.infoBoxBlue p{line-height:18px;display:inline-block;color:#212121;}
.infoBoxBlue p.infoIcon{padding-left:25px;position:relative;}
.infoBoxBlue p.infoIcon:before{width:16px;height:16px;position:absolute;top:1px;left:0;background:url("../../img/opm-sprites-v2.svg") no-repeat -222px -98px;content:"";}
.infoBoxBlue.multiline{height:auto;text-align:left;}
.infoBoxBlue.positionCenter{position:absolute;top:50%;left:50%;width:1200px;transform:translate(-50%, -50%);}
.infoBoxBlue.maxWidth700{max-width:700px;}
.infoBoxBlue.addcloseIcon{padding-right:40px;position:relative}
.infoBoxBlue.addcloseIcon .close-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.3);width:20px;height:20px;cursor:pointer;border-radius:20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.infoBoxBlue.addcloseIcon .close-btn:hover{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:#fff}
.infoBoxBlue.addcloseIcon .close-btn:after,.infoBoxBlue.addcloseIcon .close-btn:before{width:1px;height:10px;background:#454545;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:""}
.infoBoxBlue.addcloseIcon .close-btn:after{width:10px;height:1px}
/*Info box CSS End*/
/*Discovery CSS Start */
.settingsCnt > section .settingsContent .networkDiscovery{left:30px;top:30px;right:30px;bottom:30px;position:absolute}
.networkDiscovery .tabMenu{width:100%;float:left;height:50px;z-index:2;position:relative}
.networkDiscovery .tabMenu ul{margin:0;padding:0}
.networkDiscovery .tabMenu li{list-style:none;float:left;padding: 0 15px;background:#f0f0f0;line-height:50px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;cursor:pointer;}
.networkDiscovery .tabMenu li.active{background:#fff;position:relative}
.networkDiscovery .tabMenu li.active:before{top:-1px;left:0px;content:"";width:100%;height:3px;background:#45bd7f;position:absolute}
.networkDiscovery .tabMenu li.active:after{bottom:-1px;left:0px;content:"";width:100%;height:1px;background:#fff;position:absolute}
.networkDiscovery .tabMenu li:last-child{border-right:1px solid #e0e0e0}
.networkDiscovery .tableOuter{width:100%;height:100%;left:0;top:1px;position:absolute;padding-top:50px}
.networkDiscovery .innerBox{width:100%;height:100%;float:left;border:1px solid #e0e0e0;padding:20px;position:relative}
.networkDiscovery .innerBox > .contentArea{width:100%;float:left;height:100%;overflow:auto}
.networkDiscovery .innerBox p{color:#6d6d6d;margin-bottom:10px}
.networkDiscovery .innerBox .topBtn{top:-50px;right:0;z-index:3}
.networkDiscoName{width:auto !important}
.networkDiscoName > label{margin-top:5px}
.networkDiscoName + .opmFormCol{margin-left:20px}
#IP-Range .opmFormRow .opmFormCol, #Subnets .opmFormRow .opmFormCol{position:relative}
#IP-Range .opmFormRow .opmFormCol:first-child:after{position:absolute;bottom:8px;right:-13px;content:"-"}
#Subnets .opmFormRow .opmFormCol:first-child{width:70%}
#Subnets .opmFormRow .opmFormCol:first-child:after{position:absolute;bottom:8px;right:-13px;content:"-";content:"/"}
#Subnets .opmFormRow .opmFormCol:last-child{width:15%}
#Import-From-AD .opmFormCol{padding-right:120px}
#Import-From-AD .verifyBtn{position:absolute;bottom:0;right:0%;margin:0;min-width:100px}
#Import-From-AD .verifyBtn.disable{opacity:.5;cursor:default}
#Import-From-CSV .opmFormCol span.info{background:#f9f9fb;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;position:relative;display:table-cell;border:0 !important;border-left:1px solid #dcdcdc !important}
#Import-From-CSV .opmFormCol span.info label{color:#636363;font-size:14px;margin:0 !important}
#Import-From-CSV .opmFormCol .fileUpload{width:80% !important}
.discoveryTopBox{padding:15px 30px 0 30px;width:100%;float:left}
.settingsCnt > section .settingsContent .discoveryTopBox + .opmFormHolder{top:130px}
.settingsCnt > section .settingsContent .discoveryTopBox.noMessage{padding-top:0}
.settingsCnt > section .settingsContent .discoveryTopBox.noMessage + .opmFormHolder{top:70px}
.settingsCnt > section .settingsContent .discoveryTopBox.noMessage .discoveryLoading{display:none}
.discoveryLoading{width:100%;float:left;text-align:center;position:relative;min-height:50px}
.discoveryLoading > div .loadingText{font-size:16px;font-family:latoRegular !important}
.discoveryLoading > div .loadingText span{font-family:latoBold}
.discoveryLoading > div .loadingStatusBar{width:500px;padding:4px 5px;height:15px;border:1px solid #e0e0e0;border-radius:10px;display:inline-block;margin-top:10px}
.discoveryLoading > div .loadingStatusBar > .grayLine{width:100%;height:100%;float:left;background:#e0e0e0;position:relative;border-radius:20px}
.discoveryLoading > div .loadingStatusBar > .grayLine > .greenLine{width:0%;position:absolute;top:0;left:0;height:100%;background:#45bd7f;border-radius:20px}
.discoveryLoading > div .completedMsg{width:100%;position:absolute;top:0;left:0;height:100%;background:#fbf6bf;text-align:center;padding:11px 0}
/*.discoveryLoading > div .completedMsg > div{font-size:20px;font-family:latoLight;padding-left:40px;position:relative;display:inline-block;line-height:28px}
.discoveryLoading > div .completedMsg > div:before{position:absolute;width:25px;height:25px;left:0;top:0;border-radius:50%;border:2px solid #40b475;content:""}
.discoveryLoading > div .completedMsg > div:after{position:absolute;width:5px;height:14px;left:11px;top:6px;border-right:2px solid #40b475;border-bottom:2px solid #40b475;content:"";border-radius:0 0 3px 0;transform:rotate(45deg)}
*/
.discoveryLoading > div .completedMsg > .successIcon {font-size: 14px;padding-left: 32px;position: relative;display: inline-block;line-height: 28px}
.discoveryLoading > div .completedMsg > .successIcon:before {position: absolute;width: 20px;height: 20px;left: 0;top: 3px;border-radius: 50%;border: 2px solid #40b475;content: "";}
.discoveryLoading > div .completedMsg > .successIcon:after {position: absolute;width: 4px;height: 12px;left: 9px;top: 7px;border-right: 2px solid #40b475;border-bottom: 2px solid #40b475;content: "";border-radius: 0 0 3px 0;transform: rotate(45deg);}
.discoveryLoading > div .completedMsg > .FailureIcon {font-size: 14px;padding-left: 32px;position: relative;display: inline-block;line-height: 28px}
.discoveryLoading > div .completedMsg > .FailureIcon:before {position: absolute;width: 20px;height: 20px;left: 0;top: 3px;border-radius: 50%;border: 2px solid #f34848;content: ""}
.discoveryLoading > div .completedMsg > .FailureIcon:after {position: absolute;width: 5px;height: 14px;left: 9px;top: 5px;content: "!";border-radius: 0 0 3px 0;font: 16px LatoBold;color: #f34848}

.discoveryLoading > div > .closeBtn{position:absolute;top:10px;right:10px;color:#858585;cursor:pointer;width:14px;height:14px}
.discoveryLoading > div > .closeBtn:before{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(45deg)}
.discoveryLoading > div > .closeBtn:after{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(45deg);transform:rotate(-45deg)}
.discoveryTableTopInfo{width:100%;float:left;padding:20px 0;position:relative;min-height:60px;border-bottom:1px solid #ddd}
.discoveryTableTopInfo > .leftTitle{width:30%;font-size:18px;position:absolute;bottom:20px;left:0}
.discoveryTableTopInfo > .leftTitle.desc{bottom:14px;width:50%}
.discoveryTableTopInfo > .deviceInfo{width:40%;text-align:center;position:absolute;left:30%;bottom:20px}
.discoveryTableTopInfo > .approvedInfo{width:400px;height:50px;background:#fbf6bf;text-align:center;position:absolute;left:50%;bottom:-7px;margin-left:-200px}
.discoveryTableTopInfo > .approvedInfo > div{font-size:16px;padding-left:31px;position:relative;display:inline-block;line-height:50px}
.discoveryTableTopInfo > .approvedInfo > div:before{position:absolute;width:20px;height:20px;left:0px;top:13px;border-radius:50%;border:2px solid #40b475;content:""}
.discoveryTableTopInfo > .approvedInfo > div:after{position:absolute;left:10px;top:18px;content:"i";color:#40b475;font-size:16px;font-family:latoBold;line-height:13px}
.discoveryTableTopInfo > .deviceInfo ul{margin:0;padding:0;display:inline-block}
.discoveryTableTopInfo > .deviceInfo li{font-size:14px;font-family:latoBold;float:left;padding:0 8px}
.discoveryTableTopInfo > .deviceInfo li:first-child{border-right:1px solid #ddd}
.discoveryTableTopInfo > .deviceInfo span.approvedCount{color:#40b475}
.discoveryTableTopInfo > .deviceInfo span.ignoredCount{color:#e9324b}
.discoveryTableTopInfo > .nav{width:30%;position:absolute;right:0;bottom:12px}
.discoveryTableTopInfo > .nav.virtualSettings{width:50%!important}
.discoveryTableTopInfo > .nav .navOption{width:100%;float:left}
.discoveryTableTopInfo > .nav .opmBtnHldrTop{position:inherit}
.discoveryTableTopInfo > .nav .discProSearch{float:right;position:relative;width:20px;margin-right:10px;height:38px}
.discoveryTableTopInfo > .nav .searchIcon{float:right;width:20px;height:20px;position:absolute;margin-top:6px;margin-right:10px;cursor:pointer}
.discoveryTableTopInfo > .nav .searchIcon:before{color:#b9b9b9}
.discoveryTableTopInfo > .nav .deviceSearchBox{position:absolute;right:25px;bottom:0px;width:250px;line-height:36px;margin:0;display:none}
.discoveryTableTopInfo > .nav .deviceSearchBox input[type="search"]{padding:0 10px;line-height:33px;height:33px;width:100%;border:1px solid #d4d4d4;padding-right:30px}
.discoveryTableTopInfo > .nav .deviceSearchBox input[type="search"]::-webkit-search-decoration, .discoveryTableTopInfo > .nav .deviceSearchBox input[type="search"]::-webkit-search-cancel-button, .discoveryTableTopInfo > .nav .deviceSearchBox input[type="search"]::-webkit-search-results-button, .discoveryTableTopInfo > .nav .deviceSearchBox input[type="search"]::-webkit-search-results-decoration{display:none}
.discoveryTableTopInfo > .nav .deviceSearchBox .searchBoxClose{position:absolute;top:10px;right:10px;content:"";width:10px;height:10px;cursor:pointer;display:none}
.discoveryTableTopInfo > .nav .deviceSearchBox .searchBoxClose:before{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(45deg)}
.discoveryTableTopInfo > .nav .deviceSearchBox .searchBoxClose:after{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(-45deg)}
.discoveryTableTopInfo > .nav.active .searchIcon + .deviceSearchBox{display:block}html.opmAlignCenter .discoveryTableTopInfo > .nav.active + .deviceInfo, html.opmAlignLeft .discoveryTableTopInfo > .nav.active + .deviceInfo{margin-left:-185px}
.RediscoveryPolicyInfo, .EmailNotificationInfo{width:100%;float:left}
.discoveryTopBox.noBorder .discoveryTableTopInfo{border:0;padding:10px 0 0;min-height:50px}
.discoveryTopBox.noBorder .discoveryTableTopInfo > .leftTitle, .discoveryTopBox.noBorder .discoveryTableTopInfo > .deviceInfo{bottom:10px}
.discoveryTopBox.noBorder .discoveryTableTopInfo > .nav{bottom:2px}
.settingsCnt > section .settingsContent .discoveryTopBox.noBorder + .opmFormHolder{top:110px}
.settingsCnt > section .settingsContent .discoveryTopBox.noBorder.noMessage + .opmFormHolder{top:45px}
#RediscoveryPolicy + label, #EmailNotification + label{font-size:16px}
.RediscoveryPolicyInfo .opmCheckBox > div{margin-bottom:30px}
.EmailNotificationInfo .opmCheckBox > div{height:auto}
.RediscoveryPolicyBox .opmFormCol:first-child{width:25%}
.RediscoveryPolicyBox .opmFormCol:last-child{width:71%}
.EmailNotificationBox .opmFormRow:last-child{margin:0 !important}
.RediscoveryPolicyBox{margin-bottom:30px;width:100%;float:left;margin-top:20px}
.EmailNotificationBox{width:100%;float:left;margin-top:20px}
.opmForm .opmTileCheckBox.sheduleDiscovery > div{width:145px !important}
.opmForm .opmTileCheckBox.sheduleDiscovery > div:first-child, .opmForm .opmTileCheckBox.sheduleDiscovery > div:nth-child(5), .opmForm .opmTileCheckBox.sheduleDiscovery > div:nth-child(9){margin-left:0}
.opmForm .opmTileCheckBox.sheduleDiscovery > div label{background:#f0f0f0;}
#ScheduleMonthly .ScheduleMonthlyOption .opmFormCol .opmFormCol{width:50%}
#ScheduleMonthly .ScheduleMonthlyOption .opmFormCol .opmFormCol + .opmFormCol{width:42%}
.show_ndActions{display:none}
.ui-state-hover .show_ndActions{display:block}
.show_ndActions > i{padding:0 15px;border-right:1px solid #e0e0e0}
.show_ndActions > i:last-child{border-right:0}
.selBox-2 > span > label.vCenterInterval{font-size:14px}
.GS-DiscoveryMsg{width:100%;float:left;background:#fbf6bf;padding:15px;margin-top:20px;font-family:'RobotoSlabRegular';font-size:14px}
.GS-DiscoveryMsg .loadingDots{line-height:6px}
.GS-DiscoveryMsg .loadingDots i{font-size:0;width:5px;height:5px;display:inline-block;background:#999a99;margin:0 2px;border-radius:50%}
.GS-DiscoveryMsg .infoIcon{border:1px solid #38ab6a;width:25px;height:25px;display:inline-block;border-radius:50%;padding:2px 5px;font-family:lato;margin-right:5px;color:#38ab6a}
.GS-DiscoveryMsg .loadingDotsOne{animation:loadingDotsOne 3s infinite}
.GS-DiscoveryMsg .loadingDotsTwo{animation:loadingDotsTwo 3s infinite}
.GS-DiscoveryMsg .loadingDotsThree{animation:loadingDotsThree 3s infinite}
.GS-DiscoveryMsg .loadingDotsFour{animation:loadingDotsFour 3s infinite}
@keyframes loadingDotsOne{20%{background:#38ab6a; transform:scale(1.5)} 40%{background:#999a99; transform:scale(1)} 60%{background:#999a99; transform:scale(1)} 80%{background:#999a99; transform:scale(1)} 100%{background:#999a99; transform:scale(1)} }
@keyframes loadingDotsTwo{20%{background:#999a99; transform:scale(1)} 40%{background:#38ab6a; transform:scale(1.5)} 60%{background:#999a99; transform:scale(1)} 80%{background:#999a99; transform:scale(1)} 100%{background:#999a99; transform:scale(1)} }
@keyframes loadingDotsThree{20%{background:#999a99; transform:scale(1)} 40%{background:#999a99; transform:scale(1)} 60%{background:#38ab6a; transform:scale(1.5)} 80%{background:#999a99; transform:scale(1)} 100%{background:#999a99; transform:scale(1)} }
@keyframes loadingDotsFour{20%{background:#999a99; transform:scale(1)} 40%{background:#999a99; transform:scale(1)} 60%{background:#999a99; transform:scale(1)} 80%{background:#38ab6a; transform:scale(1.5)} 100%{background:#999a99; transform:scale(1)} }
/*Discovery CSS End */

/*Credential Start CSS Start*/
.AddCrentialsRight{position:absolute;top:0;right:0;color:#009df6}
.selBoxList{height:140px;overflow:auto;border:1px solid #e2e2e2;border-bottom:0}
.selBoxList ul{height:100%}
.selBoxList ul li{padding:10px;position:relative}
.selBoxList ul li .close{position:absolute;right:0;top:0;display:none;justify-content:center;align-items:center;cursor:pointer;width:30px;height:33px}
.selBoxList ul li .close:after{content:'';width:9px;height:9px;display:inline-block;background:url("../../img/opm-sprites.png") no-repeat -179px -1469px}
.selBoxList ul li:hover{background-color:rgba(57, 150, 221, 0.5)}
.selBoxList ul li:hover:nth-child(even){background-color:rgba(57, 150, 221, 0.5)}
.selBoxList ul li:hover .close{display:flex}
.selBoxList ul li:nth-child(even){background-color:#fafafa}
.credentialBox{width:100%;float:left;position:relative}
.credentialBox .selectBox{width:100%;height:33px;background:#f0f0f0;border:1px solid #dcdcdc;padding:5px 8px;transition:all 0.3s ease;position:relative;cursor:pointer}
.credentialBox .selectBox:hover{background:#fbfbfb;transition:all 0.3s ease}
.credentialBox .selectBox:after{border-left:1px solid #dcdcdc;position:absolute;top:0;right:0;content:"";width:30px;height:32px}
.credentialBox .selectBox .downArrow{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;right:10px;margin-top:-2px;position:absolute;top:50%;width:0}
.credentialBox .dropDownBox{position:absolute;top:100%;left:0;border-top:0;width:100%;background:#fff;overflow:auto;display:none;z-index:3}
.credentialBox .dropDownBox.shadow{box-shadow:0 6px 20px #eaeaea}
.credentialBox .dropDownBox.overlap{top:1px}
.credentialBox .dropDownList{width:100%;float:left;overflow:auto;height:auto;max-height:200px;border:1px solid #e2e2e2;border-top:0;padding:0 10px}
.credentialBox .dropDownList ul{margin:0;padding:0}
.credentialBox .dropDownList ul li{list-style:none;width:100%;float:left}
.credentialBox .dropDownList ul li > .opmCheckBox > div{padding-left:30px;background:none;min-height:20px;margin-top:10px;width:100%;}
.credentialBox .dropDownList ul li > .opmCheckBox > div label{line-height:20px;display:block}
.credentialBox .dropDownList ul li > .opmCheckBox > div label:before{width:15px;height:15px;border-radius:2px;background:#fff;border-color:#bfbfbf;left:4px;top:2px}
.credentialBox .dropDownList ul li > .opmCheckBox > div > input{width:100% !important}
.credentialBox .dropDownList ul li > .opmCheckBox > div > input[type="checkbox"]{padding:0;height:100%;z-index:2;display:block}
.credentialBox .dropDownList ul li input:checked + label:after{border-color:#000;left:8px;top:10px;width:3px;height:7px;transform:translate(1) rotate(135deg)}
.credentialBox .dropDownList ul li.group{cursor:default;display:block;padding:6px;font-weight:bold;background-color:#E7E8E8;margin-top:6px}
.credentialBox .dropDownList ul > li > ul{margin-left:25px}
.credentialBox .credentialSearch{width:100%;float:left;position:relative;margin-top:-2px}
.credentialBox .credentialSearch > input,.credentialBox .credentialSearchNew > input{width:100%;border-top:0;background:#fff !important;padding-right:30px !important}
.credentialBox .credentialSearch::before{display:inline-block;position:absolute;top:12px;right:10px;background:url("../../img/opm-sprites.png") no-repeat -3px -1438px;width:11px;height:11px;content:''}
.credentialBox .credentialSearchNew::before{display: inline-block;position: absolute;top: 12px;right: 10px;background: url(../../img/opm-sprites-v2.svg) no-repeat -90px -1px;width: 14px;height: 14px;content: ""}
.credentialBox.active .selectBox .downArrow{transform:rotate(180deg)}
.credentialBox.active .dropDownBox{display:block}
.credentialBox.existingDiscovery .dropDownBox{display:block;position:inherit;background:#f4f6f8}
.credentialBox.existingDiscovery .dropDownBox .credentialSearch{margin:0}
.credentialBox.existingDiscovery .dropDownBox .credentialSearch > input{border:1px solid #e2e2e2;padding:5px 50px 5px 8px;height:33px;background:#f0f0f0 !important}
.credentialBox .credentialSearch.addBtn::before{background:url("../../img/opm-sprites.png") no-repeat -78px -52px;}
.credentialScaningMsg, .successMessage1{position:absolute;top:20px;left:0;padding-top:44px;background:rgba(255, 255, 255, 0.8);width:100%;color:#40b475;line-height:25px}
.credentialScaningMsg{padding-left:25px}
.credentialScaningMsg .loadingDots{line-height:6px;margin-left:5px}
.credentialScaningMsg .loadingDots i{font-size:0;width:5px;height:5px;display:inline-block;background:#999a99;margin:0 1px;border-radius:50%}
.credentialScaningMsg .loadingDotsOne{animation:loadingDotsOne 3s infinite}
.credentialScaningMsg .loadingDotsTwo{animation:loadingDotsTwo 3s infinite}
.credentialScaningMsg .loadingDotsThree{animation:loadingDotsThree 3s infinite}
.credentialScaningMsg .loadingDotsFour{animation:loadingDotsFour 3s infinite}
.credentialScaningMsg:before{position:absolute;bottom:0;left:0;background:url("../../img/loading.gif") no-repeat;width:25px;height:25px;content:""}
.successMessage1{top:inherit;bottom:-25px;padding:0;background:none}
.credentialErrorMsg, .errorMessage{position:absolute;bottom:-33px;left:0;width:1200px;color:#ff5858;line-height:25px}
.credentialErrorMsg strong{font-style:italic}
.credentialErrorMsg .infoIcon, .credentialScaningMsg .infoIcon, .errorMessage .infoIcon, .successMessage1 .infoIcon{border:1px solid #ff5858;width:25px;float:left;height:25px;border-radius:50%;margin-right:5px;position:relative}
.credentialErrorMsg .infoIcon:after, .credentialScaningMsg .infoIcon:after, .errorMessage .infoIcon:after, .successMessage1 .infoIcon:after{position:absolute;top:50%;left:50%;content:"i";transform:translate(-50%, -50%)}
.credentialScaningMsg .infoIcon, .successMessage1 .infoIcon{color:#38ab6a;border-color:#40b475}
@keyframes loadingDotsOne{20%{background:#38ab6a;transform:scale(1.5)}40%{background:#999a99;transform:scale(1)}60%{background:#999a99;transform:scale(1)}80%{background:#999a99;transform:scale(1)}100%{background:#999a99;transform:scale(1)}}
@keyframes loadingDotsTwo{20%{background:#999a99;transform:scale(1)}40%{background:#38ab6a;transform:scale(1.5)}60%{background:#999a99;transform:scale(1)}80%{background:#999a99;transform:scale(1)}100%{background:#999a99;transform:scale(1)}}
@keyframes loadingDotsThree{20%{background:#999a99;transform:scale(1)}40%{background:#999a99;transform:scale(1)}60%{background:#38ab6a;transform:scale(1.5)}80%{background:#999a99;transform:scale(1)}100%{background:#999a99;transform:scale(1)}}
@keyframes loadingDotsFour{20%{background:#999a99;transform:scale(1)}40%{background:#999a99;transform:scale(1)}60%{background:#999a99;transform:scale(1)}80%{background:#38ab6a;transform:scale(1.5)}100%{background:#999a99;transform:scale(1)}}

/*SUPERNET IMPLEMENTATION CSS STARTS*/
.stepProcess {width:100%;float:left;max-width:100%;}
.stepProcess > ul {margin:0;padding:0;width:100%;float:left;}
.stepProcess > ul > li{list-style:none;float:left;cursor:pointer;padding: 0 0 10px;width:33.33%;text-align:left;border-bottom:1px solid #e2e2e2;color:#969696;position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.stepProcess > ul > li.active{font:14px LatoBold;color:#212121;}
.stepProcess > ul > li.nextStep{font:14px LatoRegular;color:#212121;}
.stepProcess > ul > li.active::after{ bottom:-1px;left: 0;content: "";width: 100%;height: 2px;background:#45bd7f;position:absolute;}
.supernetIcon::before{background: url("../../img/opm-sprites.png") no-repeat -306px -2059px;width:18px;height:16px;display:inline-block;content:"";}
.icon-Select:after{width: 6px !important;height: 13px !important;content:'';border:2px solid #42be7f;border-bottom:0;border-left:0;position:absolute;top: 27px !important;left: 8px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1;background: transparent !important;}
/*SUPERNET IMPLEMENTATION CSS ENDS*/

/*Wake on LAN CSS Starts*/
.icon-sm-deleteOpu {
    background-position: -282px -1438px;
}
.icon-sm-powerBtnOpu {
	background-position: -344px -1245px;
}
.opuPowericonh20,
.opuDeleteiconh20{position:relative;float:left;margin:0 5px;}
.opuPowericonh20:after,.opuDeleteiconh20:after{
	width: 19px;
	height: 20px;
	position:absolute;
	top:7px;
	left:0;
	background:url("../../img/opm-sprites.png") no-repeat -230px -1683px;
	content:""
}

.opuPowericonh20:after{
	background-position: -230px -1683px;
}
.opuDeleteiconh20:after{
	width: 19px;background-position:  -209px -1681px;
}
.icon-sm-WakeOnLan{background-position:-138px -1705px;width:17px !important;height:17px !important}
.routerInvOptions.flex-center {float: right;right: 30px;position: absolute;z-index:1;display:none}
.routerInvOptions.flex-center.active{display:-webkit-box;display:-ms-flexbox;display:flex}
.routerInvOptions.flex-center i::before {top: 0}
.routerInvOptions.flex-center i{margin-right:10px}
.opuAddBtn{background:#49bd80;width:120px;height:30px;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.3);position:absolute;top:-4px;right:-45px;z-index:2;cursor:pointer;text-align:center;color:#fff;font-family:'latoRegular';line-height:30px}
.addTask .multiSelectBox4 .listBoxTitle{font-family: 'LatoBold';}
.addTask .multiSelectBox4 .listBox:last-child {padding: 0;width: 100%;}
.addTask .multiSelectBox4 .opmCheckBox label::before {background: #fff !important;}
.addTask .multiSelectBox4 .listBox ul {overflow: auto;background: #f8f8f9;}
.addTask .multiSelectBox4 .listBox ul li {position: relative;overflow: hidden;z-index: 1;background: #f8f8f9;height: auto;display: flex;align-items: center;border-bottom: 1px solid #e2e2e2;}
.addTask .multiSelectBox4 .DevicesSearchBox input{height:33px !important;}
.addTask .multiSelectBox4 .listBox ul .noData {margin: 0 auto;display: flex;align-items: center;justify-content: center;height: 245px;background: #f8f8f9;}
.tab1 { width: 100%; float: left; max-width: 600px; margin-bottom: 20px; }

.tab1.width650 { max-width: 650px; }

.tab1.small { max-width: 550px; }

.tab1.full { max-width: 100%; }

.tab1.tab1-sm.style2 > ul > li, .tab1.tab1-sm.style2 > ul > div { padding: 0 13px; line-height: 40px; }

.tab1.tab1-sm.style2 > ul > li.active:before, .tab1.tab1-sm.style2 > ul > div.active:before { height: 3px; }

.tab1.tab1-sm.style2 > ul > li.toolset .icons, .tab1.tab1-sm.style2 > ul > div.toolset .icons { height: 40px; }

.tab1.tab1-sm.style2 > ul > li.toolset .icons.close, .tab1.tab1-sm.style2 > ul > div.toolset .icons.close { vertical-align: middle; position: relative; }

.tab1.tab1-sm.style2 > ul > li.toolset .icons.close > i, .tab1.tab1-sm.style2 > ul > div.toolset .icons.close > i { display: flex; justify-content: center; align-items: center; }

.tab1.tab1-sm.style2 > ul > li.toolset .icons i:before, .tab1.tab1-sm.style2 > ul > div.toolset .icons i:before { transform: scale(0.9); }

.tab1.tab1-sm.style2 > ul > li .badge, .tab1.tab1-sm.style2 > ul > div .badge { margin: 5px 0 5px 10px; }

.tab1.tab1-sm .tab1Content { padding-top: 25px; padding-bottom: 25px; }

.tab1.tab-justified > ul { padding: 0; display: flex; clear: both; flex-flow: row; align-items: stretch; }

.tab1.tab-justified > ul > li { flex: 1 1 auto; text-align: center; }

.tab1.tab-justified > ul > li:nth-last-child(1) { border-right-color: transparent; }

.tab1.tab-verticle { display: flex; align-items: flex-start; }

.tab1.tab-verticle.fixed-height { position: relative; margin-top: 15px; }

.tab1.tab-verticle.fixed-height > ul { overflow-y: auto; height: 377px; }

.tab1.tab-verticle.fixed-height .tab1Content { height: 377px; }

.tab1.tab-verticle.fixed-height .scrolldown, .tab1.tab-verticle.fixed-height .scrollup { position: absolute; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; border: 1px solid #e2e2e2; display: flex; justify-content: center; align-items: center; background-color: #fff; }

.tab1.tab-verticle.fixed-height .scrolldown i:before, .tab1.tab-verticle.fixed-height .scrollup i:before { line-height: 1; }

.tab1.tab-verticle.fixed-height .scrolldown { bottom: -13px; left: 75px; }

.tab1.tab-verticle.fixed-height .scrollup { display: none; top: -13px; left: 75px; }

.tab1.tab-verticle > ul { flex: 0 0 180px; width: 180px; word-break: break-all; border-right: 0; }

.tab1.tab-verticle > ul > li { width: 100%; word-break: break-all; line-height: 1.6; padding: 15px 20px; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }

.tab1.tab-verticle > ul > li:first-child { border-top: 0; }

.tab1.tab-verticle > ul > li.active:before { top: 0; height: 100%; width: 5px; }

.tab1.tab-verticle > .tab1Content { flex: 1; margin-top: 0; border-left: 0; }

.tab1 > ul { margin: 0; padding: 0; background: #f0f0f0; width: 100%; float: left; border: 1px solid #e2e2e2; }

.tab1 > ul > li, .tab1 > ul > div { list-style: none; float: left; padding: 0 25px; background: #f0f0f0; line-height: 50px; border-right: 1px solid #e2e2e2; cursor: pointer; }

.tab1 > ul > li.active, .tab1 > ul > div.active { background: #fff; position: relative; }

.tab1 > ul > li.active:before, .tab1 > ul > div.active:before { top: -1px; left: -1px; content: ""; width: calc(100% + 2px); height: 5px; background: #27a965; position: absolute; }

.tab1 > ul > li.active:after, .tab1 > ul > div.active:after { bottom: -1px; left: 0; content: ""; width: 100%; height: 1px; background: #fff; position: absolute; }

.tab1 .tab1Content { width: 100%; float: left; padding: 30px 50px; border: 1px solid #e2e2e2; margin-top: -1px; display: none; }

.tab1 .tab1Content.active { display: block; }

.tab1 .tab1Content.p25 { padding: 25px; }
/*Wake on LAN CSS ENDS*/
/*Credential Start CSS End*/
/*Action Drop Down CSS Start*/
.actionDropDown{width:150px;height:30px;border-radius:5px;padding:0px 20px;line-height:30px;text-align:left;position:relative;background:#f0f0f0;float:right;margin:3px;border:1px solid #e2e2e2}
.actionDropDown:before{position:absolute;top:12px;right:10px;border:5px solid;border-color:#000 transparent transparent transparent;content:""}
.actionDropDown:after{position:absolute;top:0px;height:28px;width:30px;right:00px;border-left:1px solid #e2e2e2;content:""}
.actionDropDown:hover{border-radius:5px 5px 0 0}
.actionDropDown:hover:after{border-bottom:2px solid #f9f9f9;background:#f9f9f9;border-radius:0 5px 0 0}
.actionDropDown:hover:before{z-index:1}
.actionDropDown:hover .actionDropDown__list{display:block}
.actionDropDown.bgGreen{background:#45bd7f;color:#fff;border:1px solid #45bd7f}
.actionDropDown.bgGreen:before{border-color:#fff transparent transparent transparent}
.actionDropDown.bgGreen > .actionDropDown__list{color:#000}
.actionDropDown.bgGreen:hover:after{border-bottom:2px solid #f9f9f9;background:#f9f9f9;border-radius:0 5px 0 0;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;top:-1px;right:-1px}
.actionDropDown.bgGreen:hover:before{border-color:#000 transparent transparent transparent}
.actionDropDown__list{position:absolute;top:28px;right:-1px;border:1px solid;border-color:#e2e2e2;background:#f9f9f9;min-width:150px;padding:5px 0 0 0;border-radius:0 0 5px 5px;display:none}
.actionDropDown__list ul li{padding:0px 20px;cursor:pointer}
.actionDropDown__list ul li:hover{background:#f0f0f0}
/*Action Drop Down CSS  End*/
/*Pop Up*/
.bgOverlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:100}
.bgOverlay.whiteOverlay {background: rgba(225, 225, 225, 0.5);}
.popUpBox{min-width:200px;max-width:1000px;text-align:center;min-height:50px;padding:30px 50px;background:#fff;position:absolute;top:50%;left:50%;z-index:101;transform:translate(-50%, -50%);border-radius:5px}
.popUpBox .opmBtn.alignCenter{float:none}
.popUpBox.information, .popUpBox.warning{width:350px;padding:40px;padding-top:80px}
.popUpBox.information:before, .popUpBox.warning:before{border:2px solid #808080;width:30px;height:30px;border-radius:50%;position:absolute;top:40px;left:50%;margin-left:-15px;content:"i";font-size:20px;color:#808080;line-height:30px}
.popUpBox.information p, .popUpBox.warning p{font-size:16px}
.popUpBox.information .opmBtn, .popUpBox.warning .opmBtn{margin-top:15px;min-width:100px;border-radius:3px}
.popUpBox.information .opmBtn.btn-grey, .popUpBox.warning .opmBtn.btn-grey{background:#f0f0f0}
.popUpBox.warning{width:500px}
.popup-custom-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}
.popup-custom-field__cont{font-size:14px}
.popup-custom-field__cont--align-center{text-align:center}
.popup-custom-field__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}
.popup-custom-field__btn>button{margin:0;border-radius:3px}
.popup-custom-field__btn--align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.popUpBox .closeBtn{position:absolute;top:10px;right:10px;width:25px;height:25px;background:#ffffff;border-radius:50%;cursor:pointer;transition:.5s}
.popUpBox .closeBtn:hover{transition:.5s;background:#f0f0f0}
.popUpBox .closeBtn:after{width:1px;height:12px;position:absolute;top:7px;right:12px;content:"";background:#595959;transform:rotate(45deg)}
.popUpBox .closeBtn:before{width:1px;height:12px;position:absolute;top:7px;right:12px;content:"";background:#595959;transform:rotate(-45deg)}
/*Pop Up*/
/* WLC Tab with Icon Start */
.wlcTabUl{float:left;width:100%;height:90px;display:block;padding:10px 15px 10px 15px}
.wlcTabUl > div {width:100%;height:100%;display:inline-block;background:#f0f0f0;border:1px solid #e0e0e0}
.wlcTabUl > div > ul {width:100%;height:100%;display:inline-block}
.wlcTabUl > div > ul > li{background:#f0f0f0;float:left;min-width:200px;width:20%;height:100%;text-align:left;padding:10px 10px 10px 90px;border-right:1px solid #e0e0e0;display:inline-block;position:relative;cursor:pointer}
.wlcTabUl > div > ul > li > b{font:23px LatoBold;display:block;z-index:2;position:relative}
.wlcTabUl > div > ul > li > span{font:14px LatoRegular;position:relative;z-index:2}
.wlcTabUl > div > ul > li.active{background:#fafafa;border-bottom:0;cursor:default}
.wlcTabUl > div > ul > li.active:after{border-top:3px solid #45bd7f;background:#fafafa;width:100%;height:75px;content:'';position:absolute;top:-1px;left:0}
.wlcTabUl > div > ul > li:before{background:url(../../img/opm-sprites.png) no-repeat;width:55px;height:55px;content:'';margin:auto 0 auto 30px;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(0.8);z-index:2}
.wlcTabUl > div > ul > li.wlcTabIconWlcDetails:before{background-position:-143px -1352px;width:50px;height:49px}
.wlcTabUl > div > ul > li.wlcTabIconNetworks:before{background-position:-86px -1353px;width:50px;height:50px}
.wlcTabUl > div > ul > li.wlcTabIconAccessPoints:before{background-position:-198px -1353px;width:50px;height:50px}
.wlcTabUl > div > ul > li.wlcTabIconRouge:before{background-position:-252px -1353px;width:53px;height:50px}
.wlcTabUl > div > ul > li.wlcTabIconClients:before{background-position:-309px -1353px;width:46px;height:50px}
.wlcTabUl > div > ul > li.vCenterDetailsIcon:before{background-position:0 -1639px;width:40px;height:40px}
.wlcTabUl > div > ul > li.hostIcon{padding-left:83px}
.wlcTabUl > div > ul > li.hostIcon:before{background-position:-45px -1639px;width:37px;height:40px}
.wlcTabUl > div > ul > li.virtualMachineIcon:before{background-position:-87px -1639px;width:45px;height:40px}
.wlcTabUl > div > ul > li.dataBaseIcon{padding-left:78px}
.wlcTabUl > div > ul > li.dataBaseIcon:before{background-position:-136px -1638px;width:33px;height:40px}
.wlcTabUl > div > ul > li.diskIcon{padding-left:75px}
.wlcTabUl > div > ul > li.diskIcon:before{background-position:-172px -1638px;width:30px;height:40px}
.wlcTabUl > div > ul > li.clusterIcon:before{background-position:-205px -1638px;width:45px;height:40px}
.wlcTabUl > div > ul > li.sdnACIIcon:before{background-position:-217px -1872px;width:46px;height:39px;transform:scale(1)}
.wlcTabUl > div > ul > li.sdnTopologyIcon:before{background-position:-308px -1872px;width:42px;height:39px;transform:scale(1)}
.wlcTabUl > div > ul > li.sdnFabricIcon:before{background-position:-45px -1639px;width:37px;height:40px;transform:scale(1)}
.wlcTabUl > div > ul > li.sdnTenantsIcon:before{background-position:-264px -1872px;width:41px;height:39px;transform:scale(1)}
.wlcTabUl > div > ul > li.sdnEndpointGroupIcon:before{background-position:-205px -1638px;width:45px;height:40px;transform:scale(1)}
.wlcTabUl > div > ul > li.proxmox-container-icon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat;background-position:-430px -55px;width:36px;height:40px;left:8px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.wlcTabUl > div > ul > li.merakiControllerIcon{padding-left:100px}
.wlcTabUl > div > ul > li.merakiControllerIcon:before{background-position:-252px -1827px;width:61px;height:38px;transform:scale(1)}
.wlcTabUl > div > ul > li.merakiAllDevicesIcon{padding-left:80px}
.wlcTabUl > div > ul > li.merakiAllDevicesIcon:before{background-position:-317px -1829px;width:41px;height:40px;transform:scale(1)}
.wlcTabUl > div > ul > li.merakiNetworksIcon:before{background-position:-86px -1353px;width:50px;height:50px;transform:scale(0.8)}
.wlcTabUl > div > ul > li.merakiRogueIcon:before{background-position:-252px -1353px;width:53px;height:50px;transform:scale(0.8)}
.wlcTabUl > div > ul > li.merakiClientsIcon:before{background-position:-309px -1353px;width:46px;height:50px;transform:scale(0.8)}
.wlcTabUl > div > ul > li > div{position:relative;z-index:2}
.wlcTabUl > div > ul > li.noBefore::before{display:none!important}
.wlcTabUl > div > ul > li .wflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}
.wlcTabUl > div > ul > li .wflex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:10px}

.wlcTabUl.VirtualizationSnapshot li:before, .wlcTabUl.ESXiSnapshot li:before, .wlcTabUl.NutanixSnapshot li:before{transform:scale(1)}
.wlcTabUl.NutanixSnapshot + .DIA-Header{top:80px !important;max-width:100%;}
.wlcTabUl.NutanixSnapshot + .DIA-Header.hideHeader + .DIA-Content{top:80px !important}
.wlcTabUl.NutanixSnapshot + .DIA-Header + .DIA-Content{top:130px !important}
html.opmAlignLeft .wlcTabUl, html.opmAlignCenter .wlcTabUl{max-width:100%}
html.opmAlignLeft .wlcTabUl > div ul, html.opmAlignCenter .wlcTabUl > div ul{max-width:100%}
html.opmAlignLeft .wlcTabUl > div ul li:nth-child(5), html.opmAlignCenter .wlcTabUl > div ul li:nth-child(5){border-right:0}
html.opmAlignLeft .wlcTabUl .wlcTabUl.NutanixSnapshot + .DIA-Header, html.opmAlignCenter .wlcTabUl .wlcTabUl.NutanixSnapshot + .DIA-Header{max-width:1460px}
.responseInfo.type3 .storageRequisties > ul{padding: 0px 0 0 20px;list-style-type: unset;}
.wlcTabUl.opmWlc + .DIA-Header{top:80px !important;max-width:1400px}
.wlcTabUl.opmWlc + .DIA-Header.hideHeader{display:none}
.wlcTabUl.opmWlc + .DIA-Header.hideHeader + .DIA-Content{top:85px !important;}
.wlcTabUl.opmWlc + .DIA-Header + .DIA-Content{top:125px !important}
.wlcTabUl.opmWlcSnapshot + .DIA-Header{top:80px !important;max-width:1400px}
.wlcTabUl.opmWlcSnapshot + .DIA-Header.hideHeader + .DIA-Content{top:80px !important}
.wlcTabUl.opmWlcSnapshot + .DIA-Header + .DIA-Content{top:130px !important}
html.opmAlignLeft .wlcTabUl .wlcTabUl.opmWlcSnapshot + .DIA-Header, html.opmAlignLeft .wlcTabUl .wlcTabUl.opmWlc + .DIA-Header, html.opmAlignCenter .wlcTabUl .wlcTabUl.opmWlcSnapshot + .DIA-Header, html.opmAlignCenter .wlcTabUl .wlcTabUl.opmWlc + .DIA-Header{max-width:1460px}
.wlcTabUl.opmWlc.hideTopBand{display:none}
.wlcTabUl.opmWlc.hideTopBand + .DIA-Header{top:0px !important}
#PageContent .DeviceDetails .wlcTab .DI-Accordion .DIA-Header.hideHeader + .DIA-Content{top:105px}
i.icon-status13{background: url('../../img/opm-sprites.png') no-repeat -225px -1511px;content: '';width: 18px;height: 18px;display: inline-block;}
i.icon-status14{background: url('../../img/opm-sprites.png') no-repeat -245px -1511px;content: '';width: 18px;height: 18px;display: inline-block;}
i.icon-status15{background: url('../../img/opm-sprites.png') no-repeat -265px -1511px;content: '';width: 18px;height: 18px;display: inline-block;}
i.icon-status16{background: url('../../img/opm-sprites.png') no-repeat -285px -1511px;content: '';width: 18px;height: 18px;display: inline-block;}
i.icon-unmanaged18x18{background: url('../../img/opm-sprites.png') no-repeat -157px -1704px;content: '';width: 18px;height: 18px;display: inline-block;}
.monitoringStatus{line-height: 0;display: inline-block;margin-left: 22px;vertical-align: unset;top: -1px;position: relative;}
.ssidName{font-family: latoBold}
.apcClientsgrp{position:relative;display:inline-block;margin-left:10px;padding-left:25px;}
.apcClientsgrp:after{background: url('../../img/opm-sprites.png') no-repeat -305px -1511px;content:'';width: 18px;height: 15px;display:inline-block;position: absolute;left:0;top:0;}
/* WLC Tab with Icon End */

/*Loading Icon Staret*/
.opmLoading-circle{width:16px;height:16px;position:absolute;left:0}
.opmLoading-circle .opmLoading-circle{width:100%;height:100%;position:absolute;left:0;top:0}
.opmLoading-circle .opmLoading-circle:before{content:'';display:block;margin:0 auto;width:16%;height:23%;background-color:#45bd7f;border-radius:100%;-webkit-animation:opm-circleFadeDelay 1.2s infinite ease-in-out both;animation:opm-circleFadeDelay 1.2s infinite ease-in-out both}
.opmLoading-circle .opmLoading-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.opmLoading-circle .opmLoading-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.opmLoading-circle .opmLoading-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.opmLoading-circle .opmLoading-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.opmLoading-circle .opmLoading-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.opmLoading-circle .opmLoading-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.opmLoading-circle .opmLoading-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.opmLoading-circle .opmLoading-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
.opmLoading-circle .opmLoading-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.opmLoading-circle .opmLoading-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.opmLoading-circle .opmLoading-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.opmLoading-circle .opmLoading-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.opmLoading-circle .opmLoading-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.opmLoading-circle .opmLoading-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.opmLoading-circle .opmLoading-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.opmLoading-circle .opmLoading-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.opmLoading-circle .opmLoading-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.opmLoading-circle .opmLoading-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
.opmLoading-circle .opmLoading-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.opmLoading-circle .opmLoading-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}
.opmLoading-circle .opmLoading-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.opmLoading-circle .opmLoading-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}
@-webkit-keyframes opm-circleFadeDelay{0%, 39%, 100%{opacity:0} 40%{opacity:1} }
@keyframes opm-circleFadeDelay{0%, 39%, 100%{opacity:0} 40%{opacity:1} }
/*Loading Icon End */

/*Auto Complete Start*/
.ui-autocomplete{padding:0;background:#f9f9f9;border:0}
.ui-autocomplete li{border-bottom:1px solid #eeeeee}
.ui-autocomplete li a{padding:5px 10px;line-height:20px}
.ui-autocomplete li a:hover{background:#3996dd;color:#fff}
/*Auto Complete End*/

/*components css end*/
.error {margin: auto;text-align: left !important;}
.error > .flex-center { max-width: 550px; }
.error > .flex-center > .errorMsgBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.error > .flex-center > .errorMsgBox > div { width: calc(); }
.error > .flex-center > .errorMsgBox .error-icon { margin-right: 15px; }
.error > .flex-center > .errorMsgBox .error-icon svg { width: 45px; height: 45px; }
.error > .flex-center > .errorMsgBox b { font-size: 20px; }
.error > .flex-center > .errorMsgBox ul { padding: 0 0 0 15px; list-style-type: decimal; width: 100%; max-width: 100%; display: block; }
.error > .flex-center > .errorMsgBox ul li { padding-left: 15px; margin-bottom: 5px; }
.error > .flex-center > .errorMsgBox ul li a { display: inline; }

.tab-block.support-content .refreshBtn > i{transform:scaleX(-1);display:inline-block}
.tab-block.support-content .refreshBtn > i:before{font-family:fontello;content:'\e889'}
.tab-block.support-content .refreshBtn{display: inline; margin-left: 10px; margin-top: 2px;}
.expiryMessage h5{color:#fd7070;font: 16px LatoBold}
.expiryMessage .messageRed p{color:#000;line-height: 1.4}
.expiryMessage .messageRed{width:100%;float:left;background:#fff3f2;border:1px solid #fd7070;padding:20px;text-align:left;height:auto;margin:10px 0px}
.icon-sm-trap {background-position: -240px -1786px;}
.w-100-imp {z-index: 1;width: 100% !important;}
.w-45-imp {width:45% !important}
/*** Product promotions css starts *******/
.menuDropDown {float: left;width:40px;height:40px;padding:4px 6px;display: block;transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;position: relative;bottom: 5px;border-radius: 50%;margin: 10px -10px 5px 10px;z-index: 9;}
.menuDropDown.active{background:#fff}
.menuDropDown .productMenuIcon {width: 20px;height: 20px; content: "";display: inline-block;cursor: pointer;}
.recommendationMenu {z-index: 1;padding-top: 100px;position: fixed;left: 0;top: 0px;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);cursor: default;}
.menuDropDown .menuDropDownHolder {background: #fff;width: 610px;height:540px;position: absolute;top: 55px;left: -6px;border-radius: 5px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);opacity: 1;filter: alpha(opacity=0);z-index: 3;}
.menuDropDown .menuDropDownHolder:before {background: #fff;width:12px;height:20px;content:'';transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;left: 18px; z-index: 0; }
.menuDropDown .menuDropDownHolder header {border-bottom:1px solid #e2e2e2;width: 100%;font-size: 14px;font-family: latoBold;font-weight: 400;line-height: 100%;color: #000;padding: 14px 20px;position: absolute;top: 0;left: 0;z-index: 1;cursor: default;}
.menuDropDown .menuDropDownHolder section {position: absolute;top: 40px;right: 0;bottom: 0;left: 0;}
.menuDropDown .menuDropDownHolder section article {float: left;width: 100%;height: auto;padding: 25px 30px 0;position: relative;cursor: default;}
.menuDropDown .menuDropDownHolder section article .recommendedProductTitle {font-size: 14px;font-weight: 400;line-height: 100%;color: #212121;margin-bottom: 10px;font-family: latoBold;}
.menuDropDown .menuDropDownHolder section article ul {margin-bottom: 25px;}
.menuDropDown .menuDropDownHolder section article ul li div {display: flex;position: relative;padding: 7px 0px;align-items: center;}
.menuDropDown .menuDropDownHolder section article ul li div .cloudIcon {background: url("../../img/opm-sprites.png") no-repeat -134px -1685px;width: 17px;height: 12px;content: "";display: inline-block;margin-left: 10px;cursor: pointer;position: relative;}
.menuDropDown .menuDropDownHolder section article ul li div .cloudIcon:hover .cloudInfo {visibility: visible; opacity: 1; cursor: default;}
.menuDropDown .menuDropDownHolder section article ul li div .productInfo, .menuDropDown .menuDropDownHolder section article ul li div .cloudInfo {visibility: hidden;position: absolute;top: -15px;left: 100%;margin-left: 10px;width: 300px;padding: 10px;line-height: 1.5; border: 1px solid #4fa7f4;background-color: #f1f8ff;color: #00518b;border-radius: 5px;z-index: 10;white-space: normal;opacity: 0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.menuDropDown .menuDropDownHolder section article ul li div .productInfo::before, .menuDropDown .menuDropDownHolder section article ul li div .cloudInfo::before {content: "";display: block;opacity: inherit;position: absolute;border: 1px solid #4fa7f4;background-color: #f1f8ff;border-width: 0px 0px 1px 1px;top: 30%;left: -6px;z-index: 12;width: 11px;height: 11px;opacity: inherit;transform: rotate(45deg);}
.menuDropDown .menuDropDownHolder section article ul li div .cloudInfo {width: 200px;}
.menuDropDown .menuDropDownHolder section article ul li div .desktopCentralIcon {background: url("../../img/opm-sprites.png") no-repeat -273px -1619px;width: 16px;height: 18px;content: "";display: inline-block;flex: 0 0 18px;}
.menuDropDown .menuDropDownHolder section article ul li div .deviceManagerIcon {background: url("../../img/opm-sprites.png") no-repeat -311px -1617px;width: 18px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .osDeployerIcon {background: url("../../img/opm-sprites.png") no-repeat -255px -1620px;width: 16px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .remoteAccessIcon {background: url("../../img/opm-sprites.png") no-repeat -291px -1618px;width: 18px; height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .browserSecurityIcon {background: url("../../img/opm-sprites.png") no-repeat -313px -1634px;width: 18px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .deviceControlIcon {background: url("../../img/opm-sprites.png") no-repeat -334px -1636px;width: 16px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .patchConnectIcon {background: url("../../img/opm-sprites.png") no-repeat -291px -1657px;width: 18px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .patchManagerIcon {background: url("../../img/opm-sprites.png") no-repeat -312px -1657px;width: 16px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .vulerabilityIcon {background: url("../../img/opm-sprites.png") no-repeat -331px -1657px; width: 14px; height: 18px; content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .opManagerIcon {background: url("../../img/opm-sprites.png") no-repeat -339px -1594px;width: 18px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .netflowAnalyzerIcon {background: url("../../img/opm-sprites.png") no-repeat -293px -1596px;width: 18px;height: 18px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .firewallAnalyzerIcon {background: url("../../img/opm-sprites.png") no-repeat -276px -1594px;width: 14px;height: 18px;content: "";display: inline-block;flex: 0 0 17px;}
.menuDropDown .menuDropDownHolder section article ul li div .configManagerIcon {background: url("../../img/opm-sprites.png") no-repeat -332px -1616px; width: 18px; height: 18px; content: ""; display: inline-block; display: inline-block; flex: 0 0 19px; }
.menuDropDown .menuDropDownHolder section article ul li div .opUtilsIcon {background: url("../../img/opm-sprites.png") no-repeat -291px -1636px;width: 19px;height: 19px;content: "";display: inline-block;flex: 0 0 19px;}
.menuDropDown .menuDropDownHolder section article ul li div .appManagerIcon {background: url("../../img/opm-sprites.png") no-repeat -314px -1596px;width: 22px;height: 18px;content: "";display: inline-block;flex: 0 0 22px; }
.menuDropDown .menuDropDownHolder section article ul li div label{position: relative;margin-left: 10px;bottom: 2px;color: #4c4c4c;font-family: LatoRegular;font-size: 14px;transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;cursor: pointer;}
.menuDropDown .menuDropDownHolder section article ul li div label:hover{color: #212121;}
.menuDropDown .menuDropDownHolder section article ul li div label:hover .productInfo{visibility: visible;opacity: 1;cursor: default;}
.menuDropDown .menuDropDownHolder section article ul li div > i {width: 18px;}
.opmAlignLeft .recommendationMenu {z-index: 1;padding-top: 100px;position: fixed;left: 0;right: 0;top: 0px;width: 100%;max-width: 1460px;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}
.opmAlignCenter .recommendationMenu {z-index: 1;padding-top: 100px;position: fixed;left: 0;right: 0;top: 0px;width: 100%;max-width: 1460px;height: 100%;overflow: auto;margin: 0 auto;background-color: rgba(0, 0, 0, 0.4);}
.opmTopBandBannerActive .recommendationMenu {z-index: 3;padding-top: 100px;position: fixed;left: 0;top: 40px;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);cursor: default;}
body.ie .menuDropDown {float: left;width:40px;height:40px;padding:10px;display: block;transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;position: relative;bottom: 5px;border-radius: 50%;margin: 10px -10px 5px 10px;z-index: 12;}
body.ie .recommendationMenu {z-index: 10;padding-top: 100px;position: fixed;left: 0;top: 0px;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);cursor: default;}
/*** Product promotions css ends *******/

.tab-block.support-content .refreshBtn > i{transform:scaleX(-1);display:inline-block}
.tab-block.support-content .refreshBtn > i:before{font-family:fontello;content:'\e889'}
.tab-block.support-content .refreshBtn{display: inline; margin-left: 10px; margin-top: 2px;}

.iconLineFilter:before{background: url(../../img/opm-sprites.png) no-repeat -223px -689px;width: 20px;height:18px;display:inline-block;position:relative;right: 20px;cursor: pointer;content: '';}
.iconLineFilterActive:before{background: url(../../img/opm-sprites.png) no-repeat -93px -1705px;width: 18px;height:18px;display:inline-block;cursor: pointer;content: '';}
.iconNetworkDetails:before{background: url(../../img/opm-sprites.png) no-repeat -115px -1705px;width: 20px;height:18px;display:inline-block;cursor: pointer;content: '';}
.iconToggleLeft:before{background: url(../../img/opm-sprites.png) no-repeat -307px -1684px;width: 17px;height:16px;display:inline-block;cursor: pointer;content: '';}
.iconToggleRight:before{background: url(../../img/opm-sprites.png) no-repeat -327px -1684px;width: 17px;height:16px;display:inline-block;cursor: pointer;content: '';}
.toggleMenuBarStrip {padding: 10px 20px;height: 43px;display: flex;align-items: center;justify-content: center;border-top: 1px solid #e3e3e4;position: absolute;width: 100%;bottom: 0;cursor: pointer;}
.MessageViewBoxOpen .leftSlideFilter {position:relative;width: 64px;height: auto;position: absolute;top: 40px;bottom: 0;overflow: auto;background: #f5f6f8;z-index: 1;box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);-ms-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-o-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);}
.leftSlideFilter {position:relative;width: 64px;height: auto;position: absolute;top: 0px;bottom: 0;overflow: auto;background: #f5f6f8;z-index: 1;box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);-ms-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-o-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);}
.leftSlideFilter ul{margin-top: 20px;}
.leftSlideFilter ul li{padding: 10px;display: block;text-align: center;}
.leftSlideFilter ul li span{font-size: 10px;word-break: break-all;display: block;line-height: 1.5;}
.leftSlideFilter ul li:last-child{position:absolute;bottom: 0;width: 100%;border-top: 1px solid #e3e3e4;}
.toggleMenuBarStrip {padding: 10px 20px;height: 43px;display: flex;align-items: center;justify-content: center;border-top: 1px solid #e3e3e4;width: 300px;bottom: 0;left: 0;background: #f5f6f8;z-index: 9;}
.leftSlideFilter ul li span{font-size: 10px;word-break: break-all;display: block;line-height: 1.5;cursor: pointer;}

.infoTooltip { width: calc(250px + 20px); padding: 10px; margin: 0; z-index: 999; position: absolute; display: none; }
.infoTooltip.infoTooltip-lg { width: calc(500px + 20px); }
.infoTooltip.infoTooltip-lg .infoTooltip_container { width: 500px; }
.infoTooltip:hover { display: block !important; }
.infoTooltip.top.left .infoTooltip_container::before { left: -20px; top: 11px; right: unset; bottom: unset; border: 10px solid transparent; border-right: 10px solid white; }
.infoTooltip.top.right .infoTooltip_container::before { left: unset; top: 11px; right: -20px; bottom: unset; border: 10px solid transparent; border-left: 10px solid white; }
.infoTooltip.bottom.left .infoTooltip_container::before { left: -20px; bottom: 11px; right: unset; top: unset; border: 10px solid transparent; border-right: 10px solid white; }
.infoTooltip.bottom.right .infoTooltip_container::before { left: unset; bottom: 11px; right: -20px; top: unset; border: 10px solid transparent; border-left: 10px solid white; }
.infoTooltip .infoTooltip_container { width: 250px; max-height: 350px; border-radius: 5px; -webkit-box-shadow: 0 0 20px rgba(25, 25, 25, 0.2); box-shadow: 0 0 20px rgba(25, 25, 25, 0.2); background-color: #fff; position: relative; }
.infoTooltip .infoTooltip_container::before { width: 0; height: 0; border: 10px solid transparent; content: ''; display: inline-block; position: absolute; left: -20px; top: 11px; }
.infoTooltip .infoTooltip_container .infoTooltip_more { position: absolute; bottom: 0; width: 100%; height: 40px; background-color: #f5f5f5; text-align: center; font-weight: bold; padding: 10px; font-size: 14px; z-index: 9; cursor: pointer; }
.infoTooltip .infoTooltip_container .infoTooltip_name { padding: 10px 15px; height: 40px; font-size: 15px; font-family: LatoBold; font-weight: bold; color: #000; border-bottom: 1px solid rgba(226, 226, 226, 0.5); }
.infoTooltip .infoTooltip_container .infoTooltip_content { font-size: 12px; padding: 10px 0; max-height: 310px; overflow: auto; position: relative; }
.infoTooltip .infoTooltip_container .infoTooltip_content [class^='grid-col']:nth-child(odd) { padding-left: 0; }
.infoTooltip .infoTooltip_container .infoTooltip_content .infoTooltip_title { font-size: 13px; margin-bottom: 10px; display: block; font-weight: bold; font-family: LatoBold; margin-top: 15px; }
.infoTooltip .infoTooltip_container .infoTooltip_content .infoTooltip_title:first-child { margin-top: 0; }
.infoTooltip .infoTooltip_container .infoTooltip_content .detail-list { border-bottom: 0; }
.infoTooltip .infoTooltip_container .infoTooltip_content .detail-list dt { width: 100px; margin-bottom: 0; }
.infoTooltip .infoTooltip_container .infoTooltip_content .detail-list dd { margin-bottom: 0; width: calc(100% - 100px); padding-left: 10px; }
.infoTooltip .infoTooltip_container .infoTooltip_content .detail-list dd::before { left: 0; }
.infoTooltip::after, .infoTooltip::before { content: ''; display: block; height: 15px; width: calc(100% - 30px); background: white; background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0.4))); background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.4) 100%); position: absolute; left: 0; right: 0; z-index: 1; margin-left: 10px; }
.infoTooltip::before { top: 65px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: top; transform-origin: top; }
.infoTooltip::after { bottom: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#IPAMIPDetails .opmFormCol > label{float:left;width:100%;height:auto;margin:0 0 5px;font-weight: bold;}
#oputilscustomColum .opmFormCol > label{font-weight: bold;}
.wlcTabUl.NutanixSnapshot + .DIA-Header.hideHeader + .DIA-Content{top:80px !important}
.wlcTabUl.NutanixSnapshot + .DIA-Header + .DIA-Content{top:130px !important}
.wlcTabUl.MerakiSnapshot > div > ul{max-width:100%}
.wlcTabUl.MerakiSnapshot > div > ul > li{width:20%}
.wlcTabUl.MerakiSnapshot > div > ul > li:last-child{border-right:0}
html.opmAlignLeft .wlcTabUl, html.opmAlignCenter .wlcTabUl{max-width:100%}
html.opmAlignLeft .wlcTabUl > div ul, html.opmAlignCenter .wlcTabUl > div ul{max-width:100%}
html.opmAlignLeft .wlcTabUl > div ul li:nth-child(5), html.opmAlignCenter .wlcTabUl > div ul li:nth-child(5){border-right:0}
html.opmAlignLeft .wlcTabUl .wlcTabUl.NutanixSnapshot + .DIA-Header, html.opmAlignLeft .wlcTabUl .wlcTabUl.opmWlc + .DIA-Header, html.opmAlignCenter .wlcTabUl .wlcTabUl.NutanixSnapshot + .DIA-Header, html.opmAlignCenter .wlcTabUl .wlcTabUl.opmWlc + .DIA-Header{max-width:1460px}
/* WLC Tab with Icon End */
/*components css end*/

.nd_status{line-height: 0;display: inline-block;vertical-align: unset;top: -1px;position: relative;padding-right:15px;}
.nd_statusCancel{background:rgba(255,1,0,.7);position:absolute;top: -7px;right:0;width: 15px;height: 15px;border-radius:50%;}
.nd_statusCancel:before{width: 1px;height: 9px;content:"";position:absolute;top: 3px;left: 7px;background:#fff;transform: rotate(45deg);}
.nd_statusCancel:after{width:1px;height: 9px;content:"";position:absolute;top: 3px;left: 7px;background:#fff;transform: rotate(-45deg);}
.helpbox { border-top: 5px solid #FDD835; background: rgba(253, 216, 53, 0.2); padding: 20px; font-size: 12px; max-width: 400px; position: absolute; left: 750px; color: #333; margin-bottom: 20px; }
.helpbox .helpbox__Header { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.opmForm-right-side-container {max-width: 400px;position: absolute;left: 750px;width:100%;}
.opmForm-right-side-container .helpbox {left:0px;width:100%}
.helpbox .helpbox__Header .helpbox__Icon { margin-right: 15px; }
.helpbox .helpbox__Header .helpbox__Title { font-weight: bold; font-family: latoBold; font-size: 16px; color: #000; line-height: 1.8; }
.helpbox .helpbox__Content { line-height: 1.6; }
.helpbox .helpbox__Content p { margin-bottom: 10px; white-space: pre-wrap; }
.helpbox .helpbox__Content a { display: inline; color: #3996dd; cursor: pointer; }
.helpbox .helpbox__Content code { display: inline; font-family: courier, monospace; overflow-wrap: break-word; white-space: normal; }
.helpbox .helpbox__Content .button { display: inline; margin: 0 2px; padding: 2px 5px; border-radius: 3px; background: rgba(39, 169, 101, 0.2); }
.helpbox .helpbox__Content ol, .helpbox .helpbox__Content ul { padding-left: 20px; }
.helpbox .helpbox__Content ol li, .helpbox .helpbox__Content ul li { margin-bottom: 10px; }
.helpbox .helpbox__Content b, .helpbox .helpbox__Content strong { font-family: latoBold; font-weight: bolder; color: #000; }
.opmFormRow.customColl{width:auto}
.opmFormRow.customColl .opmFormCol{width:auto !important;min-width:100px !important;margin-left:20px}
.opmFormRow.customColl .opmFormCol:first-child{margin-left:0}

.svgIcon { display: inline-block; }
.svgIcon > svg { width: 100%; height: 100%; }
.size13 { width: 13px; height: 13px; }
.size14 { width: 14px; height: 14px; }
.size15 { width: 15px; height: 15px; }
.size16 { width: 16px; height: 16px; }
.size17 { width: 17px; height: 17px; }
.size18 { width: 18px; height: 18px; }
.size19 { width: 19px; height: 19px; }
.size20 { width: 20px; height: 20px; }
.size22 { width: 22px; height: 22px; }
.size24 { width: 24px; height: 24px; }
.size32 { width: 32px; height: 32px; }
.size48 { width: 48px; height: 48px; }
.size64 { width: 64px; height: 64px; }
.size72 {width: 72px;height: 72px;flex: 0 0 72px;}
.size80 {width: 80px;height: 80px;flex: 0 0 80px;}
.size96 {width: 96px;height: 96px;flex: 0 0 96px;}

.font-12 {font-size: 12px !important;}



/*! Popover Starts */
.popover{-webkit-box-shadow:0 0 12px 8px rgba(85,85,85,.1);box-shadow:0 0 12px 8px rgba(85,85,85,.1);background-color:#fff;max-width:180px;width:100%;position:absolute;z-index:9;border-radius:8px;display:none;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
.popover .popover__title{background-color:#f5f5f5;padding:6px 12px;font-weight:700;font-family:LatoBold;border-radius:8px 8px 0 0}
.popover .popover__content{padding:6px 12px;height:100%;max-height:125px;overflow:auto;border-radius:0 0 8px 8px;line-height:1.5;font-size:13px}
/*! Popover Ends */

.mapTableFooter .ui-jqgrid{padding-bottom:30px}
.mapTableFooter .ui-jqgrid .ui-jqgrid-pager{background:#ececec !important;height:30px;border:1px solid #d6d6d6;border-top:0; padding-top:5px !important}
.mapTableFooter .layer2ListSearch .ui-jqgrid-view{padding-top:84px;}
.mapTableFooter .ui-jqgrid-bdiv{overflow-x: hidden !important;}

/******************************* ADVANCED *******************************/

.iconStatusInfo{float:left;border:1px solid #E8E8E8;background:#fff;padding:5px 0px;border-radius:3px}
.iconStatusInfo ul li{list-style:none;float:left;padding-left:40px;line-height:30px;position:relative;padding-right:15px;border-right:1px solid #E8E8E8;font-size:12px;line-height:20px}
.iconStatusInfo ul li:last-child{border:0}
.iconStatusInfo ul li:before{background:none;position:absolute;left:10px;top:50%;transform:translateY(-50%);content:"";width:20px;height:20px}
.iconStatusInfo ul li.critical{color:var(--severity-critical)}
.iconStatusInfo ul li.critical:before{background-color:var(--severity-critical);-webkit-mask:url(../../img/status-1.svg) no-repeat 0 0;mask:url(../../img/status-1.svg) no-repeat 0 0}
.iconStatusInfo ul li.trouble{color:var(--severity-trouble)}
.iconStatusInfo ul li.trouble:before{background-color:var(--severity-trouble);-webkit-mask:url(../../img/status-2.svg) no-repeat 0 0;mask:url(../../img/status-2.svg) no-repeat 0 0}
.iconStatusInfo ul li.clear{color:var(--severity-clear)}
.iconStatusInfo ul li.clear:before{background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0}
/* Common CSS Code Start */
.svgIcon{display:inline-block}
.svgIcon.success-color svg{fill:#27a965}
.svgIcon.failed-color svg{fill:#f34848}
.svgIcon.waiting-color svg{fill:#ffa000}
.svgIcon > svg{width:100%;height:100%}
.size13{width:13px;height:13px;-webkit-box-flex:0;-ms-flex:0 0 13px;flex:0 0 13px}
.size14{width:14px;height:14px;-webkit-box-flex:0;-ms-flex:0 0 14px;flex:0 0 14px}
.size15{width:15px;height:15px;-webkit-box-flex:0;-ms-flex:0 0 15px;flex:0 0 15px}
.size16{width:16px;height:16px;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}
.size17{width:17px;height:17px;-webkit-box-flex:0;-ms-flex:0 0 17px;flex:0 0 17px}
.size18{width:18px;height:18px;-webkit-box-flex:0;-ms-flex:0 0 18px;flex:0 0 18px}
.size19{width:19px;height:19px;-webkit-box-flex:0;-ms-flex:0 0 19px;flex:0 0 19px}
.size20{width:20px;height:20px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}
.size22{width:22px;height:22px;-webkit-box-flex:0;-ms-flex:0 0 22px;flex:0 0 22px}
.size24{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px}
.size32{width:32px;height:32px;-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px}
.size48{width:48px;height:48px;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px}
.size64{width:64px;height:64px;-webkit-box-flex:0;-ms-flex:0 0 64px;flex:0 0 64px}
.size96{width:96px;height:96px;-webkit-box-flex:0;-ms-flex:0 0 96px;flex:0 0 96px}
.vh100{height: 100vh}
.m0{margin:0 !important}
.mTop0{margin-top:0 !important}
.mTop10{margin-top:10px !important}
.mTop20{margin-top:20px !important}
.mTop30{margin-top:30px !important}
.mTop50{margin-top:50px !important}
.mTop70{margin-top:70px !important}
.mRight0{margin-right:0 !important}
.mRight10{margin-right:10px !important}
.mBottom5{margin-bottom:5px !important}
.mBottom10{margin-bottom:10px !important}
.mBottom50{margin-bottom:50px;display:inline-block}
.p0{padding:0 !important}
.pLeft30{padding-left:30px !important}
.pLeft0{padding-left:00px !important}
.clearBoth{clear:both}
.positionRelative{position:relative}
.border0{border:0 !important}
.shotDesc{color:#7d7d7d;margin-bottom:20px}
.disBlock{display:block}
.subHeading{font-size:14px;font-family:latoBold;margin-bottom:10px;margin-top:20px}
.subHeading:first-child{margin-top:0}
.subHeading + .contDetails{margin-top:0}
.contDetails{line-height:20px;margin-bottom:10px;margin-top:20px}
.disBlock{display:block}
.subHeading{font-size:14px;font-family:latoBold;margin-bottom:10px;margin-top:20px}
.subHeading:first-child{margin-top:0}
.subHeading + .contDetails{margin-top:0}
.contDetails{line-height:20px;margin-bottom:10px;margin-top:20px}
.textLink{color:#3996dd !important;cursor:pointer}
.textBlue{color:#3996dd;cursor:pointer}
.textGreen{color:#45bd7f !important}
.textRed{color:#f34848 !important}
.textGrey{color:#7d7d7d !important}
.textBlack{color: #212121 !important}
.textSmall{font-size:12px}
.textMedium{font-size:14px}
.textLarge{font-size:16px}
.textLight{font-family:latoLight}
.textRegular{font-family:latoRegular}
.textBold{font-family:latoBold}
.mTop7{margin-top:7px !important}
.m0{margin:0 !important}
.mTop0{margin-top:0 !important}
.mTop10{margin-top:10px !important}
.mTop15{margin-top:15px !important}
.mTop20{margin-top:20px !important}
.mTop30{margin-top:30px !important}
.mRight0{margin-right:0 !important}
.mRight10{margin-right:10px !important}
.mBottom0{margin-bottom:0px !important}
.mBottom5{margin-bottom:5px !important}
.mBottom10{margin-bottom:10px !important}
.mBottom20{margin-bottom:20px !important}
.mBottom50{margin-bottom:50px;display:inline-block}
.p0{padding:0 !important}
.pLeft30{padding-left:30px !important}
.clearBoth{clear:both}
.positionRelative{position:relative}
.border0{border:0 !important}
.shotDesc{color:#7d7d7d;margin-bottom:20px}
.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fixedFooterFix .fixedFooter{position:absolute;bottom:0;left:0;width:100%;padding:20px 20px;height:80px;border-top:1px solid #e2e2e2; margin-bottom:-90px}
.slideContentContainer div > header.greyBg{background:#eeeeee;height:55px;padding:15px 20px}
.slideContentContainer div > header.greyBg i.icon-remove{right:18px;top:15px}
.slideContentContainer div > header.greyBg + .fixedNfaGreyBox{padding:10px 20px;width:100%;float:left}
.slideContentContainer div > header.greyBg + .fixedNfaGreyBox + section{top:120px}
.slideContentContainer div > header.greyBg + section{padding-top:20px;top:55px}
.slideContentContainer div > header.greyBg + section input[type="checkbox"].AdvancedSettings, .slideContentContainer div > header.greyBg + section input[type="checkbox"].AdvancedSettingsV3{display:none}
.slideContentContainer div > header.greyBg + section input[type="checkbox"].AdvancedSettings:checked + label + .advSetInfo, .slideContentContainer div > header.greyBg + section input[type="checkbox"].AdvancedSettingsV3:checked + label + .advSetInfo{display:block}
.slideContentContainer div > header.greyBg + section .slideContHolder .opmForm{padding:0 20px}
.slideContentContainer div > header.greyBg + section .advSetLink{color:#009df6;cursor:pointer}
.slideContentContainer div > header.greyBg + section .advSetInfo, .slideContentContainer div > header.greyBg + section .advSetInfo1{width:100%;float:left;display:none;margin-top:20px}
.slideContentContainer div > header.greyBg + section .advSetInfo .opmFormRow:last-child, .slideContentContainer div > header.greyBg + section .advSetInfo1 .opmFormRow:last-child{margin:0 !important}
.slideContentContainer div > .fixedFooter{position:absolute;bottom:0;left:0;width:100%;padding:20px 20px;height:80px;border-top:1px solid #e2e2e2}
.slideContentContainer div > .fixedFooter + section{bottom:95px;top:75px}
.slideContentContainer div > .fixedFooter + section .opmForm{padding:0 20px !important}
.slideContentContainer div > header.greyBg.desc{height:75px}
.slideContentContainer div > header.greyBg.desc p{font-size:12px;color:#767676;margin-top:5px}
.slideContentContainer div > header.greyBg.desc i.icon-remove{right:18px;top:25px}
.slideContentContainer div > header.greyBg.desc + section{top:75px}
.slideContentContainer div > header.greyBg.desc + .fixedFooter + section{top:95px}
.slideContentContainer div > header.greyBg + .sliderSectionNext{width:100%;height:100%;float:left;position:relative;background:#fff;left:100%;z-index:2;transition:.5s}
.slideContentContainer div > header.greyBg + .sliderSectionNext.openNextSlider{left:0;transition:.5s}
.slideContentContainer div > header.greyBg + .sliderSectionNext .sliderBack{position:relative;margin:10px 0;margin-left:20px;padding-left:30px;line-height:23px;cursor:pointer}
.slideContentContainer div > header.greyBg + .sliderSectionNext .sliderBack:before{position:absolute;width:20px;height:20px;left:0;border-radius:50%;border:2px solid #979797;content:""}
.slideContentContainer div > header.greyBg + .sliderSectionNext .sliderBack:after{position:absolute;top:7px;left:9px;width:7px;height:7px;border-left:2px solid #979797;border-top:2px solid #979797;content:"";transform:rotate(-45deg)}
.slideContentContainer div > header.greyBg + .sliderSectionNext > .sliderNextContainer{position:absolute;top:43px;left:0;bottom:0;right:0;overflow:auto}
.slideContentContainer div > header.greyBg + .sliderSectionNext > .sliderNextContainer .opmForm{padding:0 20px}
.slideContentContainer.slideSmall div > header.greyBg.desc{height:100px}
.slideContentContainer.slideSmall div > header.greyBg.desc + section{top:100px}
.deviceSlideContainer section header.greyBg{background:#eeeeee;height:55px;padding:15px 20px}
.deviceSlideContainer section header.greyBg.desc{height:75px}
.deviceSlideContainer section header.greyBg i.icon-remove{right:18px !important;top:15px !important}
.deviceSlideContainer section header.greyBg + .opmTabCont{padding:0;padding-top:20px;top:55px}
.deviceSlideContainer.compact > section{top:0}
.deviceSlideContainer section header.greyBg.desc + .opmTabCont{padding:0;padding-top:20px;top:75px}
.deviceSlideContainer.compact > section .opmTabCont{top:35px !important;padding:0 !important}
.deviceSlideContainer.compact > section .opmTabCont .opmTabContainer section{padding:20px}
.deviceSlideContainer.compact > section .opmTabCont .opmTabContainer section .slideContHolder .opmFormHolder .opmForm{padding:0}
.deviceSlideContainer.hdrSec.top0{top:0 !important}
.deviceSlideContainer.slideSmall{max-width:350px}
.deviceSlideContainer > header.greyBg{background:#eeeeee;height:55px;padding:15px 20px}
.deviceSlideContainer > header.greyBg i.icon-remove{right:18px !important;top:15px !important}
.deviceSlideContainer > header.greyBg + section{padding:0;padding-top:20px;top:55px}
.deviceSlideContainer > header.greyBg.desc{height:75px}
.deviceSlideContainer > header.greyBg + section .slideContHolder .opmFormHolder .opmForm{padding:0 20px}

.deviceSlideContainer > header.greyBg.desc + section{padding:0;padding-top:20px;top:75px}
.deviceSlideContainer.hdrSec section .slideContHolder .sliderBack{position:relative;line-height:23px;cursor:pointer}
.deviceSlideContainer.hdrSec section .slideContHolder .sliderBack:before{position:absolute;width:20px;height:20px;left:0;border-radius:50%;border:2px solid #979797;content:""}
.deviceSlideContainer.hdrSec section .slideContHolder .sliderBack:after{position:absolute;top:7px;left:9px;width:7px;height:7px;border-left:2px solid #979797;border-top:2px solid #979797;content:"";transform:rotate(-45deg)}

.deviceSlideContainer.maxWidth400{max-width:400px}
.dashboardSlideContent header.greyBg{background:#eee;height:55px;padding:15px 20px}
.dashboardSlideContent header.greyBg i.icon-remove{top:15px}
.dashboardSlideContent header.greyBg + section{top:55px;padding-top:20px}
.dashboardSlideContent header.greyBg + section .slideContHolder .opmForm{padding:0 20px}
.dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder{margin:0}
.dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm{max-height: calc(100vh - 248px);overflow:auto}
.dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm+.fixedBtnBottom{padding:10px 20px 20px 20px;display:flex}
.dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm+.fixedBtnBottom > .opmFormRow{padding-top:20px;border-top:1px solid #dcdcdc}
html.onScrollTopBandHide .dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm{max-height: calc(100vh - 198px);overflow:auto}
html.opmTopBandBannerActive .dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm{max-height: calc(100vh - 288px);overflow:auto}
html.onScrollTopBandHide.opmTopBandBannerActive .dashboardSlideContainer.dashboardFixedBtnBottom section .slideContHolder .opmFormHolder .opmForm{max-height: calc(100vh - 198px);overflow:auto}
.settingsCnt > section .settingsContent .title_1{position:absolute;font-family:'LatoBold';font-size:18px;top:20px;right:30px;left:30px;z-index:1;padding-bottom:20px;border-bottom:1px solid #e2e2e2}
.settingsCnt > section .settingsContent .title_1 + .opmFormHolder{top:85px;padding:0}
.settingsCnt > section .settingsContent .title_1 + .opmFormHolder.type1{left:0;top:62px;padding:25px 30px}
.settingsCnt > section .settingsContent .title_1 + .opmFormHolder.type2{left:0;top:62px;padding:0px 0 0 30px}
.settingsCnt > section .settingsContent .title_1 + .opmFormHolder + .opmBtnHldrTop{top:13px}
.settingsCnt > section .settingsContent .title_1 p{font-size:12px;color:#8e8e8e;font-family:latoRegular;margin-top:5px}
.settingsCnt > section .settingsContent .title_1 > .nfa-breadcrumb li{float:left;list-style:none;font-size:12px;color:#8e8e8e;font-family:latoRegular;margin-top:5px;margin-right:20px;position:relative}
.settingsCnt > section .settingsContent .title_1 > .nfa-breadcrumb li:after{content:"/";position:absolute;right:-12px;top:0}
.settingsCnt > section .settingsContent .title_1 > .nfa-breadcrumb li:last-child:after{content:none}
.settingsCnt > section .settingsContent .title_1 > .nfa-breadcrumb li span{max-width:153px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}
.settingsCnt > section .settingsContent .title_1 > .nfa-breadcrumb li span.fullWidth{max-width:inherit}
.settingsCnt > section .settingsContent .title_1.desc + .opmFormHolder{top:103px}
.settingsCnt > section .settingsContent .title_1.desc + .opmFormHolder.type1{left:0;top:82px;padding:25px 30px}
.settingsCnt > section .settingsContent .title_1.desc + .opmFormHolder.type2{left:0;top:82px;padding:0 0 0 30px}
.settingsCnt > section .settingsContent .title_1.desc + .opmFormHolder + .opmBtnHldrTop{top:28px}
.settingsCnt > section .settingsContent .title_1.noBorder{border:none}
.settingsCnt > section .settingsContent .title_1.noBorder + .opmFormHolder{top:62px}
.settingsCnt > section .settingsContent .title_1.noBorder.desc + .opmFormHolder{top:84px}
.settingsCnt > section .settingsContent .title.noBorder{border:none}
.settingsCnt > section .settingsContent .title.styleOne{position:absolute;font-family:'LatoBold';font-size:18px;top:20px;right:30px;left:30px;z-index:1;padding-bottom:20px}
.settingsCnt > section .settingsContent .title.styleOne + .opmFormHolder{top:85px;padding:0}
.settingsCnt > section .settingsContent .title.styleOne + .opmFormHolder.type1{left:0;top:62px;padding:25px 30px}
.settingsCnt > section .settingsContent .title.styleOne + .opmFormHolder + .opmBtnHldrTop{top:13px}
.settingsCnt > section .settingsContent .title.styleOne p{font-size:12px;color:#8e8e8e;font-family:latoRegular;margin-top:5px}
.settingsCnt > section .settingsContent .title.styleOne > .nfa-breadcrumb li{float:left;list-style:none;font-size:12px;color:#8e8e8e;font-family:latoRegular;margin-top:5px;margin-right:20px;position:relative}
.settingsCnt > section .settingsContent .title.styleOne > .nfa-breadcrumb li:after{content:"/";position:absolute;right:-12px;top:0}
.settingsCnt > section .settingsContent .title.styleOne > .nfa-breadcrumb li:last-child:after{content:none}
.settingsCnt > section .settingsContent .title.styleOne > .nfa-breadcrumb li span{max-width:153px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}
.settingsCnt > section .settingsContent .title.styleOne > .nfa-breadcrumb li span.fullWidth{max-width:inherit}
.settingsCnt > section .settingsContent .title.styleOne.desc + .opmFormHolder{top:103px}
.settingsCnt > section .settingsContent .title.styleOne.desc + .opmFormHolder.type1{left:0;top:82px;padding:25px 30px}
.settingsCnt > section .settingsContent .title.styleOne.desc + .opmFormHolder + .opmBtnHldrTop{top:28px}
.settingsCnt > section .settingsContent .opmFormHolder.top80{top:80px;padding:0}
.opmBtnHldrTop_1{position:absolute;top:13px;right:30px;z-index:1}
.opmBtnHldrTop_1 .opmBtn{background:#45bd7f;float:right;min-width:120px;width:auto;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:3px;border:0;display:inline-block;cursor:pointer;border-radius:5px}
.opmBtnHldrTop_1 .opmBtn:first-child{margin:3px 0 3px 3px}
.opmBtnHldrTop.styleOne{top:13px}
.opmBtn.disabled{background:#f3f3f3;color:#bdbdbd;cursor:default}
.opmBtn.syncNow svg {fill: #fff;position: relative;top: 3px;left: 5px;}
/* Common CSS Code End */

/*! font weight Starts */
.bold {font-weight: 700 !important; font-family: LatoBold !important}
.regular {font-weight: 400 !important; font-family: LatoRegular !important}
.italic {font-style: italic !important}
.caps {text-transform: uppercase!important}
/*! font weight Ends */
/*! Font size Starts */
.word-break{word-break: break-word !important;}
.fs10{font-size: 10px !important}
.fs11{font-size: 11px !important}
.fs12{font-size: 12px !important}
.fs13{font-size: 13px !important}
.fs14{font-size: 14px !important}
.fs16{font-size:16px!important}
.fs18{font-size:18px!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs19{font-size:19px!important}
.fs32{font-size:32px!important}
.fs48{font-size:48px!important}
/*! Font size Ends */
/*! Text alignment Starts */
.left-align {text-align: left !important}
.center {text-align: center !important}
.right-align {text-align: right !important}
.justify {text-align: justify !important}
/*! Text alignment Ends */
/*! word wrap Starts */
.nowrap {white-space: nowrap !important}
.break-word {word-wrap: break-word !important}
/*! word wrap Ends */
/*! line height Starts */
.line-height-1 {line-height: 1 !important}
.line-height-2 {line-height: 1.125 !important}
.line-height-3 {line-height: 1.25 !important}
.line-height-4 {line-height: 1.5 !important}
/*! line height Ends */
/*! list style Starts */
.list-style-none {list-style: none !important}
.underline {text-decoration: underline !important}
.dotted-underline{border-bottom: 1px dotted #000;text-decoration: none;}
.list-reset {list-style: none !important;padding-left: 0 !important}
/*! list style Ends */
/*! text Starts */
.truncate {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*! text Ends */
/*! Height Starts */
.height-full{height:100%!important}
.height-auto{height:auto!important}
.height-none{height:0!important}
/*! Height Ends */
/*! display Starts */
.display-none {display: none !important}
.inline {display: inline !important}
.block {display: block !important}
.inline-block {display: inline-block !important}
.display-table {display: table !important}

.table-cell{display:table-cell!important}
.flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;}
.flex-row{flex-direction: row !important;}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-left-align{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.flex-center-align{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-right-align{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.flex-top-align{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.flex-middle-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-bottom-align{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.flex-left-align{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.flex-center-align{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-right-align{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.flex-top-align{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.flex-middle-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-bottom-align{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.flex-row{flex-direction: row !important;}
.flex-column{flex-direction: column !important;}
.flex-row-reverse{flex-direction: row-reverse !important;}
.flex-column-reverse{flex-direction: column-reverse !important;}

/*! display Ends */
/*! overflow Starts */
.overflow-hidden {overflow: hidden !important}
.overflow-scroll {overflow: scroll !important}
.overflow-auto {overflow: auto !important}
.overflow-visible {overflow: visible !important;}
/*! overflow Ends */
/*! position Starts */
.relative {position: relative !important}
.absolute {position: absolute !important}
.fixed {position: fixed !important}
/*! position Ends */
/*! Position side Starts */
.top-0 {top: 0 !important}
.right-0 {right: 0 !important}
.bottom-0 {bottom: 0 !important}
.left-0 {left: 0 !important}
.top-15 {top: 15px !important}
/*! Position side Ends */
/*! border Starts */
.border {border-style: solid;border-width: 1px !important}
.border-top {border-top-style: solid;border-top-width: 1px !important}
.border-right {border-right-style: solid;border-right-width: 1px !important}
.border-bottom {border-bottom-style: solid;border-bottom-width: 1px !important}
.border-left {border-left-style: solid;border-left-width: 1px !important}
.border-none {border: 0 !important}
.border-color {border-color: #d4d4d4 !important}
.border-color-2 {border-color: #eeeeee}
/*! border Ends */
/*! border-radius Starts */
.rounded {border-radius: 3px !important}
.circle {border-radius: 50% !important}
.rounded-top {border-radius: 3px 3px 0 0 !important}
.rounded-right {border-radius: 0 3px 3px 0 !important}
.rounded-bottom {border-radius: 0 0 3px 3px !important}
.rounded-left {border-radius: 3px 0 0 3px !important}
.not-rounded {border-radius: 0 !important}
/*! border-radius Ends */
/*! Margin Starts */
.m-none {margin: 0 !important}
.m-auto {margin: 0 auto !important}
.m-xs {margin: 5px !important}
.m-sm {margin: 10px !important}
.m-md {margin: 15px !important}
.m-lg {margin: 20px !important}
.m-xl {margin: 25px !important}
.m-xlg {margin: 30px !important}
.m-big {margin: 50px !important}
/*! Margin Ends */
/*! Margin top Starts */
.mt-none {margin-top: 0 !important}
.mt-xxs {margin-top: 3px !important}
.mt-xs {margin-top: 5px !important}
.mt-sm {margin-top: 10px !important}
.mt-md {margin-top: 15px !important}
.mt-lg {margin-top: 20px !important}
.mt-xl {margin-top: 25px !important}
.mt-xlg {margin-top: 30px !important}
.mt-big {margin-top: 50px !important}
.mt-2px  {margin-top:2px !important;}
/*! Margin top Ends */
/*! Margin bottom Starts */
.mb-none {margin-bottom: 0 !important}
.mb-xs {margin-bottom: 5px !important}
.mb-sm {margin-bottom: 10px !important}
.mb-md {margin-bottom: 15px !important}
.mb-lg {margin-bottom: 20px !important}
.mb-xl {margin-bottom: 25px !important}
.mb-xlg {margin-bottom: 30px !important}
.mb-big {margin-bottom: 50px !important}
/*! Margin bottom Ends */
/*! Margin left Starts */
.ml-auto {margin-left:auto !important}
.ml-none {margin-left: 0 !important}
.ml-nxs{margin-left:-5px !important}
.ml-xs {margin-left: 5px !important}
.ml-sm {margin-left: 10px !important}
.ml-md {margin-left: 15px !important}
.ml-lg {margin-left: 20px !important}
.ml-xl {margin-left: 25px !important}
.ml-xlg {margin-left: 30px !important}
.ml-big {margin-left: 50px !important}
/*! Margin left Ends */
/*! Margin right Starts */
.mr-none {margin-right: 0 !important}
.mr-xs {margin-right: 5px !important}
.mr-sm {margin-right: 10px !important}
.mr-md {margin-right: 15px !important}
.mr-lg {margin-right: 20px !important}
.mr-xl {margin-right: 25px !important}
.mr-xlg {margin-right: 30px !important}
.mr-big {margin-right: 50px !important}
/*! Margin right Ends */
/*! Padding Starts */
.p-none {padding: 0 !important}
.p-xs {padding: 5px !important}
.p-sm {padding: 10px !important}
.p-md {padding: 15px !important}
.p-lg {padding: 20px !important}
.p-xl {padding: 25px !important}
.p-xlg {padding: 30px !important}
.p-big {padding: 50px !important}
/*! Padding Ends */
/*! Padding top Starts */
.pt-none {padding-top: 0 !important}
.pt-xs {padding-top: 5px !important}
.pt-sm {padding-top: 10px !important}
.pt-md {padding-top: 15px !important}
.pt-lg {padding-top: 20px !important}
.pt-xl {padding-top: 25px !important}
.pt-xlg {padding-top: 30px !important}
.pt-big {padding-top: 50px !important}
/*! Padding top Ends */
/*! Padding bottom Starts */
.pb-none {padding-bottom: 0 !important}
.pb-xs {padding-bottom: 5px !important}
.pb-sm {padding-bottom: 10px !important}
.pb-md {padding-bottom: 15px !important}
.pb-lg {padding-bottom: 20px !important}
.pb-xl {padding-bottom: 25px !important}
.pb-xlg {padding-bottom: 30px !important}
.pb-big {padding-bottom: 50px !important}
/*! Padding bottom Ends */
/*! Padding left Starts */
.pl-none {padding-left: 0 !important}
.pl-xs {padding-left: 5px !important}
.pl-sm {padding-left: 10px !important}
.pl-md {padding-left: 15px !important}
.pl-lg {padding-left: 20px !important}
.pl-xl {padding-left: 25px !important}
.pl-xlg {padding-left: 30px !important}
.pl-big {padding-left: 50px !important}
/*! Padding left Ends */
/*! Padding right Starts */
.pr-none {padding-right: 0 !important}
.pr-xs {padding-right: 5px !important}
.pr-sm {padding-right: 10px !important}
.pr-md {padding-right: 15px !important}
.pr-lg {padding-right: 20px !important}
.pr-xl {padding-right: 25px !important}
.pr-xlg {padding-right: 30px !important}
.pr-big {padding-right: 50px !important}
.pr-36 {padding-right: 36px !important}
/*! Padding right */
.max-width-1000{max-width: 1000px !important;}
.z-1 {z-index:1}
.w-99{width: 99%}
.w-100px{width:100px}
.mt-8px {margin-top: 8px !important;}
.w-60{width: 60% !important;}
.max-h-250px{max-height:250px}
/*Date & Time CSS Start*/
.dateTimeDropDown{width:100%;float:left}
.dateTimeDropDown.selBox .getDate{width:60% !important;float:left;position:relative}
.dateTimeDropDown.selBox .getDate input{border-right:0 !important;padding-left:30px}
.dateTimeDropDown.selBox .getDate:before{background:url("../../img/opm-sprites.png") no-repeat -258px -1785px;width:16px;height:16px;position:absolute;top:8px;left:8px;content:""}
.dateTimeDropDown.selBox .getTime{width:40% !important;float:left}
#taskAuditSlideSection .dateTimeDropDown.selBox .getDate{width:40% !important}
#taskAuditSlideSection .dateTimeDropDown.selBox .getTime{width:30% !important}
#taskAuditSlideSection .dateTimeDropDown  .getDate.getDateLabel:before{display:none}
#taskAuditSlideSection .dateTimeDropDown .getTime.getTimeLabel{width:30% !important;float:left}
#taskAuditSlideSection .dateTimeDropDown .getDate.getDateLabel{width:40% !important;float:left}
#ui-datepicker-div{padding:0;border:1px solid #d4d4d4;margin-top:-1px;width:300px !important;z-index:1000 !important}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{font-family:latoBold}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all{border:0}
#ui-datepicker-div table{margin:0 !important}
#ui-datepicker-div table thead tr th{padding:10px;border:1px solid #d4d4d4;font-family:latoRegular}
#ui-datepicker-div table thead tr th:first-child{border-left:0}
#ui-datepicker-div table thead tr th:last-child{border-right:0}
#ui-datepicker-div table tbody tr td{padding:0;border:1px solid #d4d4d4}
#ui-datepicker-div table tbody tr td:first-child{border-left:0}
#ui-datepicker-div table tbody tr td:last-child{border-right:0}
#ui-datepicker-div table tbody tr td .ui-state-default{background:#fff;padding:10px;border:none;text-align:center}
#ui-datepicker-div table tbody tr td .ui-state-default.ui-state-highlight{font-family:latoBold;background:#f0f0f0}
#ui-datepicker-div table tbody tr td .ui-state-default.ui-state-active{background:#45bd7f;color:#fff}
#ui-datepicker-div table tbody tr td .ui-state-default:hover{background:#ffe89e}
#ui-datepicker-div table tbody tr:last-child td{border-bottom:0}
#ui-datepicker-div .ui-datepicker-prev-hover, #ui-datepicker-div .ui-datepicker-next-hover{top:2px !important}
#ui-datepicker-div .ui-datepicker-prev{left:0px}
#ui-datepicker-div .ui-datepicker-next{right:0px}
#ui-datepicker-div .ui-datepicker-prev-hover{left:0px}
#ui-datepicker-div .ui-datepicker-next-hover{right:0px}
/*Date & Time CSS End*/

.opmForm .opmFormCol .multiple-email-textarea{background:#f0f0f0;float:left;width:100%;font:14px LatoRegular;padding:8px;border:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:100px}
.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list{max-height:56px;overflow:auto}
.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}
.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list ul li{background-color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;border-radius:4px;padding-right:4px;padding-left:8px}
.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list ul li .icon-remove{-webkit-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4);height:20px;width:20px;cursor:pointer}
.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list ul li .icon-remove:after,.opmForm .opmFormCol .multiple-email-textarea .multiple-email-list ul li .icon-remove:before{background:#222}
.opmForm .opmFormCol .multiple-email-textarea input{border:none!important;padding:0;min-height:24px;height:24px}
.opmForm .opmFormCol .multiple-email-textarea input:focus,.opmForm .opmFormCol .multiple-email-textarea input:hover{background:#f0f0f0!important}

/* Form CSS Start */
.opmForm.maxWidth700{max-width: 700px !important}
.opmForm.maxWidth800{max-width:800px}
.opmForm.maxWidth800 .opmFormRow{max-width:800px}
.opmFormRow span.LightgreyText{border:none; color:#8e8e8e; font-size:12px; background:none; display:inline}
.opmFormRow.rightBtn1{padding-right:50px; position:relative}
.opmFormRow.rightBtn2{padding-right:90px; position:relative}
.opmFormRow.btnRightSide{padding-right:120px;position:relative}
.opmFormRow.btnRightSide > .addBtn{position:absolute;top:22px;right:0;width:100px;background:#45bd7f;color:#fff;cursor:pointer;text-align:center;line-height:33px}
.opmFormRow .btnRight{position:absolute; bottom:0; right:0}
.opmFormRow .btnRight > div{margin-right:20px}
.opmFormRow .btnRight > div:last-child{margin-right:0px}
.opmFormRow .btnRight__outer{right:inherit;left:100%;margin-left:15px;min-width:60px}
.opmFormRow .btnRight__outer .btnPlus{float:left}
.opmFormRow .btnRight__outer .deleteBtn{margin-top:7px;float:left}
.opmFormRow .btnRight__outer{right:inherit;left:100%;margin-left:15px;min-width:60px}
.opmFormRow .btnRight__outer .btnPlus{float:left}
.opmFormRow .btnRight__outer .deleteBtn{margin-top:7px;float:left}
.opmFormRow .btnPlus{float:right; position:relative; background:#3db474; color:#fff; width:33px; min-width:33px; padding:0; height:33px; border-radius:50%; text-align:center; cursor:pointer}
.opmFormRow .btnPlus:after{content:"+"; font-size:20px; left:11px; top:4px; position:absolute}
.opmFormRow .btnArrow{float:right; position:relative; background:#3db474; color:#fff; width:33px; min-width:33px; padding:0; height:33px; text-align:center; cursor:pointer}
.opmFormRow .btnArrow:after{content:""; left:8px; top:50%; transform:translateY(-50%); width:17px; height:1px; background:#fff; position:absolute}
.opmFormRow .btnArrow:before{content:""; left:13px; top:47%; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; position:absolute; transform:rotate(45deg) translateY(-50%)}
.opmFormRow .btnClose{float:right; position:relative; background:#f34848; color:#fff; width:33px; min-width:33px; padding:0; height:33px; border-radius:50%; text-align:center; cursor:pointer}
.opmFormRow .btnClose:after{content:"+"; font-size:20px; left:11px; top:4px; position:absolute; transform:rotate(45deg)}
.opmFormRow .refreshBtn{background:url("../../img/opm-sprites.png") no-repeat -20px -1438px; width:15px; height:16px; float:left; margin-top:10px; cursor:pointer}
.opmFormRow .deleteBtn {margin-right: 10px !important;float: left;margin-bottom: 10px;cursor: pointer;background: url('../../img/opm-sprites-v2.svg') no-repeat -259px 0;width: 14px;height: 14px}
.opmFormRow.column3 .opmFormCol{width:30.6%}
.opmFormRow.column3 .opmFormCol.coll-3-2{width:65.4%}
.opmFormRow .opmFormCol.opmRadioBtn1 > .opmRadioBtn{margin-right:20px !important}
.opmFormRow .opmFormCol.opmRadioBtn1 > .opmRadioBtn > div{padding-left:25px}
.opmFormRow .opmFormCol.opmRadioBtn1 > .opmRadioBtn > div label::before{left:0}
.opmFormRow .opmFormCol.opmRadioBtn1 > .opmRadioBtn > div label::after{left:4px}
.opmFormRow .opmFormCol.opmRadioBtn1 > .opmRadioBtn:last-child{margin-right:0 !important}
.opmFormRow .opmFormCol.rightBtn1{padding-right:50px; position:relative}
.opmFormRow .opmFormCol.inputType{position:relative}
.opmFormRow .opmFormCol.inputType input[type="text"]{padding-right:40px}
.opmFormRow .opmFormCol.inputType .symType{font-size:12px;position:absolute;top:0;right:0;background:#F9F9FB;width:33px;height:33px;text-align:center;line-height:33px;border:1px solid #d4d4d4}
.opmFormRow.maxWid1000{width:1000px; max-width:1000px}
.opmFormRow.timerFromTo{width:325px}
.opmFormRow.timerFromTo .fromTime, .opmFormRow.timerFromTo .toTime{width:100%}
.opmFormRow.disabledFiled{opacity:.4}
.opmFormRow.disabledFiled input[disabled]{opacity:1}
.opmFormRow.validateMsg{padding-bottom:30px; margin:0; position:relative}
.opmFormRow.validateMsg .opmFormRow:last-child{margin-bottom:0}
.opmFormRow.validateMsg .validationError{color:#f34848;margin-top:0px;position:absolute;padding-left:18px;bottom:8px;width:1000px;font-size:13px; max-width: 100%;}
.opmFormRow.validateMsg .validationError:before{width:14px;height:14px;position:absolute;top:1px;left:0;background:url("../../img/opm-sprites-v2.svg") no-repeat -158px 0px;content:"";}
.opmFormRow.validateMsg .validationLoading{color:#45bd7f; margin-top:0px; position:absolute; padding-left:20px; bottom:8px; width:1000px; font-size:13px}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle{width:16px; height:16px; position:absolute; left:0}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle{width:100%; height:100%; position:absolute; left:0; top:0}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle:before{content:''; display:block; margin:0 auto; width:16%; height:23%; background-color:#45bd7f; border-radius:100%; -webkit-animation:opm-circleFadeDelay 1.2s infinite ease-in-out both; animation:opm-circleFadeDelay 1.2s infinite ease-in-out both}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle2{-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle3{-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle4{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle5{-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle6{-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle7{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle8{-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle9{-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle10{-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle11{-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle12{-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg)}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle2:before{-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle3:before{-webkit-animation-delay:-1s; animation-delay:-1s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle4:before{-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle5:before{-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle6:before{-webkit-animation-delay:-0.7s; animation-delay:-0.7s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle7:before{-webkit-animation-delay:-0.6s; animation-delay:-0.6s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle8:before{-webkit-animation-delay:-0.5s; animation-delay:-0.5s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle9:before{-webkit-animation-delay:-0.4s; animation-delay:-0.4s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle10:before{-webkit-animation-delay:-0.3s; animation-delay:-0.3s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle11:before{-webkit-animation-delay:-0.2s; animation-delay:-0.2s}
.opmFormRow.validateMsg .validationLoading .opm-fading-circle .opm-circle12:before{-webkit-animation-delay:-0.1s; animation-delay:-0.1s}
@-webkit-keyframes opm-circleFadeDelay{0%, 39%, 100%{opacity:0} 40%{opacity:1} }
@keyframes opm-circleFadeDelay{0%, 39%, 100%{opacity:0} 40%{opacity:1} }
.opmFormRow.validateMsg .loadingDots{line-height:6px; margin-left:5px}
.opmFormRow.validateMsg .loadingDots i{font-size:0; width:5px; height:5px; display:inline-block; background:#999a99; margin:0 1px; border-radius:50%}
.opmFormRow.validateMsg .loadingDotsOne{animation:loadingDotsOne 3s infinite}
.opmFormRow.validateMsg .loadingDotsTwo{animation:loadingDotsTwo 3s infinite}
.opmFormRow.validateMsg .loadingDotsThree{animation:loadingDotsThree 3s infinite}
.opmFormRow.validateMsg .loadingDotsFour{animation:loadingDotsFour 3s infinite}
.opmFormRow.customColl{width:auto}
.opmFormRow.customColl .opmFormCol{width:auto !important; min-width:100px !important; margin-left:20px}
.opmFormRow.customColl .opmFormCol:first-child{margin-left:0}
.opmFormRow.customColl .opmFormCol.coll200{width:200px !important; max-width:200px}
.opmFormRow.customColl .opmFormCol.coll150{width:150px !important; max-width:150px}
.opmCheckBox.compact > div{min-width:22px; min-height:22px; padding-left:30px; margin-right:20px}
.opmCheckBox.compact > div:last-child{margin:0}
.opmCheckBox.compact label{line-height:22px}
.opmCheckBox.compact label::before{top:0; left:0}
.opmCheckBox.compact label::after{top:11px; left:5px}
.opmCheckBox.small{margin-bottom:10px; display:inline-block; margin-left:20px}
.opmCheckBox.small:first-child{margin-left:0}
.opmCheckBox.small > div{min-height:18px; padding-left:25px}
.opmCheckBox.small label{line-height:18px}
.opmCheckBox.small label:before{width:15px; height:15px; top:0; left:0; border:1px solid #e2e2e2; background:#fff}
.opmCheckBox.small input:checked + label:after{width:3px; height:7px; top:9px; left:4px}
.opmRadioBtn div{float:left; min-width:35px; min-height:35px; padding:0 0 0 40px; position:relative}
.opmRadioBtn input{width:100%; height:100%; margin:0; opacity:0; filter:alpha(opcity=0); position:absolute; top:0; left:0; z-index:2; cursor:pointer}
.opmRadioBtn label{line-height:33px; z-index:0}
.opmRadioBtn.compact > div{padding-left:25px; min-height:20px; margin-right:20px}
.opmRadioBtn.compact > div input:checked + label:after{top:4px; left:4px}
.opmRadioBtn.compact > div label{line-height:20px}
.opmRadioBtn.compact > div label:before{top:0; left:0}
.listView li{width:100%; float:left; margin-bottom:10px}
.listView li > .opmCheckBox.small{margin-bottom:0}
.listView li:last-child{margin-bottom:0}
.slideOnOff{float:left}
.slideOnOff > .chkRoundBtn{float:left}
.slideOnOff > label{float:left; margin-left:10px}
.select2-container .select2-dropdown{min-width:10px !important}
#topoMapWidget { position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;}

.progressBar.borderStyle{background-color:#fff;border:1px solid #27a965;padding:5px}
.progressBar.borderStyle .progressBar-range{top:-3px;height:6px;position:relative}
.noBeforeAfter::after,.noBeforeAfter::before{display:none}
.discoveryScheduleSlide .opmForm .opmFormCol .selBox+span{border:1px solid #d4d4d4;border-left:none}
.w-big{width:300px!important}
.pb-100{padding-bottom:100px!important}
.size80{width:80px;height:80px;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px}

/* Form CSS End */

/*MultiSelect Three Columns CSS Start */
.multiSelect3Columns{width:100%;float:left;height:500px;padding-right:30px;margin-bottom:20px;position:relative}
.multiSelect3Columns .multiSelectBox4{padding:0;position:inherit}
.multiSelect3Columns .multiSelectBox4 .listBox{width:33.33%}
/*.multiSelect3Columns .multiSelectBox4 .listBox ul li, .multiSelect3Columns .multiSelectBox4 .listBox ul option, .multiSelect3Columns .multiSelectBox4 .listBox select li, .multiSelect3Columns .multiSelectBox4 .listBox select option{background:none}*/
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn{padding-right:0;background:#F9F9F9}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul{border-right:0}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li{background:none;padding:0px}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li .groupHeading{padding:10px;background:rgba(240, 240, 240, 0.5);font-family:latoBold;border-right:1px solid #d4d4d4}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li ul{border:none;height:auto}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li ul li{background:none;padding:5px 10px 10px 20px;border-top:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;border-right:1px solid #d4d4d4;position:relative;cursor:pointer}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li ul li:hover, .multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li ul li.active{background:#fff}
.multiSelect3Columns .multiSelectBox4 .listBox__groupColumn ul li ul li.active{border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;border-right:1px solid #fff}
.multiSelect3Columns .multiSelectBox4 .listBox + .listBox ul, .multiSelect3Columns .multiSelectBox4 .listBox + .listBox select, .multiSelect3Columns .multiSelectBox4 .listBox + .listBox .listBoxTitle, .multiSelect3Columns .multiSelectBox4 .listBox + .listBox .DevicesSearchBox input{border-left:0}
.multiSelect3Columns .multiSelectBox4 .listBoxTitle{font-family:latoBold}
.multiSelect3Columns .multiSelectBox4 .moveRightBtn, .multiSelect3Columns .multiSelectBox4 .moveLeftBtn{left:inherit;right:33.33%;margin-right:-20px}
.multiSelect3Columns .multiSelectBox4 .moveRightBtn{margin-top:-44px}
.multiSelect3Columns .multiSelectBox4 .moveLeftBtn{margin-top:4px}
.multiSelect3Columns .moveIcon{position:absolute;top:50%;right:0;height:62px;transform:translateY(-50%)}
.multiSelect3Columns .moveIcon__up{width:0;height:0;border:10px solid;border-color:transparent transparent #d4d4d4 transparent;cursor:pointer}
.multiSelect3Columns .moveIcon__up:hover{border-color:transparent transparent #45bd7f transparent}
.multiSelect3Columns .moveIcon__circle{width:0;height:0;border:6px solid;border-color:#d4d4d4;border-radius:50%;margin:5px 0;margin-left:4px}
.multiSelect3Columns .moveIcon__down{width:0;height:0;border:10px solid;border-color:#d4d4d4 transparent transparent transparent;cursor:pointer}
.multiSelect3Columns .moveIcon__down:hover{border-color:#45bd7f transparent transparent transparent}
.multiSelect3Columns .mCSB_scrollTools{width:6px}
.multiSelect3Columns .mCSB_scrollTools .mCSB_draggerRail{width:6px;background:none}
.multiSelect3Columns .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#6E7374;width:6px;border-radius:5px}
.multiSelect3Columns .mCSB_inside > .mCSB_container{margin-right:0}
/*MultiSelect Three Columns CSS End */

/*Report Criteria Start*/
.reportCriteria{padding-left:50px;position:relative;width:100%;float:left}
.reportCriteria .opmFormRow{margin:0}
.reportCriteria__no{width:30px;height:33px;text-align:center;background-color:#fff;position:absolute;top:0;left:0;border:1px solid #dcdcdc;line-height:31px}
.reportCriteria__andOr{float:left;padding:20px 0;border-left:1px solid #dcdcdc;padding-left:35px;position:relative;margin-left:-35px;width:100%}
.reportCriteria__andOr:before{width:35px;border-top:1px solid #dcdcdc;height:0px;position:absolute;top:33px;left:0;content:""}
.reportCriteria__toggleBox{position:relative;float:left}
.reportCriteria__toggleBox input{position:absolute;left:0;top:0;width:100%;height:33px;margin:0;opacity:0;cursor:pointer}
.reportCriteria__toggleBox input:checked+label{background:#48bd80;color:#fff}
.reportCriteria__toggleBox:last-child label{border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}
.reportCriteria__toggleBox label{line-height:28px;padding:0 10px;background:#f0f0f0;border:1px solid #48bd80;display:inline-block;font-size:14px;box-sizing:border-box;border-top-left-radius:4px;border-bottom-left-radius:4px;text-transform:uppercase}
.reportCriteria.noCondition .opmFormRow{margin-bottom:30px}
.reportCriteria.noCondition .reportCriteria__andOr{display:none}
.reportCriteria__pattern{position:relative;padding-right:266px}
.reportCriteria__patternApply,.reportCriteria__patternEdit{position:absolute;top:0;right:151px;cursor:pointer;background:#45bd7f;color:#fff;line-height:33px;padding:0 20px;min-width:90px;text-align:center}
.reportCriteria__patternCancel{position:absolute;top:0;right:50px;cursor:pointer;background:#f3f3f3;line-height:33px;padding:0 20px;min-width:90px;text-align:center}.fixJqgFullHeightScroll .opm_jqGridUI,.fixJqgFullHeightScroll .opm_jqGridUI > .ui-jqgrid,.fixJqgFullHeightScroll .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view,.fixJqgFullHeightScroll .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv > div{height: 100%;}
.fixJqgFullHeightScroll .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view{overflow-y:hidden}
.fixJqgFullHeightScroll .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv{height: calc(100% - 40px) !important}
.fixJqgFullHeightScroll{height: calc(100% - 10px) !important;}

/*Report Criteria Start End*/

/*! Popover Starts */
.popover{-webkit-box-shadow:0 0 12px 8px rgba(85,85,85,.1);box-shadow:0 0 12px 8px rgba(85,85,85,.1);background-color:#fff;max-width:180px;width:100%;position:absolute;z-index:9;border-radius:8px;display:none;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
.popover .popover__title{background-color:#f5f5f5;padding:6px 12px;font-weight:700;font-family:LatoBold;border-radius:8px 8px 0 0}
.popover .popover__content{padding:6px 12px;height:100%;max-height:125px;overflow:auto;border-radius:0 0 8px 8px;line-height:1.5;font-size:13px}
/*! Popover Ends */

/* STACK TOPOLOGY CSS STARTS */
.opm_jqGridUI #stackBandwidth_key {width:415px;}
.opm_jqGridUI #stackBandwidth_value {display:none;}
.opm_jqGridUI #stackBandwidth_key #jqgh_stackBandwidth_key{text-align:center;}
.opm_jqGridUI #stackBandwidth_key #jqgh_stackBandwidth_key .s-ico{display:none;}
/* STACK TOPOLOGY CSS ENDS */
.checkbow-with-text {display: flex;align-items: center;}
.checkbow-with-text > *{margin-right: 10px}
.checkbow-with-text > input[type=text]{height:24px !important; width: 40px}
.checkbow-with-text > input[type=number]{height:24px !important; width: 40px}
.checkbow-with-text > .opmCheckBox{margin-right:0}


/*SDN Snapshot Tabs*/
.wlcTabUl.sdnSnapshot > div > ul{max-width:100%}
.wlcTabUl.sdnSnapshot > div > ul > li{width:20%}
.wlcTabUl.sdnSnapshot > div > ul > li:last-child{border-right:0}
input[id=sdnAddSettOpenClose]{display:none}
input[id=sdnAddSettOpenClose]:checked + .sdnAdvancedSettingBox{display:block}
.sdnAdvancedSettingBox{display:none}
.sdnAdvancedSettingBox p{margin:10px 0}
.top20{top: 20px !important}
.tenantSearch{height: 28px;top: 5px;position: relative;}
.SDNMapNoData{position: absolute;overflow: hidden;left: 45%}
.SDNMapNoData i{color: red;}
#tenantSummaryList.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools{left:182px !important}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons div .iconStatusInfo{height:auto;margin-top:3px;}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons div .iconStatusInfo li{font-size:12px !important;}
.endPointGroup {top:135px !important;left:10px;width:auto;overflow:auto;right:10px}


/*! JStree collapse alternate style Starts */
.jstree.collapse-alt-style .jstree-icon.jstree-ocl{background-position:-225px -65px !important}
.jstree.collapse-alt-style .jstree-icon.jstree-ocl::after{content:'';width:19px;height:0;border-bottom:1px solid #d4d4d4;position:absolute;top:16px;left:12px}
.jstree.collapse-alt-style .jstree-leaf>.jstree-ocl::before{content:'';bottom:0;width:0;border-left:1px solid #d4d4d4;position:absolute;left:9px;top:-9px}
.jstree.collapse-alt-style .jstree-leaf.jstree-last>.jstree-ocl::before{top:-16px;bottom:15px}
.jstree.collapse-alt-style .jstree-open>ul.jstree-children{position:relative}
.jstree.collapse-alt-style .jstree-open>ul.jstree-children::after{content:'';width:0;border-left:1px solid #d4d4d4;position:absolute;left:9px;top:-9px;bottom:-8px}
.jstree.collapse-alt-style .jstree-open>.jstree-icon.jstree-ocl{background-position:-260px -65px!important}
.jstree.collapse-alt-style .jstree-last li:last-child .jstree-children::after{opacity:0}
.jstree.collapse-alt-style .jstree-last li:not(:last-child) .jstree-children::after{opacity:1}
.jstree.collapse-alt-style .jstree-last .jstree-children::after{opacity:0}
/*! JStree collapse alternate style Ends */
.treeBox{margin-bottom:12px}
.treeBox__header{padding:8px 16px;background-color:rgba(226,226,226,.7);border:1px solid #e2e2e2;border-bottom:0}
.treeBox__header .opm_link{margin-left:8px}
.treeBox__content{padding:16px;border:1px solid #e2e2e2}
.merakiChart > div > header{float:none;top:0;left:400px;right:0;position:absolute;width:auto;border-bottom:1px solid #e2e2e2}
.merakiChart > div > header.greyBg{background:#fff;width: inherit;position: absolute;}
.merakiChart > div > section{left:420px}
.merakiChart > div > .leftInfoBox{position:absolute;left:0;top:0;bottom:0;width:400px;background:#f4f5f6;border-right:1px solid #e2e2e2;overflow:auto}
.merakiChart .networkSearch{width:100%;padding:9px 10px 8px 10px;float:left}
.merakiChart .networkSearch div{position:relative}
.merakiChart .networkSearch div:after{background:url("../../img/opm-sprites.png") no-repeat -86px -1438px;width:17px;height:16px;right:10px;top:10px;content:"";position:absolute}
.merakiChart .networkSearch div input{width:100%;border:1px solid #e2e2e2;padding:10px;font-size:13px;padding-right:50px}
.merakiChart .merakiNetTable{width:100%;border-top:1px solid #e2e2e2;display:table;border-collapse:collapse}
.merakiChart .merakiNetTable > .merakiNetTableRow{display:table-row}
.merakiChart .merakiNetTable > .merakiNetTableRow > .merakiNetTableCol{display:table-cell;padding:10px;border:1px solid #e2e2e2;font-size:13px;text-align:center}
.merakiChart .merakiNetTable > .merakiNetTableRow > .merakiNetTableCol:first-child{text-align:left}
.merakiChart .merakiNetTable > .merakiNetTableRow > .merakiNetTableCol:last-child{border-right:0}
.merakiChart .merakiNetTable .statusCircle{width:15px;height:15px;background:var(--severity-clear);border-radius:15px;margin:0 auto;float:none}
.merakiChart .merakiNetTable .statusCircle.Trouble{background:var(--severity-trouble)}
.merakiChart .merakiNetTable .statusCircle.Attention{background:var(--severity-attention)}
.merakiChart .merakiNetTable .statusCircle.Critical{background:var(--severity-critical)}
.merakiChart .merakiNetTable .statusCircle.Unmanaged{background:var(--severity-unmanaged)}
.merakiChart .merakiNetDD{position:absolute;top:20px;right:20px;max-width:300px}
.slideContentContainer.merakiChart div > header.greyBg + section{width:inherit}

.opmFormCol.inputSearch input~i{position:absolute;top:9px;right:15px;width:14px;height:14px;color:#9f9f9f;}
.opmFormCol.inputSearch input~i svg{fill:#9f9f9f}
.opmFormCol.inputSearch input~i svg:hover{cursor:pointer}
.opmFormCol.inputSearch input~i::before{height:16px}
.opmFormCol.inputSearch input~i::after{height:16px}

/******************************* ADVANCED *******************************/

.opmFormRow.ncmRestDisplay_false{display:none}
.ncmRestAPIParamRequired_true:after{content:"*";color:red;}
.ncmrestCol:not(.fullCol){max-width: 322px}
.chkRoundBtn.style2 label, .chkRoundBtn.style2 input:not(:checked) label{background: #d4d4d4;}
.chkRoundBtn.style2 input:checked + label{background:#45bd7f}
.deviceSnapshotAction{flaot:right}
.deviceSnapshotAction i{transform: scale(0.8);transform-origin: center center;padding: 0 7px !important;height: auto !important;}
.ncmRESTGridTextIcon{margin-left:10px}

/*Action Drop Down CSS Start*/
.actionDropDown{width:150px;height:30px;border-radius:5px;padding:0px 20px;line-height:30px;text-align:left;position:relative;background:#f0f0f0;float:right;margin:3px;border:1px solid #e2e2e2;}
.actionDropDown:before{position:absolute;top:12px;right:10px;border:5px solid;border-color:#000 transparent transparent transparent;content:"";}
.actionDropDown:after{position:absolute;top:0px;height:28px;width:30px;right:00px;border-left:1px solid #e2e2e2;content:"";}
.actionDropDown:hover{border-radius:5px 5px 0 0;}
.actionDropDown:hover:after{border-bottom:2px solid #f9f9f9;background:#f9f9f9;border-radius:0 5px 0 0;}
.actionDropDown:hover:before{z-index:1;}
.actionDropDown:hover .actionDropDown__list,.actionDropDown:focus .actionDropDown__list,.actionDropDown:focus-within .actionDropDown__list{display:block;}
.actionDropDown__list{position:absolute;top:28px;right:-1px;border:1px solid;border-color:#e2e2e2;background:#f9f9f9;min-width:150px;padding:5px 0 0 0;border-radius:0 0 5px 5px;display:none;}
.actionDropDown__list ul li{padding:0px 20px;cursor:pointer;}
.actionDropDown__list ul li:hover{background:#f0f0f0;}
.actionDropDown.style2{padding:0 50px 0 10px;float:none;width:auto;}
.actionDropDown.style2::after, .actionDropDown.style2::before{display:none;}
.actionDropDown.style2 em::before{position:absolute;top:12px;right:10px;border:5px solid;border-color:#000 transparent transparent transparent;content:"";}
.actionDropDown.style2 .actionDropDown__list{z-index:1;right:unset;left:-1px;padding:5px 0;border-radius:0 5px 5px 5px;width:auto;}
.actionDropDown.style2 .actionDropDown__list ul{display:block;width:100%;}
.actionDropDown.style2 .actionDropDown__list ul li{width:100%;padding:5px 10px;cursor:pointer;line-height:1.4;}

.DI-Options .actionDropDown{margin:7px 10px 0;}
.DI-Options.actions .actionDropDown .actionDropDown__list {min-width: 200px;font-size: 12px;max-height:400px;overflow:scroll;}
.DI-Options.actions .actionDropDown .actionDropDown__list ul li{line-height:1; padding:10px 8px}
/*Action Drop Down CSS End*/

/*Action Drop Down New CSS Starts*/
.has-mlDD { z-index: 3; }

.DI-Options .mlDD-menu { margin: 8px 10px 0; }

.mlDD-menu { display: inline-block; }
.mlDD-menu .mlDD-button { display: inline-block; position: relative; }
.mlDD-menu .mlDD-button > a { background-color: #f0f0f0; border: 1px solid #e2e2e2; color: #000; border-radius: 5px; padding: 0 40px 0 10px; line-height: 2; display: block; text-decoration: none; font-size:14px}
.mlDD-menu .mlDD-button > a:after { content: ''; display: inline-block; width: 5px; height: 5px; background-color: transparent; border: 1px solid transparent; border-top-color: #000; border-right-color: #000; position: absolute; top: calc(50% - 5px); right: 10px; -webkit-transition: all ease 300ms; transition: all ease 300ms; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: center center; transform-origin: center center; }
.mlDD-menu .mlDD-button:hover > a { background-color: white; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.mlDD-menu .mlDD-button:hover > a:after { border-top-color: #000; border-right-color: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); }
.mlDD-menu ul { list-style: none; margin: 0; padding: 0; }
.mlDD-menu ul > li { display: block; position: relative; }
.mlDD-menu ul > li > a { line-height: 2.4; padding: 0 10px; background-color: white; color: #000; white-space: nowrap; text-decoration: none; display: block; font-size: 14px; }
.mlDD-menu ul > li > a:hover { text-decoration: none; color: #000; font-weight: bold; background-color: #f5f5f5; }
.mlDD-menu ul > li:first-child > a { border-radius: 0 4px 0 0; }
.mlDD-menu ul > li:last-child > a { border-radius: 0 0 4px 4px; }
.mlDD-menu li:hover > a { color: #000; font-weight: bold; background-color: #f5f5f5; }
.mlDD-menu li:hover > .submenu-wrapper { left: 0; height: auto; display: block; -webkit-animation: dd_animation 100ms 1; animation: dd_animation 100ms 1;overflow:visible;}
.mlDD-menu .has-submenu { position: relative; }
.mlDD-menu .has-submenu > a { padding-right: 30px; }
.mlDD-menu .has-submenu > a:after { content: ''; display: inline-block; width: 5px; height: 5px; background-color: transparent; border: 1px solid transparent; border-top-color: #000; border-right-color: #000; position: absolute; top: calc(50% - 5px); right: 10px; -webkit-transition: border ease 100ms; transition: border ease 100ms; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mlDD-menu .has-submenu:hover > a { color: #000; font-weight: bold; background-color: #f5f5f5; }
.mlDD-menu .has-submenu:hover > a:after { border-top-color: #000; border-right-color: #000; }
.mlDD-menu .has-submenu:hover > .submenu-wrapper { top: -1px; top: 0; left: 100%; height: auto; overflow: visible; }
.mlDD-menu .submenu-wrapper { position: absolute; top: calc(100% - 1px); left: -99999px; height: 0; overflow: hidden; z-index: 2; border: 1px solid #e2e2e2; border-radius: 0 4px 4px 4px; display: none; }
.mlDD-menu.right .submenu-wrapper{left:unset;right:-99999px}
.mlDD-menu.right .has-submenu:hover>.submenu-wrapper{left:unset;right:100%}
.mlDD-menu.right li:hover>.submenu-wrapper{left:unset;right:0}

.strikethrough{text-decoration:line-through}
.line-height-0{line-height:0!important}

/*Action Drop Down New CSS Ends*/
.icon-svg-IPRequest{background-position: -254px -47px;} 
.icon-sm-servicenow {background-position: -335px -1983px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);margin-right: 2px !important; margin-left: 2px !important}
.icon-svg-pagerduty {background-position: -204px -115px;}
.opm_jqGridUI .ui-search-toolbar input[type=text], .opm_jqGridUI.inputStyle .ui-search-toolbar select, .opm_jqGridUI.inputStyle .ui-search-toolbar .select2{border:1px solid #d4d4d4 !important;line-height:1.6;height:30px !important;;margin-top:0 !important;;}
.opm_jqGridUI .ui-search-toolbar input[type=text]{padding-left:10px !important;padding-right:10px !important;}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th div{padding-top:0;}

.icon-svg-NCM-Controllers{background-position: -370px 0px}

.left-align{text-align:left!important}
.right-align{text-align:right!important}
.txt-green{color:#27a965;}

.storageActionDropDown{width:150px;height:30px;border-radius:5px;padding:0px 20px;line-height:30px;text-align:left;position:relative;background:#49BD80;float:right;margin:3px;border:1px solid #e2e2e2;color:#FFFFFF;}
.storageActionDropDown:before{position:absolute;top:12px;right:10px;border:5px solid;border-color:#FFFFFF transparent transparent transparent;content:"";}
.storageActionDropDown:after{position:absolute;top:0px;height:28px;width:30px;right:00px;border-left:1px solid #e2e2e2;content:"";}
.storageActionDropDown:hover{border-radius:5px 5px 0 0;}
.storageActionDropDown:hover:after{border-bottom:2px solid;background:#3EAA72;border-radius:0 5px 0 0;}
.storageActionDropDown:hover:before{z-index:1;}
.storageActionDropDown:hover .storageActionDropDown__list{display:block;}
.storageActionDropDown__list{position:absolute;top:28px;right:-1px;border:1px solid;border-color:#e2e2e2;background:#f9f9f9;min-width:150px;padding:5px 0 0 0;border-radius:0 0 5px 5px;display:none;}
.storageActionDropDown__list ul{color:black;z-index:200;position:absolute;background:white;width:150px;}
.storageActionDropDown__list ul li{padding:0px 20px;cursor:pointer;}
.storageActionDropDown__list ul li:hover{background:#f0f0f0;}


.disDevCriteriaActions .opmFormRow .btnRight,.discIntfCriteriaActions .opmFormRow .btnRight,.wanLinkRows .opmFormRow .opmBtnHldr{min-width:0}
.disDevCriteriaActions .opmFormRow .btnRight .deleteBtn,.discIntfCriteriaActions .opmFormRow .btnRight .deleteBtn,.wanLinkRows .opmFormRow .opmBtnHldr .delBtn{display: none;}
.disDevCriteriaActions .opmFormRow .btnRight .btnPlus,.discIntfCriteriaActions .opmFormRow .btnRight .btnPlus,.wanLinkRows .opmFormRow .opmBtnHldr .opmBtnAddIcon{display:block;top:-2px;}
.disDevCriteriaActions.multipleRow .opmFormRow .btnRight,.discIntfCriteriaActions.multipleRow .opmFormRow .btnRight,.wanLinkRows.multipleRow .opmFormRow .opmBtnHldr{min-width:60px;}
.disDevCriteriaActions.multipleRow .opmFormRow .btnRight .deleteBtn,.discIntfCriteriaActions.multipleRow .opmFormRow .btnRight .deleteBtn,.wanLinkRows.multipleRow .opmFormRow .opmBtnHldr .delBtn{display:block;}
.disDevCriteriaActions.multipleRow .opmFormRow .btnRight .btnPlus,.discIntfCriteriaActions.multipleRow .opmFormRow .btnRight .btnPlus,.wanLinkRows.multipleRow .opmFormRow .opmBtnHldr .opmBtnAddIcon{display:none;top:0;}
.disDevCriteriaActions.multipleRow .opmFormRow:last-child .btnRight .btnPlus,.discIntfCriteriaActions.multipleRow .opmFormRow:last-child .btnRight .btnPlus,.wanLinkRows.multipleRow .opmFormRow:last-child .opmBtnHldr .opmBtnAddIcon{display:block !important}
.wanLinkRows .wanIpFinalRow .opmFormRow:last-child .opmBtnHldr .opmBtnAddIcon{display: none !important;}

.wanLinkRows.multipleRow .opmFormRow  label{display:none !important}
.wanLinkRows.multipleRow .opmFormRow:first-child label{display:block !important}
.wanLinkRows .opmFormRow:first-child .opmIpFieldBtnHldr{top:20px !important}

/**********SVG ICONS FOR MENU ITEMS******************/
[class^=icon-svg-]{background-image:url(../../img/opm-sprites-v2.svg);width:16px;height:16px;display:inline-block;background-repeat:no-repeat;margin:0px 0.2em;content:'';float:left}
.icon-svg-tfa{background-position: 0 0;}
.icon-svg-billing1{background-position:-231px -32px;width:21px !important;height:24px !important;transform:scale(0.7);left:-5px !important;top:2px !important;}
.icon-svg-billing2{background-position:-231px -32px;width:22px !important;height:24px !important;transform:scale(0.8);position:relative;top:5px;right:unset;float:none;clear:both;}

.w-91 {width: 91% !important;}
.ruleCriteria{line-height:25px;}
.ruleCriteria i{font-style:Italic;color: #888888;}
.ruleCriteria span{background:#3E8AE3;border:1px solid #3E89E4;padding: 2px 5px;color:#fff;border-radius: 1px;font-size:11px}
.criteriaEditIcon{background: url(../../img/opm-sprites.png) no-repeat -260px -1074px;width:13px;height:14px;display:inline-block;position:relative;margin-right:5px;top:4px;cursor:pointer;}
.criteriaFilterIcon{background: url(../../img/opm-sprites.png) no-repeat -223px -689px;width: 20px;height:18px;display:inline-block;position:relative;margin-right: 5px;top: 6px;transform: scale(0.8);cursor:pointer;}
.criteriaDeleteIcon{background: url(../../img/opm-sprites.png) no-repeat -178px -1531px;width:14px;height:14px;display:inline-block;position:relative;margin-right:5px;top:4px;cursor:pointer;}
.chkRoundBtn.small input, .chkRoundBtn.small label{width: 30px; height:15px}
.chkRoundBtn.small label:before{width: 13px; height:13px; top:-1px;}
.chkRoundBtn.small input:checked + label:before{left:15px}
.ui-droppable.highlight{border-bottom:2px solid blue}

.opmFormRow .btnRight.left{right:15%}
.icon-svg-sdp-cloud{background-position: -17px 0}
.icon-svg-sdp{background-position: -34px 0}
#inventoryGridStyle .opm_jqGridUI.themeOne .ui-jqgrid .ui-jqgrid-bdiv tbody>tr.jqgfirstrow td{padding: 0 !important}

/*! Divider With Text starts here */
.dividerWithText{text-align:left;position:relative}
.dividerWithText.center .text{padding-left:8px}
.dividerWithText .text{background-color:#fff;padding:2px 8px 2px 0;display:inline-block;position:relative;z-index:2}
.dividerWithText::before{content:'';display:block;position:absolute;width:100%;height:1px;background-color:#eee;top:calc(50% + 1px);z-index:1}
/*! Divider With Text ends here */

/* NCM Workflow CSS Starts */
.diff_table_border{font-size:10pt}
.diff_left{border-right:2px solid #d1deeb}
.ver_back{background-color:#f7f7f7;font-size:10pt;color:#0A4687}
.ver_diff_back{font-size:10pt;color:#0A4687;background-color:white}
.grey_Code,.green_Code,.enableMode_Code{font-family:"Courier New", Courier, monospace;font-size:12px}
.grey_Code{color:#0A4687}
.green_Code{color:#24FF00}
.enableMode_Code{color:#faa11b}
.ncm_template_wf_result tbody > tr:first-child{visibility:visible!important}
/* NCM Workflow CSS Ends */

/****************************** Jquery UI css ******************************************/
.BoldBg .ui-checkboxradio-icon.ui-icon-background{display:none;}
#Ilabel{margin-left: 2px;}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius: 0px;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius: 0px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius: 0px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius: 0px;}
.ui-widget-overlay{background: #aaaaaa;opacity: .3;filter: Alpha(Opacity=30);}
.ui-widget-shadow{	margin: 0px 0 0 0px;padding: 8px;background:#aaaaaa;opacity:1;filter: Alpha(Opacity=30);border-radius: 0px;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border: 1px solid #e3e3e3;background:#f5f5f5;font-weight: normal;color: #555555;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color: #555555;text-decoration: none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #e3e3e3;background: #f5f5f5;font-weight: normal;color: #212121 ;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color: #212121 ;text-decoration: none;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,.ui-button:active{border: 1px solid #aaaaaa !important;background: #ffffff !important;	font-weight: normal;color:#212121 !important;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #212121;text-decoration: none;}
.ui-visual-focus{box-shadow:none;}
.ui-widget {font-family: Arial,sans-serif;	font-size: 1.1em;}
.ui-widget .ui-widget{font-size: 1em;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Arial,sans-serif;	font-size: 1em;}
.ui-widget-content{border: 1px solid #dcdcdc;background: #ffffff;color: #222222;}
.ui-widget-content a{color: #222222;}
.ui-widget-header{border: 1px solid #ffffff;background: #f5f5f5;color: #222222;	font-weight: bold;}
.ui-widget-header a{color: #222222;}
.ui-autocomplete li div{padding:5px 10px;line-height:20px}
.ui-autocomplete li div:hover{background:#3996dd !important;color:#fff !important;}
/****************************************************************************************/

/********************** RCA Styles starts *************************/
.chartRightBox .topSection .dateTimeDD .selBox{width:150px}
.chartRightBox .topSection .dateTimeDD .selBox .select2-container{border-radius:3px}
.chartRightBox .topSection .dateTimeDD .selBox .select2-container.select2-container--open{border-radius:3px 3px 0 0}
.chartRightBox .topSection .dateTimeDD .selBox .select2-container .select2-selection{padding-left:35px;padding-top:7px;position:relative}
.chartRightBox .topSection .dateTimeDD .selBox .select2-container .select2-selection:before{position:absolute;top:8px;left:10px;background:url("../../img/opm-sprites-v2.svg") no-repeat 0 -19px;width:17px;height:16px;content:""}
.chartRightBox .topSection .dateTimeDD .selBox .select2-container .select2-selection__arrow{border:0}
/********************* RCA Styles ends ***************************/

/**********Word-Break support for select2 options*********/
.select2-results__option{overflow-wrap: break-word;}
/**********Word-Break support for select2 options*********/

/******** Custom LDAP port and KeyPassword for keystore ***/
.opmFormRow.customColl .opmFormCol.coll100 {
        width: 100px !important;
        max-width: 100px;
    }
/********* Custom LDAP port and KeyPassword for keystore ***/

.infoBoxBlue.bg-yellow{background:#fef9e6;border:1px solid #ffe89e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;float:none;row-gap:10px;padding:18px 20px}
.infoBoxBlue.alertIcon{padding-left:50px;position:relative}
.infoBoxBlue.alertIcon:before{width:16px;height:16px;position:absolute;top:22px;left:25px;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);background:url(../../img/opm-sprites-v2.svg) no-repeat -158px 0;content:""}
.infoNotesList{padding-left:16px}
.infoNotesList li{list-style:disc;margin-top:10px}


.multiselect-dropdown-container{z-index:9;width:350px !important}
.multiselect-dropdown-container .multiselect-input{border:1px solid #dcdcdc;background-color:#fbfbfb;width:100%;min-height:33px;overflow:hidden;position:relative;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;margin:0}
.multiselect-dropdown-container .multiselect-input input{border:none;background:0 0!important;height:30px;float:none}
.multiselect-dropdown-container .multiselect-input input:focus,.multiselect-dropdown-container .multiselect-input input:hover{background:0 0!important}
.multiselect-dropdown-container .multiselect-input .searchBtn{cursor:pointer;position:absolute;bottom:6px;right:10px;background:url(../../img/opm-sprites.png) no-repeat -143px -1616px;width:16px;height:17px;z-index:2}
.opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix textarea+.span,.opmForm .prefix-suffix textarea+span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.w-120px {width:120px !important}
.w-170px {width:170px !important}
.w-85px {width:85px !important}

.multiselect-dropdown-container .multiselect-input .badge-group{padding:4px;display: none;}
.multiselect-dropdown-container .multiselect-input .badge-group .selected-count{float:right;padding:2px 6px;max-width:22px;max-height:22px;border-radius:50%;margin:2px;background-color:#45bd7f;color:#fff}
.multiselect-dropdown-container .multiselect-input .badge-group .badge{display:inline-block;background:#e4e4e4;border:1px solid #d8d8d8;padding:4px 8px;border-radius:2px;margin-bottom:4px}
.multiselect-dropdown-container .multiselect-input .badge-group .badge div{display:inline-block}
.multiselect-dropdown-container .multiselect-input .badge-group .badge.checked div{text-decoration:line-through}
.multiselect-dropdown-container .multiselect-input .badge-group .badge .remove{margin-left:8px;position:relative;z-index:2;cursor:pointer}
.multiselect-dropdown-container .multiselect-input.active{max-height:100%}
.multiselect-dropdown-container .multiselect-input.active+.multiselect-dropdown{display:block;max-height:220px;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.multiselect-dropdown-container .multiselect-dropdown{height:100%;border:1px solid #dcdcdc;border-top:none;background:#fbfbfb;position:relative;overflow:auto;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;display: none;max-height: 220px}
.multiselect-dropdown-container.active .multiselect-input+.multiselect-dropdown{display:block;}
.multiselect-dropdown-container .multiselect-dropdown .selectAll{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px dashed #dcdcdc;padding:8px 14px;text-align:right;background:#fbfbfb;z-index:3}
.multiselect-dropdown-container .multiselect-dropdown .selectAll a:hover{text-decoration:none}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox *{float:unset}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div{min-height:30px;padding-left:33px}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div input{height:30px}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div label{line-height:30px}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div label::before{width:15px;height:15px;left:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div label::after{width:3px;height:7px;top:14px;left:15px;-webkit-animation:unset;animation:unset}
.multiselect-dropdown-container .multiselect-dropdown .opmCheckBox div label + i{margin-top: 0px;display: flex;line-height: 15px;}
.multiselect-dropdown-container .multiselect-input .badge-group ul {line-height: 1.3;}
.multiselect-dropdown-container.width100 {width: 100% !important;}
.grey {color: #777777;}
.dropDownList.selectList.pb-none {padding-bottom:0px !important}
.placeholder-italic::placeholder {font-style:italic;line-height:1.5;font-size:12px}
.overflow-visible {overflow: visible !important;}
.showCount_1{color:#ff1b1a !important}
.showCount_5{color:#0BAC58 !important}
.textEllipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.capacityPlanningFilter .reportsTableCel{max-width:100px}
.capacityPlanningFilter #cpReportRuleFilter.reportsTableCel{min-width:120px}

.cursorDefault{cursor:default !important}
.jsTreeType1.inventoryFilter ul li {padding-left:38px}
.jsTreeType1.inventoryFilter ul li.jstree-leaf {padding-left:20px}

/********** NCM PMP *************/

.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float: none !important;}
#pam_integration .disabled{opacity:.4;pointer-events:none}

.DI-Options .probeLink, .DI-Options .remote-Collector-tag{
	float:left;
	 padding:4px 12px;
	 border:1px solid #27AB67;
	 background:#E9F6F0;
	 height:auto;
	 margin-top:12px;
	 margin-left:8px;
	 color:#1D824E;
 }
 .DI-Options .remote-Collector-tag{
	 background:#ffffff;
	 border-color:#94A0AA;
	 color:#1F272C;
 }

/******************************* DO NOT WRITE ANY STYLES BELOW THE @MEDIA SCREEN *******************************/


/* This styles should be at the end of the file. */
@media only screen and (min-width:1440px){
.opmAddBulkSNMPTable textarea{width:200px}
}
@media only screen and (max-width:1700px){
	.discoveryTableTopInfo > .nav.active + .deviceInfo{margin-left:-185px}
}
@media only screen and (min-width:1920px){
.profileWidgetExpandView{max-width:1370px !important}
body.NavText .profileWidgetExpandView{max-width:1338px !important;left:102px !important}
html.opmFullScreen .profileWidgetExpandView{max-width:none}
html.opmAlignCenter .profileWidgetExpandView{margin:0 auto !important}
html.opmFullScreen .profileWidgetExpandView,html.opmFullScreen body.NavText .profileWidgetExpandView{max-width:100% !important}
html.opmFullScreen #SupportInfoDiv{max-width:1410px}
}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.vnName{width:150px !important}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.dnsName{width:200px !important}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.guestOS{width:460px !important}
.jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.ipAddress{width:150px !important}

.opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix textarea+.span,.opmForm .prefix-suffix textarea+span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}

/* New upgrade CSS from Ember 5*/

.ember-ui-library{--font-family:sans-serif;--font-size:0.875rem;--line-height:1.5;--hover:#e1e5e9;--on-hover:#212121;--background:#fdfefe;--on-background:#212121;--page-background:#f5f5f5;--on-page-background:#212121;--border-color:#e1e5e9;--backdrop-color:rgba(0, 0, 0, 50%);--primary:#25732d;--on-primary:#fdfefe;--secondary:#f0f2f4;--on-secondary:#212121;--tertiary:#2e64b8;--on-tertiary:#fdfefe;--link:#006AFF;--on-link:#fdfefe;--red:#be2b2f;--on-red:#fdfefe;--white:#fff;--on-white:#212121;--black:#000;--on-black:#fdfefe;--grey:#52606b;--on-grey:#fdfefe;--light-grey:#f0f2f4;--on-light-grey:#212121;--error:#be2b2f;--error-bg:#fce8e9;--on-error:#fdfefe;--on-error-bg:#212121;--success:#25732d;--success-bg:#eafaec;--on-success:#fdfefe;--on-success-bg:#212121;--warning:#756200;--warning-bg:#fffbe6;--on-warning:#fdfefe;--on-warning-bg:#212121;--info:#2e64b8;--info-bg:#e7f1ff;--on-info:#fdfefe;--on-info-bg:#212121;--notice:#647380;--notice-bg:#f0f2f4;--on-notice:#fdfefe;--on-notice-bg:#212121;--grey-25:#f9fafb;--grey-50:#f4f6f7;--grey-100:#f0f2f4;--grey-200:#e1e5e9;--grey-300:#c3ccd3;--grey-400:#abb6be;--grey-500:#94a0aa;--grey-600:#7c8995;--grey-700:#647380;--grey-800:#52606b;--grey-900:#414d57;--grey-1000:#303a43;--grey-1100:#262f36;--grey-1200:#1f272c;--grey-1300:#181e23;--grey-1400:#121619;--grey-1500:#0b0d10;--input-bg-color:#fdfefe;--input-color:#212121;--input-border-color:#e1e5e9;--input-placeholder-color:#c3ccd3;--input-focus-bg-color:#fdfefe;--input-focus-border-color:#9ec5fe;--input-hover-bg-color:#fdfefe;--input-hover-border-color:#c3ccd3;--input-icon-bg:#fdfefe;--select-hover:#3574d4;--on-select-hover:#fdfefe;--input-border-radius:0.25rem;--input-selected-color:#c3ccd3;--on-input-selected-color:#212121;--shadow:rgba(149, 157, 165, 20%) 0 0.5rem 1.5rem;--shadow-sm:rgba(33, 33, 33, 30%) 0 0.5rem 1.5rem;--shadow-lg:rgba(33, 33, 33, 40%) 0 0.5rem 1.5rem;--menu:#212121;--on-menu:#fdfefe;--hover-menu:#647380;--on-hover-menu:#fdfefe;--active-menu:#25732d;--on-active-menu:#fdfefe;--sub-menu:#fdfefe;--on-sub-menu:#212121;--hover-sub-menu:#f9fafb;--on-hover-sub-menu:#212121;--active-sub-menu:#f9fafb;--on-active-sub-menu:#212121;--dropdown-menu:#fdfefe;--on-dropdown-menu:#212121;--hover-dropdown-menu:#fffbe6;--on-hover-dropdown-menu:#212121;--active-dropdown-menu:#fffbe6;--on-active-dropdown-menu:#212121;--chip:#f0f2f4;--on-chip:#212121;--grey-header:#f0f2f4;--on-grey-header:#212121;--jq-header:#f4f6f7;--on-jq-header:#212121;--jq-hover:#fffbe6;--on-jq-hover:#212121;position:relative;width:100%;height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);background-color:var(--background);color:var(--on-background)}
.ember-ui-library.itom-theme{--font-family:"LatoRegular",sans-serif;--font-size:0.875rem;--line-height:1.5;--primary:#1d824e;--on-primary:#fdfefe;--white:#fdfefe;--on-white:#212121;--black:#212121;--on-black:#fdfefe;--primary-header:#1d824e;--on-primary-header:#fdfefe;--critical:#f24b51;--on-critical:#212121;--critical-bg:#ef767a;--on-critical-bg:#212121;--trouble:#ffa442;--on-trouble:#212121;--trouble-bg:#ffbe7a;--on-trouble-bg:#212121;--attention:#fedd33;--on-attention:#212121;--attention-bg:#fee566;--on-attention-bg:#212121;--servicedown:#a06ef0;--on-servicedown:#212121;--servicedown-bg:#b18de9;--on-servicedown-bg:#212121;--clear:#58da66;--on-clear:#212121;--clear-bg:#82e38c;--on-clear-bg:#212121;--unmanaged:#8f8f8f;--on-unmanaged:#212121;--unmanaged-bg:#a4a4a4;--on-unmanaged-bg:#212121;--information:#528ee9;--on-information:#212121;--information-bg:#6ea8fe;--on-information-bg:#212121;--color-grey:#52606b;--on-color-grey:#fdfefe;--color-grey-bg:#f9fafb;--on-color-grey-bg:#212121;--color-grey-text:#52606b;--color-ngrey:#626262;--on-color-ngrey:#fdfefe;--color-ngrey-bg:#fafafa;--on-color-ngrey-bg:#212121;--color-ngrey-text:#4c4c4c;--color-red:#be2b2f;--on-color-red:#fdfefe;--color-red-bg:#fef6f6;--on-color-red-bg:#212121;--color-red-text:#a02428;--color-orange:#d87c1c;--on-color-orange:#212121;--color-orange-bg:#fffbf6;--on-color-orange-bg:#212121;--color-orange-text:#ae6200;--color-yellow:#dcb800;--on-color-yellow:#212121;--color-yellow-bg:#fffdf5;--on-color-yellow-bg:#212121;--color-yellow-text:#ba9b00;--color-lime:#9aca33;--on-color-lime:#212121;--color-lime-bg:#fcfef7;--on-color-lime-bg:#212121;--color-lime-text:#82aa2b;--color-green:#38b04c;--on-color-green:#212121;--color-green-bg:#f7fdf7;--on-color-green-bg:#212121;--color-green-text:#268733;--color-cyan:#11a7a7;--on-color-cyan:#212121;--color-cyan-bg:#f6fdfd;--on-color-cyan-bg:#212121;--color-cyan-text:#0d8282;--color-blue:#2e64b8;--on-color-blue:#fdfefe;--color-blue-bg:#f7fbff;--on-color-blue-bg:#212121;--color-blue-text:#27559b;--color-indigo:#313f94;--on-color-indigo:#fdfefe;--color-indigo-bg:#f7f8fc;--on-color-indigo-bg:#212121;--color-indigo-text:#2a367d;--color-violet:#6c38be;--on-color-violet:#fdfefe;--color-violet-bg:#faf7fe;--on-color-violet-bg:#212121;--color-violet-text:#5b30a0;--color-pink:#bc1e77;--on-color-pink:#fdfefe;--color-pink-bg:#fdf6fa;--on-color-pink-bg:#212121;--color-pink-text:#9f1a64;--color-primary:#25732d;--on-color-primary:#fdfefe;--color-primary-bg:#f7fdf7;--on-color-primary-bg:#212121;--color-primary-text:#268733;--color-secondary:#f0f2f4;--on-color-secondary:#212121;--color-secondary-bg:#f9fafb;--on-color-secondary-bg:#212121;--color-secondary-text:#52606b;--color-tertiary:#2e64b8;--on-color-tertiary:#fdfefe;--color-tertiary-bg:#f7fbff;--on-color-tertiary-bg:#212121;--color-tertiary-text:#27559b;--color-link:#006AFF;--on-color-link:#fdfefe;--color-link-bg:#006AFF;--on-color-link-bg:#fdfefe;--color-link-text:#006AFF;--color-white:#fff;--on-color-white:#212121;--color-white-bg:#fff;--on-color-white-bg:#212121;--color-white-text:#fff;--color-black:#000;--on-color-black:#fdfefe;--color-black-bg:#000;--on-color-black-bg:#fdfefe;--color-black-text:#000;--color-light-grey:#f0f2f4;--on-color-light-grey:#212121;--color-light-grey-bg:#f9fafb;--on-color-light-grey-bg:#212121;--color-light-grey-text:#52606b}

/* Base css */
.ember-ui-library h4,.ember-ui-library h5,.ember-ui-library p{margin-bottom:1rem;line-height:var(--line-height)}
.ember-ui-library .paragraph{margin-bottom:0}
.ember-ui-library svg{vertical-align:text-bottom}
.ember-ui-library svg:not([fill]){fill:currentColor}
.ember-ui-library button{background-color:unset;border:none;padding:0}
.ember-ui-library button:not([disabled],.disabled){cursor:pointer}

/* Badge Css */
.ember-ui-library .badge{border-width:0.125rem;border-style:solid;position:absolute;left:unset;right:0;top:0;border-radius:0.25rem;padding:0.25rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-size:calc(var(--font-size) - 0.125rem)}
.ember-ui-library .badge.badge-diagonal{padding:0.5rem 0.75rem;border-radius:0 1rem 0 1rem}
.ember-ui-library .badge.badge-violet{background:var(--color-violet);color:var(--on-color-violet);border-color:var(--color-violet)}

/* Button css */
.ember-ui-library .btn{--btn-line-height:calc(var(--font-size) + 0.125rem);padding:0.438rem 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;cursor:pointer;text-decoration:none;border:0.063rem solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0.25rem;-webkit-transition:250ms all;transition:250ms all;background:0 0;line-height:var(--btn-line-height);font-size:var(--font-size);color:var(--on-background);max-width:100%}
.ember-ui-library .btn:hover{background:inherit;-webkit-backdrop-filter:brightness(0.95);backdrop-filter:brightness(0.95)}

/* Card css */
.ember-ui-library .card-container{border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--on-background);max-width:100%;position:relative;-webkit-transition:all 250ms;transition:all 250ms}
.ember-ui-library .card-container .card-body{padding:0.75rem}
.ember-ui-library .card-container.card-violet{background:var(--color-violet);color:var(--on-color-violet);border-color:var(--color-violet)}
.ember-ui-library .card-container.card-violet.card-bordered{background:var(--color-violet-bg);color:var(--on-color-violet-bg)}

/* Grid css */
.ember-ui-library .grid-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}
.ember-ui-library .grid-col{position:relative;width:100%;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding-right:0.5rem;padding-left:0.5rem}
.ember-ui-library .grid-col-6{position:relative;width:100%;padding-right:0.5rem;padding-left:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.ember-ui-library .grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}

/* Slider */
.ember-ui-library .slide-container{z-index:1060;position:fixed;top:0;right:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;visibility:hidden;background-color:var(--backdrop-color);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ember-ui-library .slide-container .slide-inner{width:100%;height:100%;max-width:100%;margin-left:auto;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;background:var(--background);color:var(--on-background);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.ember-ui-library .slide-container.slide-left{left:0}
.ember-ui-library .slide-container.slide-left .slide-inner{margin-left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.ember-ui-library .slide-container.active{visibility:visible;opacity:1}
.ember-ui-library .slide-container.active .slide-inner{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}
.ember-ui-library .slide-container.slide-medium .slide-inner{width:43.75rem}
.ember-ui-library .slide-container .slide-header-container{padding:0.75rem 1rem;border-bottom:0.063rem solid var(--border-color);background:var(--grey-header);color:var(--on-grey-header)}
.ember-ui-library .slide-container .slide-header-container.bg-primary{background:var(--primary);color:var(--on-primary)}
.ember-ui-library .slide-container .slide-header-container.bg-primary button{color:var(--on-primary)}
.ember-ui-library .slide-container .slide-content-container{padding:1rem;overflow:auto;position:relative}

/* Helper css */
.ember-ui-library .border{border-style:solid;border-width:0.063rem!important;border-color:var(--border-color)}
.ember-ui-library .border-4{border-width:0.25rem!important}
.ember-ui-library .rounded-xs{border-radius:0.5rem!important}
.ember-ui-library .rounded-md{border-radius:1rem!important}
.ember-ui-library .gap-xs{gap:0.5rem!important}
.ember-ui-library .gap-md{gap:1rem!important}
.ember-ui-library .flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.ember-ui-library .flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}
.ember-ui-library .flex-between-align{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.ember-ui-library .flex-top-align{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}
.ember-ui-library .flex-middle-align{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.ember-ui-library .bg-theme{background-color:var(--background)}
.ember-ui-library .bg-lightgrey{background:var(--light-grey)!important;color:var(--on-light-grey)!important}
.w-0 {width: 0px !important;flex: 0 0 0px !important;}
.truncate-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ember-ui-library .shadow {box-shadow:rgba(149, 157, 165, 20%) 0 0.5rem 1.5rem}
/******************************* DO NOT WRITE ANY STYLES BELOW THE @MEDIA SCREEN *******************************/
