a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .control-value, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 4px;
    line-height: 23px
}

.width-65 {
    width: 65% !important
}

.width-60 {
    width: 60% !important
}

.width-50 {
    width: 50% !important
}

.width-45 {
    width: 45% !important
}

.width-40 {
    width: 40% !important
}

.width-30 {
    width: 30% !important
}

.width-20 {
    width: 20% !important
}

.width-10 {
    width: 10% !important
}

body {
    padding: 0;
    margin: 0 auto !important;
    line-height: 1;
    font-size: 14px;
    color: #373742;
    font-family: verdana;
    background-color: RGB(204,204,204);
    background-color: RGB(255,255,255)
}

#main-ContainerDiv {
    display: block;
    padding: 0;
    margin: 0 auto !important;
    width: 100% !important;
    min-height: 250px;
    height: auto !important
}

#main-HeaderDiv, #main-MenuSearchTasksDIV {
    display: block;
    padding: 0;
    margin: 0 auto !important;
    width: 100% !important;
    min-height: 50px;
    height: 50px !important;
    overflow: hidden !important;
    background-color: RGB(255,255,255) !important
}

#main-HeaderDiv-Left {
    display: inline-block;
    padding: 0;
    margin: 0 auto !important;
    width: 25% !important;
    min-height: 50px;
    height: 50px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    float: left
}

#main-HeaderDiv-Left SPAN {
    display: inline-block;
    padding: 0 10px;
    line-height: 50px !important;
    color: #000;
    background-color: transparent;
    font-size:12px!important;
    font-weight:bold!important;
    color:blue!important;
}

#main-HeaderDiv-Middle {
    display: inline-block;
    padding: 0;
    margin: 0 auto !important;
    width: 50% !important;
    min-height: 50px;
    height: 50px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    float: left;
    text-align: center
}

#main-HeaderDiv-Right {
    display: inline-block;
    padding: 0 20px 0 0;
    margin: 0 auto !important;
    width: 25% !important;
    min-height: 50px;
    height: 50px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    float: left;
    text-align: right
}

.cls-mytsrf-logo, .cls-mytsrf-user {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
    height: 50px !important
}

.cls-mytsrf-logo LI, .cls-mytsrf-user LI {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 25px !important
}

.cls-mytsrf-user LI A {
    font-size: 11px !important;
    line-height: 15px;
    padding-top: 10px;
    color: #000;
}

.cls-mytsrf-logo LI.cls-mytsrf-separater, .cls-mytsrf-user LI.cls-mytsrf-separater {
    height: 34px;
    border-right: 1px solid #fff;
    margin: 8px
}

.cls-mytsrf-user LI.cls-mytsrf-logout A {
    line-height: 50px;
    padding: 0 !important;
    font-size: 25px !important;
    color: orange
}

.cls-mytsrf-user LI.cls-mytsrf-logout A {
    color: RGB(219,172,33);
    text-decoration: none
}

#main-MenuSearchTasksDIV {
    min-height: 61px;
    height: 61px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-bottom: 3px solid RGB(163,217,0)
}

#main-MenuSearchTasksDIVContainer {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 0;
    background-color: transparent;
    min-height: 10px;
    height: auto;
    overflow: hidden !important
}

#main-MenuSearchDIV {
    display: block;
    float: left;
    width: 82% !important;
    background: #fff url(../../images/bg-white-16x16.jpg) repeat-x left top;
    padding: 0 20px
}

#main-TaskHeaderDIV {
    display: block;
    float: left;
    width: 18% !important;
    background-color: RGB(163,217,0);
    background: RGB(163,217,0) url(../../images/bg-green-16x16.jpg) repeat-x left top;
    padding: 0 20px;
    text-align: center;
    line-height: 61px;
    font-size: 20px;
    color: #000;
    font-weight: 700
}

#main-MenuDIV {
    float: left;
    width: auto !important;
    display: inline-block
}

#main-SearchDIV {
    float: right;
    width: auto !important;
    display: inline-block
}

#list-menu {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    #list-menu LI {
        float: left
    }

        #list-menu LI A {
            line-height: 61px;
            padding: 0 13px;
            font-size: 18px;
            text-decoration: none;
            color: RGB(102,102,102);
            border-bottom: 5px solid transparent;
            height: 58px;
            display: inline-block
        }

            #list-menu LI A.selected, #list-menu LI A:HOVER {
                color: RGB(123,165,4);
                border-bottom: 5px solid RGB(163,217,0)
            }

#txtSearch {
    line-height: 45px;
    border: 0 solid red;
    background-color: transparent;
    width: 100%;
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 18px;
    padding: 0 34px 0 10px;
    margin: 0;
    height: 45px !important;
    float: left
}

.cls-wrapper {
    position: relative
}

.divSearch i {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 25px;
    color: RGB(102,102,102)
}

#main-ContentHolderDiv {
    background-color: RGB(255,255,255);
}

#main-TaskListHolderDIV {
    float: right;
    width: 18% !important;
    background-color: RGB(55,55,66);
    padding: 10px;
    margin: 0;
    min-height: 250px
}

#main-PageContentHolderDIV {
    float: left;
    width: 82% !important;
    background-color: RGB(255,255,255);
    padding: 20px;
    /*padding-bottom: 50px !important;*/
    margin: 0;
    min-height: 250px
}

#main-TaskListHolderDIV UL#projectsTasksList {
    padding: 0;
    margin: 40px 0 0 0;
    list-style-type: none
}

    #main-TaskListHolderDIV UL#projectsTasksList LI {
        min-height: 50px;
        border: 0 solid #fff;
        border-left: 5px solid red !important;
        background-color: #fff;
        border-radius: 5px !important;
        margin: 0 0 20px 0;
        padding: 10px
    }

        #main-TaskListHolderDIV UL#projectsTasksList LI DIV.taskHolder {
            background-color: transparent;
            min-height: 10px;
            display: block;
            width: 100%
        }

.taskHolder h1 {
    font-weight: 700
}

.taskHolder SPAN {
    display: block;
    font-size: 13px;
    margin-top: 10px
}

#page-Dashboard, #page-Dashboard-top-bar, #page-Logs, #page-Projects {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 0;
    position: relative
}

#page-Dashboard-top-bar, #page-Logs-top-bar, #page-Projects-top-bar {
    text-align: center !important;
    position: relative
}

    #page-Dashboard-top-bar UL {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: inline-block
    }

        #page-Dashboard-top-bar UL LI {
            padding: 5px 0;
            margin: 0;
            float: left;
            text-align: center
        }

            #page-Dashboard-top-bar UL LI A {
                padding: 5px 20px;
                margin: 0;
                float: left;
                text-align: center;
                text-decoration: none;
                color: RGB(110,110,110);
                font-size: 15px
            }

            #page-Dashboard-top-bar UL LI.cls-first-item A {
                border-right: 1px solid #000
            }

            #page-Dashboard-top-bar UL LI A.selected, #page-Dashboard-top-bar UL LI A:HOVER {
                background-color: #fff
            }

#Logs-filter-by-list, #Projects-filter-by-list, #dashboard-filter-by-list {
    float: right;
    right: 0;
    display: inline-block;
    position: absolute;
    top: 2px
}

#Logs-filter-by-list, #Projects-filter-by-list {
    position: relative !important;
    top: 0;
    float: right;
    right: 0;
    margin-top: 2px
}

#Logs-filter-by-list SELECT, #Projects-filter-by-list SELECT, #dashboard-filter-by-list SELECT {
    padding: 5px 10px;
    min-width: 182px;
    border: 1px solid #a7a7a7;
    border-radius: 5px !important
}

#lft-menu {
    display: inline-block;
    width: 14% !important;
    float: left;
    background-color: transparent !important;
    min-height:500px;
    position:relative;
}

.block-item {
    padding: 10px;
    background-color: #000;
    margin: 10px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-family: Calibri;
    font-size:20px;
}

.lft-menu-list{
    padding:10px;
}

.lft-menu-list-item {
    background-color: transparent !important;
}

.lft-menu-list-item.item-occupied {

}

.lft-menu-list-item.item-occupied > a {
    background-color: transparent !important;
    display: block;
    padding: 10px;
    font-weight: bold;
    font-family: Arial Nova;
}

.lft-menu-list-item.item-vacant{
    height:50px!important;
}

.block-item-logout {
    position: absolute !important;
    bottom: 0 !important;
    background-color: transparent !important;
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
}

.block-item-logout > A {
    background-color: #ff1100!important;
    display: block !important;
    width: auto !important;
    padding: 10px !important;
    margin: 10px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: 5px !important;
    border: 1px solid #000 !important;
}

#page-dashboard-page-content {
    background-color: #fff;
    min-height: 10px;
    padding: 10px 0;
    margin: 25px 0 50px 0;
    display: block;
    width: 100% !important;
    /*width: 85% !important;*/
    border-radius: 2px !important;
    border: 0 solid #e1e1e1;
    /*float: right !important;*/
    /*background-color: red;*/
}

#page-dashboard-page-content > #section-projects {
    display: block;
    width: 100% !important;
    padding-top: 30px
}

#page-dashboard-page-content > #section-groups {
    display: none;
    width: 100% !important;
    padding-top: 30px
}

#main-FooterDIV {
    display: block;
    width: 100% !important;
    padding: 0;
    position: relative;
    border-top: 10px solid #336699;
    margin-top: 0;
    color: #000;
    font-size: 11px;
    background-color: #000;
    font-weight: normal;
    text-align: center !important;
    border-bottom: 0px solid #373742;
    position:fixed!important;
    bottom:0!important;
    left:0!important;
}

#main-FooterDIV a {
    text-decoration: underline !important;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transition-property: opacity, background, color;
    transition-property: opacity, background, color;
}

#main-FooterDIV > Div {
    padding: 15px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    position: relative;
    top: 0px;
    margin-right: 0 !important;
    margin-bottom: 0px !important;
}

#main-FooterDIV > Div.footer-item {
    background-color: #336699 !important;
    border-radius: 5px !important;
    margin: 10px !important;
    color: #fff;
    font-weight: bold;
    min-width: 200px;
    font-size: 0.90em!important;
}

.footer-separator {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    transform: skew(-25deg);
    background-color: red;
}

#main-FooterDIV > span {
    padding: 6px 0px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    position: relative;
    top: -1px;
}

#main-FooterDIV > SPAN.sp-slash {
    padding: 0 15px !important;
    color: #eee;
    position: relative;
    top: -1px;
    font-size: 25px;
    margin-top: -1px;
    /*display: none !important;*/
}

/*.fdiv-first:after {
    background-color:transparent!important;
    height: 100% !important;
    width: 1px !important;
    content: "";
    position: absolute;
    top: 0 !important;
    right: -15px;
    z-index: 0;
    transform: skew(-25deg,0deg);
    -webkit-transform: skew(-25deg,0deg);
    -moz-transform: skew(-25deg,0deg);
    -ms-transform: skew(-25deg,0deg);
    transform-origin: 0 40%;
}*/

.navigator {
    display: block;
    width: 100% !important;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.cls-back-to-previous-section {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 15px;
    float: left;
    border-bottom: 0 solid #a7a7a7;
    width: auto;
    text-align: left;
    color: #000;
    text-decoration: none !important
}

    .cls-back-to-previous-section:HOVER {
        color: #000
    }

    .cls-back-to-previous-section i {
        color: #000;
        font-size: 25px;
        vertical-align: middle
    }

#Logs-Details, #Logs-Progress {
    display: block;
    float: left;
    padding: 20px 0 25px 25px;
    margin: 0;
    min-height: 200px
}

#Logs-Progress {
    width: 40% !important;
    border-right: 1px solid #a7a7a7
}

#Logs-Details {
    width: 60% !important
}

    #Logs-Details > SPAN, #Logs-Progress > SPAN {
        display: block;
        width: 100% !important;
        padding: 0;
        margin: 0;
        text-align: left;
        font-weight: 700
    }

.dotted-line-holder {
    background: TRANSPARENT url(../../images/dotted-lines.jpg) repeat-y center top;
    text-align: center
}

.progress-sequence-even TD.dotted-line-holder {
    height: 100px !important;
    width: 50px !important
}

#Progress-Data TABLE TR TD {
    vertical-align: top
}

.progress-data-1, .progress-data-2 {
    text-align: right;
    display: block;
    width: 100% !important;
    font-size: 13px !important
}

.progress-data-3, .progress-data-4 {
    text-align: left;
    display: block;
    width: 100% !important;
    font-size: 13px !important
}

#Progress-Data TABLE {
    width: 100% !important;
    padding: 0;
    margin: 0;
    border: none !important
}

