﻿/* here you can put your own css to customize and override the theme */
div.clear {
    display: block;
    padding: 0;
    margin: 0;
    clear: both;
    line-height: 0;
    font-size: 0;
}

input[disabled], select[disabled], textarea[disabled] {
    background-color: transparent !important;
}

.m_alink {
    font-weight: bold;
    margin-left: 5px;
    display: inline-block;
    padding: 0px 5px;
    background-color: #ececec;
    border: 1px solid #808080;
}

#saveSRNo {
    margin-left: 15px;
    background-color: green;
    color: #ffffff;
}

.setFSToZero {
    font-size: 0 !important;
}

.table-bordered > tbody > tr > td.setFSToZero {
    border: 0 !important;
    background-color: transparent !important;
}

input.reqnum.col-md-5 {
    width: auto !important;
    float: left;
    border: 0;
    padding: 0;
    margin: 0;
}

a.editlink {
    text-align: center !important;
    padding: 0 !important;
    color: #fff !important;
    background-color: green !important;
    margin: 0 !important;
    border: 1px solid #fff !important;
    float: right;
}

.btn.btn-action-link {
    border: 1px solid #e1e1e1 !important;
    padding: 1px 8px !important;
}

.clsHideActionLink {
    /*display:none!important;*/
}

.cls_ShowEditLink {
    display: inline-block;
}

.cls_ShowDeleteLink {
    display: inline-block;
}

.cls_HideDeletelink {
    display: none;
}

input.reqnum.addBorder {
    border: 1px solid #d1d1d1;
}

.tbl_device_holder {
    display: none;
}

.li_module_holder {
    display: none;
    margin: 1% 0 1% 4% !important;
    list-style-type: none !important;
    cursor: pointer;
}

    .li_device_holder span, .li_module_holder span {
        display: block;
        font-weight: bold;
    }

.tbl_module_holder {
    display: none;
}

.li_device_holder.cls_item {
    list-style-type: none !important;
    cursor: pointer;
    margin: 1% 0 1% 1.4% !important;
}

ul#cabinet_data_holder {
    padding: 0;
    margin: 0;
}

    ul#cabinet_data_holder li {
        list-style-type: none !important;
    }

.li_module_holder span {
    margin-left: 3px;
}

.tbl_module_holder {
    margin-left: 4px;
}

#cabinet_data_holder h4 {
    display: inline-block;
}

.request_status {
    float: left;
    margin-left: 0px;
    margin-top: -10px;
}

.has_error {
    color: red !important;
    font-weight: bold;
    background-color: #f3cece;
    padding: 0 4px;
}

#myModal.modal.fade.in.ui-front,
.modal.ui-front {
    z-index: 10051 !important;
}

.autocompleter {
    width: auto !important;
}

.trunked_port {
}

    .trunked_port.show {
        display: inline-block !important;
        padding: 7px 14px;
        margin: 0 25px;
        font-weight: bold;
        font-size: 16px;
        color: green !important;
    }

        .trunked_port.show._error {
            color: red !important;
        }

.addNode.X {
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: -15px;
    background-color: #007713;
    padding: 0 5px;
    border: 1px solid #000;
}

.remove_field {
    font-weight: bold;
    color: red;
}

.border-color-error {
    border-color: red !important;
    background-color: #ffd9e0 !important;
}

.restline-height {
    line-height: normal !important;
}

.resetMarginTop {
    margin-top: -18px !important;
}

.alignCenter {
    text-align: center !important;
}

.cls_PositionRelative {
    position: relative;
}

.cls_PositionAbsolute {
    position: absolute;
    width: 92.1% !important;
    height: auto !important;
    text-align: center;
    background-color: #eee;
    z-index: 1;
    margin: 0 auto !important;
    top: 0;
    right: 15px;
    padding: 5px 5px 4px 5px;
    font-weight: bold;
    border: 1px solid #d1d1d1;
    color: red;
    opacity: 0.77;
}

.go-back {
    background-color: green;
    color: #fff;
    padding: 0 5px;
    margin: 5px 0;
    border: 1px solid #464646;
}

    .go-back:hover {
        color: yellow;
    }

.has-error .col-md-6 .control-label,
.has-error .col-md-6 INPUT {
    color: red !important;
    font-weight: bold !important;
}

#jumpstart.vd_content-section {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.jumpstart {
    margin-bottom: 20px !important;
}

.select2-container .select2-choice {
    height: 34px !important;
    line-height: 34px !important;
}

.cabinet-name-holder {
    float: left;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    background-color: #d1d1d1;
    margin-top: 1px;
    margin-left: 1px;
}

#page2, ._Ports {
    display: none;
}

.panel-title.first {
    display: inline-block;
}

.FCR_Modules {
    position: relative;
}

    .FCR_Modules .panel-heading {
        cursor: pointer;
    }

.delete_module {
    width: auto;
    height: auto;
    display: inline-block;
    position: absolute;
    background-color: red;
    z-index: 1;
    top: 7px;
    right: 7px;
    border: 1px solid #fff;
    padding: 0 6px;
}

#page1 #request_status {
    float: right;
    /*margin:0!important;*/
}

#page1 .form-group .has-error input {
    border: 1px solid red !important;
}

.control-label.rnexists {
    font-size: 0.85em !important;
    text-align: center;
    font-weight: bold;
    color: red !important;
}

li.open > a .title {
    color: #fff !important;
    font-weight: bold;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

ul.page-sidebar-menu > li.active > a {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
    font-weight: bold!important;
    color: yellow !important;
}

.btn-delete {
    float: right;
    margin-left: 10px;
}

.has-error select {
    border: 1px solid #b94a48;
}

.has-error .help-inline, .has-error .help-block, .has-error .control-label {
    background-color: #ffb1be;
    font-weight: bold;
}

.rdo_holder {
    margin-right: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #787878;
}

    .rdo_holder.single, .modulemode_single {
        color: #000;
        background-color: yellow;
    }

    .rdo_holder.multi, .modulemode_multi {
        color: #336699;
        background-color: aqua; /*DAEEF4*/
    }

.modulemode_single, .modulemode_multi, .modulemode_unknown {
    font-weight: bold;
    padding: 0 5px !important;
    border: 1px solid #d1d1d1;
}

.modulemode_unknown {
    color: #000;
    background-color: #e1e1e1;
}

tr.firstTD td {
    background-color: #d1d1d1 !important;
    font-weight: bold;
}

#cabinet-name-holder {
    text-transform: uppercase !important;
}

.table-scrollable > .table.CabinetGrid > tbody > tr > td {
    word-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
}

td.legendLabel {
    padding-left: 5px;
}

.vd_status-widget a {
    padding: 8px;
}

.vd_status-widget .menu-value {
    margin-left: 20px;
}

.page-sidebar .sidebar-toggler {
    margin-left: 200px;
}

.glyphicon-folder-flag:before {
    content: "\E149"
}

#DaysSince {
    float: right;
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
}

#uniform-IsRDC_No {
    margin-top: 0 !important;
}

.final_status {
    display: none;
}

._xyz {
    font-size: 12px !important;
}

.setPaddings {
    padding: 0 15px 8px 15px !important;
}

.ports_holder {
    margin-left: 4px;
}

#port-utilization-data-holder tr, #port-utilization-data-holder tr td {
    cursor: pointer;
}

    #port-utilization-data-holder tr.selected TD {
        background-color: lightcoral;
    }

.header-link {
    padding: 0 5px;
    background-color: #336699;
    border: 0px solid #fff;
    border-radius: 5px !important;
    color: gold;
    display: block;
    margin: 0 0 1px 0;
    font-size: 1em;
}

    .header-link:hover {
        color: yellow;
    }

ul#rolesMenu, ul#rolesMenu li, ul#rolesMenu li ul, ul#rolesMenu li ul li {
    list-style-type: none;
}

ul#rolesMenu {
    padding: 0;
}

    ul#rolesMenu li input.isMainItem,
    ul#rolesMenu li input.isSubItem {
        margin-right: 5px;
        float: none;
        /*vertical-align:top;*/
    }

.mainItemText {
    font-weight: bold;
    color: #003366;
}

#menuList > LI.mItem,
#menuList > LI.mItem ul.sub-menu > LI {
    display: none;
}

.page-container {
}

.blockUI.blockOverlay {
    opacity: 0.80 !important;
}

.blockUI.blockMsg.blockPage {
    border-radius: 10px !important;
    border: none !important;
}

#domMessage h4 {
    font-size: 16px !important;
}

#request_status.invalid {
    border: 1px solid #e1e1e1;
    padding: 5px !important;
    background-color: pink;
    font-weight: bold;
    color: #000;
    margin-top: 0 !important;
    margin-left: 10px !important;
}

#request_status.valid {
    border: 1px solid #e1e1e1;
    padding: 5px !important;
    background-color: green;
    font-weight: bold;
    color: #fff;
    margin-top: 0 !important;
    margin-left: 10px !important;
}

/*border:1px solid #e1e1e1;padding:5px!important;background-color:pink;font-weight:bold;color:#000;margin-top:0!important;margin-left:10px!important;*/

.clsCustomSearch {
    background-color: #ececec;
}

    .clsCustomSearch INPUT {
        border: 0 !important;
        border-right: 3px solid #ddd !important;
        border-left: 3px solid #ddd !important;
        border-bottom: 3px solid #ddd !important;
        border-top: 2px solid #ddd !important;
        background-color: #fbfbfb;
    }

#CabinetGrid tfoot {
    display: none;
}

#TrunkConnectGrid tfoot,
#TrunkConnectGrid tfoot tr,
#TrunkConnectGrid tfoot tr th {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #ddd !important;
    background-color: #fbfbfb;
}

.adminLevel_permissions, .mainPermissionsHolder, .subPermissionsHolder {
    min-width: 200px;
    max-width: 250px;
}

ul.subMenu {
    padding-left: 18px;
}