#Progress-Data {
    padding: 30px 0 0 50px !important
}

    #Progress-Data TABLE TR TD.td-A {
        width: 25% !important;
        padding-top: 5px;
        text-align: right;
        padding-right: 15px
    }

    #Progress-Data TABLE TR TD.td-B {
        width: 10% !important;
        text-align: center;
        vertical-align: top !important
    }

    #Progress-Data TABLE TR TD.td-C {
        width: 65% !important;
        padding-top: 5px;
        text-align: left;
        padding-right: 15px;
        padding-left: 15px
    }

.progress-data-1, .progress-data-3 {
    margin-bottom: 5px !important
}

.progress-data-2, .progress-data-4 {
    font-size: 12px !important
}

#Logs-Data {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 35px 0 0 0;
    font-size: 13px
}

    #Logs-Data > SPAN {
        display: block;
        width: 100% !important;
        padding: 0;
        margin: 0 0 10px 0
    }

    #Logs-Data .pTitle {
        font-weight: 700
    }

    #Logs-Data > P {
        margin-bottom: 50px;
        line-height: 1.25
    }

.tSpan {
    display: inline-block !important;
    width: auto !important;
    font-weight: 700
}

.cls-action-add {
    display: inline-block;
    float: right;
    color: #000;
    margin-top: -5px;
    position: relative;
    text-decoration: none !important
}

    .cls-action-add:hover, .cls-action-add:hover > i {
        color: #006400
    }

    .cls-action-add > i {
        font-size: 20px;
        vertical-align: sub !important;
        margin-right: 5px;
        color: #000
    }

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0 solid #ddd
}

    .table-scrollable > .table {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0;
        background-color: #fff
    }

        .table-scrollable > .table > tbody > tr > td, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > td, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > td, .table-scrollable > .table > thead > tr > th {
            white-space: nowrap
        }

    .table-scrollable > .table-bordered {
        border: 0
    }

        .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > thead > tr > th:first-child {
            border-left: 0
        }

        .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > thead > tr > th:last-child {
            border-right: 0
        }

        .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > thead > tr:last-child > th {
            border-bottom: 0
        }

.dataTables_wrapper {
    margin: 10px 0 0 0
}

.dataTables_filter INPUT {
    height: 24px
}

.dataTables_filter, .dataTables_length {
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 700
}

    .dataTables_filter INPUT, .dataTables_length SELECT {
        border-radius: 5px !important;
        border: 1px solid #a7a7a7;
        font-weight: 400 !important
    }

.myTSRF-datatable {
    padding: 0;
    margin: 0
}

    .myTSRF-datatable TFOOT TR TH, .myTSRF-datatable THEAD TR TH {
        background-color: RGB(119,119,119) !important;
        color: #fff;
        font-weight: 700;
        cursor: pointer
    }

    .myTSRF-datatable TBODY TR TD, .myTSRF-datatable TFOOT TR TH, .myTSRF-datatable THEAD TR TH {
        border: 1px solid #a7a7a7 !important;
        padding: 10px;
        margin: 0;
        cursor: pointer
    }

    .myTSRF-datatable TBODY TR.odd {
        background-color: #fff
    }

    .myTSRF-datatable TBODY TR.even {
        background-color: RGB(244,239,232)
    }

.dataTables_paginate > UL.pagination > LI > A {
    margin-right: 10px;
    border: 1px solid #000;
    border-radius: 100% !important;
    color: #000
}

.dataTables_paginate > .pagination > .active > A {
    color: #fff;
    font-weight: 700
}

div.dataTables_info {
    font-weight: 700 !important;
    font-size: 11px !important
}

.dpicker-input {
    float: left
}

.dpicker-calendar {
    float: left;
    font-size: 25px;
    margin-left: -28px !important;
    margin-top: 5px !important
}

UL.checkbox-buttons-list, UL.radio-buttons-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    UL.checkbox-buttons-list LI, UL.radio-buttons-list LI {
        float: left;
        padding: 0;
        margin: 6px 20px 0 0
    }

.element-checkbox-button, .element-radio-button {
    display: inline-block;
    width: 22px !important;
    height: 22px !important;
    overflow: hidden !important;
    border: 5px double #717171;
    border-radius: 100% !important;
    padding: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
    box-shadow: 0 0 1px #000 !important;
    color: transparent;
    text-align: center;
    float: left;
    background: #f5f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2RiZGNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2I4YmFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2RkZGZlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(245,246,246,1) 0,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(245,246,246,1)),color-stop(21%,rgba(219,220,226,1)),color-stop(49%,rgba(184,186,198,1)),color-stop(80%,rgba(221,223,227,1)),color-stop(100%,rgba(245,246,246,1)));
    background: -webkit-linear-gradient(top,rgba(245,246,246,1) 0,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: -o-linear-gradient(top,rgba(245,246,246,1) 0,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: -ms-linear-gradient(top,rgba(245,246,246,1) 0,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: linear-gradient(to bottom,rgba(245,246,246,1) 0,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%)
}

    .element-radio-button.checked {
        color: red;
        font-weight: 700;
        background: #d2ff52;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(210,255,82,1)),color-stop(100%,rgba(145,232,66,1)));
        background: -webkit-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -o-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -ms-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: linear-gradient(to bottom,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%)
    }

.element-checkbox-button {
    border-radius: 2px !important;
    font-size: 11px !important;
    line-height: 11px !important
}

    .element-checkbox-button.checked-blue {
        background: #1e5799;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));
        background: -webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
        background: -o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
        background: -ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
        background: linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
        color: #fff;
        font-weight: 700
    }

    .element-checkbox-button.checked-green {
        background: #d2ff52;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(210,255,82,1)),color-stop(100%,rgba(145,232,66,1)));
        background: -webkit-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -o-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: -ms-linear-gradient(top,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        background: linear-gradient(to bottom,rgba(210,255,82,1) 0,rgba(145,232,66,1) 100%);
        color: #000;
        font-weight: 700
    }

.lbl-text {
    display: inline-block;
    width: auto !important;
    float: left;
    height: 22px !important;
    line-height: 22px
}

.button_add_projects {
    border: 1px solid #ffc826;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 0 0 rgba(0,0,0,.3);
    font-weight: 700;
    color: #000;
    background-color: #ffd65e;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffd65e),to(#febf04));
    background-image: -webkit-linear-gradient(top,#ffd65e,#febf04);
    background-image: -moz-linear-gradient(top,#ffd65e,#febf04);
    background-image: -ms-linear-gradient(top,#ffd65e,#febf04);
    background-image: -o-linear-gradient(top,#ffd65e,#febf04);
    background-image: linear-gradient(to bottom,#ffd65e,#febf04)
}

    .button_add_projects:hover {
        border: 1px solid #f7b800;
        background-color: #ffc92b;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#ffc92b),to(#ce9a01));
        background-image: -webkit-linear-gradient(top,#ffc92b,#ce9a01);
        background-image: -moz-linear-gradient(top,#ffc92b,#ce9a01);
        background-image: -ms-linear-gradient(top,#ffc92b,#ce9a01);
        background-image: -o-linear-gradient(top,#ffc92b,#ce9a01);
        background-image: linear-gradient(to bottom,#ffc92b,#ce9a01)
    }

.div-inner-shell, .div-outer-shell {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 0
}

.div-outer-shell {
    padding-bottom: 50px
}

.process-date {
    float: left;
    width: 25% !important;
    padding-right: 0;
    padding-top: 5px;
    background-color: TRANSPARENT;
    margin-right: 20px
}

.process-data {
    float: left;
    width: 71% !important;
    padding-top: 5px;
    background-color: TRANSPARENT;
    border-left: 3px dotted #000;
    position: relative;
    padding-left: 20px;
    margin-left: 0;
    padding-bottom: 40px;
    padding-right: 10px
}

.circle-red {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 5px solid #fff;
    background-color: red;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: -13px
}

.checkbox-buttons-list.project-domains LI {
    float: none !important;
    display: block !important
}

    .checkbox-buttons-list.project-domains LI SPAN.lbl-text {
        display: inline-block !important;
        width: auto !important
    }

.project-summary {
    display: block;
    width: 100% !important;
    padding: 0 1.75% !important;
    margin: 2.5% 0 6% 0 !important;
    background-color: TRANSPARENT;
    color: #373742
}

    .project-summary.proj-holder {
        display: block;
        width: 100% !important;
        padding: 1% !important;
        margin: 0 auto !important;
        background-color: #fff;
        box-shadow: 0 0 20px grey !important;
        border: 1px solid #a1a1a1;
        border-radius: 5px !important
    }

    .project-summary.proj-details {
        float: left;
        display: inline-block;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: TRANSPARENT;
        min-height: 50px
    }

    .project-summary.proj-status {
        float: right;
        display: inline-block;
        width: 20% !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: TRANSPARENT;
        min-height: 50px
    }

    .project-summary.proj-info {
        display: block;
        width: 100% !important;
        padding: 5px 5px !important;
        margin: 0 !important;
        background-color: #fff;
        border: 0 solid #000;
        font-size: 13px
    }

        .project-summary.proj-info.proj-title {
            font-weight: 700;
            font-size: 16px
        }

        .project-summary.proj-info > SPAN {
            font-weight: 700;
            display: inline-block;
            margin: 0 5px 0 0
        }

    .project-summary.proj-status SPAN {
        text-align: right
    }

    .project-summary.proj-info.proj-desc {
        display: inline-block;
        float: left;
        width: 70% !important;
        border: 0;
        padding: 0 !important
    }

    .project-summary.proj-info.proj-description {
        font-weight: 400;
        line-height: 1.25
    }

.project-ini {
    display: block;
    width: 100% !important;
    margin-top: .5% !important
}

.project-domains-list {
    width: 100% !important;
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
    text-align: center !important
}

    .project-domains-list UL {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: inline-block
    }

        .project-domains-list UL LI {
            padding: 0;
            margin: 0 0 75px 0;
            float: left;
            display: inline-block;
            border-right: 1px solid #000;
            position: relative
        }

            .project-domains-list UL LI A {
                display: block;
                border-right: 0 solid #000;
                position: relative;
                text-decoration: none;
                color: #000
            }

                .project-domains-list UL LI A > SPAN.domain-text {
                    display: block;
                    width: 100% !important;
                    padding: 0 10px 5px 10px;
                    margin: 0;
                    border-right: 0 solid #000;
                    text-align: center;
                    position: relative;
                    color: #000
                }

                .project-domains-list UL LI A > SPAN.domain-blank {
                    display: block;
                    width: 100% !important;
                    padding: 10px 0;
                    margin: 0;
                    background-color: transparent;
                    border: 0 solid #000;
                    border-right: 0 solid #000 !important;
                    border-left: 0 solid #000 !important;
                    position: relative
                }

                    .project-domains-list UL LI A > SPAN.domain-blank.active {
                        background-color: RGB(163,217,0)
                    }

            .project-domains-list UL LI.project-domain-first-item A > SPAN.domain-blank {
                border-top: 2px solid #000 !important;
                border-left: 2px solid #000 !important;
                border-bottom: 2px solid #000 !important
            }

            .project-domains-list UL LI.project-domain-middle-item A > SPAN.domain-blank {
                border-top: 2px solid #000 !important;
                border-bottom: 2px solid #000 !important
            }

            .project-domains-list UL LI.project-domain-last-item A {
                border-right: 0 solid #d1d1d1 !important
            }

                .project-domains-list UL LI.project-domain-last-item A > SPAN.domain-blank {
                    border-top: 2px solid #000 !important;
                    border-right: 2px solid #000 !important;
                    border-bottom: 2px solid #000 !important
                }

            .project-domains-list UL LI.project-domain-last-item {
                border-right: none !important
            }

                .project-domains-list UL LI.project-domain-last-item A > SPAN.domain-text {
                    border-right: 0 solid RGB(204,204,204) !important
                }

                .project-domains-list UL LI.project-domain-last-item A:hover > SPAN.domain-text {
                    border-right: 0 solid #000 !important
                }

            .project-domains-list UL LI A > SPAN.domain-text LABEL {
                display: block;
                width: 100% !important;
                padding: 0 15px 0 15px !important;
                margin: 0;
                position: relative;
                background-color: transparent;
                top: -15px;
                cursor: pointer;
                color: #000
            }

                .project-domains-list UL LI A > SPAN.domain-text LABEL > i {
                    position: absolute;
                    top: -34px;
                    font-size: 30px;
                    display: block;
                    width: 100% !important;
                    text-align: center;
                    margin-left: -15px;
                    color: RGB(55,55,66)
                }

                .project-domains-list UL LI A > SPAN.domain-text LABEL.status-clocking {
                    background-color: transparent
                }

            .project-domains-list UL LI A > SPAN.domain-blank i {
                display: none
            }

            .project-domains-list UL LI A:hover:after {
                content: "";
                position: absolute;
                top: 42px;
                left: 50%;
                margin-left: -15px;
                width: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid RGB(55,55,66)
            }

            .project-domains-list UL LI A:hover > SPAN.domain-text {
                background-color: #fff;
                font-weight: 400;
                border-top: 0 solid #000
            }

            .project-domains-list UL LI A.domain-item-active > SPAN.domain-text {
                background-color: #fff;
                font-weight: 700;
                border-top: 0 solid #000
            }

            .project-domains-list UL LI A.domain-item-active > SPAN.domain-blank {
                background-color: RGB(163,217,0)
            }

            .project-domains-list UL LI A.domain-item-active:after {
                content: "";
                position: absolute;
                top: 42px;
                left: 50%;
                margin-left: -15px;
                width: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid RGB(55,55,66)
            }

i.cls-time-ticking {
    color: #ff8c00 !important
}

i.cls-step-done {
    color: green !important
}

i.cls-step-incomplete {
    color: red !important
}

.project-domains-list UL LI A.domain-item-complete > SPAN.domain-text {
    background-color: #bfdfff !important;
    font-weight: 400
}

.project-domains-list UL LI A.domain-item-complete > SPAN.domain-blank {
    background-color: green !important
}

.project-domains-list UL LI A.domain-item-complete.domain-item-active > SPAN.domain-text {
    background-color: #fff !important;
    font-weight: 700
}

.project-domains-list UL LI A.domain-item-active > SPAN.domain-text > LABEL > i {
    color: #03a9f4 !important
}

.project-domains-list UL LI A.domain-item-complete.domain-item-active > SPAN.domain-blank {
    background-color: RGB(163,217,0) !important
}

#project-domain-form-holder {
    display: block;
    width: 100% !important;
    padding: 10px 0 10px 75px;
    margin: 0;
    min-height: 50px;
    background-color: transparent
}

.project-domain-form {
    display: none;
    width: 55% !important;
    padding: 0;
    margin: 0;
    min-height: 50px;
    background-color: transparent;
    font-weight: 700
}

.domain-title {
    display: block;
    width: 100% !important;
    padding: 0 0 5px 50px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #a1a1a1;
    font-weight: 700
}

.search-box {
    padding: 0;
    margin: -20px 0 20px 0;
    display: block;
    width: 100% !important
}

.project-progress-holder {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #a1a1a1;
    background-color: #fff;
    position: relative
}

    .project-progress-holder > .projects-graph.segment-A {
        display: inline-block;
        float: left;
        border-right: 1px solid #a1a1a1;
        width: 20%;
        padding: 25px 0 !important;
        margin: 0;
        position: relative;
        background-color: #fff;
        padding-right: 15px !important;
        text-align: right
    }

.segment-x {
    float: left;
    width: 70%;
    background-color: #fff;
    position: relative;
    z-index: 0
}

    .segment-x > .projects-graph {
        display: inline-block;
        float: left;
        border-right: 1px solid #a1a1a1;
        width: 25%;
        padding: 25px 0 !important;
        margin: 0;
        position: relative;
        background-color: #fff;
        line-height: 0;
        font-size: 0;
        height: inherit !important
    }

        .segment-x > .projects-graph.segment-B {
            width: 10% !important
        }

        .segment-x > .projects-graph.segment-C {
            width: 30% !important;
            background: transparent url(../../Img/pending-budget.jpg) repeat-x left center
        }

        .segment-x > .projects-graph.segment-D {
            width: 30% !important;
            background: transparent url(../../Img/pending-design.jpg) repeat-x left center
        }

        .segment-x > .projects-graph.segment-E {
            width: 30% !important;
            background: transparent url(../../Img/pending-review.jpg) repeat-x left center
        }

.project-progress-indicator {
    display: inline-block;
    width: 0%;
    height: 20px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #369;
    z-index: 1
}

.projects-graph.segment-F {
    float: left;
    width: 10%;
    text-align: right;
    padding: 25px 10px 0 0 !important;
    padding: 0 10px 0 0 !important
}

.project-progress-holder > .projects-graph SPAN.span-x {
    display: inline-block;
    width: 100%;
    padding: 4px;
    margin: 0;
    background-color: #369
}

.project-request {
    background-image: -ms-linear-gradient(left,#ff4b4b 0,#ff0303 100%);
    background-image: -moz-linear-gradient(left,#ff4b4b 0,#ff0303 100%);
    background-image: -o-linear-gradient(left,#ff4b4b 0,#ff0303 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff4b4b),color-stop(100,#ff0303));
    background-image: -webkit-linear-gradient(left,#ff4b4b 0,#ff0303 100%);
    background-image: linear-gradient(to right,#ff4b4b 0,#ff0303 100%);
    width: 10% !important
}

.project-budget {
    background-image: -ms-linear-gradient(left,#ffc826 0,#da6e01 100%);
    background-image: -moz-linear-gradient(left,#ffc826 0,#da6e01 100%);
    background-image: -o-linear-gradient(left,#ffc826 0,#da6e01 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ffc826),color-stop(100,#da6e01));
    background-image: -webkit-linear-gradient(left,#ffc826 0,#da6e01 100%);
    background-image: linear-gradient(to right,#ffc826 0,#da6e01 100%);
    width: 40% !important
}

.project-design {
    background-image: -ms-linear-gradient(left,#bd9afe 0,#695fbf 100%);
    background-image: -moz-linear-gradient(left,#bd9afe 0,#695fbf 100%);
    background-image: -o-linear-gradient(left,#bd9afe 0,#695fbf 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#bd9afe),color-stop(100,#695fbf));
    background-image: -webkit-linear-gradient(left,#bd9afe 0,#695fbf 100%);
    background-image: linear-gradient(to right,#bd9afe 0,#695fbf 100%);
    width: 70% !important
}

.project-review {
    background-image: -ms-linear-gradient(left,#58d99d 0,#3c915d 100%);
    background-image: -moz-linear-gradient(left,#58d99d 0,#3c915d 100%);
    background-image: -o-linear-gradient(left,#58d99d 0,#3c915d 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#58d99d),color-stop(100,#3c915d));
    background-image: -webkit-linear-gradient(left,#58d99d 0,#3c915d 100%);
    background-image: linear-gradient(to right,#58d99d 0,#3c915d 100%);
    width: 100% !important
}

.progress-status-label {
    position: relative;
    margin-top: -45px;
    display: inline-block;
    text-align: right;
    right: -25px;
    font-weight: 700;
    float: right;
    color: #757584;
    font-size: 12px !important;
    line-height: 1 !important;
    padding-bottom: 0;
    width: auto !important;
    text-align: right;
    border-bottom: 0 solid #a1a1a1
}

    .progress-status-label.lbl-A {
        float: left !important;
        left: 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: center;
        border: 0
    }

.tbl-segment-F, .tbl-segment-F TR, .tbl-segment-F TR TD {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    vertical-align: middle !important;
    text-align: right
}

#groups-stats-graph, #projects-stats-graph {
    display: block;
    min-width: 768px !important
}

.graph-dot {
    position: absolute;
    top: -5px;
    right: -4px;
    display: inline-block;
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0
}

#graph-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-top: 20px
}

.segment-x > .projects-graph.segment-B.this-section-groups {
    width: 10% !important;
    background: 0 0 !important
}

.segment-x > .projects-graph.segment-C.this-section-groups {
    width: 23% !important;
    background: 0 0 !important
}

.segment-x > .projects-graph.segment-D.this-section-groups {
    width: 18.5% !important;
    background: 0 0 !important
}

.segment-x > .projects-graph.segment-E.this-section-groups {
    width: 18.5% !important;
    background: 0 0 !important
}

.segment-x > .projects-graph.segment-G.this-section-groups {
    width: 18.5% !important;
    background: 0 0 !important
}

.segment-x > .projects-graph.segment-H.this-section-groups {
    width: 10.5% !important;
    background: 0 0 !important
}

.this-section-groups .progress-status-label {
    position: relative;
    margin-top: -45px;
    display: inline-block;
    text-align: right;
    right: 0;
    font-weight: 700;
    float: right;
    color: #757584;
    font-size: 12px !important;
    line-height: 1 !important;
    padding-bottom: 0;
    width: 100% !important;
    text-align: center;
    border-bottom: 0 solid #a1a1a1
}

.this-section-groups IMG {
    display: none !important
}

.this-section-groups > .span-x {
    font-size: 12px !important;
    line-height: 1 !important;
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important
}

.this-section-groups .tbl-segment-F, .this-section-groups .tbl-segment-F TR, .this-section-groups .tbl-segment-F TR TD {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    vertical-align: middle !important;
    text-align: center
}

.this-section-groups .tbl-segment-F TR TD SPAN {
    font-size: 12px !important;
    height: 20px;
    line-height: 17px !important;
    text-align: center;
    display: inline-block;
    width: 100% !important;
    padding: 2px !important;
    margin: 0 !important;
    border: none !important;
    font-weight: 700 !important;
    background: 0 0
}

.this-section-groups .tbl-segment-F.preview TR TD SPAN {
    background: #627d4d;
    background: -moz-linear-gradient(left,#627d4d 0,#627d4d 51%,#1f3b08 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#627d4d),color-stop(51%,#627d4d),color-stop(100%,#1f3b08));
    background: -webkit-linear-gradient(left,#627d4d 0,#627d4d 51%,#1f3b08 100%);
    background: -o-linear-gradient(left,#627d4d 0,#627d4d 51%,#1f3b08 100%);
    background: -ms-linear-gradient(left,#627d4d 0,#627d4d 51%,#1f3b08 100%);
    background: linear-gradient(to right,#627d4d 0,#627d4d 51%,#1f3b08 100%);
    color: #fff !important
}

.this-section-groups .tbl-segment-F.initiated TR TD SPAN {
    background: #f85032;
    background: -moz-linear-gradient(left,#f85032 0,#f16f5c 0,#f02f17 50%,#e73827 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#f85032),color-stop(0,#f16f5c),color-stop(50%,#f02f17),color-stop(100%,#e73827));
    background: -webkit-linear-gradient(left,#f85032 0,#f16f5c 0,#f02f17 50%,#e73827 100%);
    background: -o-linear-gradient(left,#f85032 0,#f16f5c 0,#f02f17 50%,#e73827 100%);
    background: -ms-linear-gradient(left,#f85032 0,#f16f5c 0,#f02f17 50%,#e73827 100%);
    background: linear-gradient(to right,#f85032 0,#f16f5c 0,#f02f17 50%,#e73827 100%);
    color: #fff !important
}

.cls-reg-new-user {
    display: none;
    text-align: center !important;
    padding: 15px !important;
    background-color: #757584 !important;
    margin-top: 10% !important;
    border-radius: 9px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 2px solid #000;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -22px;
    border-right-width: 0;
    border-left-width: 0
}

.cls-reg-new-user a {
    font-weight: 700;
    color: #ccc !important
}

.cls-login-box {
    margin: 0 auto !important;
    float: none !important;
    border: 3px solid #f6f6f6 !important;
    padding: 20px !important;
    border-radius: 10px;
    border-style: outset !important;
}

#form-register .validation-summary-errors {
    margin-bottom: 20px
}

#form-register .validation-summary-errors ul {
    border: 1px solid #000;
    display: block;
    padding: 5px;
    border-radius: 5px;
    background-color: pink
}

#form-register .validation-summary-errors ul li {
    font-weight: 700;
    color: red;
    display: block;
    text-align: center;
    font-size: 12px
}

.cls-h2 {
    color: #373742 !important;
    font-weight: 700;
    font-size: 1.5em;
    display: block !important;
    height: auto !important
}

#btnRegister {
    color: #000 !important;
    background-color: #aad5ff !important;
    border-color: #000 !important
}

.navigator.cls-status-logout {
    margin-bottom: 25px
}

.text-danger.form-login > SPAN {
    background-color: pink;
    padding: 2px;
    display: block;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 5px;
    color: red;
    font-weight: 700;
    font-size: 12px
}

hr {
    border-color: #757584 !important
}

#tbl_domains {
    width: 100% !important;
    padding: 0;
    margin: 0
}

    #tbl_domains TR TD {
        width: 33% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        vertical-align: middle !important;
        font-weight: 700 !important;
        font-size: 13px
    }

        #tbl_domains TR TD label {
            word-spacing: normal !important;
            word-break: keep-all !important;
            white-space: nowrap !important
        }

    #tbl_domains thead tr th {
        width: 33% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        vertical-align: middle !important;
        font-weight: 700 !important;
        font-size: 13px
    }

        #tbl_domains TR TD.td-first, #tbl_domains thead tr th.th-first {
            padding-left: 0 !important
        }

    #tbl_domains TR TD.td-middle > INPUT {
        font-size: 13px;
        color: #00f
    }

#page-Projects-top-bar.page-add-project {
    margin-bottom: 25px !important
}

#project-add-tab {
    display: none;
    width: 100% !important;
    border-bottom: 1px solid #000 !important;
    margin-bottom: 25px !important
}

    #project-add-tab a {
        display: inline-block;
        padding: 5px 10px;
        margin: 0;
        background-color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #000;
        border-bottom: 0;
        text-decoration: none !important;
        color: #00f
    }

        #project-add-tab a.tab-open {
            font-weight: 700;
            color: #0000cd;
            border-width: 2px;
            border-color: #000;
            background-color: #a3d900
        }

#project-info-holder {
    position: relative
}

#selected-domains-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block !important;
    width: 100% !important
}

    #selected-domains-list li {
        float: left;
        padding: 0;
        margin: 0 5px 0 0
    }

        #selected-domains-list li A {
            display: inline-block;
            padding: 5px 10px;
            margin: 0;
            text-decoration: none;
            color: #00f;
            background-color: #fff;
            border: 1px solid #000;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin: 0;
            border-bottom: none !important
        }

            #selected-domains-list li A.tab-open {
                font-weight: 700;
                color: #0000cd;
                border-color: #000;
                border-bottom-width: 1px;
                margin-top: -1px;
                background-color: #a3d900;
                border-width: 2px
            }

.dom-view-holder {
    border: 1px solid #000;
    margin-top: -1px;
    padding: 10px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff
}

#server-request-requirements, #vcCircuit-request-requirements, #vcPBX-request-requirements {
    margin-top: -10px;
    margin-bottom: -10px
}

.request-response-info-tab, .server-info-tab {
    padding: 10px;
    margin: 13px 0 26px 0;
    border: 1px solid #757584;
    display: none;
    width: 100% !important;
    display: block;
    position: relative;
    border-radius: 5px;
    border-left: 5px solid red
}

#server-requirements-list-holder {
    float: left;
    width: 25%;
    background-color: #ccc;
    border-right: 1px solid #000;
    padding: 10px 0 0 0;
    margin-left: -11px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -1px;
    display: none
}

    #server-requirements-list-holder ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        #server-requirements-list-holder ul li {
            display: block;
            padding: 0;
            margin: 0 0 10px 0
        }

            #server-requirements-list-holder ul li a {
                display: block;
                padding: 5px;
                margin: 0;
                text-decoration: none;
                border: 1px solid #000;
                border-right: none;
                border-radius: 5px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                font-size: 13px;
                color: #fff;
                position: relative;
                background-color: #373742;
                text-align: right
            }

                #server-requirements-list-holder ul li a.tab-open {
                    font-weight: 700;
                    color: #0000cd;
                    text-decoration: none;
                    border-color: #00f;
                    border-width: 2px;
                    border-right-width: 0;
                    background-color: #fff;
                    margin-right: -1px !important
                }

#tabs-container {
    float: left;
    width: 75%;
    background-color: #fff;
    width: 100% !important;
    margin-top: 10px
}

#project-domains-holder {
    display: none;
    margin-top: 50px
}

.has_error {
    color: red !important;
    font-weight: 700;
    background-color: #f3cece;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 15px
}

.request_status {
    float: none;
    margin-left: 0;
    margin-top: -10px;
    text-align: center
}

.has-error .control-label, .has-error .help-block, .has-error .help-inline {
    color: #b94a48
}

.has-error .control-label, .has-error .help-block, .has-error .help-inline {
    background-color: #ffb1be;
    font-weight: 700
}

.span-process-request {
    float: right;
    margin-right: 15px;
    font-weight: 700;
    font-size: 13px;
    background-color: #fff;
    padding: 3px;
    display: none;
    color: #00f
}

    .span-process-request img {
        display: inline-block;
        padding: 0;
        margin: 0 0 0 5px;
        line-height: 0;
        font-size: 0;
        border: 0;
        vertical-align: middle
    }

.tab-title {
    position: relative;
    top: -24px;
    left: 0;
    border: 1px solid #757584;
    display: inline-block;
    padding: 5px;
    background-color: #a3d900;
    border-radius: 5px;
    box-shadow: 4px 4px 4px #757584 !important;
    font-weight: 700;
    color: #00f
}

.new-servers-question {
    margin-bottom: 30px;
    border: 1px solid #000;
    border-radius: 5px;
    padding-top: 10px;
    background-color: #efefef;
    font-weight: 700
}

#server-sections-holder, #voice-circuit-holder, #voice-pbx-holder, .server-config-numbers {
    display: none
}

.span-process-request.server.success, .span-process-request.success {
    background-color: #006400 !important;
    color: #fff !important
}

#tbl_Projects tr TD.dataTables_empty {
    font-weight: 700;
    text-align: center;
    color: red;
    background-color: pink
}

#response-forms-holder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
    background-color: #fff;
    border: 2px solid #d1d1d1;
    border-radius: 5px !important;
    box-shadow: 4px 4px 4px #757584 !important;
    padding: 5px !important;
    display: none
}

#list-domains {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    #list-domains li {
        padding: 0;
        margin: 0;
        display: block
    }

        #list-domains li a {
            padding: 3px;
            margin: 0;
            display: block;
            text-decoration: none !important;
            font-size: 13px;
            color: #373742
        }

            #list-domains li a:hover {
                background-color: RGB(163,217,0);
                color: #000
            }

.item-close {
    display: inline-block;
    position: relative;
    top: -16px;
    right: -16px;
    float: right;
    color: red;
    font-size: 15px;
    font-weight: 700;
    background-color: pink;
    padding: 2px;
    border: 2px solid #757584;
    border-radius: 5px;
    text-decoration: none !important
}

#list-domains li a.header {
    text-align: center !important;
    font-weight: 700 !important;
    background-color: #a3d900 !important;
    color: #373742 !important;
    border: 2px solid #373742;
    margin-bottom: 5px;
    white-space: nowrap !important
}

.request-response-bg, .server-response {
    background-color: #fff !important
}

.anchors-holder {
    position: relative;
    float: right;
    top: -20px;
    background-color: #a3d900;
    padding: 2px 5px;
    border: 1px solid #000;
    border-radius: 5px;
    display: none !important;
    right: 0 !important
}

#anchors-holder {
    display: inline-block !important;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 4px 4px 4px #757584 !important;
    width: 100% !important
}

.anchors-holder a {
    display: inline-block;
    color: #00f;
    font-size: 12px;
    text-decoration: none;
    background-color: #a3d900;
    padding: 2px 3px
}

.server-ilo-holder, .server-module-holder, .server-partition-holder {
    background-color: #fff9c6;
    padding: 5px 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    position: relative
}

.add-another-module {
    display: block;
    margin: 0 auto !important;
    text-decoration: none;
    text-align: center;
    padding: 0 0 20px 0
}

    .add-another-module a {
        display: inline-block;
        margin: 0 auto !important;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
        padding: 2px 5px;
        font-size: 13px
    }

#floater {
    position: fixed !important;
    top: 25% !important;
    width: auto !important;
    height: auto;
    background-color: silver;
    color: #00f;
    display: none;
    text-align: center;
    z-index: 786786 !important;
    margin-left: -20px !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    right: 2% !important
}

#anchors-holder ul {
    padding: 0;
    margin: 0;
    list-style-type: none !important
}

    #anchors-holder ul li {
        float: none !important;
        display: list-item !important
    }

        #anchors-holder ul li a {
            padding: 3px 5px;
            margin: 0 5px;
            text-decoration: none !important;
            border: 1px solid #000;
            border-radius: 5px !important;
            font-size: 12px;
            font-weight: 700;
            background-color: RGB(163,217,0) !important;
            display: block;
            color: #000
        }

.server-data-holder .remove-me {
    display: none;
    float: right;
    position: absolute;
    padding: 2px 2px 2px 2px;
    margin: 0;
    font-weight: 700;
    color: red;
    background-color: pink;
    top: -19px;
    right: 10px;
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    border-bottom: none !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 25px;
    text-align: center
}

.server-data-holder.new-ilo .remove-me, .server-data-holder.new-module .remove-me, .server-data-holder.new-partition .remove-me {
    display: inline-block
}

.server-data-holder.new-section {
    margin-top: 25px !important
}

.ilo-ports-container, .mod-ilos-holder, .mod-ports-holder {
    text-align: center !important
}

.ilo-ports-list, .ilos-list, .ports-list {
    padding: 0;
    margin: 0;
    list-style-type: none !important
}

    .ilo-ports-list li, .ilos-list li, .ports-list li {
        float: none !important;
        margin: 0 0 -1px 0;
        display: inline-block;
        border: 1px solid #757584;
        border-radius: 5px
    }

    .ilos-list li {
        padding: 0 5px 0 0
    }

        .ilo-ports-list li INPUT, .ilos-list li INPUT, .ports-list li INPUT {
            float: none !important;
            margin: 5px !important;
            border-radius: 5px !important;
            border: 1px solid #ccc;
            padding-left: 5px
        }

.add-another-ilo {
    display: block;
    padding: 5px;
    margin: 0 auto 10px 0 !important;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center
}

    .add-another-ilo a {
        font-weight: 700;
        font-size: 13px
    }

.remove-ilo {
    display: inline-block;
    font-weight: 700;
    color: red;
    background-color: pink;
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    width: 20px;
    text-decoration: none !important
}

#servers-list-container {
    float: left;
    width: 19.25%;
    display: inline-block;
    padding: 0 5px 5px 5px;
    border: 1px solid #757584;
    position: relative;
    border-radius: 5px;
    border-left: 5px solid red;
    background-color: #fff;
    box-shadow: 4px 4px 4px #757584 !important
}

    #servers-list-container ul {
        padding: 0;
        margin: 0;
        list-style-type: none !important;
        display: block
    }

        #servers-list-container ul LI {
            padding: 0;
            margin: 0 0 -1px 0;
            display: block
        }

            #servers-list-container ul LI a {
                padding: 5px 5px 6px 5px;
                margin: 0 0 -1px 0;
                border: 1px solid #757584;
                position: relative;
                border-radius: 5px;
                border-left: 5px solid #a3d900;
                font-size: 13px;
                display: block;
                text-decoration: none;
                text-transform: capitalize;
                word-break: break-word !important
            }

                #servers-list-container ul LI a span.server-name {
                    display: inline !important;
                    word-break: break-word !important
                }

                #servers-list-container ul LI a:hover {
                    border-left: 5px solid #000;
                    background-color: #d2ff52;
                    color: #00f
                }

                #servers-list-container ul LI a.selected {
                    background-color: #a3d900;
                    border-left: 5px solid green;
                    color: #000;
                    font-weight: 700
                }