/* SWITCH */
.onoffswitch {
    position: relative;
    width: 46px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 10px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 12px;
    margin: 0 !important;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 18px;
        padding: 0;
        line-height: 18px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "T";
        padding-left: 10px;
        background-color: #118003;
        color: #FFEE00;
    }

    .onoffswitch-inner:after {
        content: "P";
        padding-right: 10px;
        background-color: #34A7C1;
        color: #FFFFFF;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: 1px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    border: 2px solid #999999;
    border-radius: 12px !important;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.select-connection-type-id {
    width: auto !important;
    float: left;
    padding: 0 !important;
    ;
    margin: 0 10px;
}

select.select-connection-type-id.select-secondary {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    background-color: #e1e1e1 !important;
    color: blue !important;
}

.btn-mini {
    padding: 4px 7px;
    font-size: 11px;
}

.lbl-cabinetname {
    float: left;
    min-width: 65px;
}

@keyframes blink {
    50% {
        border-color: #ff0000;
    }
}

@keyframes blinkText {
    50% {
        opacity: 0.0;
    }
}

.showErrorBorder {
    /*border:1px solid red!important;*/
    background-color: #ffd8d8 !important;
    color: red !important;
    animation: blink .5s step-end infinite alternate;
}

.showErrorText {
    /*border:1px solid red!important;*/
    color: red !important;
    animation: blinkText .5s step-end infinite alternate;
}

.showErrorBorderOnly {
    border: 1px solid red !important;
    background-color: #ffd8d8 !important;
    color: red !important;
}

.service_request_no {
    min-width: 250px;
    width: auto !important;
    height: auto !important;
    padding: 0;
    margin: 0;
    line-height: normal !important;
}

.select2-container.IRCabinets {
    width: 220px !important;
}

    .select2-container.IRCabinets > A {
        height: 26px !important;
        line-height: 26px !important;
    }

.cls_newRoutes div.route_item, div.nearest-div {
    display: inline-block !important;
}

.trunkedPort2 {
    display: inline-block;
    font-weight: bold;
    color: blue;
    font-size: 14px;
    background-color: #e6e6e6;
    padding: 0 5px;
}

.cls_editRoute {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .cls_editRoute li {
        padding: 4px 4px;
        border: 1px solid #fff;
        margin-bottom: 5px;
        /*cursor:pointer;*/
        position: relative;
        min-height: 44px;
        height: auto !important;
    }

.cls_conntype_P {
    padding: 0px 6px;
    background-color: green;
    border: 1px solid #d1d1d1;
    margin-right: 5px;
    color: gold;
    font-weight: bold;
    display: inline-block;
}

.cls_conntype_T {
    padding: 0px 6px;
    background-color: gold;
    border: 1px solid #d1d1d1;
    margin-right: 5px;
    color: green;
    font-weight: bold;
    display: inline-block;
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .dd-handle:hover {
        color: #2ea8e5;
        background: #fff;
    }

.dd3-handle {
    position: absolute;
    margin: 0;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .dd3-handle:before {
        content: '≡';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
    }

    .dd3-handle:hover {
        background: #ddd;
    }

.add-trunk-pair {
    position: absolute;
    margin: 0;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 1;
}

.colorRed {
    color: red !important;
}

.cls_locationInput {
    padding: 0 0 0 5px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.cab_link, .dev_link, .mod_link, .port_link {
    display: block;
    padding: 2px 5px;
    margin: 0;
    line-height: normal !important;
    border-bottom: 1px solid #d1d1d1;
}

.float_left {
    float: left;
}

._moduleHolder {
    border: 4px groove #d1d1d1;
    padding: 5px;
    /*margin: 3px;*/
    background: url('../img/module_bg.jpg') repeat transparent;
}

._moduleStrip {
    border: 1px solid #d1d1d1;
    padding: 2px;
    margin: 2px;
}

._ModCon span {
    display: block;
    clear: both;
    border: 1px solid #d1d1d1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4px;
    padding: 0 2px !important;
    background-color: #e2f1ff;
}

._DeviceHolder {
    border: 4px inset #e1e1e1;
    /*padding:5px 5px 0 5px;*/
    margin-bottom: 10px;
    text-align: center !important;
    background: url('../img/device-bg.jpg') repeat transparent;
}

.module_port_holder {
    display: inline-block;
    color: blue;
    border: 1px solid #000;
    padding: 1px;
    min-width: 20px;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 2px;
}

.cls_isTrunked {
    background-color: grey !important;
    color: white;
    cursor: pointer !important;
}

.cls_isActive {
    background-color: orange;
    color: #000;
    cursor: pointer;
}

.cls_isUsed {
    background-color: red;
    color: #fff;
}

.cls_grey {
    background-color: #fff !important;
    color: blue;
    cursor: pointer;
}

.cls_missing_port {
    background-color: #003366;
    color: #fff;
}

.
_Multi .cls_isUsed {
    background-color: aqua !important;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.cls_ModuleMode_Single .cls_isUsed {
    background-color: Yellow !important;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.cls_ModuleMode_Unknown .cls_isUsed {
    background-color: Maroon !important;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.cls_ModuleConfigID2-3 span {
    padding: 0 5px !important;
    margin-right: 5px !important;
    border: none !important;
}

.cls_badConnection {
    background-color: #ffcece;
    color: red;
    border: 1px solid red !important;
    font-weight: bold;
}

.lbl_device_name {
    display: block;
    border: 4px groove #d1d1d1;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    color: #fff;
    background-color: #3d3d3d;
}

.cls_ModuleConfigIDX, .cls_inner_div {
    display: block !important;
    clear: both !important;
}

.cls_inner_div, ._moduleStrip > .cls_column_even {
    /* Setup Flexbox */
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    /* Reverse Column Order */
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
}

.cls_inner_div {
    clear: both !important;
}

.cls_ModuleConfigIDX span {
    min-width: 25px !important;
    /*border:none!important;*/
    text-align: center;
    margin-top: 2px;
    position: relative;
}

._ModCon {
    padding: 5px !important;
    border: 4px inset #e1e1e1;
    margin-right: 5px;
    margin-bottom: 5px;
    background: url('../img/module_bg.jpg') repeat transparent;
}

.float_left._PortHolder {
    display: inline-block;
    /*clear:both!important;*/
    position: relative;
    z-index: 0;
}

._device_container {
    display: inline-block !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0;
}

.cls_ModuleMode_Single {
    border-color: Yellow !important;
}

.cls_ModuleMode_Multi {
    border-color: Aqua !important;
}

._cls_info_bubble {
    display: block;
    width: 250px;
    min-height: 1px;
    height: auto !important;
    padding: 5px;
    margin: 0;
    position: fixed;
    background-color: #fff;
    z-index: 1;
    top: 75px;
    left: 25px;
    border: 4px solid #000;
    border-radius: 6px !important;
}

._PortHolder a {
    position: relative;
    z-index: 0;
}

.cls_legends_list, #dc_locations {
    padding: 0;
    margin: 0 auto !important;
    list-style-type: none;
    display: inline-block;
}

    .cls_legends_list li {
        display: inline-block;
        float: left;
        padding: 0 5px 0 0;
        margin: 0;
        font-weight: bold;
    }

.cls_legend {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 5px;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #080808;
    font-weight: bold;
}

.cls_legend_holder {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
    text-align: left;
    position: relative;
}

.cls_legend.cls_ModuleMode_Single.cls_isUsed {
    background-color: yellow !important;
    border: 1px solid #080808 !important;
}

.cls_legend.cls_ModuleMode_Multi.cls_isUsed {
    background-color: Aqua !important;
    border: 1px solid #080808 !important;
}

.no_devices {
    padding: 5px !important;
    text-align: center;
}

.div_address {
    position: absolute;
    background-color: #2a752a;
    border: 0px solid #000;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
    text-align: center;
    border-radius: 4px !important;
    font-size: 11px;
    -webkit-box-shadow: 4px 7px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 4px 7px 5px 0px rgba(0,0,0,0.37);
    box-shadow: 4px 7px 5px 0px rgba(0,0,0,0.37);
}

    .div_address:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #2a752a;
        border-width: 6px;
        margin-top: -6px;
    }

#dc_locations {
    display: block;
    border: 1px solid #000;
    border-bottom: none;
    margin-top: 1px !important;
}

.dc_header {
    font-weight: bold;
    background-color: #336699;
    color: #ffffff;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #000;
}

.dc_lc {
    display: block;
    border-bottom: 1px solid #000;
}

    .dc_lc > a {
        display: block;
        padding: 5px;
    }

        .dc_lc > a:hover {
            background-color: #003366;
            color: #fff;
            font-weight: bold;
            text-decoration: underline;
        }

.cabsholder .row {
    margin-bottom: 0 !important;
}

.locCount {
    padding: 5px;
    border: 1px solid #000;
    margin: 5px 0;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background-color: #3d3d3d;
}

.location_link.active_link {
    background-color: #680c0d;
    color: gold;
    font-weight: bold;
}

#CabinetGrid.Analytics > tbody > tr {
    cursor: pointer;
}

    #CabinetGrid.Analytics > tbody > tr:hover {
        background-color: #d1d1d1;
    }

.midEle {
    min-width: 55%;
    display: inline-block !important;
}

.midEle, .leftEle {
    float: left;
}

.progress-bar-extended, .upload-successful {
    padding: 0 5px;
    font-weight: bold;
    color: green;
}

    .progress-bar-extended.upload-aborted {
        color: green;
    }

.tbl_result_holder {
    width: 100% !important;
    padding: 0;
    margin: 0;
    border: 1px solid #d1d1d1;
}

    .tbl_result_holder td {
        border: 1px solid #e1e1e1;
    }

        .tbl_result_holder TD.td_lbl {
            width: 25% !important;
            padding: 5px;
            font-weight: bold;
        }

        .tbl_result_holder TD.td_data {
            width: 75% !important;
            word-wrap: break-word !important;
            word-break: break-word !important;
            word-break: break-all !important;
            padding: 5px;
        }

    .tbl_result_holder .td_file_name {
        padding: 5px;
        background-color: #d1d1d1;
        font-weight: bold;
        border: 1px solid #ababab;
    }

._RecordInsertOK {
    background-color: #fff;
    color: #000;
}

._RecordAlreadyExists {
    background-color: #fff;
    color: #000;
}

._RecordInsertFailed {
    background-color: #fff;
    color: #000;
}

#response_holder .result_holder {
    margin-bottom: 20px;
}

.fileinput-button input {
    /*font-size:0!important;*/
}

.lbltext {
    float: left;
    margin-right: 10px;
    line-height: 38px;
    min-width: 100px;
    margin-bottom: 5px;
}

.border-color-error2 {
    border-color: red !important;
    background-color: transparent !important;
}

#has_error {
    margin-bottom: 10px;
    border: 1px solid #777777;
}

.invalid_option {
    color: red;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

.helper_text {
    display: inline-block;
    margin-left: 10px;
    color: green;
    font-weight: bold;
}

ul.notes-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.notes-list li {
    padding: 0;
    margin: 0;
}

.cls_days_status {
    font-weight: bold;
    text-align: center;
}

    .cls_days_status.cls_OK {
        background-color: yellow !important;
        color: #000;
    }

    .cls_days_status.cls_Waiting {
        background-color: Orange !important;
        color: #000;
    }

    .cls_days_status.cls_Urgent {
        background-color: red !important;
        color: #fff;
    }

ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active.xItem a {
    background-color: #777 !important;
    color: #fff !important;
}

.resetPaddings {
    padding: 0 !important;
}

.resetMargins {
    margin: 0 !important;
}

.vAlignMiddle {
    vertical-align: middle !important;
}

.cls_action_link {
    display: none;
}

.is_successfull {
    color: #fff !important;
    font-weight: bold;
    background-color: green;
    padding: 0 4px;
}

.cls_ModuleNameHolder {
    text-decoration: underline;
    cursor: pointer !important;
}

.cls_MC_6, cls_MC_7 {
    border-width: 3px;
    border-style: solid;
    padding: 3px;
}

ul.cab-search-box {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    ul.cab-search-box li {
        padding: 0;
        margin: 0;
    }

.search-input-box .select2-chosen {
    text-align: left;
    color: blue;
}

.lblSearchBox {
    display: none;
    padding: 0 0 0 5px;
    margin: 0 0 0 0;
    position: absolute;
    top: -23px;
    right: 0;
    font-weight: bold;
    background: #fff;
    width: 150px;
}

.li_device_holder span.span_device_holder {
    padding-left: 0.50% !important;
    background-color: #e1e1e1;
    position: relative;
    /*width:80%!important;*/
}

.li_module_holder span.span_module_holder {
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1;
    position: relative;
}

.li_device_holder, .li_module_holder {
    position: relative;
    z-index: 1;
}

.cls_x_link {
    border: 1px solid #737373;
    margin: 0;
    background-color: #fff;
    height: 20px !important;
    display: inline-block;
    width: 20px !important;
    text-align: center;
    padding: 0;
}

li.no_modules_found {
    display: none;
}

    li.no_modules_found div {
        text-align: center;
        font-weight: bold;
        color: red;
    }

.cls_connection {
    font-weight: bold !important;
    background-color: #E8F5E9 !important;
    vertical-align: middle !important;
}

table.tbl-ports-holder thead > tr > th,
table.tbl-ports-holder tbody > tr > td {
    text-align: center !important;
}

.cls_Current {
    background-color: #fff7cd !important;
    color: blue !important;
}

.tbl_route_action_holder {
    margin: 0 auto !important;
}

    .tbl_route_action_holder td {
        border: 1px solid #f0f0f0;
        padding: 3px;
    }

.header.navbar .navbar-nav > li.dropdown .dropdown-toggle {
    padding: 7px 15px !important;
}

ul#searchHolderWidget {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border-width: 0;
    box-shadow: none !important;
}

    ul#searchHolderWidget li {
        padding: 0;
        margin: 0;
        width: 510px;
    }

        ul#searchHolderWidget li.searchResults {
            background-color: #fff;
            padding: 0;
        }

#searchResults > ul > li.ui-menu-item {
    font-size: 12px !important;
    padding: 2px !important;
}

ul#searchHolderWidget input#PortName {
    padding: 3px !important;
}

#searchResults > a {
    display: block;
    width: 100% !important;
    color: #000;
    text-align: left;
    padding: 2px !important;
    border-bottom: 1px solid #d1d1d1;
}

    #searchResults > a:hover {
        border: 1px solid #d1d1d1;
        border-radius: 6px !important;
        background-color: #e1e1e1;
        font-weight: bold;
    }

table.tbl_results_Holder {
    width: 100%;
    padding: 0;
    margin: 0;
}

    table.tbl_results_Holder TH {
        padding: 2px;
        border: 1px solid #d1d1d1;
        font-size: 13px;
    }

    table.tbl_results_Holder TD {
        padding: 2px;
        border: 1px solid #d1d1d1;
        font-size: 13px;
    }

.pFrom {
    text-align: left;
}

.pStatus {
    text-align: center;
    font-weight: bold;
}

.pTo {
    text-align: left;
}

.pServReqNo {
    text-align: center;
}

.pRouteNo {
    text-align: center;
}

.tr_sr {
    cursor: pointer;
}

    .tr_sr:hover > td {
        background-color: #eee;
    }

.divsrHolder {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

li.external > span {
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1 !important;
}

.rNode {
    display: inline-block;
    padding: 5px;
    border: 4px solid #d1d1d1;
    background-color: #fff;
    cursor: move;
    position: relative;
    border-radius: 6px !important;
    min-width: 100px;
}

    .rNode label {
        cursor: move;
        color: blue;
        font-weight: bold;
    }

.module_window > .lblConn {
    display: block;
    margin: 0 0 -1px 0;
    font-size: 13px !important;
    text-align: center;
    position: relative;
    cursor: move;
    border: 1px solid #d1d1d1;
    color: blue;
}

.XlblConn {
    display: inline-block !important;
    border: 1px solid #000;
    padding: 2px 4px;
    background-color: #fff;
    min-width: 100px;
    cursor: move;
    border-radius: 0.5em !important;
    box-shadow: 2px 2px 5px #AAAAAA !important;
    font-size: 13px;
    font-weight: bold;
    color: green;
}

.module_window {
    display: inline-block;
    border: 1px solid #000;
    padding: 5px;
    left: 0;
    top: 0;
    position: absolute;
    height: auto !important;
    min-width: 150px;
    background-color: #fff;
    border-radius: 0.5em !important;
    box-shadow: 2px 2px 5px #AAAAAA !important;
}

.removeRouteNode {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: -8px;
    right: -7px;
    padding: 0 2px !important;
    margin: 0 !important;
    line-height: 1 !important;
    background-color: red;
    border: 1px solid #000;
}

.lblConn.ui-draggable-disabled {
    opacity: 0.50;
    color: red;
    font-weight: bold;
}

.moduleHeader {
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
    border-top-right-radius: 0.5em !important;
    border-top-left-radius: 0.5em !important;
    background-color: #336699;
    cursor: move;
    text-transform: uppercase !important;
}

.line {
    height: 5px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.dataTables_empty {
    color: red !important;
    font-weight: bold;
    text-align: center;
}

    .dataTables_empty > a {
        color: #fff !important;
        font-weight: bold;
        display: inline-block;
        border: 1px solid #000;
        line-height: 1 !important;
        padding: 0 3px !important;
        background-color: green;
        font-size: 14px !important;
        text-align: center;
        min-width: 30px;
    }

i.SANPortIndicator {
    position: absolute;
    top: 25%;
    left: -7px;
    z-index: 1;
    color: #fff;
    background-color: red;
    width: 19px;
    font-size: 14px;
    /* height: 14px; */
    /* padding: 2px; */
    border: 1px solid #000;
}

.cls_SANRow {
    /*background-color: #ffffc2;*/
}

.cls_SANHolder {
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: bold !important;
    background-color: rgb(255, 209, 209) !important;
}

.cls_SANCab {
    margin-left: 20px;
    background-color: gold;
    padding: 2px;
    font-weight: bold;
    border: 1px solid #000;
    font-size: 13px;
}

#sansHolder > div.sansHolder {
    padding: 2px 10px;
    background-color: #fff;
    margin-top: 20px;
}

    #sansHolder > div.sansHolder > span {
        background-color: #fff;
        font-size: 16px;
        color: green !important;
        font-weight: bold;
    }

    #sansHolder > div.sansHolder > A {
        display: inline-block;
        color: red;
        font-weight: bold;
        margin-left: 3px;
        position: relative;
    }

    #sansHolder > div.sansHolder > span.fport {
        display: inline-block;
        width: 389px;
    }

    #sansHolder > div.sansHolder > span.conntype {
        display: inline-block;
    }

    #sansHolder > div.sansHolder > span.tport {
        display: inline-block;
    }

.helper_text.noSanPortTrunkFound {
    color: red !important;
}

._cls_SANRoute > td,
._cls_SANRoute > TD.firstTD {
    background-color: rgb(255, 209, 209) !important;
    border: 1px solid #a1a1a1 !important;
}

._DeviceHolder._sanDev {
    border-color: #003366 !important;
}

    ._DeviceHolder._sanDev > .lbl_device_name {
        background-color: rgb(255, 209, 209) !important;
        color: #000 !important;
        position: relative;
    }

        ._DeviceHolder._sanDev > .lbl_device_name > i {
            color: brown !important;
        }

#breadCrumbs {
    background-color: #3d3d3d;
    padding: 0.25em 1em !important;
    margin-top: 1em !important;
    color: #fff;
    font-size: 0.90em !important;
    display: block !important;
    min-height: 32px !important;
}

    #breadCrumbs .bCrumb {
        display: inline-block;
        padding: 2px;
        margin: 0;
    }

.bCrumb a {
    color: gold;
    text-decoration: underline;
}

.bCrumb.thisIsActive {
    background-color: #e02222 !important;
    text-align: center;
    padding: 0px 4px !important;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 6px !important;
}

.chkbx_isInclusive {
    margin-left: 10px !important;
    display: inline-block;
    border: 1px solid #d1d1d1;
    padding: 5px 5px 4px 5px;
    background-color: #88c7ff !important;
    font-weight: bold;
}

#isInclusive {
    width: 18px;
    height: 18px;
    border: 1px solid #f0f0f0;
    display: inline-block !important;
}

._cls_last_port {
    display: none !important;
}

.cls_DIVHolder {
    float: left !important;
}

.cls_ModuleConfigIDX, .cls_inner_div {
    clear: none !important;
}

.ui-state-disabled.ui-menu-item {
    opacity: 1 !important;
}

    .ui-state-disabled.ui-menu-item > a {
        color: red !important;
        font-weight: bold !important;
        opacity: 0.75 !important;
    }

.setWidth {
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
}

.sWidth-20 {
    width: 20% !important;
}

.sWidth-23 {
    width: 30% !important;
}

#PortHistoryTable {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: auto;
    word-wrap: break-word;
}

tr.record_isActive, tr.record_isActive > td {
    background-color: #9fff9f !important;
    color: darkgreen !important;
    font-weight: bold;
}

tr.record_isDeleted, tr.record_isDeleted > td {
    background-color: #ffc8d0 !important;
    color: darkred !important;
}

#PortHistoryTable_wrapper > .row {
    margin-bottom: 0px !important;
}

#portSearchwidget {
    background-color: rgb(25, 51, 76);
}

    #portSearchwidget:hover {
        background-color: #336699 !important;
        color: #fff !important;
    }

    #portSearchwidget > i, #logOff > i, #linkAdmin > i {
        color: #fff !important;
        font-size: 16px !important;
    }

    #portSearchwidget:hover > i {
        color: gold !important;
    }

#logOff {
    background-color: rgb(127, 0, 0);
    color: #fff !important;
}

    #logOff:hover {
        background-color: red !important;
        color: #fff !important;
    }

        #logOff:hover > i {
            color: gold !important;
        }

#linkAdmin {
    background-color: rgb(0, 64, 0);
}

    #linkAdmin:hover {
        background-color: green !important;
        color: #fff !important;
    }

        #linkAdmin:hover > i {
            color: gold !important;
        }

.portSearchwidget {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav.navbar-nav.navbar-right.keepItem {
    margin-top: 8px;
    position: relative;
}

.cls_ModuleMode_Single.cls_ModuleConnType_ST {
    border-color: Yellow !important;
}

.cls_ModuleMode_Multi.cls_ModuleConnType_ST {
    border-color: #00ffff !important;
    color: #000 !important;
}

.cls_ModuleMode_Unknown.cls_ModuleConnType_ST {
}

.cls_ModuleMode_Single.cls_ModuleConnType_LC {
}

.cls_ModuleMode_Multi.cls_ModuleConnType_LC {
    border-color: #00ffff !important;
    color: #000 !important;
}

.cls_ModuleMode_Unknown.cls_ModuleConnType_LC {
}

.cls_ModuleMode_Single.cls_ModuleConnType_MTC {
}

.cls_ModuleMode_Multi.cls_ModuleConnType_MTC {
    border-color: Purple !important;
}

.cls_ModuleMode_Unknown.cls_ModuleConnType_MTC {
}

.cls_ModuleMode_Single.cls_ModuleConnType_Unknown {
}

.cls_ModuleMode_Multi.cls_ModuleConnType_Unknown {
}

.cls_ModuleMode_Unknown.cls_ModuleConnType_Unknown {
}

/* ****************************************************************************************************************** CABINET DETAILS */
.span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_ST {
    /*background-color: Yellow!important;*/
    color: #000;
    border: 1px solid #ddd !important;
    /*border-right:1px solid #ddd!important;
    border-bottom:0px!important;*/
    border-color: #ddd !important;
    border-left: 10px solid Yellow !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_ST {
    /*background-color: Blue!important;*/
    color: #000 !important;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid #00ffff !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_ST {
}

.span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_LC {
    border: none !important;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid yellow !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_LC {
    /*background-color: Blue!important;*/
    color: #000 !important;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid #00ffff !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_LC {
}

.span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_MTC {
    color: #000;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid Yellow !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_MTC {
    /*background-color: Purple!important;*/
    color: #000;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid Purple !important;
    padding-left: 5px;
}

.span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_MTC {
}

.span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_Unknown {
}

.span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_Unknown {
}

.span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_Unknown {
}

.li_module_holder {
    margin: 1% 0 1% 1% !important;
}

    .li_module_holder span {
        margin-left: 0 !important;
    }

.ports_holder, .tbl_module_holder {
    margin-left: 0 !important;
}

.li_device_holder.cls_item {
    margin-left: 0% !important;
}

#icon-print {
    border: 1px solid #000;
    padding: 2px;
    background-color: #336699;
    display: inline-block;
    font-size: 0;
    border-radius: 4px !important;
}

#changePassword A {
    background-color: #003366;
    color: #fff !important;
}

    #changePassword A:hover {
        background-color: #336699 !important;
        color: #fff !important;
    }

        #changePassword A:hover > i {
            color: gold !important;
        }

#openTicket A {
    background-color: #2b3643;
    color: #fff !important;
}

    #openTicket A:hover {
        background-color: #67809F !important;
        color: #fff !important;
    }

        #openTicket A:hover > i {
            color: gold !important;
        }

ul.multi-smenu {
    background-color: #000;
}

.ncrCanvas {
    display: inline-block;
    float: left;
    border: 1px solid #a1a1a1;
    min-height: 500px;
    /*min-width: 100%;*/
    position: relative;
    padding: 10px !important;
    border-radius: 6px !important;
    margin: 10px auto 0 auto !important;
    background-color: #fff !important;
}

.window {
    float: left;
    display: inline-block;
    /*padding:6px 6px 0px 6px;*/
    padding: 6px 2px 0px 6px;
    position: relative;
    left: 0;
    min-width: 50px;
    margin-right: 10px !important;
    margin-right: 16px !important;
    /*border: 1px solid #000;
    background-color: yellow;
    border-radius:6px!important;
    box-shadow: 2px 2px 5px #AAAAAA!important;
    border-top-left-radius:0!important;*/
}

.nrcSCabinet {
    float: left;
    position: relative;
}

.nrcCabinet {
    width: 100%;
    /*width:auto!important;*/
    float: left;
    display: inline-block;
    padding: 5px;
    border: 1px solid #000;
    background-color: #dedede !important;
    position: relative;
    left: 0;
    margin-bottom: 5px;
    border-radius: 6px !important;
    border-top-left-radius: 0 !important;
    box-shadow: 2px 2px 5px #003366 !important;
}

    .nrcCabinet div {
        position: relative;
    }

.ncrDevice span {
    border: 1px solid #000;
    position: relative;
}

.nrcCabinet .ncrDev {
    position: relative;
}

    .nrcCabinet .ncrDev .ncrDevHolder {
        float: none;
        position: relative;
        /*margin:6px 0 6px 0;*/
        margin: 6px 0 0px 0;
    }

.chkboxRight, .chkboxLeft {
    padding: 0;
    margin: 0 !important;
    position: relative;
}

.rightChk {
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 2px;
    position: relative;
    width: 21%;
    text-align: center !important;
}

.leftChk {
    float: left;
    margin: 0 -1px 0 0;
    padding: 0 2px;
    position: relative;
    width: 21%;
    text-align: center !important;
}

.devName {
    display: inline-block;
    min-width: 50px;
    text-align: center;
    border: 0px solid #000;
    position: relative;
    float: left;
    width: 58% !important;
    word-wrap: break-word;
    /*white-space: pre!important;*/
    word-spacing: inherit;
    word-break: break-all;
    text-align: center !important;
}

.cabName {
    text-align: center;
    font-weight: bold;
    background-color: #000 !important;
    padding: 0 4px;
    border: 1px solid #000 !important;
    border-radius: 6px !important;
    cursor: pointer;
    /*margin-bottom:6px;*/
    position: relative;
    color: #fff !important;
}

.rootCabinet {
    padding: 6px !important;
    position: relative;
    background-color: #008800 !important;
    color: #fff;
    box-shadow: 2px 2px 5px #003366 !important;
}

.cabLinkArrow {
    /*width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 8px 5.5px 0;
    border-color: transparent #000000 transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #ffffff #ffffff;
    _filter:progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');*/
    display: inline-block !important;
    position: absolute !important;
    z-index: 1;
    left: -14px !important;
    top: 0 !important;
    height: 0px;
    width: 0px;
    background-color: transparent;
    border: 1px solid green !important;
}

.noTrunkConnections {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 1px solid #7b7b7b;
    border: 1px solid rgba(166, 166, 166, 0.99) !important;
    border-radius: 3px !important;
    background-color: dimgrey;
    width: 13px !important;
    height: 13px !important;
    background-color: rgb(222, 222, 222) !important;
}

.lblMsgHolder {
    position: absolute;
    top: 0px;
    left: 100%;
    display: inline-block !important;
    width: auto !important;
    border-radius: 6px;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap !important;
    line-height: normal !important;
    z-index: 1111 !important;
}

    .lblMsgHolder.msgError {
        background-color: red;
        border: 1px solid #000;
        color: #fff;
        padding: 2px;
        box-shadow: 2px 2px 5px #AAAAAA !important;
    }

.nodesHolder {
    display: inline-block;
    float: right !important;
    position: relative;
}

    .nodesHolder.hasData {
        left: 7px !important;
    }

.selectionsHolder {
    display: inline-block;
    float: left !important;
    position: relative;
}

#trunksHolderList {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.trunksHolderList {
    padding: 3px;
    border-top: 1px dashed #a1a1a1;
    border-bottom: 1px dashed #a1a1a1;
}

#trunksHolderList li {
    padding: 3px;
    margin: 0;
    float: left;
    display: inline-block;
    border: 0px solid transparent;
    border-radius: 5px !important;
    position: relative;
}

.top-left-conn {
    position: absolute;
    border: 2px solid green;
    width: 10px;
    height: 6px;
    top: -6px;
    float: left;
    left: -9px;
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 6px !important;
}

.bottom-right-conn {
    position: absolute;
    border: 2px solid green;
    width: 10px;
    height: 6px;
    float: right;
    bottom: 0;
    top: 100%;
    right: -9px;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 6px !important;
}