.server-response-elements {
    float: right;
    width: 79.25%;
    display: inline-block
}

.servers-title {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    position: relative;
    padding: 5px;
    background-color: #2196f3;
    border-top-right-radius: 4px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700
}

.proj-title {
    display: inline-block;
    top: -9px;
    right: 5px;
    float: right;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    background-color: #2196f3;
    border: 1px solid #757584;
    border-bottom: none;
    padding: 3px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff
}

.errors-holder {
    display: block;
    background-color: transparent !important;
    margin: 0 auto !important;
    text-align: center !important;
    z-index: 555555 !important;
    position: relative !important;
    width: 100% !important;
    top: 0
}

.request_status {
    display: inline-block !important;
    margin: 0 auto !important;
    position: relative
}

.has-error .validation-error {
    font-size: 12px;
    color: #fff !important;
    background-color: red !important;
    padding: 0 15px 0 0 !important
}

.port-item-required .has_error {
    font-weight: 400 !important;
    color: red !important;
    padding-left: 5px !important
}

.provide-missing-info.has_error {
    display: block;
    font-size: 12px;
    text-align: center;
    margin-top: -5px !important
}

.icon-tick {
    float: right;
    display: none;
    color: #fff
}

    .icon-tick.show {
        display: inline-block !important;
        background-color: #006400;
        padding: 1px;
        border: 1px solid #757584;
        margin-top: -1px;
        margin-right: -6px;
        position: relative;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

.proj-SLA {
    float: right !important;
    display: inline-block !important;
    padding: 4px 6px 3px 6px !important;
    top: -5px !important;
    position: relative !important;
    font-weight: 700;
    font-size: 12px !important;
    border-bottom: 5px solid #2196f3;
    right: 6px !important;
    background-color: #006400;
    color: #fff;
    border-top-right-radius: 5px !important;
    border: 1px solid #373742
}

.behind-schedule {
    background-color: red !important;
    color: #fff !important
}

#layOver.SMngmnt {
    position: absolute;
    top: 13px;
    left: 0;
    background-color: transparent;
    z-index: 555;
    width: 100%;
    height: 100%;
    display: none;
    border: 1px solid red;
    border-top: none;
    border-right-width: 5px;
    border-left-width: 5px;
    border-bottom: none
}