.top-left-conn.reverse-top-connection {
    left: 100%;
    left: -1px;
    border: 2px solid green !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top-left-radius: 15px !important;
    border-left: 2px;
    /* border-top-left-radius: 6px!important; */
    /* border-left: 2px!important; */
    /* border-top: 6px!important; */
}

.bottom-right-conn.reverse-bottom-connection {
    right: 100%;
    right: -1px;
    border: 2px solid green;
    border-top: 0;
    border-left: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 6px !important;
}

.inputAutoComplete, .inputAutoCompleteX {
    padding: 0 0 0 5px !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    width: auto !important;
    margin: 0 5px 0 0 !important;
    float: left;
    text-align: center;
}

    .inputAutoComplete.first {
    }

    .inputAutoComplete.others {
        margin-left: 0 !important;
    }

    .inputAutoComplete.cabSearch {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        text-align: left;
    }

.patchConnection {
    display: inline-block !important;
    float: left !important;
    width: auto !important;
    border: 1px solid #fff;
    background-color: darkgreen;
    color: gold;
    font-weight: bold;
    padding: 0 5px !important;
    border-radius: 6px !important;
}

.resizer {
    padding: 0;
    margin: 0;
    display: none;
}

.endpoints {
    display: none;
    padding: 4px 2px;
    margin: 0;
    border: 1px solid #000;
    /*border-top:0;*/
    background-color: #dedede !important;
    position: relative;
    /*top:-10px;*/
    width: auto !important;
    /*height:30px!important;*/
    text-align: center !important;
    border-radius: 6px !important;
    box-shadow: 2px 2px 5px #AAAAAA !important;
}

    .endpoints.epStart {
        margin-right: 10px;
    }

.epHolders {
    padding: 0 5px !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    width: auto !important;
    margin: 0 5px !important;
    float: left;
    text-align: center;
    border: 1px solid #D5D5D5;
    background-color: green;
    color: #fff;
    font-weight: bold;
}

.trunkItem.Sep {
}

.trunkItem.Eep {
}

/*
.endpoints.epEnd{
    border-top-right-radius:6px!important;
    border-bottom-left-radius:6px!important;
    right:-11px!important;
}

.lbl-epAnchor{
    position:relative;
    top:-24px!important;
    font-weight:bold;
    font-size:18px;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
}

.addEndpoint{
    color:#fff!important;
    border: 1px solid #fff;
    border-radius: 6px!important;
}
*/

.epSpan {
    float: left;
}

.mainSpan {
    float: left;
    right: 253px !important;
    position: relative;
    display: none;
}

.clear {
    display: block;
    padding: 0;
    margin: 0;
    clear: both;
    line-height: 0;
    font-size: 0;
}

.results {
    border: 0px solid #000;
    display: block;
    border-radius: 0px !important;
}

    .results.show {
        margin-top: 5px;
    }

.deviceItem, .disableddeviceItem {
    display: block;
    border: 1px solid #000;
    position: relative;
    margin-bottom: -1px;
    font-weight: bold;
}

.moduleItem, .disabledmoduleItem {
    border: 1px solid blue;
    position: relative;
    margin-bottom: 1px;
    font-weight: bold;
    border-radius: 5px !important;
    display: block;
}

.disableddeviceItem, .disabledmoduleItem {
    background-color: #d1d1d1 !important;
    cursor: not-allowed !important;
    color: black;
}

.cName {
    display: inline-block;
}

.dName {
    color: red !important;
    margin-left: 5px !important;
    display: inline-block;
    text-decoration: underline;
}

.modulesHolder.show {
    margin-top: 5px;
    display: block;
    padding: 2px;
}

.mName {
    display: block;
    /*background-color: #336699;*/
    color: #fff;
}

.portItem {
    display: block;
    position: relative;
}

    .portItem .pName {
        background-color: #607D8B;
        display: block;
        color: #003366;
        border-bottom: 1px solid #000;
        padding: 0 5px !important;
    }

    .portItem.available .pName {
        background-color: #fff !important;
    }

    .portItem.unavailable .pName {
        color: gold !important;
    }

.portsHolder {
    /*height: 360px;
    overflow-x: hidden;
    overflow-y: auto;*/
}

.portItem.portSelected .pName {
    background-color: green !important;
    color: #fff;
    text-decoration: underline;
}

.mainContainer {
    display: block;
    padding: 0;
    margin: 0;
    /*width:563px;*/
    overflow-y: visible !important;
    overflow-x: scroll !important;
    position: relative;
}

.inputAutoComplete.epsSearch {
    margin: 0 !important;
    width: 100% !important;
}

.lblep {
    position: absolute;
    top: -19px;
    display: inline-block;
    background-color: #336699;
    line-height: 1;
    border: 1px solid #7b7b7b;
    padding: 2px;
    left: 3px;
    color: gold;
    font-weight: bold;
}

#imgLoader {
    display: none;
    margin: 0;
    line-height: 0;
    font-size: 0;
}

.clearSelection {
    position: absolute;
    top: -3px;
    right: 23px;
    display: inline-block;
    background-color: #d50102;
    line-height: 1;
    color: #fff;
    padding: 0px 2px 1px 2px;
    border: 1px solid #3d3d3d;
    border-radius: 4px !important;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    z-index: 5 !important;
    text-decoration: none !important;
}

    .clearSelection:hover {
        color: #d50102 !important;
        background-color: #fff;
    }

.sanpHolder {
    float: right;
    display: inline-block;
    position: absolute;
    top: -19px !important;
    width: 96px !important;
    right: 3px !important;
    background-color: #336699;
    line-height: 1;
    padding: 2px 2px 0px 2px !important;
    color: #fff;
    border: 1px solid #7b7b7b;
    height: 19px !important;
    overflow: hidden !important;
    font-weight: bold;
    font-size: 12px !important;
}

#sanTrunkPair {
    float: left;
    margin-right: -10px;
    position: relative;
    border: 1px solid #7b7b7b;
    border-radius: 6px !important;
    background-color: rgb(255, 209, 209) !important;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    box-shadow: 2px 2px 5px #AAAAAA !important;
}

.tpair {
    display: inline-block;
    padding: 4px;
    border: 1px solid #000;
    border-radius: 6px !important;
    line-height: 1;
    background-color: green;
    color: #fff;
}

.moduleItem.module {
    border: 1px solid #000 !important;
}

.mName {
    border-bottom: 1px solid #000 !important;
}

.module.cls_ModuleMode_Single.cls_ModuleConnType_ST {
    background-color: Yellow !important;
    color: #000 !important;
}

    .module.cls_ModuleMode_Single.cls_ModuleConnType_ST .mName {
        color: #000 !important;
    }

.module.cls_ModuleMode_Multi.cls_ModuleConnType_ST {
    background-color: #00ffff !important;
    color: #000 !important;
}

.module.cls_ModuleMode_Unknown.cls_ModuleConnType_ST {
}

.module.cls_ModuleMode_Single.cls_ModuleConnType_LC {
}

.module.cls_ModuleMode_Multi.cls_ModuleConnType_LC {
    background-color: #00ffff !important;
    color: #000 !important;
}

.module.cls_ModuleMode_Unknown.cls_ModuleConnType_LC {
}

.module.cls_ModuleMode_Single.cls_ModuleConnType_MTC {
}

.module.cls_ModuleMode_Multi.cls_ModuleConnType_MTC {
    background-color: Purple !important;
    color: #fff !important;
}

.module.cls_ModuleMode_Unknown.cls_ModuleConnType_MTC {
}

.module.cls_ModuleMode_Single.cls_ModuleConnType_Unknown {
    background-color: #868686 !important;
    color: #fff !important;
}

.module.cls_ModuleMode_Multi.cls_ModuleConnType_Unknown {
    background-color: #868686 !important;
    color: #fff !important;
}

.module.cls_ModuleMode_Unknown.cls_ModuleConnType_Unknown {
    background-color: #868686 !important;
    color: #fff !important;
}

.sanTrunkConnecter {
    display: inline-block;
    position: absolute;
    top: 100% !important;
    width: 64px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent;
    line-height: 1 !important;
    /* bottom: 100%; */
    font-size: 0 !important;
    /*height:25px;*/
    border: 2px solid darkgreen;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom-left-radius: 6px !important;
}

.disableddeviceItem {
    background-color: #868686 !important;
    color: #fff !important;
}

    .disableddeviceItem .dName {
        color: gold !important;
    }

#previewRoute {
    background-color: lightcyan;
    display: none;
    position: absolute;
    top: -44px;
    left: 50%;
    z-index: 555;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #336699;
    border-radius: 5px !important;
}

.ui-autocomplete li.no-matches-found A, .no-matches-found {
    background-color: #fff;
    color: red;
    padding: 5px 0;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #a1a1a1;
    display: block;
}

.ui-autocomplete li.no-matches-found A {
    border: none !important;
    padding: 0 !important;
}

.missingTrunkError {
    border-color: red !important;
    background-color: pink !important;
}

#qwerty {
    background-color: cornflowerblue;
    position: relative;
}

    #qwerty.isfull {
        padding: 3px 0;
        border: 5px outset #6495ed;
        margin-bottom: 10px;
    }

#errorsHolder.has_error {
    border: 1px solid #000;
}

.unavailable-port-msg {
    position: absolute;
    top: 3px;
    left: 100%;
    background-color: red !important;
    color: transparent;
    border: 1px solid #000;
    min-width: 0px;
    max-width: 200px;
    word-wrap: normal;
    word-spacing: normal;
    white-space: nowrap;
    display: none;
    line-height: 1;
    z-index: 555 !important;
    /* font-size: 13px; */
    padding: 2px !important;
    border-radius: 6px !important;
}

.finalRouteList, #modulesList {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
}

.routePort {
    float: left;
    display: inline-block;
    width: auto !important;
    margin-right: 25px;
    text-align: right;
    font-weight: bold;
}

.routeConn {
}

.reviewMsg {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background-color: #336699;
    padding: 0 5px;
    border: 1px solid #000;
    border-radius: 5px !important;
}

.patchConnection.empty {
    width: 20px !important;
    background-color: transparent !important;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.eps {
    font-weight: bold;
    margin-left: 20px !important;
    background-color: #336699;
    padding: 0px 4px;
    border: 1px solid #000;
    border-radius: 5px !important;
    color: yellow;
    text-align: center;
}

.routePort.isSanPort {
    background-color: rgb(255, 209, 209) !important;
    padding-right: 5px !important;
    color: #003366 !important;
}

.AAA {
    min-width: 125px;
}

.BBB {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100% !important;
    margin: 0 auto !important;
}

.CCC {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #b22b14;
    width: 100%;
    border: 1px solid #3d3d3d;
}

    .CCC .DDD {
        display: block;
        width: 100% !important;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
    }

        .CCC .DDD:hover {
            color: gold;
        }

.ncrDevice {
    background-color: #fff;
}

.dummyCK {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px !important;
    height: 13px !important;
    border: 1px solid #000;
    z-index: 5 !important;
    display: inline-block !important;
    font-size: 12px;
    line-height: 1 !important;
    color: transparent;
    cursor: pointer;
    background-color: dimgrey;
    border-radius: 3px !important;
    overflow: hidden !important;
}

    .dummyCK.isSelected {
        font-size: 12px;
        color: darkgreen;
        font-weight: bold;
        background-color: #fff;
    }

.chkboxRight, .chkboxLeft {
    display: block;
    /*visibility:hidden;*/
    z-index: 0;
    position: absolute !important;
    top: 5px;
    left: 5px;
    width: 1px;
    height: 1px;
}

#dcHolder, #locationsHolder, #cabinetsHolder {
    display: inline-block !important;
}

#DataCenterId, #locationsList, #cabinetsList {
    float: none;
    width: auto !important;
    padding: 1px !important;
}

#locationsList, #cabinetsList {
    /*clear:both!important;*/
    margin-top: 4px;
}

.searchBoxContainer {
    float: right;
    display: inline-block;
    height: 30px !important;
    width: 30px !important;
    position: relative;
}

    .searchBoxContainer a {
        display: inline-block !important;
        margin-top: 6px !important;
        background-color: #336699;
        padding-top: 6px !important;
        border: 1px solid #000;
        width: 30px !important;
        height: 30px !important;
        text-align: center;
        float: right;
        border-radius: 4px !important;
    }

        .searchBoxContainer a:hover {
            background-color: #fff;
        }

        .searchBoxContainer a i {
            font-size: 25px !important;
            color: #fff;
        }

        .searchBoxContainer a:hover i {
            color: #336699;
        }

#searchBoxContainer {
    position: absolute;
    width: auto;
    right: 0px;
    float: left !important;
    display: none;
    background-color: #336699;
    padding: 4px;
    border: 1px solid #000;
    margin-top: 6px !important;
    border-radius: 4px !important;
}

    #searchBoxContainer:before {
        position: absolute;
        top: -7px;
        right: 6px;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #336699;
        border-left: 7px solid transparent;
        border-bottom-color: #336699;
        content: '';
    }

.erroHolder {
    display: none;
    position: absolute;
    top: 9px;
    width: auto !important;
    float: left;
    right: 125%;
    white-space: nowrap !important;
    padding: 0 2px;
    margin: 0;
    border: 1px solid #000;
    border-radius: 4px !important;
    background-color: pink;
    font-weight: bold;
    font-size: 12px;
    color: red;
}