#anchors-holder ul li a {
    text-align: center !important;
    font-size: 14px !important
}

    #anchors-holder ul li a span {
        display: inline-block;
        margin-left: 5px;
        display: none !important
    }

#anchors-holder {
    width: auto !important;
    float: none !important
}

    #anchors-holder ul li a:hover {
        background-color: #006400 !important
    }

        #anchors-holder ul li a:hover i {
            color: #fff !important
        }

#floaterX {
    text-align: right !important
}

#layOver i {
    font-size: 500% !important;
    padding: 5px !important;
    color: #fff !important;
    border: 5px solid #000 !important;
    background-color: #006400 !important;
    margin: 4% 0 0 3% !important;
    border-radius: 5px !important;
    display: inline-block !important
}

.form-group.option-optional {
    display: none
}

.data-submitted-by {
    float: left;
    display: inline-block;
    background-color: #006400;
    padding: 3px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #373742;
    border-radius: 5px !important;
    font-size: 12px
}

.system-message {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    color: #00f
}

.SAN-module-ports-holder {
    border: 1px solid #000;
    padding-top: 15px
}

.form-group.cabinet-name.empty-entry {
    display: none !important
}

.ilo-ports-list li, .ilos-list li, .ports-list li {
    width: 100%
}

    .ilo-ports-list li INPUT, .ilos-list li INPUT, .ports-list li INPUT {
        float: left !important
    }

.module-Item ul {
    float: left !important;
    border: none !important
}

    .module-Item ul LI {
        float: left !important;
        width: auto !important;
        border: none !important
    }

.item-span {
    float: left !important;
    display: inline-block !important;
    padding: 12px 9px 0 9px !important;
    font-weight: 700 !important;
    font-size: 12px !important
}

.lbl-module-name {
    background-color: transparent;
    color: #00f !important
}

.cabinets-dummy, .modules-mockup {
    display: none !important
}

.module-holder-div {
    border: 0 solid #000;
    padding: 5px !important
}

.module-ports-holder-x {
    border-bottom: 1px dashed #757584;
    background-color: transparent;
    padding: 5px !important;
    margin-top: 10px;
    position: relative
}

.col-sm-x {
    font-weight: 700;
    font-size: 12px
}

.module-name, .module-port-name {
    background-color: #f5f6f6;
    color: #373742;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding-bottom: 0 !important;
    height: 30px !important;
    text-transform: uppercase !important;
    width: auto !important;
    display: inline-block !important;
    white-space: nowrap !important
}

.cbox-select.form-control {
    padding: 3px !important;
    line-height: 26px !important;
    height: 26px !important;
    color: #000
}

    .cbox-select.form-control option {
        color: #00f;
        font-weight: 400
    }

.module-title-holder-x {
    display: block;
    padding: 5px;
    margin: 0;
    background-color: #a3d900;
    color: #00f;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid #373742;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative
}

.module-ports-holder-x.module-ports-holder-y {
    border-bottom: none !important
}

.lbl-ep {
    background-color: #f5f6f6 !important
}

.module-title-holder-x.module-title-holder-y {
    margin-bottom: 10px;
    background-color: #2196f3;
    color: #fff;
    padding: 0 !important
}

.server-cab-dev-name {
    padding: 5px !important;
    background-color: #fff !important;
    color: #00f !important
}

.cabinet-name {
    float: left;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right: 1px solid #000
}

.cabinet-device-name {
    float: right;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left: 1px solid #000
}

.div-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
    display: none;
    background-color: transparent;
    z-index: 555;
    border: 1px solid #000;
    border-bottom: none !important
}

    .div-overlay i {
        position: relative;
        z-index: 5555;
        font-size: 25px;
        float: right;
        color: #fff;
        border: 1px solid #000;
        border-radius: 5px !important;
        margin: 5px;
        background-color: #006400;
        display: inline-block !important
    }

.all-ports-paired {
    display: block;
    border: 1px solid #777785;
    border-top: none !important;
    padding: 10px;
    margin-top: -5px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 700;
    color: #006400;
    font-size: 13px
}

.all-paired-div {
    display: block
}

    .all-paired-div div.item, .module-holder-div div.item {
        display: block;
        padding: 10px 5px;
        border-bottom: 1px dashed #757584;
        margin: 0 0 !important;
        text-transform: uppercase;
        font-weight: 700;
        background-color: #ffffbe;
        font-size: 13px
    }

    .all-paired-div div.last, .module-holder-div div.last {
        border-bottom: none
    }

#project-domains-holder.show-tabs {
    display: block !important
}

.editsection {
    display: inline-block;
    padding: 0 5px;
    margin: 0;
    float: right;
    top: -25px !important;
    font-weight: 700;
    position: relative !important;
    color: #373742
}

.editSectionNotice {
    display: none;
    margin-bottom: 15px;
    margin-top: -10px;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    color: red;
    font-weight: 700;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 4px 5px #757584 !important
}

.select-server {
    padding: 10px;
    background-color: #006400;
    border: 6px double #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    box-shadow: 0 4px 5px #757584 !important
}

    .select-server.has_error {
        color: red;
        background-color: #f3cece;
        border: 6px double red
    }

.select-server-msg {
    top: -15px;
    position: absolute;
    background-color: #f3cece;
    color: red;
    display: none;
    padding: 1px 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px
}

.has-error .control-label {
    border-left: 5px solid red
}

.navigator .project-title-holder {
    float: right;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #2196f3;
    padding: 5px;
    border: 1px solid #757584;
    border-radius: 5px
}

.final-submission-block {
    margin-top: 25px;
    background-color: #ccc;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #757584;
    display: block
}

.phase-text, .phase-text label, .segment-x {
    cursor: pointer !important
}

.segment-A.Proj_Name {
    text-transform: capitalize !important;
    color: #00f !important;
    font-weight: 700;
    font-size: 12px
}

.projects-graph img.img-loader {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: none;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background-color: #2196f3 !important
}

.phase-text label {
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 5px #000;
    text-shadow: -1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000
}

.item.tba, .item.tba SPAN {
    background-color: #f3cece !important;
    color: red !important
}

.editSectionNotice.complete {
    background-color: #006400 !important;
    color: #fff !important
}

#server_request_info .server-info-tab {
    border-left: 1px solid RGB(117,117,132)
}

.sticky {
    position: fixed;
    top: 10px;
    right: 18px;
    margin: 0;
    width: calc(33.33% - 25px)
}

.abs {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: calc(33.33% - 20px)
}

.progress-status-label:not(:first-child) {
    text-align: center !important;
    float: left !important;
    padding-right: 0 !important;
    word-spacing: 100000px;
    word-spacing: normal !important
}

.progress-status-label {
    position: relative;
    margin-top: -45px;
    display: inline-block;
    left: 0;
    font-weight: 700;
    float: none;
    color: #757584;
    font-size: 12px !important;
    line-height: 1 !important;
    padding-bottom: 0;
    width: 100% !important;
    text-align: center;
    border-bottom: 0 solid #a1a1a1
}

#page-dashboard-page-content {
    min-height: 500px
}

..server-request-elements {
    width: 100% !important;
    display: block !important;
    float: none !important
}

#new_server_data_holder {
    display: none
}

.cls-no-servers {
    padding: 10px;
    margin: 5px;
    border: 1px solid red;
    background-color: #fff;
    color: red;
    border-radius: 5px
}

.no-more-servers-to-add {
    display: none;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    margin: 0 auto !important;
    border: 1px solid #00f;
    margin-top: 25px !important;
    color: #369;
    font-size: 14px !important
}

.request_processing {
    display: none;
    text-align: center;
    padding: 10px;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #373742;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    color: #00f
}

.server-response-elements.sre-holder {
    background-color: #fff;
    min-height: 500px;
    border-radius: 5px;
    border: 1px solid #757584
}

    .server-response-elements.sre-holder span {
        padding: 10px;
        margin: 15px;
        display: block;
        border: 1px solid #373742;
        border-radius: 5px;
        background-color: #a3d900
    }

#no_server_found {
    min-height: 500px
}

.server-tabs {
    display: none
}

    .server-tabs.tab-active {
        display: block
    }

.tabs-holder {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0 0 -1px 4px
}

.tabs-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    .tabs-list li {
        float: left;
        padding: 0;
        margin: 0 -1px 0 0
    }

        .tabs-list li a {
            display: inline-block;
            padding: 10px 20px;
            margin: 0 -1px 0 0;
            border: 1px solid #000;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            background-color: #a3d900;
            text-decoration: none !important;
            color: #000
        }

.item-tab.tab-active {
    background-color: #006400;
    color: #fff;
    font-weight: 700;
    border-top: 5px solid #0f0;
    margin-top: -4px !important
}

.item-tab.isDisabled {
    background-color: #ccc
}

.btn-show-title {
    display: inline-block;
    position: relative
}

    .btn-show-title span {
        position: absolute;
        background-color: #000;
        padding: 3px;
        margin: 0;
        top: -18px;
        right: 0;
        border: 1px solid #373742;
        border-radius: 5px;
        z-index: 555 !important;
        display: none;
        color: #fff !important
    }

.load-view-msg {
    padding: 25px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #00f;
    background-color: #fff;
    min-height: 500px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 0
}

.capitalize-text {
    text-transform: capitalize !important
}

.ports-list li INPUT {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.details {
    background-color: #fff
}

#tblCircuitCost tbody tr td, #tblCircuitCost thead tr th {
    border: 1px solid #000 !important
}

#tbl_Projects.myTSRF-datatable TBODY TR TD, #tbl_Projects.myTSRF-datatable TFOOT TR TH, #tbl_Projects.myTSRF-datatable THEAD TR TH {
    padding: 8px !important;
    vertical-align: middle !important
}

#mILOsGrid.myTSRF-datatable TBODY TR TD, #mILOsGrid.myTSRF-datatable TFOOT TR TH, #mILOsGrid.myTSRF-datatable THEAD TR TH, #mNICsGrid.myTSRF-datatable TBODY TR TD, #mNICsGrid.myTSRF-datatable TFOOT TR TH, #mNICsGrid.myTSRF-datatable THEAD TR TH {
    padding: 4px !important;
    vertical-align: middle !important
}

#montefioreModal .modal-title {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    color: #666
}

.no-ports-found-block {
    text-align: center;
    padding: 10px;
    background-color: #c2c2ff;
    font-weight: 700
}

.ports-list.abc-listxxx li {
    border: 1px solid #fff !important
}

    .ports-list.abc-listxxx li INPUT {
        font-size: 13px !important;
        width: 16.25% !important
    }

    .ports-list.abc-listxxx li span.item-span {
        padding: 5px !important;
        height: 31px;
        line-height: 31px;
        margin-right: 10px;
        text-align: right
    }

    .ports-list.abc-listxxx li ul.radio-buttons-list li span.lbl-text.server-mngmnt {
        height: 28px !important;
        line-height: 28px;
        font-size: 13px
    }

#mILOsGrid.myTSRF-datatable TBODY TR TD, #mILOsGrid.myTSRF-datatable TFOOT TR TH, #mILOsGrid.myTSRF-datatable THEAD TR TH, #mNICsGrid.myTSRF-datatable TBODY TR TD, #mNICsGrid.myTSRF-datatable TFOOT TR TH, #mNICsGrid.myTSRF-datatable THEAD TR TH {
    position: relative !important
}

.portscounholder {
    display: inline-block;
    float: left;
    background-color: #369;
    color: #fff;
    width: auto;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 20px
}

    .portscounholder span {
        display: inline-block;
        margin: 0 10px;
        font-size: 13px
    }

.portsSequencetracker {
    display: inline-block;
    float: right;
    background-color: #369;
    color: #fff;
    width: auto;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 20px
}

    .portsSequencetracker span {
        display: inline-block;
        margin: 0 10px;
        font-size: 13px
    }