.cls_FixPort {
    text-decoration: underline;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.tooltipXXX.cls_badConnection {
    cursor: pointer;
}

.cls_bulkDelete {
    padding: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
    margin: 0 !important;
}

.link_bulkDelete {
    display: none;
}

    .link_bulkDelete i {
        font-size: 25px !important;
        color: red !important;
        padding: 0 !important;
        margin: 0 !important;
    }

.finalTrunksList {
    width: 100%;
}

    .finalTrunksList tr td {
        padding: 5px;
        margin: 0;
        border: 1px solid #d1d1d1;
        text-align: center;
    }

    .finalTrunksList li label {
        display: inline-block;
        min-width: 25%;
        font-weight: bold;
    }

    .finalTrunksList li span {
        display: inline-block;
        min-width: 1%;
        padding: 0 5px;
        color: green;
    }

    .finalTrunksList tr td.bdtrunk {
        font-weight: bold;
        color: blue;
    }

    .finalTrunksList tr td.bdconnection {
        font-weight: bold;
        color: green;
    }

.chkbox_portid, .chkbox_module {
    border: 1px solid #336699 !important;
    width: 13px !important;
    height: 13px !important;
    text-align: center !important;
    color: transparent !important;
    line-height: 1 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    margin: 4px !important;
}

    .chkbox_portid.isChecked, .chkbox_module.is_Checked {
        color: #000 !important;
    }

.chkbox_holder {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.ports_holder {
    position: relative;
}

.link_bulkDelete.absolute {
    position: absolute;
    top: 10px !important;
    left: -28px !important;
    z-index: 555 !important;
}

    .link_bulkDelete.absolute > i {
        font-size: 25px !important;
    }

tr.deletable > td {
    background-color: pink !important;
}

#mngLoader, .progressIndicator IMG {
    display: none;
}

.cls-input-js {
    text-align: right !important;
}

#moduleMsg {
    font-weight: bold;
    color: #fff;
    background-color: darkgreen;
    border: 1px solid #000000;
    border-radius: 5px !important;
}

    #moduleMsg.has_error, label.has-error {
        background-color: #f3cece !important;
        color: red !important;
    }

label.has-error {
    font-weight: bold;
}

#modulesList li span {
    position: relative;
    padding: 0;
    margin: 0;
}

.lbl-heading {
    border: 1px solid #000;
    /*margin-top:10px;*/
    background-color: #3d3d3d;
    color: #fff;
    font-weight: bold;
    border-radius: 5px !important;
}

.module-Item input {
    text-transform: uppercase !important;
}

.cls-sr {
    text-transform: capitalize !important;
}

.cls-sr-open {
    background-color: green !important;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
}

.cls-sr-closed {
    background-color: red !important;
}

.cls-sr-pending {
    background-color: gold !important;
    color: #000 !important;
}

.cls-sr-hold {
    background-color: #336699 !important;
    color: #fff;
}

.cls_x_link.ForgotPassword {
    width: auto !important;
    float: right;
    border: 0;
    text-decoration: underline;
}

#pwStrength {
    height: 15px !important;
    font-size: 11px !important;
    padding: 0 5px !important;
    font-weight: bold;
    overflow: hidden !important;
    background-color: transparent;
    color: #000;
}

    #pwStrength.weak {
        background-color: red;
        color: #fff;
    }

    #pwStrength.medium {
        background-color: lightgreen;
        color: #000;
    }

    #pwStrength.good {
        background-color: green;
        color: #fff;
    }

    #pwStrength.strong {
        background-color: darkgreen;
        color: #fff;
    }

.innertbl {
    padding: 0;
    width: 100% !important;
}

table.innertbl thead th {
    border-bottom: 1px solid #000 !important;
}

.innertbl > thead > tr > th,
.innertbl > tbody > tr > td {
    text-align: center !important;
    vertical-align: middle !important;
    border: 1px solid #000;
}

.innertbl > thead > tr > th {
    background-color: #b7dbff !important;
}

.logData {
    padding: 5px !important;
    border: none !important;
}

    .logData.noDataFound,
    .table-striped > tbody > tr:nth-child(odd) > td.logData.noDataFound,
    .logData.emptyData,
    .table-striped > tbody > tr:nth-child(odd) > td.logData.emptyData {
        vertical-align: middle !important;
        text-align: center !important;
        color: #336699 !important;
        font-weight: bold !important;
        background-color: transparent;
    }

.sorting_disabled.logData {
    vertical-align: middle !important;
    padding: 8px 15px !important;
    border-bottom: 1px solid #ddd !important;
}

#portsList {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    #portsList li {
        padding: 0;
        margin: 0;
    }

        #portsList li input {
            padding: 2px !important;
            margin: 0;
            border: 0 !important;
            background-color: transparent;
        }

.portdh {
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    border: none !important;
    background-color: transparent !important;
}

.portnameSample {
    position: absolute;
    top: -12px;
    right: 0px;
    width: auto !important;
    z-index: 1;
    margin: 0;
    padding: 0;
}

    .portnameSample span {
        display: block;
        background-color: #336699;
        border: 1px solid #000;
        border-radius: 6px !important;
        padding: 0 5px !important;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
    }

.modInput.duplicate, .modInput.alreadyExists {
    border: 1px solid red !important;
    background-color: pink !important;
}

#modulesList li {
    display: inline !important;
    float: left !important;
    width: 24% !important;
    position: relative !important;
    margin-right: 1% !important;
    margin-bottom: 1% !important;
    padding: 0 !important;
}

.cls_Capitalize {
    text-transform: capitalize !important;
}

TD.details {
    background-color: #fff !important;
    padding: 0 !important;
}

.cls_Groupsholder {
    padding: 10px !important;
    background-color: #fff !important;
}

TD.details table.table TBODY TD, TD.details table.table THEAD TH {
    border: 1px solid #ababab !important;
    font-size: 0.9em !important;
    background-color: #fffcc2 !important;
    vertical-align: middle !important;
}

.details-departments,
.cls_departments .multicheckbox-container .checkbox label,
.departmentsList li, #groupsList li {
    text-transform: capitalize !important;
}

.checkbox .did_gid_option {
    margin-left: 0 !important;
}

.multicheckbox-container .checkbox label {
    margin-left: 5px !important;
}

.cls_departments .multicheckbox-container .checkbox {
    padding-left: 0px !important;
}

.departmentsList, #groupsList {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}

.cls_departments_list, .cls_groups_list {
    margin-right: 5px !important;
    margin-top: 3px !important;
    vertical-align: text-top !important;
}

#groupsListHolder SPAN {
    color: blue;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    padding: 0 5px;
    border: 1px solid transparent;
    border-radius: 5px !important;
}

#groupsListHolder.div_IsActive {
    border: 1px solid #000;
    padding: 4px !important;
    border-radius: 5px !important;
    background-color: #bddeff !important;
}

.no_groups_found {
    font-weight: bold;
    font-size: 12px;
    color: red;
    border: 1px solid #777;
    border-radius: 5px;
    padding: 0 5px;
    background-color: #ffb1be;
}

#groupsListHolder SPAN.isRequired {
    background-color: pink;
    border-color: red;
    color: red;
}

.details-connections span {
    display: block !important;
    background-color: #336699;
    color: gold;
    padding: 2px;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 5px !important;
    margin: 6px 0 !important;
}

.details-connections ul {
    list-style-type: disc !important;
    padding-left: 25px;
    margin: 0;
}

    .details-connections ul li {
        padding: 2px;
        background-color: #c2ecff;
        border: 1px solid #777777;
        border-radius: 5px !important;
        margin-bottom: 2px !important;
    }

td.details-connections, td.td-main {
    padding: 0 6px 6px 6px !important;
    background-color: #e5f4ff !important;
}

.details-groups.td-main,
.details-departments.td-main {
    font-weight: bold !important;
    color: blue !important;
    vertical-align: middle !important;
    padding: 5px 5px 5px 8px !important;
}

td.details-connections label {
    color: red !important;
    font-weight: bold !important;
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
}

td.details-connections.cls_NoCons {
    padding: 0 5px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

td.details-connections.cls_Cons {
}

table.table THEAD TR th.sorting_desc {
    background-color: #3b5998 !important;
    color: #fff !important;
}

table.table THEAD TR th.sorting_asc {
    background-color: #5d92ff !important;
    color: #fff !important;
}

.module_modes {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.module_mode_1,
.module_mode_2,
.module_mode_3,
.module_mode_4 {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0;
    line-height: 0 !important;
    font-size: 0 !important;
    float: none;
    height: 10px !important;
    width: 16px !important;
    border: 1px solid #000;
    /*margin-top:4px!important;*/
    margin-right: 5px !important;
    overflow: hidden !important;
    position: relative;
    border-radius: 3px !important;
}

.module_mode_1 {
    background-color: yellow !important;
}

.module_mode_2 {
    background-color: aqua !important;
}

.module_mode_3 {
    background-color: orange !important;
}

.module_mode_4 {
    background-color: green !important;
}

.span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
.span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
.span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
    /*background-color: Purple!important;*/
    color: #000;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid Orange !important;
    padding-left: 5px;
}

.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
    border-color: Orange !important;
}

.modulemode_multi-62 {
    font-weight: bold;
    padding: 0 5px !important;
    border: 1px solid #d1d1d1;
    color: #000 !important;
    background-color: orange !important;
}

.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
    background-color: orange !important;
    border: 1px solid #000 !important;
}

    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST .mName,
    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC .mName,
    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC .mName,
    .module.cls_ModuleMode_Single.cls_ModuleConnType_LC .mName,
    .module.cls_ModuleMode_Single.cls_ModuleConnType_MTC .mName,
    .module.cls_ModuleMode_Single.cls_ModuleConnType_ST .mName {
        color: #000 !important;
    }

.form-control .select2-choice {
    padding-top: 0 !important;
}

/* SR multiple emails */
ul#toEmailsList, ul#usersList, ul#ccEmailsList, ul.dgList,
#tdUsers div ul {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

    ul#toEmailsList li, ul#ccEmailsList li {
        position: relative;
        padding: 0 4px !important;
        margin: 0 !important;
        float: left !important;
        display: inline-block;
        border: 1px solid #d1d1d1;
        margin-right: 8px !important;
        margin-bottom: 5px !important;
        border-radius: 5px !important;
        background-color: #dcedff !important;
        font-size: 13px !important;
        box-shadow: 2px 2px 5px #AAAAAA !important;
    }

        ul#toEmailsList li.x_Item, ul#ccEmailsList li.y_Item {
            box-shadow: none !important;
            position: relative !important;
        }

.removeMe {
    position: absolute !important;
    top: -8px !important;
    right: -6px !important;
    padding: 0px 1px !important;
    margin: 0 !important;
    font-weight: bold !important;
    color: #336699;
    display: inline-block !important;
    border: 1px solid #424242 !important;
    line-height: 1 !important;
    border-radius: 3px !important;
    background-color: #dcedff !important;
    overflow: hidden !important;
    font-size: 10px !important;
    cursor: pointer;
}

.userInfo {
    cursor: pointer !important;
    padding: 2px 4px;
    margin: 0;
}

    .userInfo:hover {
        background-color: yellow;
    }

    .userInfo.item-existing.hiLight {
        background-color: white !important;
    }

.no-emails {
    font-weight: bold;
    color: red;
}

ul#toEmailsList li.genEmail.has-error {
    color: red !important;
    font-weight: bold !important;
    border-color: red !important;
    background-color: pink !important;
}

ul#toEmailsList li.x_Item,
ul#ccEmailsList li.y_Item {
    background-color: transparent !important;
    border: none !important;
}

.inputUserEmail {
    padding: 0 4px !important;
    margin: 0 !important;
    height: 25px !important;
    font-size: 13px !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 5px !important;
}

    .inputUserEmail.has-error {
        color: red !important;
        font-weight: bold !important;
        border-color: red !important;
        background-color: pink !important;
    }

table#dguLister {
    margin: 0 auto !important;
    background-color: #dcedff;
    width: 100% !important;
    border: 4px solid #00b0ff !important;
    border-radius: 5px !important;
}

table#usersList tr td,
table#usersList tr th
/*table#dguLister tr td,*/ {
    border: 1px solid #336699;
    padding: 0 3px !important;
    margin: 0 !important;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
}

table#dguLister tr th {
    padding: 0 3px !important;
}

table#dguLister tr th,
table#dguLister tr td {
    border: 1px solid #d1d1d1 !important;
    vertical-align: top !important;
}

.dgUserSearch {
    border: 1px solid #d1d1d1;
    line-height: 1 !important;
    padding: 2px 4px !important;
    border-radius: 5px !important;
    background-color: #336699;
    color: #fff;
    cursor: pointer !important;
    box-shadow: 2px 2px 5px #AAAAAA !important;
}

ul.dgList li,
ul.dgList li ul.ulGroups li {
    padding: 0 !important;
    margin: 0 !important;
}

    ul.dgList li ul.ulGroups {
        margin: 0 !important;
        display: none;
        padding-left: 25px !important;
    }

    ul.dgList li:last-child,
    #tdUsers div ul li:last-child {
        border-bottom: none !important;
    }

#tdUsers div ul li:first-child {
    border-bottom: 1px solid #000 !important;
}

.departmentName.item_xyz,
.departmentName.item_last.isActive {
    border-bottom: 1px solid #000;
}

.departmentName, .groupName {
    display: block;
    padding: 0 3px;
    margin: 0;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
    cursor: pointer;
    font-size: 12px !important;
}

    .departmentName.item_xyz.isActive,
    .departmentName.item_last.isActive,
    .groupName.isActive {
        background-color: #3fa0ff !important;
        font-weight: bold;
        color: #fff !important;
        text-shadow: 1px 1px #383838;
    }

.ulGroups.no-groups li {
    color: red !important;
    font-weight: bold;
    background-color: #fff !important;
    font-size: 12px !important;
}

.groupName {
    font-size: 12px !important;
}

.no-users, .users-directive, #tdUsers div ul li.none-found {
    display: block;
    color: red;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff;
    padding: 0 3px;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
    text-align: left;
    min-width: 250px;
}

#tdUsers div ul li.none-found {
    width: auto !important;
}

.users-directive {
    color: blue !important;
}

#dgList {
    width: 25% !important;
}

#tdUsers {
    vertical-align: top !important;
}

    #tdUsers div,
    #dgList div {
        display: block;
        min-height: 10px;
        max-height: 400px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background-color: #fff;
        min-width: 250px;
    }

#dgList div {
    background-color: transparent !important;
}

#tdUsers div ul li {
    display: block;
    padding: 3px;
    margin: 0;
    text-align: left;
    color: blue;
    border-bottom: 1px solid #000;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
    cursor: pointer;
    font-size: 12px !important;
}

    #tdUsers div ul li:hover {
        background-color: #dcedff;
        font-weight: bold;
        border-bottom: 1px solid #000 !important;
    }

    #tdUsers div ul li.isSelected {
        font-weight: bold !important;
        color: #fff !important;
        background-color: green !important;
    }

.dirEmail {
    display: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .dirEmail label {
        padding: 0;
        margin: 0;
        position: relative;
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }

        .dirEmail label input {
            padding: 0;
            margin: 0 20px 0 10px;
            position: relative;
            vertical-align: middle !important;
        }

.userItem i {
    color: darkgreen !important;
}

.userItem.isSelected i {
    color: yellow !important;
}

#addToEmailList {
    padding: 2px 9px !important;
    margin: 0px -3px 0px 0 !important;
    text-align: center;
    border: 1px solid #3F51B5;
    float: right;
    font-size: 12px !important;
    display: none;
}

#inputSearchUser {
    padding: 0 0 0 24px !important;
    margin: 0 !important;
    border: none !important;
}

.userSearchInput {
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
}

    .userSearchInput i {
        color: #0080ff;
        position: absolute;
        top: 4px;
        left: 3px;
        font-size: 20px;
        display: inline-block;
    }

#userMsgHolder {
    font-size: 12px;
    color: red;
    background-color: #f3cece;
    padding: 0 3px;
    border: 1px solid red;
    border-radius: 5px !important;
    display: none;
}

.userInfoX TD {
    color: red;
    font-weight: bold;
    font-size: 12px;
    background-color: #f3cece;
    text-align: center;
}

table#usersList tr td.userName {
    vertical-align: top !important;
    font-weight: bold;
    text-align: left;
    color: blue !important;
    font-size: 12px;
}

.userData {
    vertical-align: middle !important;
    font-size: 12px;
    line-height: initial !important;
}

.noteHolder {
    display: inline-block;
    background-color: #c7e3ff !important;
    padding: 0 5px;
    border: 1px solid #649fff;
    border-radius: 5px !important;
    font-weight: bold;
    font-size: 12px;
    color: blue;
    box-shadow: 2px 2px 5px #AAAAAA !important;
    margin-bottom: 15px !important;
}

#dgUsersHolder {
    box-shadow: 2px 2px 5px #AAAAAA !important;
}

.autoCompleteSpinner {
    position: absolute !important;
    top: 5px !important;
    right: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
    display: none;
}

.dc_header {
    position: relative !important;
}

.open-collapse-indicator {
    padding: 0 !important;
    font-size: 0 !important;
    position: relative;
    margin: 7px 0 0 0 !important;
    float: right;
    width: 8px !important;
    display: inline-block !important;
}

.tr_port td {
    cursor: pointer !important;
}

.tr_port:hover td {
    background-color: #a8d3ff !important;
    color: blue !important;
}

.responseHolder span {
    display: block !important;
}

    .responseHolder span i {
        margin-right: 10px;
    }

        .responseHolder span i.port-OK {
            color: green !important;
        }

        .responseHolder span i.port-DP {
            color: red !important;
        }

    .responseHolder span.port-node-holder .lbl-portname {
        font-weight: bold !important;
        min-width: 175px;
        color: darkblue !important;
        display: inline-block !important;
        margin-left: 15px !important;
        margin-bottom: 0 !important;
    }

ul#listSrRnNo, ul.listSrRnNo {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
}

    ul#listSrRnNo li {
        display: block !important;
    }

        ul#listSrRnNo li span {
            background-color: #fff;
            padding: 2px 5px !important;
            border: 1px solid #000 !important;
            border: 1px solid #000 !important;
            margin-bottom: 5px !important;
            display: inline-block !important;
            margin-right: -1px !important;
        }

        ul#listSrRnNo li ul.listSrRnNo li {
            float: left;
            display: inline-block !important;
        }

    ul.listSrRnNo li span {
        color: #000 !important;
        background-color: #fffbd6 !important;
        padding: 0 5px 0px 5px !important;
        border-bottom: 1px solid #000 !important;
        margin-bottom: 0px !important;
        display: inline-block !important;
    }

ul.listSrRnNo {
    margin-left: 24px !important;
}

.nrcCabinet.is-Selected {
    background-color: #FF9800 !important;
}

.span-info {
    display: inline-block;
    padding: 0px 2px;
    margin: 0;
    position: absolute;
    top: -8px !important;
    right: -6px !important;
    border: 1px solid #000;
    background-color: #FFEB3B;
    color: darkgreen;
    line-height: 1 !important;
    z-index: 5 !important;
    cursor: pointer !important;
    border-radius: 5px !important;
}

    .span-info.children {
        top: -15px !important;
        right: -16px !important;
        display: none;
    }

.nrcCabinet.cls_CCD {
    margin-bottom: 10px !important;
}

.cabinet-item {
    position: relative !important;
}

    .cabinet-item span {
        background-color: gold;
        border: 1px solid #000 !important;
        margin: 0 !important;
        padding: 0 3px !important;
        font-weight: bold;
        border-radius: 5px !important;
        color: #000 !important;
        font-size: 13px !important;
        box-shadow: 2px 2px 5px #003366 !important;
    }

    .cabinet-item.item-nudge {
        margin-left: -6px !important;
        color: #fff;
        font-size: 16px;
    }

#CabDevDetTable tbody tr td.cls_total_ports {
    background-color: #336699 !important;
    color: #fff !important;
    font-weight: bold !important;
}

#CabDevDetTable tbody tr td.cls_unavailable_ports {
    background-color: #d1d1d1 !important;
    color: #000 !important;
    font-weight: bold !important;
}

#CabDevDetTable tbody tr td.cls_trunked_ports {
    background-color: green !important;
    color: #fff !important;
    font-weight: bold !important;
}

#CabDevDetTable tbody tr td.cls_reserved_ports {
    background-color: yellow !important;
    color: #000 !important;
    font-weight: bold !important;
}

#CabDevDetTable tbody tr td.cls_confirmed_ports {
    background-color: red !important;
    color: #fff !important;
    font-weight: bold !important;
}

.sub-menu > li > a > span.title {
    /*font-size:14px!important;*/
    /*word-wrap: break-word;
    white-space: pre!important;
    word-spacing: inherit;
    word-break: break-word!important;*/
}

.no-cabinet-connection {
    display: none;
    padding: 4px !important;
    margin: 0 !important;
    position: absolute !important;
    top: 2px !important;
    left: 106% !important;
    border: 1px solid #000;
    background-color: #336699;
    color: #fff;
    font-weight: bold !important;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
    width: 155px !important;
    font-size: 12px;
    z-index: 123;
    line-height: 1 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 2px 2px 5px #003366 !important;
}

.ncrDev.cls_positionAbsolute {
    padding: 4px !important;
    margin: 0 !important;
    position: absolute !important;
    top: 7px !important;
    left: 101% !important;
    border: 1px solid #000;
    background-color: red;
    color: #fff;
    font-weight: bold !important;
    word-wrap: break-word;
    white-space: pre !important;
    word-spacing: inherit;
    word-break: break-word !important;
    width: 114px !important;
    font-size: 12px;
    z-index: 123;
    line-height: 1 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 2px 2px 5px #003366 !important;
}

@media (min-width: 768px) {
    .col-sm-1-1 {
        width: 8.33333333%;
        padding: 0 !important;
        float: left;
    }
}

/*.cls_ModuleMode_Multi-62{

}

.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST{
    background-color: Blue!important;
    color:#fff!important;
}

.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC{
    background-color: Blue!important;
    color:#fff!important;
}

.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC{
    background-color: Purple!important;
    color:#fff!important;
}

.module.cls_ModuleMode_Multi-62.cls_ModuleConnType_Unknown{
    background-color: #868686!important;
    color:#fff!important;
}*/

/*.tooltip, .arrow:after {
  background: black;
  border: 2px solid white;
}

.arrow {
  width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -19px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: 6px 5px 9px -9px black,
                      5px 6px 9px -9px black;
  -moz-box-shadow: 6px 5px 9px -9px black,
                   5px 6px 9px -9px black;
  box-shadow: 6px 5px 9px -9px black,
              5px 6px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
}
.tooltip.active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.tooltip.out {
  opacity: 0;
  margin-top: -20px;
}*/
/* ---------------------------------------------------------------------------------------------------------------------------- */
.table-ports thead tr th,
.table-ports tbody tr td,
.tbl-module thead tr th,
.tbl-module tbody tr td {
    width: 8.333333% !important;
    width: auto !important;
    vertical-align: middle !important;
    padding: 0px !important;
    font-size: 13px !important;
    border: 0px solid #d1d1d1 !important;
}

.table-ports thead tr th,
.tbl-module thead tr th {
    border: 0px solid #000 !important;
}

    .tbl-module thead tr th SPAN,
    .tbl-module tbody tr td SPAN,
    .table-ports thead tr th SPAN,
    .table-ports tbody tr td SPAN {
        padding: 4px !important;
        display: block !important;
        border: 1px solid #eaeaea !important;
    }

    .tbl-module thead tr th SPAN,
    .table-ports thead tr th SPAN {
        color: white !important;
        /*border-top:none!important;*/
        /*border-right:none!important;*/
    }

    .table-ports thead tr th SPAN {
        color: black !important;
    }

.tbl-module tbody tr td SPAN,
.table-ports tbody tr td SPAN {
    color: black !important;
    /*border-top:none!important;*/
    /*border-right:none!important;*/
}

    .table-ports tbody tr td SPAN:empty:before {
        content: "\00a0";
    }

.table-ports tbody tr td.cls_Current SPAN {
    color: blue !important;
    font-weight: bold !important;
}

.table-ports tbody tr td.port-status,
.tbl-module tbody tr td {
    font-weight: bold !important;
}

.cls_conn_header,
.table-ports tbody tr td.cls_connection,
.table-ports tbody tr td.cls_Port_Numbr,
.table-ports thead tr th.cls_Port_Numbr,
.tbl-module thead tr th,
.tbl-module tbody tr td {
    text-align: center !important;
    position: relative !important;
}

    .tbl-module thead tr th,
    .tbl-module thead tr th i {
        background-color: #a0a0a0 !important;
        color: white !important;
    }

.cls_device_name {
    border: 1px solid #000 !important;
    /*border-right:none!important;*/
    background-color: #e1e1e1 !important;
    font-weight: bold !important;
    padding: 3px;
}

    .cls_device_name SPAN,
    .cls_device_name DIV SPAN {
        display: inline-block;
        padding: 2px !important;
        font-size: 14px !important;
    }

    .cls_device_name DIV SPAN {
        background-color: WHITE !important;
        border: 1px solid #777;
        /* padding: 5px!important; */
        /*border-top:none!important;
    border-bottom:none!important;*/
    }