.cls_NOTOK_PortName {
    border: 1px solid red !important
}

.avbPortsNum {
    display: inline-block;
    float: left;
    background-color: #369;
    color: #fff;
    width: auto;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: 700;
    margin-left: 5px
}

#server_ilo_1, .server-module-holder.server-data-holder {
    display: none;
    margin-top: 10px;
    box-shadow: 0 5px 20px #373742 !important;
    margin-bottom: 25px
}

#servers-list-container ul LI a i.fa-server {
    float: left !important
}

.lblTitle {
    border-bottom: 1px solid #373742;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: 700;
    color: #00f;
    background-color: #a3d900;
    border-top: 1px solid #373742
}

.cls_response_pending, .cls_response_responded {
    display: block;
    text-align: left;
    padding: 10px;
    border: 1px solid #373742;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: silver;
    color: #000;
    font-weight: 700;
    position: relative
}

    .cls_response_pending INPUT {
        color: #555 !important
    }

.cls_response_responded {
    background-color: #fff !important;
    color: #00008b !important
}

    .cls_response_responded INPUT, .cls_response_responded select {
        color: #00008b !important
    }

.input-is-required.has_error {
    margin-bottom: 0 !important
}

.ajax-loader {
    position: absolute;
    top: -21px !important;
    right: 0 !important;
    margin: 0;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
    border-radius: 5px !important
}

.alignCenter {
    text-align: center !important
}

.request-deleted-successfully {
    margin-top: 20px;
    display: block;
    padding: 5px;
    color: #fff !important;
    background-color: #006400;
    font-weight: 700;
    border-radius: 5px;
    text-align: center
}

    .request-deleted-successfully i {
        margin-right: 10px;
        border: 1px solid #373742;
        padding: 1px;
        font-size: 20px;
        border-radius: 5px;
        background-color: #fff;
        color: #006400;
        vertical-align: middle
    }

.cls-activationDate-holder {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    margin: 5px;
    border: 1px dashed #000;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #373742;
    font-weight: 700;
    font-size: 12px;
    z-index: 1 !important
}

    .cls-activationDate-holder.isActive {
        background-color: #a3d900;
        color: #000
    }

    .cls-activationDate-holder.inActive {
        background-color: red;
        color: #fff
    }

.project-srno-list {
    padding: 0;
    margin-left: 25px;
    list-style-type: decimal !important
}

    .project-srno-list li {
        margin-bottom: 5px !important;
        border-bottom: 1px solid #000 !important;
        padding-bottom: 2px !important
    }

        .project-srno-list li label {
            display: block;
            position: relative;
            color: #00f;
            padding-right: 75px !important;
            font-weight: 700 !important
        }

            .project-srno-list li label span {
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                padding: 0;
                margin: 0;
                color: red !important;
                cursor: pointer
            }

.project-sr-holder {
    display: inline-block !important;
    padding: 5px 5px 5px 5px !important;
    margin: 15px 0 0 0 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    position: relative !important;
    box-shadow: 5px 5px 10px #848484 !important;
    min-width: 100%
}

.sr-holder-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    background-color: green;
    padding: 5px;
    color: #fff
}

.sr-delete-loader {
    position: absolute;
    top: 8px !important;
    right: -20px !important;
    padding: 0;
    margin: 0;
    display: none
}

.process-delete.holder {
    border: 1px solid #000 !important;
    padding: 3px !important;
    margin: 5px 0 !important;
    border-radius: 5px !important;
    background-color: pink;
    font-weight: 700 !important;
    font-size: 13px !important;
    display: none
}

    .process-delete.holder button {
        padding: 2px 4px !important;
        font-weight: 700 !important;
        font-size: 13px !important
    }

.graph-service-requests-holder {
    display: block
}

.ALocation-noCabinets, .ZLocation-noCabinets {
    padding: 0 0 0 5px;
    background-color: pink;
    color: red;
    font-weight: 700;
    display: none
}

.cls_sr_link {
    display: inline-block;
    background-color: #a3d900 !important;
    padding: 2px !important;
    margin: 4px 2px 0 2px !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    color: #000 !important
}

.cls_response_isDone.cls_within_allocated_days {
    background-image: -ms-linear-gradient(left,#4caf50 0,#005f56 100%) !important;
    background-image: -moz-linear-gradient(left,#4caf50 0,#005f56 100%) !important;
    background-image: -o-linear-gradient(left,#4caf50 0,#005f56 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#4caf50),color-stop(100,#005f56)) !important;
    background-image: -webkit-linear-gradient(left,#4caf50 0,#005f56 100%) !important;
    background-image: linear-gradient(to right,#4caf50 0,#005f56 100%) !important;
    width: 100% !important
}

.cls_response_isDone.cls_outside_allocated_days {
    background-image: -ms-linear-gradient(left,#c0ecff 0,#40abff 100%) !important;
    background-image: -moz-linear-gradient(left,#c0ecff 0,#40abff 100%) !important;
    background-image: -o-linear-gradient(left,#c0ecff 0,#40abff 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#c0ecff),color-stop(100,#40abff)) !important;
    background-image: -webkit-linear-gradient(left,#c0ecff 0,#40abff 100%) !important;
    background-image: linear-gradient(to right,#c0ecff 0,#40abff 100%) !important;
    width: 100% !important
}

.cls_domain_status.cls_response_unknown {
    background-image: -ms-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -moz-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -o-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100,#f7f7f7)) !important;
    background-image: -webkit-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: linear-gradient(to right,#fff 0,#f7f7f7 100%) !important;
    width: 100% !important
}

.cls_domain_status.cls_no_domain_assigned {
    background-image: -ms-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -moz-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -o-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100,#f7f7f7)) !important;
    background-image: -webkit-linear-gradient(left,#fff 0,#f7f7f7 100%) !important;
    background-image: linear-gradient(to right,#fff 0,#f7f7f7 100%) !important;
    width: 100% !important
}

.cls_domain_status.cls_domain_assigned.cls_no_children {
    background-image: -ms-linear-gradient(left,#ffee58 0,#ff9800 100%) !important;
    background-image: -moz-linear-gradient(left,#ffee58 0,#ff9800 100%) !important;
    background-image: -o-linear-gradient(left,#ffee58 0,#ff9800 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ffee58),color-stop(100,#ff9800)) !important;
    background-image: -webkit-linear-gradient(left,#ffee58 0,#ff9800 100%) !important;
    background-image: linear-gradient(to right,#ffee58 0,#ff9800 100%) !important;
    width: 100% !important
}

.cls_domain_status.cls_response_isPending.cls_outside_allocated_days {
    background-image: -ms-linear-gradient(left,#ff4b4b 0,#ff0303 100%) !important;
    background-image: -moz-linear-gradient(left,#ff4b4b 0,#ff0303 100%) !important;
    background-image: -o-linear-gradient(left,#ff4b4b 0,#ff0303 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff4b4b),color-stop(100,#ff0303)) !important;
    background-image: -webkit-linear-gradient(left,#ff4b4b 0,#ff0303 100%) !important;
    background-image: linear-gradient(to right,#ff4b4b 0,#ff0303 100%) !important;
    width: 100% !important
}

.nteng_req_options {
    display: block
}

.missing-data-block {
    background-color: pink !important
}

.list-header {
    display: block !important;
    padding: 5px !important;
    background-color: #ccc;
    margin: 5px 0 !important;
    color: #000 !important;
    font-weight: 700;
    border-radius: 5px !important;
    font-size: 13px !important;
    text-align: left !important;
    position: relative !important;
    border: 1px solid #000
}

    .list-header span {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 5px;
        background-color: #fff;
        margin-left: -8px;
        margin-right: 5px;
        top: -2px
    }

.clsIDFsHolder, .clsMDFsHolder, .clsSiteHolder {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#server_info.server-info-tab.server-response {
    display: block
}

.DomProj_Name.cls_myTSRF {
    background-color: #cde9ff !important;
    border-bottom: 0 dashed #000;
    border-top: 0 dashed #000
}

.cls_cabinet_name_input {
    text-transform: uppercase !important
}

.input-is-man.has_error {
    color: red !important;
    font-weight: 700 !important;
    background-color: #f3cece !important;
    border-color: red !important;
    padding: 0 !important;
    margin-bottom: 0 !important
}

#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;
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            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
            }

#LocationGrid_wrapper .dataTables_length {
    display: inline-block !important
}

#LocationGrid_wrapper .sorting_asc, #fmLocationGrid_wrapper .sorting_asc {
    background-color: #d6ff5c !important;
    font-weight: 700;
    color: #000 !important
}

#LocationGrid_wrapper .sorting_desc, #fmLocationGrid_wrapper .sorting_desc {
    background-color: #bcfb00 !important;
    font-weight: 700;
    color: #000 !important
}

#LocationGrid thead, #fmLocationGrid thead {
    background-color: #666;
    color: #fff
}

.options_holder {
    display: block;
    text-align: center;
    border-bottom: 1px solid #000
}

.SIHS51685 .modal-dialog {
    width: 80% !important
}

.even.isSelected, .even.isSelected TD, .odd.isSelected, .odd.isSelected TD {
    background-color: #cfe7ff !important
}

.cls_isProjectLocation, .cls_isProjectLocation td {
    background-color: #c1ffc1 !important
}

.clsDeleteHolder {
    position: relative !important
}

.delete_projdoc_box, .delete_projloc_box {
    position: absolute !important;
    right: 35px !important;
    background-color: #ff0;
    padding: 5px 0 5px 5px !important;
    border: 1px solid #000;
    border-radius: 5px !important;
    top: 1px !important;
    font-weight: 700;
    font-size: 12px !important;
    z-index: 5566 !important;
    box-shadow: 3px 3px 10px #373742
}

    .delete_projdoc_box button, .delete_projloc_box button {
        padding: 0 5px !important;
        font-weight: 700 !important;
        margin: 0 5px !important;
        font-size: 12px !important
    }

#location_data.location_data_holder .form-group {
    float: left !important;
    width: 50% !important
}

.midEle {
    display: inline-block;
    float: left;
    margin-right: 25px
}

.progress-bar-extended.upload-successful.upload-done {
    background-color: #006400;
    color: #fff;
    padding: 5px;
    font-weight: 700;
    font-size: 13px
}

.uploadBox {
    display: block;
    background-color: gold;
    margin: 0 0 10px 0;
    padding: 4px;
    border-radius: 5px;
    border: 1px solid #666;
    font-size: 13px
}

.proj-header-right {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right !important
}

    .proj-header-right li {
        display: inline-block;
        float: left !important;
        position: relative
    }

        .proj-header-right li span.qrt {
            position: absolute;
            top: -20px;
            right: 6px;
            width: auto !important;
            background-color: #000;
            padding: 3px;
            border: 1px solid #000;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 700;
            display: none;
            margin: 0 auto;
            text-align: center;
            white-space: nowrap;
            color: #fff !important
        }

.btn-user-action {
    display: inline-block !important;
    padding: 0 5px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    width: 26px !important;
    margin: 0 6px;
    height: 26px !important;
    overflow: hidden !important;
    color: #000 !important;
    border: 1px solid #000 !important
}

    .btn-user-action:hover {
        color: #fff !important
    }

#montefioreUploaderModal .modal-title {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    color: #666
}

#main-TaskHeaderDIV.collapse, #main-TaskListHolderDIV.collapse {
    width: 0% !important
}

#main-MenuSearchDIV.expand, #main-PageContentHolderDIV.expand {
    width: 100% !important;
    margin-bottom: 60px !important;
}

.sidebar-toggler {
    cursor: pointer;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    float: right;
    right: -14px !important;
    position: absolute;
    top: 3px
}

.sidebar-toggler {
    background-image: url(../../images/sidebar-toggler-purple.jpg);
    background-color: transparent
}

    .sidebar-toggler:hover {
        background-color: #006400;
        color: #fff
    }

    .sidebar-toggler.collapsed {
        background-image: url(../../images/sidebar-toggler-blue.jpg);
        background-color: transparent;
        right: -7px !important
    }

#main-MenuSearchDIV {
    position: relative
}

#layOverSRVR.cls_nudgeTop {
    top: 35px !important
}

.server-response-elements.sre-holder span.request-status, .server-response-elements.sre-holder span.request-text {
    display: inline-block !important;
    padding: 5px !important;
    margin: 2px !important;
    font-size: 13px
}

.server-response-elements.sre-holder span.request-text {
    width: 33.1555555555% !important;
    text-align: right;
    font-weight: 700
}

.server-response-elements.sre-holder span.req-header.req-completed, .server-response-elements.sre-holder span.request-status.request-completed {
    background-color: #2b712b !important;
    color: #fff !important;
    font-weight: 700;
    text-align: right
}

.server-response-elements.sre-holder span.req-header.req-pending, .server-response-elements.sre-holder span.request-status.request-pending {
    background-color: #a03232 !important;
    color: #fff !important;
    text-align: right
}

.server-response-elements.sre-holder span.dom-status {
    width: 46% !important;
    border-radius: 0 !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    margin: 0;
    display: inline-block;
    margin-right: -1px !important;
    background-color: #ccc !important;
    font-weight: 700;
    color: #00f
}

    .server-response-elements.sre-holder span.dom-status.dom-completed {
        background-color: #fff27f !important
    }

.server-response-elements.sre-holder span.req-header {
    display: inline-block;
    width: 18% !important;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 0 !important;
    margin-right: -1px !important
}

    .server-response-elements.sre-holder span.req-header.req-total {
        text-align: right;
        font-weight: 700
    }

    .server-response-elements.sre-holder span.req-header.req-pending {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important
    }

.server-response-elements.sre-holder span.loading {
    background-color: #ffc107 !important;
    color: #000 !important;
    font-weight: 700;
    text-align: center
}

#req-summary-table thead tr th {
    font-weight: 700 !important;
    background-color: #757584;
    color: #fff;
    border-bottom: none !important
}

#req-summary-table tbody tr td {
    font-size: 12px !important
}

    #req-summary-table tbody tr td.req-completed {
        background-color: #2b712b !important;
        color: #fff !important;
        font-weight: 700
    }

    #req-summary-table tbody tr td.req-pending {
        background-color: #a03232 !important;
        color: #fff !important
    }

.dom-signedoff-pending-requests {
    display: block;
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px !important;
    background-color: pink;
    color: red;
    text-align: center;
    font-weight: 700 !important
}

#ProjDomsGrid tr td, #ProjDomsGrid tr th {
    font-size: 13px !important
}

#ProjDomsGrid_wrapper .sorting_asc {
    background-color: #fff7b5 !important;
    font-weight: 700;
    color: #000 !important
}

#ProjDomsGrid_wrapper .sorting_desc {
    background-color: #ffeb3b !important;
    font-weight: 700;
    color: #000 !important
}

.td-domain-status {
    padding: 0 !important;
    vertical-align: middle !important
}

    .td-domain-status span {
        padding: 10px !important;
        display: block !important;
        font-weight: 700 !important
    }

        .td-domain-status span.domain-status.domain-completed {
            background-color: #007b00 !important;
            color: #fff !important
        }

        .td-domain-status span.domain-status.domain-in-process {
            background-color: #ffffb3 !important;
            color: #000 !important
        }

.sof-late {
    background-color: #ffb2b2 !important;
    color: #000 !important
}

.sof-delayed {
    background-color: #ff3636 !important;
    color: #fff !important
}

.sof-on-time {
    background-color: #007b00 !important;
    color: #fff !important
}

.sof-pending {
    background-color: #90ee90 !important;
    color: #000 !important
}

.sof-in-progress {
    background-color: #5592c7 !important;
    color: #fff !important
}

.tr-domain-project, tr-domain-project td {
    background-color: #bce1ff !important;
    font-weight: 700
}

#tbl_domains.edit TR TH, #tbl_domains.edit TR td {
    width: 25% !important;
    width: 16.7% !important
}

    #tbl_domains.edit TR td.dom_sla_updated {
        background-color: #fff !important;
        border: 1px solid #adadad;
        color: #006400 !important
    }

    #tbl_domains.edit TR td.dom_sla_org {
        color: transparent !important
    }

.domain-options-selected {
    position: relative !important
}

    .domain-options-selected .domain-status-flag {
        position: absolute !important;
        top: -13px;
        float: right;
        right: 1px
    }

        .domain-options-selected .domain-status-flag.f-green > i.fa-flag {
            color: #007b00 !important
        }

        .domain-options-selected .domain-status-flag.f-red > i.fa-flag {
            color: #ff3636 !important
        }

.DomProj_Name a {
    text-decoration: underline
}

.DomProj_Name.cls_myTSRF a {
    color: #00f !important
}

textarea.form-control.tarea {
    min-height: 54px
}

#tbl_SANDevicePorts tbody tr td, #tbl_SANDevicePorts thead tr th {
    font-size: 13px !important
}

    #tbl_SANDevicePorts tbody tr td SPAN {
        font-size: 12px !important
    }

.cls-SanConnection-bold b {
    font-weight: 700 !important;
    color: #006400 !important
}

#tbl_SANDevicePorts tbody tr td.cls-SanConnection-bold span {
    font-weight: 700 !important;
    color: #00f !important;
    font-size: 13px !important
}

#tbl_SANDevicePorts tbody tr.this_SANConn_Active td {
    background-color: #ffd1d1 !important;
    font-weight: 700
}

#tbl_SANDevicePorts tbody tr td.td-text-bold {
    font-weight: 700
}

.divsrHolder {
    border: 1px solid #000
}

.tbl_results_Holder tbody tr th {
    font-weight: 700
}

.tbl_results_Holder tbody tr td, .tbl_results_Holder tbody tr th {
    border: 1px solid #000 !important;
    padding: 3px 4px !important;
    font-size: 13px !important
}

    .tbl_results_Holder tbody tr td.pFrom {
        text-align: left
    }

    .tbl_results_Holder tbody tr td.pStatus {
        font-weight: 700
    }

i.SANPortIndicator {
    position: absolute;
    top: 25%;
    left: -7px;
    z-index: 1;
    color: #fff;
    background-color: red;
    width: 19px;
    font-size: 14px;
    border: 1px solid #000
}

.cls_conntype_P {
    padding: 0 6px;
    background-color: green;
    border: 1px solid #d1d1d1;
    margin-right: 5px;
    color: gold;
    font-weight: 700;
    display: inline-block
}

.cls_conntype_T {
    padding: 0 6px;
    background-color: gold;
    border: 1px solid #d1d1d1;
    margin-right: 5px;
    color: green;
    font-weight: 700;
    display: inline-block
}

ul#route-list li {
    margin-bottom: 5px
}

.left-trunk-port {
    display: inline-block
}

#tbl_SANDevicePorts tbody tr.this_SANConn_Soft_Reserved td {
    background-color: #d9d9d9 !important;
    font-weight: 700
}

.sys-gen-errors {
    background-color: pink;
    padding: 5px;
    border: 1px solid #979797;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    color: red;
    text-align: center;
    display: none;
    margin-top: -10px;
    position: relative
}

    .sys-gen-errors.show {
        display: block
    }

.project-progress-indicator.project-budget.group-status-no-permission {
    background-color: #eee !important;
    background-image: none !important
}

#notesHistory .mainNote {
    font-size: 13px !important
}

.form-control.select2-container.has_error {
    border: 1px solid red !important
}

    .form-control.select2-container.has_error a span.select2-chosen {
        font-weight: 700;
        color: red !important
    }

    .form-control.select2-container.has_error a.select2-choice.select2-default {
        background-color: #f3cece !important
    }

.token-input-list-facebook LI > P {
    font-size: 1.2em !important;
    font-weight: 700 !important
}

.resource_email, .resource_full_name {
    font-size: 1.2em !important
}

.token-input-list-facebook LI > SPAN.token-input-delete-token-facebook {
    padding: 2px !important;
    margin: 0 0 0 5px !important;
    display: inline-block !important;
    border: none !important;
    background-color: red !important;
    color: #fff !important;
    line-height: 1 !important
}

@media (max-width:1024px) {
    #main-HeaderDiv-Left {
        width: 34% !important
    }

    #main-HeaderDiv-Middle {
        width: 32% !important
    }

    #main-HeaderDiv-Right {
        width: 34% !important;
        padding-right: 5px !important
    }

    #main-HeaderDiv-Left SPAN {
        padding-left: 10px
    }

    .cls-mytsrf-logo LI, .cls-mytsrf-user LI {
        font-size: 20px !important
    }

    .cls-mytsrf-user LI {
        font-size: 11px !important
    }

    #main-MenuSearchTasksDIV {
        height: auto !important;
        overflow: visible !important
    }

    #main-MenuSearchTasksDIVContainer {
        overflow: visible !important
    }

    #main-MenuSearchDIV {
        padding: 0 10px
    }

    #main-TaskHeaderDIV {
        float: right !important
    }

    #main-MenuDIV {
        width: auto !important
    }

    #list-menu LI A {
        font-size: 0 !important;
        height: 61px !important;
        padding: 0 20px !important
    }

        #list-menu LI A > I {
            font-size: 30px !important;
            vertical-align: middle !important
        }

    .taskHolder SPAN, .taskHolder h1 {
        font-size: 12px !important
    }

    #main-TaskListHolderDIV {
        padding: 5px !important
    }

        #main-TaskListHolderDIV UL#projectsTasksList {
            margin-top: 20px !important
        }

            #main-TaskListHolderDIV UL#projectsTasksList LI {
                padding: 5px !important;
                margin-bottom: 10px !important
            }
}

.has_error {
    color: red !important;
    font-weight: 700;
    background-color: #f3cece;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 15px
}

.dataTables_length {
    /*display: none !important*/
}

TD.dataTables_empty {
    text-align: center !important;
    font-weight: 700;
    background-color: #f3cece !important;
    color: red !important
}

#tbl_Progress.tbl_Progress tr td.td_project_wrapper.accordion {
    text-align: left;
    margin-bottom: 2px !important
}

#tbl_Progress.tbl_Progress tr td span.project_wrapper {
    display: inline-block !important;
    text-align: left;
    font-weight: 700;
    width: auto !important
}

#tbl_Progress.tbl_Progress tr td span.percentage_wrapper {
    display: inline-block !important;
    text-align: right;
    font-weight: 700;
    width: auto !important
}

#tbl_Progress.tbl_Progress tr td span.proj_dom_name {
    display: inline-block !important;
    width: 90%;
    text-align: left;
    margin-right: 2%
}

#tbl_Progress.tbl_Progress tr td.td_dom_holders {
    width: 100% !important;
    padding: 3px 0 !important;
    border: 1px dashed #000;
    border-top: none;
    border-left: none;
    border-right: none
}

    #tbl_Progress.tbl_Progress tr td.td_dom_holders:nth-child(even) {
        background-color: #e2e2e2 !important
    }

    #tbl_Progress.tbl_Progress tr td.td_dom_holders:nth-child(odd) {
        background-color: #fff !important
    }

.td_project_wrapper {
    white-space: normal;
    padding: 6px 2px !important
}

#tbl_Progress.tbl_Progress tr td.td_project_wrapper {
    white-space: normal
}

.project_wrapper {
    width: 100%;
    display: inline-block;
    padding: 0 5px;
    text-align: right
}

.percentage_wrapper {
    float: right;
    width: auto;
    display: none
}

.dashboard {
    width: 100% !important
}

    .dashboard th {
        background: #fff !important;
        padding-bottom: 10px !important
    }

    .dashboard td {
        text-align: center;
        vertical-align: middle !important
    }

td.td_percentage {
    font-weight: 700 !important
}

.dashboard td a {
    display: block;
    color: #000
}

@media only screen and (min-width:768px) {
    .dashboard td {
        border: 4px solid #fff;
        padding: 4px 2px;
        vertical-align: middle !important
    }

        .dashboard td:first-child /*,.dashboard td:last-child*/ {
            background: #fff !important;
            border: none !important;
            border-bottom: 1px dashed #c1bebe !important;
            white-space: normal !important
        }

    .dashboard tr:last-child td:first-child, .dashboard tr:last-child td:last-child {
        border: none !important
    }

    .dashboard td:first-child {
        width: 20% !important
    }
}

.dashboard th {
    background: #ccc;
    text-align: center !important;
    font-weight: 400;
    font-size: 1em;
    padding: 5px 0;
    vertical-align: middle
}

.dashboard tr:nth-child(even) {
    background: #e9e9e9
}

.dashboard tr:nth-child(odd) {
    background: #f7f7f7
}

.dashboard td a.hide_domain {
    display: none !important
}

.no-projects-found {
    display: block;
    text-align: center;
    font-weight: 700;
    color: red;
    background-color: pink;
    font-size: 1.25em;
    font-size: 1.25em;
    padding: 10px;
    margin: 0 20px;
    border: 1px solid #757584;
    border-radius: 5px
}