.cls_cabinet_name {
    padding: 5px !important;
}

    .cls_cabinet_name h3 {
        color: WHITE !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

        .cls_cabinet_name h3 i {
            color: WHITE !important;
        }

.cls_modMode,
.cls_MCT {
    font-weight: bold !important;
    color: #000;
}

    .cls_modMode.cls_modMode_Unknown {
        background-color: #d1d1d1 !important;
    }

    .cls_modMode.cls_modMode_Single {
        background-color: yellow !important;
    }

    .cls_modMode.cls_modMode_m50 {
        color: #336699 !important;
        background-color: #DAEEF4 !important;
    }

    .cls_modMode.cls_modMode_m62 {
        background-color: orange !important;
    }

    .cls_MCT.cls_MCT_LC SPAN {
        background-color: lightblue !important;
    }

    .cls_MCT.cls_MCT_MTP SPAN {
        background-color: darkblue !important;
        color: #fff !important;
    }

    .cls_MCT.cls_MCT_ST SPAN {
        background-color: white !important;
    }

    .cls_MCT.cls_MCT_UK SPAN {
        background-color: #d1d1d1 !important;
    }

.table.tbl-module {
    margin-bottom: -2px !important;
}

.span_module_holder.module_print_rpt {
    padding: 0 !important;
}

.no_ports_found {
    padding: 3px !important;
}

    .no_ports_found span {
        display: block;
        padding: 3px;
        border: 1px solid #000;
        text-align: center;
        font-weight: bold;
        background-color: red;
        color: white;
    }

#plswait {
    display: block;
    text-align: center;
    padding: 10px !important;
    border: 1px solid #000;
    margin: 10px;
    border-radius: 5px !important;
    background-color: #336699;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.aTitle {
    position: absolute;
    top: -19px;
    width: auto !important;
    display: none;
    right: 0;
    padding: 2px 4px !important;
    background-color: darkgreen;
    color: #fff;
    border: 1px solid #000;
    border-radius: 5px !important;
    word-wrap: inherit;
    white-space: pre !important;
    z-index: 5 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

    .aTitle.setBottom {
        top: auto !important;
        bottom: -25px !important;
        line-height: normal !important;
    }

#y-login-domains,
#y-login-users {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    #y-login-domains li,
    #y-login-users li {
        padding: 0;
        margin: 0;
    }

        #y-login-domains li input.chkbx,
        #y-login-users li input.usrchkbx {
            padding: 0;
            margin: 0 !important;
            vertical-align: text-top;
            margin-top: 2px !important;
            margin-right: 5px !important;
        }

        #y-login-domains li label,
        #y-login-users li label {
            margin: 0 !important;
        }

            #y-login-users li label.userchecked,
            #y-login-domains li label.userchecked {
                background-color: #fff6a7;
                padding: 0 5px;
                border: 1px solid #d1d1d1;
                margin-bottom: 4px !important;
                position: relative;
                font-weight: bold;
                font-size: 13px;
                border-radius: 5px !important;
            }

.domainsHolder .domainN {
    display: inline-block !important;
    padding: 0 5px;
    margin-right: 5px;
    border: 1px solid #d1d1d1;
    border-radius: 5px !important;
    font-weight: bold !important;
    font-size: 13px;
    color: #fff;
    background-color: darkgreen;
}

.noDimainsAdded {
    background-color: pink;
    color: red;
    font-weight: bold;
    display: block;
    padding: 0 5px;
    border: 1px solid #000;
    border-radius: 5px !important;
}

td.details-connections.details-login-groups-domains {
    background-color: #fff8be !important;
}

.sys-gen-errors {
    display: block;
    position: relative;
    margin-top: -10px !important;
    margin-bottom: 10px;
    border: 1px solid #000;
    border-radius: 5px !important;
    background-color: pink;
    color: red;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}

.delete-user-group {
    display: block;
    cursor: pointer !important;
    position: relative;
}

    .delete-user-group:hover {
        background-color: red !important;
        color: white !important;
    }

    .delete-user-group > i.delete-myself {
        position: absolute;
        top: -1px;
        right: 0px;
        border-left: 1px solid #000;
        padding: 4px 4px;
        background-color: red;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        z-index: 555 !important;
    }

    .delete-user-group:hover > i.delete-myself {
        color: white !important;
    }

.hi_lite_text {
    font-weight: bold;
    color: blue;
}

/* FOR FLOATING MENU */
.page-sidebar.fmMenu_fixed {
    position: fixed;
    z-index: 5 !important;
    background-color: #000;
}

.cls_hide_me_td {
    font-size: 0 !important;
    border: none !important;
    background-color: #336699 !important;
}

.dataTables_processing {
    background-color: #003366 !important;
    color: #fff !important;
    border: 5px double #4CAF50 !important;
    font-weight: bold !important;
    border-radius: 5px !important;
}

#dataSummaryHolder {
    display: none;
}

#dataSummary_Holder {
    width: auto !important;
    display: inline-block !important;
    box-shadow: 0px 0px 10px #000;
    border: 5px double #3d3d3d;
    border-radius: 5px !important;
    padding: 5px 5px 0px 5px !important;
    margin-top: 5px;
}

    #dataSummary_Holder th,
    #dataSummary_Holder td {
        padding: 5px !important;
    }

#tblFPCapacity_filter {
    display: inline-block !important;
}

.cls_list_label {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 2px;
    box-shadow: 0px 0px 10px #fff;
    margin: 0 !important;
}

.cls_multiple_module_connection TD {
    background-color: #b8f7ff !important;
    font-weight: bold !important;
}

.cls_dtid_2.cls_p_id_0 {
    visibility: hidden !important;
    display: none !important;
}

.cls_PerformSearch {
    padding: 4px;
    background-color: yellow;
    border: 1px solid #000;
    border-radius: 5px !important;
    margin-left: 10px;
    font-weight: bold;
    box-shadow: 4px 3px 5px #909090;
}

#TrunkConnectGrid.TrunkConnectGrid .dataTables_empty {
    display: none;
}

.cls_link_route_no {
    font-weight: bold !important;
    color: blue !important;
}

#request_status.forget-password.invalid {
    color: red !important;
}

#CabinetGrid tbody tr td {
    vertical-align: middle !important;
}

i.passThroughCabinet {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: #000;
    /* background-color: red; */
    width: 16px;
    font-size: 14px;
    height: 15px;
    /* padding: 2px; */
    /* border: 1px solid #000; */
}

.cls_IsPassThroughCabinet {
    background-color: #ffffc2 !important;
}

.rdc-holder {
    display: none;
    position: absolute;
    background-color: #E91E63;
    color: #fff;
    padding: 0 5px;
    z-index: 55 !important;
    box-shadow: 2px 2px 5px #000;
}

    /*.rdc-holder.epEnd{
    display:none;
    position: absolute;
    background-color: #336699;
    color: #fff;
    padding: 0 5px;
    z-index: 55!important;
    box-shadow: 2px 2px 5px #000;
}*/

    .rdc-holder.ep-Start {
        left: 100% !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-left: 4px solid #000;
    }

    .rdc-holder.ep-End {
        right: 100% !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        box-shadow: -2px 2px 5px #000;
        border-right: 4px solid #000;
    }

ul#ptcabinettrunkslist,
ul.device_modules_list,
.connected_ports_list {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}

    ul.device_modules_list > li {
        border: 1px solid #000;
        border-radius: 5px !important;
        margin-bottom: 0.50em;
    }

        ul.device_modules_list > li > span:first-child {
            background-color: #336699;
            color: #fff;
            font-weight: bold;
            padding: 2px 4px;
            display: block;
        }

.module_ports_list {
    list-style-type: none !important;
    padding-left: 1.50em !important;
}

    ul#ptcabinettrunkslist li,
    .connected_ports_list > LI,
    .module_ports_list > LI {
        padding: 0;
        margin-bottom: 0.50em !important;
    }

        ul#ptcabinettrunkslist li:last-child {
            margin-bottom: 0 !important;
        }

        ul#ptcabinettrunkslist li span.ptt-port {
            display: inline-block !important;
            padding: 0.50em !important;
            border: 1px solid #3d3d3d;
            border-radius: 5px !important;
            background-color: #d1d1d1;
            color: #000;
            cursor: pointer;
        }

.ptt-left-port {
    margin-right: 2.5em !important;
}

.ptt-right-port {
    margin-left: 2.5em !important;
}

#ptcabinetInfo {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px;
    display: inline-block;
    border-radius: 5px !important;
    box-shadow: 0px 0px 5px #3d3d3d;
    visibility: hidden;
    margin-top: 4em;
}

.leader-line {
    z-index: 2 !important;
}

ul > li.show-bottom-border {
    /*border-bottom:1px dotted #000;*/
    background: linear-gradient(transparent 45%, black 45%, black 55%, transparent 55%);
    background: linear-gradient(transparent 52%, black 50%, black 55%, transparent 55%);
    background: linear-gradient(transparent 52%, #f0f0f0 50%, #3d3d3d 55%, transparent 55%)
}

.mod_info_holder.module_node {
    cursor: pointer !important;
}

.mod_ports_container {
    display: block !important;
}

.port_node, .mod_port_info_holder {
    background-color: #d1d1d1;
    color: #000;
    cursor: pointer;
    position: relative !important;
    padding: 2px 5px;
    /* margin-bottom: 5px; */
    border-radius: 5px !important;
}

    .port_node.node_reserved, .node_rev {
        background-color: yellow;
    }

    .port_node.node_taken {
        background-color: green;
        color: #fff;
    }

.ppt-port-node {
    background-color: #d1d1d1;
    color: #000;
    position: relative !important;
}

.node_connected,
.node_taken, .node_tkn {
    background-color: #009688 !important;
    color: #fff !important;
    /*font-weight:bold!important;*/
    /*font-weight: bold;
    border: 2px solid darkgreen!important;*/
}

.node_committed,
.node_linked,
.is_connected,
.node_up {
    background-color: darkgreen !important;
    color: #fff !important;
}

.ptt-trunk-pairs {
    background: linear-gradient(transparent 45%, black 45%, black 55%, transparent 55%);
    background: linear-gradient(transparent 52%, black 50%, black 55%, transparent 55%);
}

.arrow_box_right {
    position: relative;
    background: #030405;
    border: 1px solid #060708;
}

    .arrow_box_right:after, .arrow_box_right:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_right:after {
        border-color: rgba(3, 4, 5, 0);
        border-left-color: #030405;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box_right:before {
        border-color: rgba(6, 7, 8, 0);
        border-left-color: #060708;
        border-width: 8px;
        margin-top: -7px;
    }

.arrow_box_left {
    position: relative;
    background: #030405;
    border: 1px solid #060708;
}

    .arrow_box_left:after, .arrow_box_left:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_left:after {
        border-color: rgba(3, 4, 5, 0);
        border-right-color: #030405;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box_left:before {
        border-color: rgba(6, 7, 8, 0);
        border-right-color: #060708;
        border-width: 8px;
        margin-top: -7px;
    }

.sticky {
    position: fixed;
    top: 0;
    width: 94.5%;
    margin-top: 50px;
    /* padding-bottom: 75px; */
    background-color: #000;
    z-index: 9;
    margin-left: -10px;
}

.node_loader {
    display: inline-block;
    margin-left: 0px;
    font-weight: bold;
    border: 0px solid #000;
    border-radius: 5px !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 0 4px !important;
}

    .node_loader img {
        height: 16px !important;
        width: 16px !important;
    }

.node_deleting {
    color: red !important;
}

.node_removing {
    color: blue !important;
}

.no_connected_port_found {
    background-color: transparent !important;
}

.connected_ptt_list {
    margin-top: 2.5em !important;
}

.arrow_box_i {
    background: #d1d1d1;
    cursor: default !important;
}

.mod_ports_container.cls-add-top-margin {
    margin-top: 5px !important;
}

.module_ports_list li {
    margin-right: 1em !important;
}

.cls-set-opacity-50 {
    opacity: 0.65;
    font-weight: bold;
    background-color: #ffedb7 !important;
}

    .cls-set-opacity-50 > span {
        color: blue !important;
    }

        .cls-set-opacity-50 > span > i {
            color: green !important;
        }

#btn-proceed {
    background-color: orange;
    border: 1px solid #000;
    font-weight: bold;
    border-radius: 5px !important;
}

#btn-cancel {
    background-color: #F44336;
    border: 1px solid #000;
    font-weight: bold;
    border-radius: 5px !important;
    color: #fff;
}

.no-ptt-associated {
    background-color: #e02222 !important;
    color: #fff !important;
    font-weight: bold !important;
}

#noneConnected {
    padding: 0px 5px;
    font-weight: bold;
    color: red;
    background-color: pink;
    border: 1px solid #000;
    border-radius: 5px !important;
    margin-top: 4px;
}

.glyphicon-ptt {
    width: 14px !important;
    height: 14px !important;
    background-image: url(/img/ptt-14x14.png);
    background-color: transparent;
    padding: 0 9px;
    display: inline-block !important;
    background-repeat: no-repeat;
    background-position-x: 0px !important;
    margin-left: 0px !important;
    top: 2px !important;
    position: relative !important;
}

tr.TR_Row.TR_PTTCabinet td {
    background-color: #FFF9C4 !important;
}

.cls_PTTRow {
    padding: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
    position: relative !important;
    background-color: #FFF176 !important;
}

.cls_PTTRow_Fixed,
tr.TR_Row.TR_PTTCabinet td.cls_PTTRow {
    background-color: #FFF176 !important;
}

tr.TR_Row td {
    vertical-align: middle !important;
}

.titleCabName {
    font-weight: bold;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 2px 4px !important;
    border-radius: 5px !important;
    background-color: #B3E5FC;
    color: blue;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-width: 2px;
}

.cName-left {
    display: inline-block;
    float: left;
}

.dName-right {
    display: inline-block;
    float: right;
}

.cls-delete-cabinet-data {
    margin: -2px -4px !important;
    padding: 2px 25px !important;
    background-color: red !important;
    cursor: pointer !important;
    border-top-right-radius: 5px !important;
    display: inline-block !important;
    border-bottom-right-radius: 5px !important;
}

div.dataTables_paginate {
    display: inline-block !important;
}

div.dataTables_paginate > a,
div.dataTables_paginate > span > a {
    display: inline-block !important;
    border: 1px solid #ddd !important;
    padding: 5px 10px !important;
    margin-right: -1px !important;
    background-color: #fff !important;
    cursor: pointer !important;
}

div.dataTables_paginate > span > a.paginate_active {
    background-color: #eee !important;
    color: #000 !important;
    cursor: not-allowed !important;
    font-weight:bold!important;
}

div.dataTables_paginate > a.paginate_button_disabled,
div.dataTables_paginate > span > apaginate_button_disabled {
    cursor: not-allowed !important;
    color: #d0d0d0 !important;
}