#tbl_Progress .myTSRF-datatable TBODY TR TD, #tbl_Progress .myTSRF-datatable TFOOT TR TH, #tbl_Progress .myTSRF-datatable THEAD TR TH {
    border: 4px solid #fff !important;
    padding: 10px;
    margin: 0;
    cursor: pointer
}

#tbl_Progress_info {
    padding-left: 15px !important
}

.td_project_wrapper.accordion.accordion_open {
    background-color: #373742 !important;
    color: #c0ff00 !important
}

#tbl_Progress_filter.dataTables_filter {
    display: none
}

#tbl_Progress_processing {
    text-align: center;
    font-weight: 700;
    display: block;
    margin: 0 auto !important;
    position: relative;
    background-color: #ccc;
    color: #000;
    font-size: 12px
}

#directorsNoticeHighPriority {
    padding: 10px;
    border: 1px solid #717171;
    margin-top: 15px;
    display: block;
    border-radius: 5px !important;
    background-color: #fff;
    display: none
}

.request_textarea {
    display: block;
    width: 100% !important;
    margin: 0;
    height: 75px !important;
    border-radius: 5px !important;
    max-height: 75px !important;
    resize: none !important;
    border-color: #ccc !important;
    padding: 5px !important;
    border-style: inset;
    border-width: 2px
}

.cls-domain-heading {
    padding: 5px 0 5px 5px;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #373742;
    margin-bottom: 15px;
    margin-top: -15px;
    background-color: #757584;
    color: #fff;
    border-radius: 5px
}

.lbl_edr {
    font-size: 11px;
    font-weight: 700;
    color: #00f;
    display: inline-block;
    padding: 0 4px;
    background-color: #cff1ff;
    border-radius: 5px !important
}

.dashboard tr.this_tr_highP td:first-child, .dashboard tr.this_tr_highP td:last-child, .dashboard tr.this_tr_highP:last-child td:first-child, .dashboard tr.this_tr_highP:last-child td:last-child, .dashboard tr.this_tr_highP:nth-child(even), .dashboard tr.this_tr_highP:nth-child(odd), .dataTable tr.this_tr_highP td:first-child, .dataTable tr.this_tr_highP td:last-child .dataTable tr.this_tr_highP > td, .dataTable tr.this_tr_highP:last-child td:first-child, .dataTable tr.this_tr_highP:last-child td:last-child, .dataTable tr.this_tr_highP:nth-child(even), .dataTable tr.this_tr_highP:nth-child(odd), .table-striped > tbody > tr.this_tr_highP:nth-child(odd) > td, .table-striped > tbody > tr.this_tr_highP:nth-child(odd) > th {
    background: #fff9c4 !important
}

textarea#Proj_Request_Descr {
    z-index: 599 !important
}

.link-update-password {
    display: inline-block !important;
    margin: 0 5px;
    border: 1px solid #000;
    padding: 1px !important;
    line-height: 0 !important;
    background-color: maroon;
    border-radius: 5px !important
}

.modal {
    z-index: 10050 !important;
    outline: 0 !important
}

.modal-header {
    border-bottom: 1px solid #efefef
}

    .modal-header h3 {
        font-weight: 300
    }

.modal-small.modal-dialog {
    width: 400px
}

.modal-wide.modal-dialog {
    width: 60%
}

.modal-full.modal-dialog {
    width: 100%
}

@media (max-width:768px) {
    .modal-full.modal-dialog, .modal-small.modal-dialog, .modal-wide.modal-dialog {
        width: auto
    }
}

.modal-header .close {
    margin-top: 0 !important
}

.modal > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.modal-backdrop {
    border: 0 !important;
    outline: 0 !important;
    z-index: 10049 !important
}

    .modal-backdrop, .modal-backdrop.fade.in {
        background-color: #333 !important
    }

.modal {
    overflow-y: auto !important
}

.modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

@media only screen and (max-width:768px),(min-device-width:768px) and (max-device-width:1024px) {
    .dashboard, .dashboard tbody, .dashboard td, .dashboard th, .dashboard thead, .dashboard tr {
        display: block
    }

        .dashboard thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

        .dashboard tr {
            margin: 0 0 1rem 0
        }

            .dashboard tr:nth-child(odd) {
                background: #ccc
            }

        .dashboard td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%
        }

            .dashboard td:before {
                position: absolute;
                top: 0;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap
            }

            .dashboard td:nth-of-type(1):before {
                float: left
            }

    .glyphicon-ring {
        width: 30px !important;
        height: 30px !important
    }

    .percentage_wrapper {
        display: block
    }

    .td_project_wrapper {
        padding-left: 6px !important
    }

    .td_percentage {
        display: none !important
    }
}

.time-out-error {
    display: inline-block !important; /* float: right; */
    padding: 5px !important;
    margin: 0 0 0 -13px !important;
    background-color: pink !important;
    color: red !important;
    font-size: 12px !important;
    position: relative;
}

.system-next-update {
    display: inline-block;
    padding: 2px 5px;
    background-color: #2E7D32;
    border: 2px solid #000;
    border-radius: 5px !important;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    box-shadow: 3px 3px 10px #000;
}

/* NEW CSS BELOW */
#page-dashboard-page-content {
    min-height: 500px!important;
}

#kbox_data {
    margin-top: 15px;
    margin-bottom: 15px;
}

#kban-holder {
    padding: 0px;
    width: 75% !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*overflow: hidden;*/
}

.kb-box {
    width: 20% !important;
    background-color: transparent;
    border: 0px solid #ccc !important;
    border-radius: 5px !important;
    min-height: 500px !important;
    margin-right: 0px !important;
    box-shadow: 0px 0px 10px #000;
    flex: 1;
    font-size: 13px;
}

.kb-box-progress {
    width: 60% !important;
    margin-right: 0px !important;
    margin: 0 1% !important;
    background-color: transparent !important;
}

.kb-box-progress .kb-box {
    width: 32.333333% !important;
    margin: 0% 0% 0% 0% !important;
    flex: 1;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    z-index: 555;
    position: relative;
}

.kbox-header {
    background-color: transparent;
    padding: 28px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #000;
    font-weight: bold;
    text-align: left;
    margin: -1px;
    position: relative;
    font-size: 15px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    position: relative !important;
}

.kbox-header.kbh-main {
    z-index: 555 !important;
    margin: 0 0% !important;
    box-shadow: 0px 0px 10px #000;
    margin-bottom: 20px !important;
    padding: 12px 11px 11px 11px;
    /*border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;*/
    border-bottom: 1px solid #ccc !important;
    position:relative!important;
}

.kbox-header.kbh-sub {
    padding: 10px;
    z-index: 556 !important;
    font-size: 12px;
    border-top-color: #757584;
    /*border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;*/
    color: #000 !important;
    border-top-color: #000 !important;
    border-bottom-color: #000 !important;
    border-bottom-width: 1px !important;
    border: 1px solid #000 !important;
    position: relative !important;
}

.kbox-items-holder {
    background-color: transparent;
    padding: 20px 20px 0px 20px;
}

.kbox-items-holder ul {
    list-style-box: none;
    padding: 0;
}

.kbox-items-holder ul li {
    background-color: transparent;
    border: 0px solid #909090;
    border-radius: 5px;
    margin: 0 0 20px 0;
    box-shadow: 0px 0px 10px #757584;
    display: block;
}

.kbox-items-holder ul li > A {
    padding: 20px;
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-color: #ccc;
    border-radius: 5px;
    border: 1px solid transparent;
}

.kbox-items-holder ul li > A:hover {
    background-color: #eee;
    border-color: #000 !important;
}

.kbox-items-holder ul li:nth-child(odd) {
}

.kbox-items-holder ul li:nth-child(even) {
}

.kb-box-progress .kb-box.box-num-3 {
    margin: 0 1.5% !important;
}

.kb-box-progress .kbox-items-holder ul li a {
    text-align: center;
}

#loginForm .lbl-login{
    padding:10px 0!important;
}

.lft-menu-list-item.item-occupied.selected > A {
    background-color: #03a9f4 !important;
    color: #fff !important;
}

.projSearchResultList {
    position: absolute;
    width: 81.5% !important;
    height: auto !important;
    background-color: #eee;
    z-index: 560 !important;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff !important;
    display: none;
}

    .projSearchResultList UL {
        display: block !important;
    }

        .projSearchResultList UL LI {
            float: none !important;
            display: block !important;
            width: 100% !important;
            text-align: left;
            padding: 0 !important;
            margin-bottom: 5px !important;
        }

            .projSearchResultList UL LI A {
                float: none !important;
                display: block !important;
                width: 100% !important;
                text-align: left !important;
                padding: 5px 0 !important;
                border-bottom: 1px solid #000;
                font-size: 13px !important;
            }

            .projSearchResultList UL LI > A:hover {
                background-color: lightblue !important;
                color: #000 !important;
                font-weight: bold !important;
            }

            .projSearchResultList UL LI:last-child {
                margin-bottom: 0px !important;
            }

                .projSearchResultList UL LI:last-child A {
                    border-bottom: 0px solid #000 !important;
                }

.status-ontime, .kbox-header.kbh-sub.status-ontime {
    background-color: RGBA(0,100,0,0.21) !important;
}

.kbox-items-holder ul li > A.status-ontime:hover {
    border-color: darkgreen !important;
}

.status-late, .kbox-header.kbh-sub.status-late {
    background-color: RGBA(255,0,0,0.21) !important;
}

.kbox-items-holder ul li > A.status-late:hover {
    border-color: red !important;
}

.status-paused, .kbox-header.kbh-sub.status-paused {
    background-color: RGBA(255,255,0,0.21) !important;
}

.kbox-items-holder ul li > A.status-paused:hover {
    border-color: yellow !important;
}

.info-rps-breadcrumbs {
    display: block;
}

.info-rps-breadcrumbs li {
    float: left;
    display: inline-block;
    /* padding: 5px 10px; */
    margin-bottom: 10px;
}

.info-rps-breadcrumbs li > a {
    padding: 5px;
    display: inline-block;
    border: 1px solid #000;
    margin-right: -1px;
}

.info-rps-breadcrumbs li > a > span {
    text-transform: capitalize;
}

.breadcrumbs {
    border: 1px solid #cbd2d9;
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
    margin-bottom:25px!important;
}

.breadcrumbs__item {
    background: #fff;
    color: #333;
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
    background: #edf1f5;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
    background: #323f4a;
    color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
    background: white;
    bottom: 0;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%);
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    transition: background 0.2s linear;
    width: 1em;
    z-index: 1;
}

.breadcrumbs__item:before {
    background: #cbd2d9;
    margin-left: 1px;
}

.breadcrumbs__item:last-child {
    border-right: none;
}

.breadcrumbs__item.is-active {
    background: #cddc39!important;
    font-weight: bold!important;
    color: blue!important;
}

#kbox_data {
    margin-top:0!important;
}

#page-dashboard-page-content{
    padding-top:0!important;
}

@media all and (max-width: 1450px) and (min-width: 768px) { /* BETWEEN */
    #kbox_data {
        padding: 0 1% !important;
    }

    #kban-holder {
        width: 100% !important;
    }
}

@media all and (max-width: 767px) and (min-width: 320px) { /* BETWEEN */
    #kbox_data {
        padding: 0 1% !important;
    }

    #kban-holder {
        width: 100% !important;
        display: block !important;
    }

    .kb-box {
        width: 100% !important;
        flex: none !important;
        min-height: 1px !important;
        float: none !important;
    }

    .kb-box-progress, .kb-box-progress DIV, .kb-box-progress .kb-box, .kb-box-progress .kb-box, .kbox-items-holder ul li > A {
        display: block !important;
        width: 100% !important;
        margin: 0px !important;
        float: none !important;
        text-align: center !important;
    }

        .kb-box-progress .kb-box.box-num-3 {
            margin: 20px auto !important;
        }

    .kbox-header.kbh-main {
        margin-bottom: 20px !important;
    }

    .kbox-items-holder {
        padding: 20px 20px 5px 20px !important;
    }

        .kbox-items-holder ul li {
            /*margin:0 auto!important;*/
        }

    .kb-box-progress {
        margin: 20px auto !important;
    }

        .kb-box-progress > div.kb-box {
            padding: 10px !important;
        }

    #main-PageContentHolderDIV {
        padding: 0 !important;
    }

    .kbox-header.kbh-sub {
        width: 100% !important;
    }

    .kb-box-progress .kbox-items-holder {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.pup-header {
    display: block;
    background-color: #64B5F6;
    padding: 5px;
    border: 1px solid #858585;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}

#tPanel, #bPanel {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 5px !important;
    background-color: #E3F2FD !important;
    box-shadow: 0px 0px 2px #808080;
}