.rdoBtn {
    background-color: #eee !important;
    color: #bdbdbd !important;
    padding: 5px 10px;
    cursor: pointer !important;
    border: 1px solid #d5d5d5;
}
/* ********************************************************************************************************************************** PRINT ****************************************************************************************** */
@media print {
    ._DeviceHolder {
        background-color: #f1f1f1 !important;
        /*background:url('https://www.fibermanager.com/assets/img/device-bg.jpg') repeat transparent;*/
        border: 2px solid #000 !important;
        font-size: 12px !important;
    }

        ._DeviceHolder span {
            font-size: 12px !important;
        }

    ._moduleHolder, ._ModCon {
        background-color: #f1f1f1 !important;
    }

    ._moduleStrip {
        border: 1px solid #d1d1d1;
        padding: 2px;
        margin: 2px;
    }

    ._ModCon span {
        display: block;
        clear: both;
        border: 1px solid #000;
        font-weight: bold;
        text-align: center;
        margin-bottom: 4px;
        padding: 0 2px !important;
        background-color: #e2f1ff;
    }

    span.cls_ModuleNameHolder {
        background-color: #e2f1ff !important;
        text-decoration: none !important;
    }

    .module_port_holder {
        display: inline-block;
        color: blue !important;
        border: 1px solid #000;
        padding: 1px;
        min-width: 20px;
        text-align: center;
        margin-right: 2px;
        margin-bottom: 2px;
    }

    .cls_isTrunked {
        background-color: grey !important;
        color: white !important;
        cursor: pointer !important;
    }

    .cls_isActive {
        background-color: #e2f1ff !important;
        color: #000 !important;
        cursor: pointer;
    }

    .cls_isUsed {
        background-color: red;
        color: #fff !important;
    }

    .cls_grey {
        background-color: #fff !important;
        color: blue !important;
        cursor: pointer;
    }

    .cls_missing_port {
        background-color: #003366 !important;
        color: #fff !important;
    }

    .cls_ModuleMode_Multi .cls_isUsed {
        background-color: aqua !important;
        color: #000 !important;
        font-weight: bold;
        cursor: pointer;
    }

    .cls_ModuleMode_Single .cls_isUsed {
        background-color: Yellow !important;
        color: #000 !important;
        font-weight: bold;
        cursor: pointer;
    }

    .cls_ModuleMode_Unknown .cls_isUsed {
        background-color: Maroon !important;
        color: #fff !important;
        font-weight: bold;
        cursor: pointer;
    }

    .cls_ModuleConfigID2-3 span {
        padding: 0 5px !important;
        margin-right: 5px !important;
        border: none !important;
    }

    .cls_badConnection {
        background-color: #ffcece;
        color: red !important;
        border: 1px solid red !important;
        font-weight: bold;
    }

    .cls_ModuleMode_Single {
        border-color: Yellow !important;
    }

    .cls_ModuleMode_Multi {
        border-color: Aqua !important;
    }

    .cls_ModuleMode_Single.cls_ModuleConnType_ST {
        border-color: Yellow !important;
    }

    .cls_ModuleMode_Multi.cls_ModuleConnType_ST {
        border-color: #00ffff !important;
        color: #000 !important;
    }

    .cls_ModuleMode_Unknown.cls_ModuleConnType_ST {
    }

    .cls_ModuleMode_Single.cls_ModuleConnType_LC {
    }

    .cls_ModuleMode_Multi.cls_ModuleConnType_LC {
        border-color: #00ffff !important;
        color: #000 !important;
    }

    .cls_ModuleMode_Unknown.cls_ModuleConnType_LC {
    }

    .cls_ModuleMode_Single.cls_ModuleConnType_MTC {
    }

    .cls_ModuleMode_Multi.cls_ModuleConnType_MTC {
        border-color: Purple !important;
    }

    .cls_ModuleMode_Unknown.cls_ModuleConnType_MTC {
    }

    .cls_ModuleMode_Single.cls_ModuleConnType_Unknown {
    }

    .cls_ModuleMode_Multi.cls_ModuleConnType_Unknown {
    }

    .cls_ModuleMode_Unknown.cls_ModuleConnType_Unknown {
    }

    .span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_ST {
        color: #000 !important;
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid Yellow !important;
        padding-left: 5px;
    }

    .span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_ST {
        color: #000 !important;
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid #00ffff !important;
        padding-left: 5px;
    }

    .span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_ST {
    }

    .span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_LC {
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid yellow !important;
        padding-left: 5px;
    }

    .span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_LC {
        color: #000 !important;
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid #00ffff !important;
        padding-left: 5px;
    }

    .span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_LC {
    }

    .span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_MTC {
    }

    .span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_MTC {
        color: #000 !important;
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid Purple !important;
        padding-left: 5px;
    }

    .span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_MTC {
    }

    .span_module_holder.cls_ModuleMode_Single.cls_ModuleConnType_Unknown {
    }

    .span_module_holder.cls_ModuleMode_Multi.cls_ModuleConnType_Unknown {
    }

    .span_module_holder.cls_ModuleMode_Unknown.cls_ModuleConnType_Unknown {
    }

    .lbl_device_name {
        display: block;
        border: 0 !important;
        border-bottom: 1px solid #000 !important;
        font-weight: bold;
        padding: 4px;
        text-align: center;
        color: #fff !important;
        background-color: #000 !important;
    }

        .lbl_device_name i {
            color: #fff !important;
        }

    i.SANPortIndicator {
        background-color: red !important;
        color: #fff !important;
        border: 1px solid #000 !important;
    }

    body {
        background-color: #fff !important;
        font-size: 8pt !important;
    }

    ._ModCon {
        border-width: 1px !important;
    }

    ._device_container,
    ._moduleHolder,
    ._PortHolder,
    ._device_container ._moduleHolder div ._PortHolder,
    ._device_container ._moduleHolder div ._PortHolder .module_port_holder,
    .module_port_holder {
        font-size: 8pt !important;
    }

    .span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
    .span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
    .span_module_holder.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
        /*background-color: Purple!important;*/
        color: #000;
        border: 1px solid #ddd !important;
        border-color: #ddd !important;
        border-left: 10px solid Orange !important;
        padding-left: 5px;
    }

    .cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
    .cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
    .cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
        border-color: Orange !important;
    }

    .modulemode_multi-62 {
        font-weight: bold;
        padding: 0 5px !important;
        border: 1px solid #d1d1d1;
        color: #000 !important;
        background-color: orange !important;
    }

    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST,
    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC,
    .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC {
        background-color: orange !important;
        border: 1px solid #000 !important;
    }

        .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_ST .mName,
        .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_LC .mName,
        .module.cls_ModuleMode_Multi-62.cls_ModuleConnType_MTC .mName,
        .module.cls_ModuleMode_Single.cls_ModuleConnType_LC .mName,
        .module.cls_ModuleMode_Single.cls_ModuleConnType_MTC .mName,
        .module.cls_ModuleMode_Single.cls_ModuleConnType_ST .mName {
            color: #000 !important;
        }
    /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .table-ports thead tr th,
    .table-ports tbody tr td,
    .tbl-module thead tr th,
    .tbl-module tbody tr td {
        width: 8.333333% !important;
        width: auto !important;
        vertical-align: middle !important;
        padding: 0px !important;
        font-size: 12px !important;
        /*border:1px solid #000!important;*/
    }

        .table-ports tbody tr td.port-status {
            font-weight: bold !important;
            text-align: center !important;
        }

            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Available,
            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Available SPAN,
            .table-ports tbody tr td.port-status.cls_Is_StandAlone,
            .table-ports tbody tr td.port-status.cls_Is_StandAlone SPAN {
                background-color: GREEN !important;
                color: WHITE !important;
            }

            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Reserved,
            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Reserved SPAN {
                background-color: Yellow !important;
                color: BLACK !important;
            }

            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Confirmed,
            .table-ports tbody tr td.port-status.cls_Is_Connected.cls_Is_Confirmed SPAN {
                background-color: red !important;
                color: WHITE !important;
            }

            .table-ports tbody tr td.port-status.cls_Is_UnAvailable.cls_Is_StandAlone,
            .table-ports tbody tr td.port-status.cls_Is_UnAvailable.cls_Is_StandAlone SPAN {
                background-color: #d1d1d1 !important;
                color: BLACK !important;
            }

        .table-ports tbody tr td.cls_Current {
            background-color: #fff7cd !important;
            color: blue !important;
        }

        .table-ports tbody tr td.cls_connection {
            font-weight: bold !important;
            background-color: #E8F5E9 !important;
            vertical-align: middle !important;
            text-align: center;
        }

            .table-ports tbody tr td.cls_connection span,
            .table-ports thead tr th.cls_connection span {
                background-color: #E8F5E9 !important;
                font-weight: bold !important;
                text-align: center;
            }

        .table-ports tbody tr td.cls_Current span,
        .table-ports thead tr th.cls_Current span {
            background-color: #fff7cd !important;
            color: blue !important;
            text-align: center;
        }

    .cls_conn_header {
        text-align: center !important;
    }

    table.table-ports thead tr th,
    table.table-ports tbody tr td,
    table.tbl-module thead tr th,
    table.tbl-module tbody tr td,
    .cls_device_name SPAN,
    .cls_device_name DIV SPAN,
    .cls_cabinet_name h3 {
        font-size: 11px !important;
    }

    .vd_title-section.rpt_print,
    .vd_title-section.rpt_print .vd_panel-header,
    .vd_title-section.rpt_print .vd_panel-header h1 {
        background-color: #eaeaea !important;
    }

    .cls_MCT.cls_MCT_MTP {
        background-color: darkblue !important;
        color: #fff !important;
    }

    .cls_modMode.cls_modMode_m62 {
        background-color: orange !important;
    }

    .cls_MCT.cls_MCT_ST {
        background-color: white !important;
    }

    .cls_MCT.cls_MCT_LC {
        background-color: lightblue !important;
    }

    .cls_modMode.cls_modMode_m50 {
        color: #336699 !important;
        background-color: #DAEEF4 !important;
    }

    .cls_modMode.cls_modMode_Single {
        background-color: yellow !important;
    }

    #table-ports.table-ports td,
    #table-ports.table-ports th,
    .tbl-module thead tr th,
    .tbl-module tbody tr td {
        border: 1px solid #d1d1d1 !important;
        display: table-cell !important;
    }

        .tbl-module thead tr th SPAN, .table-ports thead tr th SPAN {
            font-weight: bold;
        }

    #btnPrint.PrintCabinet, #plswait {
        display: none !important;
    }
}
/* END MEDIA PRINT  */

body.printPage {
    background-color: #fff !important;
}


@media (min-width: 992px) {
}

@media (min-width: 992px) {
    .page-sidebar {
        width: 250px;
        float: left;
        position: relative;
        margin-right: -100%;
    }

    .page-content {
        margin-left: 250px;
    }
}

@media (min-width: 768px) {
    /*.navbar-right .dropdown-menu {
        left: auto;
        right: 19px;
    }*/
}

/*CSS For RJ45 Module Mode*/
.cls_ModuleMode_RJ45 {
    color: #000;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid green !important;
    padding-left: 5px;
}

.module.cls_ModuleMode_RJ45.cls_ModuleConnType_ST {
    background-color: green !important;
    color: #000 !important;
}

.module.cls_ModuleMode_RJ45.cls_ModuleConnType_LC {
    background-color: green !important;
    color: #000 !important;
}

.module.cls_ModuleMode_RJ45.cls_ModuleConnType_MTC {
    background-color: green !important;
    color: #000 !important;
}

.module.cls_ModuleMode_RJ45.cls_ModuleConnType_Unknown {
    background-color: green !important;
    color: #000 !important;
}

.module.cls_ModuleMode_RJ45.cls_ModuleConnType_ST .mName,
.module.cls_ModuleMode_RJ45.cls_ModuleConnType_LC .mName,
.module.cls_ModuleMode_RJ45.cls_ModuleConnType_MTC .mName {
    color: #000 !important;
}

.cls_ModuleMode_RJ45.cls_ModuleConnType_ST,
.cls_ModuleMode_RJ45.cls_ModuleConnType_LC,
.cls_ModuleMode_RJ45.cls_ModuleConnType_MTC {
    border-color: green !important;
}

.span_module_holder.cls_ModuleMode_RJ45.cls_ModuleConnType_ST,
.span_module_holder.cls_ModuleMode_RJ45.cls_ModuleConnType_LC,
.span_module_holder.cls_ModuleMode_RJ45.cls_ModuleConnType_MTC {
    color: #000;
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
    border-left: 10px solid green !important;
    padding-left: 5px;
}

.options_holder {
    display: block;
    text-align: center;
    border-bottom: 1px solid #000
}

#cls_proj_locations {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    #cls_proj_locations li {
        padding: 0 5px;
        margin: 0;
        display: inline-block
    }

        #cls_proj_locations li A {
            padding: 5px;
            display: inline-block;
            border: 1px solid #000;
            border-radius: 5px !important;
            border-bottom: 0 !important;
            border-bottom-right-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
            text-decoration: none !important
        }

            #cls_proj_locations li A:hover {
                background-color: #eee
            }

            #cls_proj_locations li A.active {
                background-color: #d6ff5c;
                color: #00f;
                font-weight: 700;
                border: 2px solid #000;
                border-bottom: 0
            }
/*=======================*/
