/* Minification failed. Returning unminified contents.
(2094,9): run-time error CSS1019: Unexpected token, found '}'
(3297,1): run-time error CSS1019: Unexpected token, found '}'
(3297,3): run-time error CSS1031: Expected selector, found '/'
(3297,3): run-time error CSS1025: Expected comma or open brace, found '/'
(4680,12): run-time error CSS1030: Expected identifier, found ' '
(4680,13): run-time error CSS1031: Expected selector, found '40px'
(4680,13): run-time error CSS1025: Expected comma or open brace, found '40px'
(4681,1): run-time error CSS1019: Unexpected token, found '}'
(4681,3): run-time error CSS1031: Expected selector, found '/'
(4681,3): run-time error CSS1025: Expected comma or open brace, found '/'
(4833,23): run-time error CSS1038: Expected hex color, found '#ccd4e'
(5275,1): run-time error CSS1019: Unexpected token, found '}'
(6463,1): run-time error CSS1019: Unexpected token, found '}'
(7857,1): run-time error CSS1019: Unexpected token, found '@import'
(7857,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')'
(8779,27): run-time error CSS1035: Expected colon, found 'text-transform'
(9262,23): run-time error CSS1038: Expected hex color, found '#ccd4e'
(10127,1): run-time error CSS1019: Unexpected token, found '}'
(13770,2): run-time error CSS1030: Expected identifier, found ' '
(13770,2): run-time error CSS1019: Unexpected token, found ' '
(22357,1): run-time error CSS1019: Unexpected token, found '}'
(23389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27818,25): run-time error CSS1046: Expect comma, found '218'
(27818,32): run-time error CSS1046: Expect comma, found ')'
(28073,1): run-time error CSS1019: Unexpected token, found '}'
(28792,1): run-time error CSS1019: Unexpected token, found '@import'
(28792,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800')'
(31802,7): run-time error CSS1030: Expected identifier, found ' '
(32003,1): run-time error CSS1019: Unexpected token, found '}'
(32572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(32573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(32584,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(32585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45646,3): run-time error CSS1031: Expected selector, found '/'
(45646,3): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/*!
 * Bootstrap v3.4.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
.GreenLED {
    background: url(/Content/images/LED_Green.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.YellowLED {
    background: url(/Content/images/LED_Yellow.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.RedLED {
    background: url(/Content/images/LED_Red.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.OrangeLED {
    background: url(/Content/images/LED_Orange.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.LightGreenLED {
    background: url(/Content/images/LED_LightGreen.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.s4-toplinks .s4-tn a.selected {
    padding-left: 10px;
    padding-right: 10px;
}
/*.first_tier_nav {
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 0px;
    background: transparent !important;
}*/
/*.first_tier_nav {
    width: 100%;
    float: left;
    height: 100%;
    padding: 10px;
    padding-left: 0px;
    background: #fff !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}*/
.first_tier_nav ul {
    width: auto;
    float: left;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.0);
    border-top: 1px solid rgba(255, 255, 255, 0.0);
    margin-left: 0px;
}

    *html .first_tier_nav ul {
        margin: 8px 0 0 28px;
    }

        /*.first_tier_nav ul li,
        .first_tier_nav ul li.tabactive,
        .first_tier_nav ul li.tabhover {
            width: auto;
            float: left;
            display: inline;
            list-style: none;
            margin: 0 8px;
            text-align: center;
            overflow: hidden;
            color: #fff;*/
            /*background: url(/Content/images/firstnavbg.gif) repeat-x;*/  /*commented by chetan*/
            /*cursor: pointer;*/ /*padding: 0 5px;*/
        }

            .first_tier_nav ul li.tabactive {
                background: url(/Content/images/firstnavbg_active.gif) repeat-x;
            }

            /*.first_tier_nav ul li.tabhover {
                background: url(/Content/images/firstnavbg_hover.gif) repeat-x;
            }*/



            .first_tier_nav ul li.Red,
            .first_tier_nav ul li.tabactiveRed,
            .first_tier_nav ul li.tabhoverRed {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgRed.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.Green,
            .first_tier_nav ul li.tabactiveGreen,
            .first_tier_nav ul li.tabhoverGreen {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgGreen.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

                .first_tier_nav ul li a,
                .first_tier_nav ul li.tabactive a,
                .first_tier_nav ul li.tabhover a .first_tier_nav ul li.tabactiveRed a,
                .first_tier_nav ul li.tabhoverRed a .first_tier_nav ul li.tabactiveGreen a,
                .first_tier_nav ul li.tabhoverGreen a {
                    float: left;
                    padding: 4px 21px 5px 0px;
                    display: block;
                    background-repeat: no-repeat;
                    background-position: right;
                    color: White;
                }

                    .first_tier_nav ul li a:hover,
                    .first_tier_nav ul li.tabactive a:hover,
                    .first_tier_nav ul li.tabhover a:hover {
                        text-decoration: none;
                    }

textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
}

/*input[type="text"] {
    font-size: 8pt;
    font-family: verdana;
}*/

.tickettemplate {
    background-image: url('/Content/images/exportTemplate_20x20.png');
}

.incident {
    background-image: url('/Content/ButtonImages/incident.png');
}

.admin {
    background-image: url('/Content/ButtonImages/admin.png');
}

.approve {
    background-image: url('/Content/ButtonImages/approve.png');
}

.baseline-add {
    background-image: url('/Content/ButtonImages/baseline-add.png');
}

.baseline-delete {
    background-image: url('/Content/ButtonImages/baseline-delete.png');
}

.baseline-restore {
    background-image: url('/Content/ButtonImages/baseline-restore.png');
}
/*.cancel{background-image:url('/Content/ButtonImages/cancel.png');}*/
.cancelwhite {
    background-image: url('/Content/ButtonImages/cancelwhite.png');
    background-repeat: no-repeat;
    background-position: right;
}

.cmdb {
    background-image: url('/Content/ButtonImages/cmdb.png');
}

.home {
    background-image: url('/Content/ButtonImages/home.png');
}

.lock {
    background-image: url('/Content/ButtonImages/lock.png');
}

.notify {
    background-image: url('/Content/ButtonImages/notify.png');
}

.print {
    background-image: url('/Content/ButtonImages/print.png');
}

.reject {
    background-image: url("/Content/ButtonImages/reject.png");
}

.report {
    background-image: url('/Content/ButtonImages/report.png');
}

.return {
    background-image: url('/Content/ButtonImages/return.png')
}

.save {
    background-image: url('/Content/ButtonImages/save.png');
    background-repeat: no-repeat;
    background-position: right;
}

.unlock {
    background-image: url('/Content/ButtonImages/unlock.png');
}

.edit {
    background-image: url('/Content/ButtonImages/edit-icon.png');
}

.usertick {
    background-image: url('/Content/ButtonImages/self-assign.png');
}

.ganttImg {
    background-image: url('/Content/ButtonImages/GanttChart1.png');
}

.comment {
    background-image: url('/Content/ButtonImages/comments.png');
}

.import {
    background-image: url('/Content/ButtonImages/import.png');
}

.export {
    background-image: url('/Content/ButtonImages/export.png');
}

.schedulebtn {
    background-image: url('/Content/ButtonImages/schedule.png');
    background-repeat: no-repeat;
    background-position: right;
}

.selectlist {
    background-image: url('/Content/ButtonImages/select-list.png');
}

.runnow {
    background-image: url('/Content/ButtonImages/execute.png');
    background-repeat: no-repeat;
    background-position: right;
}

.publish {
    background-image: url('/Content/ButtonImages/publish.png');
    background-repeat: no-repeat;
    background-position: right;
}

.next-button {
    background-image: url('/Content/ButtonImages/next.png');
    background-repeat: no-repeat;
    background-position: right;
}

.back-button {
    background-image: url('/Content/ButtonImages/return.png');
    background-repeat: no-repeat;
    background-position: right;
}

.save-template {
    background-image: url('/Content/ButtonImages/save-template.png');
    background-repeat: no-repeat;
    background-position: right;
}

.close {
    background-image: url('/Content/images/closedoor.png');
}

.stopreview {
    background-image: url('/Content/images/DocumentLibraryManagement/StopWorkflow.png');
}

/*.moduleDetailTabsContainer111 {
    float: left;
    width: 100%;
}*/

.main_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.sub_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.ro-heading-txt {
    background: #F1B584;
    padding: 4px 15px;
    font-weight: bold;
    font-size: 12px;
}

.ro-heading-line {
    float: left;
    width: 100%;
    border: 1px solid #F1B584;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-header th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: center;
}

.ro-item td {
    background: #F4F4F4;
    border: 1px solid #fff;
}

.ro-alternateitem td {
    background: #E9ECF3;
    border: 1px solid #fff;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-header-issue th {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
}

.ro-item-issue td {
    background: #F7E3C5;
    border: 1px solid #fff;
}

.ro-alternateitem-issue td {
    background: #F7ECDA;
    border: 1px solid #fff;
}

.ro-monitorshead {
    background: #f1f2f6;
    box-shadow: 0px 0px 1px #aaaaaa;
    /*background: #BED0E5;*/
    padding: 8px;
}

.ro-statusrow td {
    background: #BED0E5;
}

.ro-header-report th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budget td {
    background: #E9ECF3;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-alternateitem-actual td {
    background: #b8cce4;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budgettotal td {
    background: #ACC775;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-actualtotal td {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-variancetotal td {
    background: #E9ECF3;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-header-report-title th {
    text-align: left;
    padding-left: 5px;
}

.button-bg {
    /*color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 0px 1px;
    padding: 4px 6px 6px;
    cursor: pointer;*/
    color: white;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
    background: #4fa1d6 no-repeat left top;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #a9acb5;
}

    .button-bg:hover {
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
        background: #4aa0e2 no-repeat left top;
    }

.input-button-bg {
    /*background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;*/
    border: 0px;
    color: white;
    cursor: pointer;
    float: left;
    padding: 5px;
    margin: 1px;
    background: #4A6EE2;
}

    .input-button-bg:hover {
        background: #4A6EE2;
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
    }

.button-bg-red {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg-red, .button-bg-red:hover {
        background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    }


/*Top Menu Start*/
.topmenudiv {
    float: left;
    width: 100%;
    padding-left: 0px;
    background: url("/Content/images/nav_bar_bg1x1.png") repeat-x scroll 0 0 transparent;
}

.topmenuitem {
    float: left;
    padding: 7px 50px 0 50px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

    .topmenuitem:hover { /*position:relative;top:-2px*/
    }

.topmenuborder {
}

.topmenuitemdiv {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemdivsel {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemspan {
    float: left;
}

.topmenuitemspansel {
    float: left;
    border: 2px solid #676767;
    border-bottom: none;
    background: #fff;
}

.topmenu-table {
}

    .topmenu-table td {
    }

.topmenu-itemcontainer {
    float: left;
    height: 32px;
    width: 100%;
    position: relative;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #BFBCBC;
}

.topmenu-itemcontainersub {
    float: left;
    height: 32px !important;
}

.topmenu-link {
    height: 28px;
}

.topmenu-linksub {
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 9px 5px 0px 0px;
}

.topsubmenu-linksub {
    float: left;
    font-weight: bold;
    padding: 9px 0px;
}

.topmenu-linkimgsub {
    float: left;
    padding: 5px 5px 0px 0px;
}

    .topmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topsubmenu-linkimgsub {
    float: left;
    padding: 7px 5px 0px 0px;
}

    .topsubmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topmenu-selectedtab {
    position: relative;
    top: 0px;
    width: 96% !important;
}

.input_search_pos {
    margin-right: 12px;
    position: relative;
    top: 9px;
}

.input_search_box {
    position: relative;
    top: 9px;
}

.topSearchBox {
    float: right;
    width: auto;
    position: relative;
    padding-right: 10px;
    top: 0px;
    padding-left: 10px;
}

    .topSearchBox input {
        height: 19px
    }

.topSearchPos {
    top: 7px;
    position: absolute;
    left: 133px;
}

td.ms-sbgo {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 0px;
    border: solid 0px #949494;
}

    td.ms-sbgo a {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 4px !important;
    }

    td.ms-sbgo a {
        background-image: url("/Style Library/Images/search-bt.gif");
        background-repeat: no-repeat;
        background-position: top left;
        float: left;
    }

        td.ms-sbgo a img {
            visibility: hidden;
            height: 27px;
            width: 77px;
        }

.s4-search input.ms-sbplain {
    width: 191px !important;
    background: transparent url("/Style Library/Images/textbox-bg.gif") 0 0 no-repeat;
    font-size: 12px !important;
    height: 25px;
    border: 1px solid #d4d4d4;
}

.s4-search .srch-gosearchimg {
    height: 27px !important;
}

.s4-search {
    padding: 0 !important;
}

.s4-rp {
    float: right;
    padding: 2px 10px 2px 5px;
}

.s4-search input {
    border-right: medium none !important;
    font-size: 1.1em;
    height: 16px;
    margin-top: 3px;
    padding: 1px 3px 2px;
    width: 221px !important;
}

.s4-search input, .s4-search .ms-searchimage {
    background: url("bgximg-4DDA2070.png?ctag") repeat-x scroll 0 -511px #FFFFFF;
    float: left;
}

.s4-search select, .s4-search input {
    border: 1px solid #92A8AA !important;
    color: #919649;
    float: left;
}

.ms-sharepointsearchtext {
    color: #7F7F7F;
    font-style: italic;
}

.uGitWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 150px;
    height: 23px;
}

.uGitsearchTextBox {
    width: 150px;
    height: 23px;
    font-size: 8pt;
    font-style: normal;
}

.menuitem-container {
    position: relative;
    top: -1px;
}

.hoverlevel1tab {
    background: url('') #F7F7F7;
    border: 1px solid #BFBCBC;
    border-bottom: none;
    position: relative;
    float: left;
    z-index: 10000;
    border-top: none;
    border-bottom: none;
}

.level2menu-container {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BFBCBC;
    float: left;
    position: absolute;
    top: 32px;
    width: 200px;
    z-index: 1000000;
    cursor: pointer;
}

.topsubmenu-item {
    float: left;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #BFBCBC;
}

.topsubmenu-itemselected, .topsubmenu-itemhover {
    background: #797878;
    color: white;
}



.topsubmenu-item a {
    float: left;
    width: 93%;
    padding: 0px 5px;
}

.topsubmenu-itemselected a:link, .topsubmenu-itemselected a:visited, .topsubmenu-itemselected a:hover .topsubmenu-itemhover a:link, .topsubmenu-itemhover a:visited, .topsubmenu-itemhover a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*Top Menu End*/

/* flexible box top tr*/
.cg-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px;
    height: 15px;
    /*display:none;*/
}

.cg-topmiddle-line {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
    height: 15px;
    /*display:none;*/
}

.cg-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px;
    height: 15px;
    /*display: none;*/
}

/*middle tr*/
.cg-middleleft-line {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px;
    /*display: none;*/
}

.cg-middleright-line {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px;
    /*display: none;*/
}

/*Bottom tr type1*/
.cg-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px;
    height: 18px;
    /*display: none;*/
}

.cg-bottommiddle-line {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px;
    /*display: none;*/
}

.cg-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px;
    height: 18px;
    /*display: none;*/
}

/*Bottom tr type2*/
.cg-centerleft-line {
    background: url(/Content/images/cg-centerleft-line.png) no-repeat;
    width: 15px;
    height: 3px;
    /*display: none;*/
}

.cg-centermiddle-line {
    background: url(/Content/images/cg-center-line.png) repeat-x;
    width: 1px;
    height: 3px;
    /*display: none;*/
}

.cg-mcenterright-line {
    background: url(/Content/images/cg-centerright-line.png) no-repeat;
    width: 18px;
    height: 3px;
    /*display: none;*/
}


.cg-d-main {
    position: relative;
}

.ctrcontainer {
    float: left;
    padding-left: 10px
}

.ctrcontainer-sidebar {
}

.cg-dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: 14px;
    top: 2px;
    z-index: 1000;
}

.cg-drilldownback {
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 2px;
    position: relative;
    top: 3px;
    left: 3px;
}

.cg-dashboardtopaction-type1 {
    position: relative;
    top: -12px;
    right: 6px;
}

.cg-dashboardtopaction-type2 {
    position: relative;
    top: 0px;
    right: 6px;
}

.cg-dashboardbottomaction {
    float: right;
    position: relative;
    right: -10px;
    top: -5px;
    width: 100%;
}

.cg-d-contentc {
    position: relative;
}

.cg-d-description {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    top: -12px;
    z-index: 10;
}

.cg-d-description1 {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    z-index: 10;
}

.cg-d-returnactionc {
    float: left;
    position: absolute;
    left: -8px;
}

.dashboard-desc {
    font-weight: normal;
    float: left;
    padding-left: 4px;
    font-size: 11px;
}

.dashboardkpi-main {
    margin-bottom: 5px;
    display: block;
}

.dashboardkpi-main-min {
    margin-bottom: 1px;
    display: block;
}

/*.dashboardkpi-txt { padding:2px;
}*/
/*.dashboardkpi-txt:hover{color:#000;}*/
.dashboardkpi-td {
    background: #fff;
    padding: 0px 2px;
}

.dashboardkpi-a {
    font-size: 12px;
}

.dashboardkpi-a-min {
    font-size: 10px;
}

.dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
}

.dashboardbottom-super {
    float: left;
    width: 100%;
}

.dimensionmenu-super {
    max-width: 100px;
    padding-right: 5px;
    position: relative;
    font-size: 9px;
    margin-right: 2px;
}

.localdatefilter-super {
    position: relative;
    float: right;
    font-size: 9px;
    margin-right: 2px;
}

.roundedrectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -8px;
    float: left;
    top: -8px;
}

.rectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.none-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.roundedrectangle-localdatefilter {
    position: relative;
    right: 6px;
    float: right;
    top: -8px;
}

.rectangle-localdatefilter {
    position: relative;
    right: -16px;
    float: right;
    top: -2px;
}

.none-localdatefilter {
    position: relative;
    right: 4px;
    float: right;
    top: -4px;
}

.none-localdatefilter {
    position: relative;
    right: -14px;
    float: right;
    top: -3px;
}

/*.panelDashboard {
    margin: 10px 15px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important
}*/

.rectangle-panelDashboard {
    margin: 10px 5px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important;
    border: 1px solid #747474 !important
}

.chartbreadcrumb {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border: none;
    font-size: 9px;
    text-align: center;
    position: absolute;
    z-index: 100;
}
/*flexible box*/

/*Side bar link Start */
.itemdiv img {
    max-width: 120px;
    text-align: center;
    /*border: 1px outset #F2F2F2;*/
}

.charttitlespan {
    background: #f8f8f8;
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
/*Side bar link End */

/*Message Board Start*/
.warningli {
    background: url('/Content/images/message_warning.png') no-repeat top left;
    font-weight: normal;
}

.criticalli {
    background: url('/Content/images/message_critical.png') no-repeat top left;
    font-weight: bold;
}

.goodli {
    background: url('/Content/images/message_good.png') no-repeat top left;
}

.informationli {
    background: url('/Content/images/message_Information.png') no-repeat top left;
}

.personli {
    background: url('/Content/images/People16X16.png') no-repeat top left;
    font-weight: bold;
}

.messageboard-ul {
    display: inline-block;
    background: #F8F8F8;
    position: relative;
    width: 770px;
    /*min-height:40px;*/
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

    .messageboard-ul > li {
        list-style-type: none;
        padding-left: 22px;
        padding-bottom: 10px;
        font-size: 12px;
        font-weight: normal;
    }
/*Message Board End*/


/*Service Catalog Start*/
.populate-services {
    float: left;
    width: 100%;
}

    .populate-services fieldset {
        float: left;
        width: 97%;
    }

    .populate-services select {
        height: 23px;
        max-width: 300px;
        min-width: 125px;
    }

.service-moreservices {
    float: left;
    padding: 10px;
}

.category-block {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.service-block {
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    font-weight: bold;
}

.serviceaction-block {
    float: left;
}

.categorylist {
    width: 200px;
}

.sc-excp {
    float: left;
    padding-left: 3px;
}

/*.service-catalog {
    float: left;
    width: 890px;
}*/

* + html .service-catalog {
    width: 890px;
}

    .service-catalog td:Hover {
    }

.service-catalog-inner {
    float: left;
    width: 99%;
    margin-left: 3px;
}

/*.servciecatalog-main {
    float: left;
    width: 890px;
}*/

* + html .servciecatalog-main {
    width: 890px;
}

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 155px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

/*.pcategorycontainer {
    float: left;
    padding-left: 5px;
    margin-bottom: 10px;
    /*width: 285px;*/
}*/

.service-toptitle {
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
}

.service-toptitle-sub {
    font-weight: normal !important;
    float: left;
    padding: 5px 4px 0px 15px;
    margin: 0px;
    color: black;
    font-size: 16px;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 285px;
        float: left;
        padding-bottom: 10px;
    }

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 190px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 270px;
        float: left;
        padding-bottom: 10px;
    }

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 155px;
    text-align: left;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}
/*Service Catalog End*/

.multipledepartmentViewdiv {
    border: 1px solid;
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
}

    .multipledepartmentViewdiv > span {
        float: left;
        padding: 2px 1px;
        width: 99%;
        color:black;
    }

    .multipledepartmentViewdiv .selected {
        background: #d8dee6 !important;
    }

.dementmentviewtd > span {
    float: left;
    padding: 1px 2px;
}

.fright {
    float: right;
}

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

/*.popupleftcts {
    float: left;
    padding-bottom: 5px;
}*/

/*.departmentPopup {
    /* background: none repeat scroll 0 0 #ECE8D3;
        border: 4px double #FCCE92;
    font-size: 11px;
}*/

.dxeBase {
    font: inherit;
}

.hide {
    display: none;
}

.dnode {
    display: none;
}


/*Custom filter css start*/

.pagerBox td table tr td span {
    /* font-size : larger; */
    border: 1px solid black;
    padding: 0px 3px;
}

.moduleimgtd {
    padding: 0 5px 0 0;
    width: 35px;
}

.tickettypetab {
    float: left;
    padding: 4px 4px 4px 4px;
    margin-left: 3px;
}

.tickettypetabsel {
    float: left;
    padding: 4px 4px 4px 4px;
}

.linkseprator {
    padding-left: 3px;
}

.fixedbutton a:hover {
    text-decoration: none;
}

.dnone {
    display: none;
}

.search_bg {
    float: right;
    background: url("bgximg-4DDA2070.png?ctag") repeat-x 0 -511px #FFFFFF;
}

/*.moduledesciptiontd {
    padding-bottom: 15px;
}*/

table.ms-listviewtable > tbody > tr > td {
    border: none;
}

/*.ms-viewheadertr .ms-vh2-gridview {
    background: transparent !important;
    height: 22px;
}*/

.ms-vh2 .ms-selectedtitle .ms-vb, .ms-vh2 .ms-unselectedtitle .ms-vb {
    text-align: left;
}

.ms-listviewtable .ms-vb2, .ms-summarystandardbody .ms-vb2 {
    text-align: left;
}

a.newlinkbutton, a.newlinkbutton:hover {
    text-decoration: none;
}



/*.top_right_nav {
    margin: 0;
    text-align: right;
    position: relative;
    float: right;
}*/

    .top_right_nav span {
        float: left;
        width: auto;
        margin-left: 5px;
    }

.ms-viewheadertr th[align="center"] td.ms-vb {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] td.ms-vb {
    text-align: left !important;
}

.ms-viewheadertr th[align="right"] td.ms-vb {
    text-align: right !important;
}

.ms-viewheadertr th[align="center"] {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] {
    text-align: left !important;
}

.headercenter {
    text-align: center !important;
}

    .headercenter td {
        text-align: center !important;
    }

.fleft {
    float: left;
}

.img[alt="Open Menu"] {
    border: none;
}

.dxbButton div.dxb {
    padding: 0px 4px;
    border: none;
}

.ugitbutton {
    background-image: url(/Content/images/firstnavbg.gif);
    color: #fff;
    font-weight: 600;
}

.ugitbutton-hover {
    background-image: url(/Content/images/firstnavbg_hover.gif);
    color: #fff;
    font-weight: 600;
}

.button-bg {
    /*color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;*/
    color: white;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
    background: #4fa1d6 no-repeat left top;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #a9acb5;
}

    .button-bg b {
        position: relative;
        /*top: -2px;*/
    }

    .button-bg:hover {
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
        background: #4A6EE2 no-repeat left top;
    }

.ModuleBlock {
    background: none repeat scroll 0 0 #ECE8D3;
    border: 4px double #FCCE92;
    position: absolute;
    z-index: 100;
}

.reportitem {
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black;
}

.menuTextCell {
    padding-left: 2px;
    padding-top: 2px;
    height: 18px;
}

.menuTable {
    width: 100%;
    border-collapse: collapse;
}

.reportItemSelected {
    background-color: aqua;
}


.inputTextBox {
    width: 70px;
    height: 14px;
    position: relative;
    top: -2px;
}

.SearchWidth {
    width: 100px;
}

.searchTextBox {
    width: 100px;
    height: 20px;
    font-size: 8pt;
}

.globalSearchTextBox {
    font-size: 8pt;
    width: 60px;
    height: 20px;
}

.globalfilter {
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.WaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 100px;
    height: 14px;
}

.GlobalWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 60px;
    height: 14px;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.selected-export {
    float: left;
    position: relative;
    z-index: 10000;
    top: -1px;
    border: 1px inset;
    border-bottom: none;
    background: white;
}

.fright {
    float: right;
}

/*.rdFilterCriteria label {
    vertical-align: bottom;
}*/

.rdSortCriteria label {
    vertical-align: bottom;
}

.advancemode > input {
    float: left;
    position: relative;
    top: -2px;
}

.advancemode > label {
    float: left;
}
/*Custom filter css end*/

.button-red {
    color: white;
    background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

.ugitaccent1homembg {
    background: url("/Content/images/modulepanelbg1.png") no-repeat;
    height: 129px;
    width: 279px;
}
/*.accent1-panel-topleft-corner{ background:url(/Content/images/left_top_img1.png) no-repeat; width: 26px; height: 16px;}
  .accent1-panel-topright-corner{background:url(/Content/images/right_top_img1.png) no-repeat;width: 26px; height: 16px;}
  .accent1-panel-bottomleft-corner{ background:url(/Content/images/left_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-panel-bottomright-corner{ background:url(/Content/images/right_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-middletop-rep{ background:url(/Content/images/rep_top_img1.png) repeat-x;}
  .accent1-middledown-rep{background:url(/Content/images/rep_down_img1.png) repeat-x;}
  .accent1-leftside-border{ background:url(/Content/images/left_border_img1.png) repeat-y;width:3px;}
  .accent1-rightside-border{background:url(/Content/images/right_border_img1.png) repeat-y;width:3px;}*/

.roundedrectangle-panel-topleft-corner {
    /*background: url(/Content/images/cg-topleft-corner.png) no-repeat;*/
    width: 15px !important;
    height: 15px !important;
}

.roundedrectangle-panel-topright-corner {
    /*background: url(/Content/images/cg-topright-corner.png) no-repeat;*/
    width: 18px !important;
    height: 15px !important;
}

.roundedrectangle-panel-bottomleft-corner {
    /*background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;*/
    width: 15px !important;
    height: 18px !important;
}

.roundedrectangle-panel-bottomright-corner {
    /*background: url(/Content/images/cg-bottomright-corner.png) no-repeat;*/
    width: 18px !important;
    height: 18px !important;
}

.roundedrectangle-middletop-rep {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
}

.roundedrectangle-middledown-rep {
    /*background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;*/
    height: 10px !important;
}

.roundedrectangle-leftside-border {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px !important;
}

.roundedrectangle-rightside-border {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px !important;
}


.rectangle-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.rectangle-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.rectangle-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.rectangle-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.rectangle-middletop-rep {
}

.rectangle-middledown-rep {
    height: 10px !important;
}

.rectangle-leftside-border {
    width: 15px !important;
}

.rectangle-rightside-border {
    width: 19px !important;
}

/*.none-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.none-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.none-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.none-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.none-middletop-rep {
}

.none-middledown-rep {
    height: 10px !important;
}*/

.none-leftside-border {
    width: 15px !important;
}

.none-rightside-border {
    width: 19px !important;
}



.doubleWidthnHeight {
    height: 40px !important;
    width: 99% !important;
}

.extraHeightWithDoubleWidth {
    height: 60px !important;
    width: 99% !important;
}

.descExtraHeightWithDoubleWidth {
    height: 150px !important;
    /*width: 99% !important;*/
}





/* Jquery UI Extension  Start*/
/* People Editor autocomplete */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /*for module popup AD User*/
    z-index: 30000;
}
/* Jquery UI Extension  end*/

.ugit-trcnoti-base {
    width: 100%;
    max-height: 500px;
    position: relative;
    display: block;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
}

.ugit-trcnoti-bg {
    width: 100%;
    max-height: 500px;
    position: relative;
    padding: 1px;
    cursor: pointer;
    border-color: #5A9AE5;
    /*background-color: #5A9AE5;*/ /*rgba(255, 255, 255, 0.85);*/
    background-color: #E8E8E7;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 500;
    /*box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);*/
}

.ugit-trcnoti-toast {
    padding: 4px 7px;
    text-align: center;
}

.vipticket {
    background-color: #f7e1e1 !important;
}

    .vipticket td {
        font-weight: bold;
    }

.errormsg-container {
    color: red;
}

a:link.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: underline;
}

a:hover.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#messagefooter {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /*background-color: rgb(251, 251, 251);
    color: #3C3939;*/
}

.footerClassicTheme {
    background-color: rgb(251, 251, 251)
}

.error {
    color: red !important;
}

.content-wrapper {
    padding-left: 200px;
    padding-right: 100px;
    font-size: 10pt;
}

    .content-wrapper p {
        margin: 2px 0;
    }


.ugitfootercopyright {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 19px;
    /*color: #3C3939;*/
    font-size: 9pt;
}

    .ugitfootercopyright a:visited {
        color: #000066;
    }


.dxeMemo textarea {
    line-height: inherit !important;
}

textarea {
    line-height: inherit !important;
}

.ugit-dialog {
    z-index: 9999999999 !important;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

.ui-dialog {
    padding: 0px;
}

.ui-widget-header {
    border: none;
}

    .ui-widget-header a {
        color: #333333;
        /*display: none !important;*/
    }
    .ui-widget-header .ui-icon{
        background-image:none;
    }
    
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

input[type="checkbox"], input[type="radio"] {
    /*margin: 25px 3px;*/
}

/*label {
    display: inline-block !important;
    max-width: 100%;
    margin: 0px;
    font-weight: normal;
}*/


.width100 {
    width: 100%;
}

.bordercolps {
    border-collapse: collapse;
}

/*.progressbar {
    /*background: url("/Content/images/AgeRectGreen.png") no-repeat;
    background: #5DE9BF;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
    text-align: left !important;
    padding-left: 3px;
    padding-top: 2px;
    border-radius: 4px;
    width: fit-content;
    padding-right: 3px;
    min-width:30px;
}

.emptyProgressBar {
    background: url("/Content/images/progress_bar.png") no-repeat;
    height: 25px;
    border: 1px solid gray;
    background-size: 25px;
    color: white;
}

.progressbarhold {
    /*background: url("/Content/images/AgeRectRed.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
    padding-left: 4px;
    padding-top: 2px;
    text-align: center !important;
    background: #E24A7A;
    border-radius: 4px;
    width: fit-content;
    padding-right: 3px;
    min-width:30px;
}*/

/*.priorityHigh {
    background: url("/Content/images/High_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

/*.priorityMedium {
    background: url("/Content/images/Medium_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

/*.priorityLow {
    background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityCritical {
    background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

.arrow {
}

.arrow_active {
}

.selected_background {
    /* [ReplaceColor(themeColor:"ContentAccent1")] */ background-color: #0072C6;
    color: White;
}

.arrow_active div {
    position: relative;
    float: left;
    /* [ReplaceColor(themeColor:"ContentAccent1")] */ background-color: #0072C6;
    color: White;
    width: 100%;
}

.arrow div {
    color: White;
    position: relative;
    float: left;
    width: 100%;
    /* [ReplaceColor(themeColor:"ContentAccent2")] */ background-color: #00485B;
}

.arrow span, .arrow_active span {
    float: left;
    width: 70%;
    text-align: center;
    padding-top: 8px;
    font-size: 12pt;
    font-weight: bold;
}

.arrow em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")] */ background: url("/Content/images/step_tail.png") no-repeat white;
}

.arrow strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")] */ background: url("/Content/images/step_head.png") no-repeat white;
}

.arrow_active strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] */ background: url("/Content/images/step_head_active.png") no-repeat white;
}

.arrow_active em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] */ background: url("/Content/images/step_tail_active.png") no-repeat white;
}

.fileuploadtoken {
    background-color: #F39C12;
    padding: 5px 4px;
    border-radius: 8px;
}

    .fileuploadtoken a {
        padding: 0px 4px;
    }

.dxeListBox_UGITBlackDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITBlackDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITDarkOrangeDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITDarkOrangeDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITGreenDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITGreenDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITNavyBlueDevEx td.dxeC {
    width: 25px;
}

/*.dxeListBoxItem_UGITNavyBlueDevEx {
    padding: 2px 10px !important;
    /*background: #eaedf0 !important;
    background: #FFF !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif;
}*/
    .dxeListBoxItem_UGITNavyBlueDevEx:hover {
        color: #4A6EE2 !important;
        background: #F8F9F9 !important;
    }
    .dxeListBoxItem_UGITNavyBlueDevEx.dxeListBoxItemSelected_UGITNavyBlueDevEx {
        background: #d8dee6 !important;
    }
    /*.ugit-stick-bottom {  ////  comment to remove white border appeare below the all grid
    width: 100% !important;
    padding: 0px 8px !important;
    border: solid 1px #fff;
}*/
    .scroll-to-fixed-fixed {
        background-color: rgb(251, 251, 251);
        border: solid 1px #dddada;
        width: 100% !important;
    }

.dxgvHeader_CustomMaterial {
    padding-left: 20px !important;
    padding-right: 30px !important;
    text-align: left !important;
    text-align-last: left !important;
}

/*.customgridview td.dxgv.dx-al,
.customgridview td.dxgv.dx-ac {
    padding-left: 20px !important;
    padding-right: 10px !important;
    text-align: left !important;
    font: 12px 'Poppins', sans-serif !important;
    padding: 0px 20px !important;
    font-weight: 500;
    color: #737373;
}*/

/*.myticketinner2 table.btn-secondary.dropdown-toggle,
.customddl-button table.btn-secondary.dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
}*/

    /*.myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td,
    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
        background: transparent;
        border-left: none;
    }*/

        /*.myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
        .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
            font-size: 13px;
            font-weight: 500;
            color: #4A6EE2;
            font-family: 'Poppins', sans-serif !important;
        }*/





.tab-contentdiv1.ugit-contentcontainer,
.tab-contentdiv1.ugit-contentcontainer iframe body {
    background: transparent !important;
    overflow: hidden !important;
}

.tab-contentdiv1 {
    border: none !important;
}

.dx-nowrap.dxgv.dx-ac span {
    padding-left: 0px !important;
}

.dxgvCommandColumn_CustomMaterial .dxICheckBox_CustomMaterial, .dxgvCommandColumn_CustomMaterial .dxeIRadioButton_CustomMaterial {
    margin: -3px 10px -1px 0px;
}

/*span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 3px !important;
    font-family: 'Poppins',sans-serif;
}*/

/*.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #eaedf0;
}*/

    /*.dxm-popup.ddlActionMenu > ul li {
        background: #eaedf0;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Poppins', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 13px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 9px 9px !important;
            border-top: 1px solid #d9e2ee !important;
        }*/

.page-container .user-buts,
.page-container.sidebar-collapsed-back .user-buts {
    margin-right: 50%;
}


/*-------------------------New UI----------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');
*/
body {
    font-family: 'Poppins', sans-serif !important;
    background: #f6f7fb;
}

#sticky-sidebar {
    background-color: #fff;
    border-right: 1px solid #eeeeee;
}

    #sticky-sidebar .sticky-top {
        margin: 0 12px;
    }

h4.left-sticky-header {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 15px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #eeeeee;
    color: #909090;
    font-weight: 400;
}

.filters-outer-ckeck-box {
    padding: 0;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 6px;
}

    .filters-outer-ckeck-box #MainMenu .list-group .list-group-submenu .list-group-item, .filters-outer-ckeck-box #MainMenu .list-group a {
        border: none;
    }

.left-section .logo {
    padding: 30px 0px 25px;
    border-bottom: 1px solid #f4f5f8;
    margin-bottom: 10px;
}

.creat-and-upload a {
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 10px 0;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.creat-and-upload {
    border-bottom: 1px solid #f4f5f8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.creat-folder {
    background: #4a90e2 url(../images/folder.png) no-repeat left center;
    background-position: 35px;
}

.upload-file {
    background: #4a6ee2 url(../images/upload-file.png) no-repeat left center;
    background-position: 35px;
}
/******* MAIN CSS ********/


.mian-heading {
    overflow: hidden;
    margin-top: 30px;
}

    .mian-heading h2 {
        font-size: 22px;
        color: #4a6ee2;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .mian-heading h4 {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

.wizard_steps {
    width: 73%;
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.step {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

.step_content {
    position: relative;
    z-index: 2;
}

    .step_content small {
        color: #b6b6b6;
        font-size: 13px;
        font-weight: 400;
        /*	font-family: 'Chivo', sans-serif;*/
        position: absolute;
        top: 35px;
        display: block;
        width: 100%;
    }

.step_number {
    color: #bebebe;
    background: #f6f7fb;
    font-weight: 600;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border-radius: 50%;
    transition: opacity 0.5s;
    opacity: 1;
    z-index: 5; /*padding: 7px 3px;*/
}

/*.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

.employee-info.active p {
    background: #f6f7fb url(Images/employee-info-active.png) no-repeat center center;
}

.employee-info.active small {
    color: #4a90e2;
}

.equipment-details p {
    background: #f6f7fb url(../images/Equipment-Details-nonactive.png) no-repeat center center;
}

.equipment-details.active p {
    background: #f6f7fb url(../images/Equipment-Details-active.png) no-repeat center center;
}

.equipment-details.active small {
    color: #4a90e2;
}

.application-access p {
    background: #f6f7fb url(../images/Application-Access-Details-nonactive.png) no-repeat center center;
}

.application-access.active p {
    background: #f6f7fb url(../images/Application-Access-Details-active.png) no-repeat center center;
}

.application-access.active small {
    color: #4a90e2;
}

.summary-nonactive p {
    background: #f6f7fb url(../images/Summary-nonactive.png) no-repeat center center;
}

.summary-nonactive.active p {
    background: #f6f7fb url(../images/Summary-active.png) no-repeat center center;
}

.summary-nonactive.active small {
    color: #4a90e2;
}*/

.step.-completed .step_number {
    opacity: 0;
}

.step_number span {
    /*padding: 4.3px 0; border: 2px solid #fff;*/
    display: block;
    border-radius: 50%;
}

    .step_number span img {
        width: 100%;
    }

.step.-completed .line {
    transform: scaleX(1);
}

.line {
    position: absolute;
    top: 18px;
    left: 50%;
    z-index: -1;
    height: 5px;
    transition: all 0.5s ease;
}

    .line.-start {
        left: 0%;
        background: #5094de;
        width: 50%;
    }

    .line.-end {
        left: 50%;
        background: #5094de;
        width: 50%;
    }

    .line.-background {
        width: 100%;
        border-top: 2px dashed #dfe3ea;
    }

/*.back-to-home-but, .previous-but {            ** Any issue then talk to chetan w2273;
    overflow: hidden;
    margin: 0 15px;
}*/

    .previous-but button {
        background: #4a90e2;
        border: none;
        padding: 10px 35px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

    .back-to-home-but button {
        background: #bfd2e9;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

/*.main-cont {
    background: #fff;
    border-radius: 5px;
    /*padding: 40px 30px;*/
    margin: 40px 15px 60px;
}*/

.employee-name.form-group input:focus, .employee-type .btn-group .btn:focus, .department .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #ecf1f9;
}

/*.employee-name.form-group input, .employee-type .btn-group .btn, .employee-name.form-group textarea, .department .btn-group .btn {
    font-size: 14px;
    color: #7a7b7b !important;
    font-family: 'Poppins',sans-serif;
}*/

.employee-name.form-group label, .employee-type.form-group label, .department.form-group label {
    color: #4a90e2;
    display: block;
}

.employee-type ul, .department ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .employee-type ul li a, .department ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .employee-type ul li a:hover, .department ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

/*.employee-name .date-time {
    background-image: url(Images/calendar.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}*/

.employee-type .btn-group .btn::after, .department .btn-group .btn::after {
    border-top: none;
}

/*.down-arrow {
    background: #ecf1f9 url(images/arrow-dwon.png) no-repeat 97% center !important;
    padding-right: 30px !important;
    overflow: hidden;
}*/

.documents-attac {
    overflow: hidden;
    margin: 40px 0 20px;
}

    .documents-attac .attach-but {
        text-align: center;
    }

        .documents-attac .attach-but button {
            background: url(../images/plus-blue.png) no-repeat center top;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            color: #232323;
            outline: none;
        }

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                /*background: url(../images/document-ofice-365.png) left center no-repeat/16px, url(../images/close-red.png) right center no-repeat;*/
                padding: 0 25px;
            }

/*.next-cancel-but {
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}*/

    /*.next-cancel-but .next {
        display: block;
        width: 200px !important;
        text-align: center;
        margin: 0 auto;
        background: #4a90e2 !important;
        padding: 14px 10px !important;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
    }*/

    /*.next-cancel-but .dxb {
        background: none !important;
    }*/

/*.cancel .dxb {
    color: red !important;
}*/

/*.next-cancel-but .cancel {
    display: inline-block;
    margin: 25px auto;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
}*/

.red-star {
    color: #e24a7a;
}

/*.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
}*/

/*.all-input {
    padding: 5px;
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
}*/

textarea:focus, input:focus, .btn:focus {
    box-shadow: none !important;
    border: 1px solid #ccd4e !important;
    /*background-color: #ecf1f9 !important;*/
}

.cust-checkbox .custom-checkbox label {
}

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}
/*
.cust-checkbox .custom-control-label::after{ background: url(../images/check.png;) no-repeat center center !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background: url(../images/check.png;) no-repeat center center !important;}
*/

.three-dots {
    overflow: hidden;
}

    .three-dots ul {
        margin: 0px;
        padding: 0px;
    }

        .three-dots ul li {
            list-style-type: none;
            float: left;
            margin-right: 40px;
            color: #737373;
        }

    .three-dots .light-blue {
        background: #bfd2e9;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .pink {
        background: #e24a7a;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .yellow {
        background: #fdbc05;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

.existing-access-input {
    width: 330px;
    margin: 30px 0 0 0;
}

.employee-info-outer {
    background: #fff;
    border-radius: 10px;
}

    .employee-info-outer .empl-header {
        background: #f0f0f0;
        border-radius: 10px 10px 0 0;
    }

        .employee-info-outer .empl-header h3 {
            padding: 20px 30px;
            font-size: 16px;
            font-weight: 500;
        }

.emplo-inof-inner {
    margin: 0px;
    padding: 20px 30px 10px 30px;
}

    .emplo-inof-inner li {
        list-style-type: none;
        display: block;
        margin-bottom: 12px;
        font-size: 16px;
    }

        .emplo-inof-inner li:first-child {
            color: #4d92e3;
        }

        .emplo-inof-inner li:last-child {
            color: #818181;
        }

.w_92 {
    width: 100%;

}
/********** popup css **********/

.put-on-hold-popup.cust-main-popup .modal-dialog .modal-content {
    border-radius: 8px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: none;
}

.cust-main-popup .modal-dialog {
    top: 10%;
}

    .cust-main-popup .modal-dialog .modal-content .modal-header {
        background: #f0f0f0;
    }

        .cust-main-popup .modal-dialog .modal-content .modal-header h4 {
            color: #232323;
            font-size: 16px;
            font-weight: 600;
        }

        .cust-main-popup .modal-dialog .modal-content .modal-header button {
            opacity: 1;
            outline: none;
        }

.cust-main-popup .putting-ticket-sec {
    overflow: hidden;
}

    .cust-main-popup .putting-ticket-sec h2 {
        color: #4a6ee2;
        font-weight: 500;
        font-size: 22px;
        margin-top: 30px;
    }

        .cust-main-popup .putting-ticket-sec h2 span {
            font-weight: 700;
            color: #232323;
        }

    /*.cust-main-popup .putting-ticket-sec h4 > span {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }*/

    .cust-main-popup .putting-ticket-sec h4 {
        text-align: center;
    }

.inner-cust-dropdown-menu {
    width: 70%;
    margin: 0 auto;
}

    .inner-cust-dropdown-menu .select-style .date-time {
        background-image: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: 95% center;
    }

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}

/*.select-style {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
}*/

    /*.select-style select {
        border-radius: 3px;
        padding: 10px 10px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        background: #ecf1f9 url("Images/drop-down-arrow.png") no-repeat 95% 50%;
        margin-bottom: 1.5rem;
        font-family: 'Poppins',sans-serif;
        font-size: 16px;
        color: #7a7b7b !important;
        height: auto;
        box-shadow: none;
    }*/

        /*.select-style select:focus {
            outline: none;
        }*/

        /*.select-style select option {
            margin: 40px;
            color: #7a7b7b;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }*/

    /*.select-style label {
        color: #4a90e2;
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }*/

    .select-style input {
        border: 0px;
        font-size: 16px;
        padding: 10px 10px;
    }

.inner-cust-dropdown-menu .comments textarea {
    border: none;
}

.inner-cust-dropdown-menu .comments .custom-checkbox label {
    font-size: 14px;
    color: #7a7b7b;
}

/*.hold-cancel-but {
    overflow: hidden;
    margin: 60px 0 0 0;
}*/

    .hold-cancel-but .cancel,
    .hold-cancel-but .hold-but {
        display: block;
        text-align: center;
    }

        /*.hold-cancel-but .hold-but a {
            background: #e24a7a;
            color: #fff;
            padding: 15px 40px;
            display: inline-block;
            text-decoration: none;
            border-radius: 5px;
            font-size: 14px;
        }*/

        .hold-cancel-but .cancel a {
            color: #232323;
            padding: 0;
            display: inline-block;
            text-decoration: none;
            font-size: 14px;
            margin: 30px 0;
            font-weight: 600;
        }

.add-file-doc {
    display: block;
    text-align: center;
    margin: 30px 0 30px 0;
}

    /*.add-file-doc a {
        color: #232323;
        text-decoration: none;
        font-size: 16px;
        background: url(Images/plus-blue.png) no-repeat left center;
       
        background-image: url('Images/plus-blue.png');
        background: url('Images/document-ofice-365.png')no-repeat left center;
        padding: 10px 0px 10px 40px;
        display: inline-block;
        font-family: 'Poppins',sans-serif;
    }*/

/*.fileUploadIcon a {
    background: url(Images/plus-blue.png) no-repeat left center;
}*/

/*.fileUploadIcon .hyperLinkIcon {
    background: url('Images/document-ofice-365.png')no-repeat left center !important;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}*/

/*.cancelUploadedFiles {
    margin-top: -31px;
    cursor: pointer;
}*/

/*.uploadedFileContainer {
    text-align: left;
    margin: 5px 0px;
}*/

.ui-dialog-titlebar-maximize  {
    display: none !important;
}
.ui-dialog-titlebar-restore{
    display:none !important;
}
/*.ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
    background: url('Images/close-red-big.png') no-repeat;
    border: none;
    width: 38px !important;
    height: 25px !important;
    background-color: #E9E9E9;
}*/


ul.cancelbutton > li div[title="Close"],
ul.cancelbutton > li div[title="Close"] > div,
ul.cancelbutton > li.tabhover,
ul.cancelbutton > li {
    background: none;
}

    /*ul.cancelbutton > li div[title="Close"] > div span {
        color: #e24a7a;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
    }*/



/********** popup css **********/

.add-file-doc {
    /*  position: relative;
    overflow: hidden; 
    height: 41px;*/
    display: inline-block;
    /* padding: 0px; */
    margin: 0px;
    /* border: 1px solid red; */
    width: 100%;
    z-index: 9;
}

    .add-file-doc > a {
        /*position: absolute;*/
        margin: 0 auto;
        opacity: 1;
        left: 0px;
    }

    .add-file-doc > span {
        /*position: absolute;*/
        display: inline-block;
        width: 23%;
        overflow: hidden;
    }

    .add-file-doc .dxucTextBox_UGITNavyBlueDevEx {
        /*opacity: 0;*/
    }

    /*.add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: -223px;
    }*/

    .add-file-doc > span > div {
        margin-left: -222px;
    }

        .add-file-doc > span > div > div {
            margin-left: 223px !important;
        }
 /*.dxucBrowseButton_UGITNavyBlueDevEx {
    border: none;
    background: none;
}*/

.wizard_steps .steps .step:last-child div.lines {
    display: none;
}


/*.add-file-doc {
        position: relative;
        height: 41px;
        display: inline-block;
        width: 205px;
        z-index: 9;
        margin: 0 auto !important;
    }*/
/********************************
		RESPONSIVE
********************************/
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media only screen and (max-width: 768px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.select-style table + table {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 10px;
}

    .select-style table + table,
    .select-style table + table tr td,
    .select-style table + table tr td input {
        background: #ecf1f9 !important;
        font-family: 'Poppins', sans-serif;
    }

        .select-style table + table tr td + td img {
            display: none;
        }

        .select-style table + table tr td + td {
            width: 30px;
            height: 30px;
            background: url('Images/calendar-new.png') no-repeat center center;
        }

        .select-style table + table tr td input {
            font-size: 16px !important;
            height: auto !important;
            font-family: 'Poppins', sans-serif;
            color: #7a7b7b;
        }

        .select-style table + table tr td img {
            margin: 6px 0 0 0;
            padding: 0px;
            height: auto;
        }

.select-style-outer {
    width: 90%;
    margin: 15px auto;
}

.put-on-hold-comments {
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #737373;
}

    .put-on-hold-comments label {
        color: #4a90e2;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
    }

    .put-on-hold-comments textarea {
        width: 100% !important;
        font-size: 14px;
        color: #7a7b7b;
        padding: 0.375rem 0.75rem;
        font-family: 'Poppins', sans-serif;
    }

.close-ticket-checkbox {
    width: 87%;
    margin: 15px auto;
    font-size: 14px;
    color: #7a7b7b;
    font-family: 'Poppins', sans-serif;
}

ul.hold-and-cancel-but {
    margin: 30px 0 30px 0 !important;
    width: 100%;
}

    ul.hold-and-cancel-but li {
        display: block !important;
        text-align: center !important;
        background: none !important;
        font-family: 'Poppins', sans-serif !important;
        float: unset !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

        ul.hold-and-cancel-but li a {
            background: #e24a7a !important;
            color: #fff !important;
            padding: 15px 40px !important;
            display: inline-block !important;
            text-decoration: none !important;
            border-radius: 5px !important;
            font-size: 16px !important;
            margin: 20px auto;
            float: inherit;
            text-align: center;
        }

            ul.hold-and-cancel-but li a.cancelwhite {
                background: none !important;
                color: #232323 !important;
                font-weight: 600;
                padding: 10px 0 !important;
            }


/******* Begin CSS for Export Icon******/
.export-icon-imgs {
    cursor: pointer;
    width: 24px !important;
    height: 26px !important;
}

/*.export-icon-imgs-padding {
    padding: 10px 0 6px 12px !important;
    border-bottom: 1px solid #8080803d !important;
}*/

.export-dropdown {
    background: rgb(234, 237, 240);
    float: left;
    position: absolute;
    padding: 3px 2px 0px;
    top: 0px;
    width: 110px;
    left: -45px;
    border: 1px solid rgba(128, 128, 128, 0.09);
}

.name-icon {
    padding-left: 10px;
    font-weight: 600;
    color: #4A6EE2;
}

.export-icon-imgs-margin {
    padding-left: 3px !important;
    margin-top: -4px !important;
    /*background-color: #EAEDF0 !important*/
}
/**************End CSS for Export Icon********************/

/************CSS for ReportICon*********/
/*.imgReport {
    height: 18px;
    margin-right: -6px;
}*/
/************CSS for ReportICon*********/

/***********************CSS for Workflow legends***************************/

.workFlowImg-wrap {
    float: none;
    margin: 0 auto;
    top: 0px;
}


.legends-container {
    /*float: right;
    margin-right: 27px;*/
    width: 100px;
    border: 1px solid #495763;
}

.legend-icon {
    display: inline-block;
    /*margin-right: 5px;*/
    height: 6px;
    width: 6px;
    padding: 6px;
    margin-bottom: 1px;
}

.workflow_complete {
    background-color: #228B22;
}

.inProgress {
    background-color: #F4B247;
}

.notStarted {
    background-color: #495763;
}

.legends_name {
    color: #495763;
    font-weight: 600;
    font-size:11px;
}

.legend-table {
    margin-bottom: 0px !important;
}

.legend-table tr td {
    border-top: none !important;
   padding:0 0 0 5px !important;
}
.legend-table thead tr th {
    border-bottom:none !important;
}
.legend-heading {
    color: #495763;
    font-weight: 600;
    font-size: 14px;
}
    /***********************CSS for Workflow legends***************************/
    @media only screen and (max-width: 600px) {
    }

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/*.GreenLED
    {
        background:url(/Content/images/LED_Green.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .YellowLED
    {
        background:url(/Content/images/LED_Yellow.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .RedLED
    {
        background:url(/Content/images/LED_Red.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .OrangeLED
    {
        background:url(/Content/images/LED_Orange.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .LightGreenLED
    {
        background:url(/Content/images/LED_LightGreen.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }*/

/*.s4-toplinks .s4-tn a.selected {
    padding-left: 10px;
    padding-right: 10px;
}

.first_tier_nav {
    width: 100%;
    float: left;
    height: 40px;
    padding: 10px;
    padding-left: 0px;
    background: transparent !important;
}

    .first_tier_nav ul {
        width: auto;
        float: left;
        padding: 0;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.0);
        border-top: 1px solid rgba(255, 255, 255, 0.0);
        margin-left: 0px;
    }

    *html .first_tier_nav ul {
        margin: 8px 0 0 28px;
    }

        .first_tier_nav ul li,
        .first_tier_nav ul li.tabactive,
        .first_tier_nav ul li.tabhover {
            width: auto;
            float: left;
            display: inline;
            list-style: none;
            margin: 0 1px;
            text-align: center;
            overflow: hidden;
            color: #fff;
            background: url(/Content/images/firstnavbg.gif) repeat-x;
            cursor: pointer; /*padding: 0 5px;
        }

            .first_tier_nav ul li.tabactive {
                background: url(/Content/images/firstnavbg_active.gif) repeat-x;
            }

            .first_tier_nav ul li.tabhover {
                background: url(/Content/images/firstnavbg_hover.gif) repeat-x;
            }



            .first_tier_nav ul li.Red,
            .first_tier_nav ul li.tabactiveRed,
            .first_tier_nav ul li.tabhoverRed {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgRed.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.Green,
            .first_tier_nav ul li.tabactiveGreen,
            .first_tier_nav ul li.tabhoverGreen {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgGreen.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

                .first_tier_nav ul li a,
                .first_tier_nav ul li.tabactive a,
                .first_tier_nav ul li.tabhover a .first_tier_nav ul li.tabactiveRed a,
                .first_tier_nav ul li.tabhoverRed a .first_tier_nav ul li.tabactiveGreen a,
                .first_tier_nav ul li.tabhoverGreen a {
                    float: left;
                    padding: 4px 21px 5px 0px !important;
                    display: block;
                    background-repeat: no-repeat;
                    background-position: right;
                    color: White;
                }

                    .first_tier_nav ul li a:hover,
                    .first_tier_nav ul li.tabactive a:hover,
                    .first_tier_nav ul li.tabhover a:hover {
                        text-decoration: none;
                    }

textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
}

input[type="text"] {
    font-size: 8pt;
    font-family: verdana;
}

.tickettemplate {
    background-image: url('/Content/images/exportTemplate_20x20.png');
}

.incident {
    background-image: url('/Content/ButtonImages/incident.png');
}

.admin {
    background-image: url('/Content/ButtonImages/admin.png');
}

.approve {
    background-image: url('/Content/ButtonImages/approve.png');
}

.baseline-add {
    background-image: url('/Content/ButtonImages/baseline-add.png');
}

.baseline-delete {
    background-image: url('/Content/ButtonImages/baseline-delete.png');
}

.baseline-restore {
    background-image: url('/Content/ButtonImages/baseline-restore.png');
}
/*.cancel{background-image:url('/Content/ButtonImages/cancel.png');}
.cancelwhite {
    background-image: url('/Content/ButtonImages/cancelwhite.png');
}

.cmdb {
    background-image: url('/Content/ButtonImages/cmdb.png');
}

.home {
    background-image: url('/Content/ButtonImages/home.png');
}

.lock {
    background-image: url('/Content/ButtonImages/lock.png');
}

.notify {
    background-image: url('/Content/ButtonImages/notify.png');
}

.print {
    background-image: url('/Content/ButtonImages/print.png');
}

.reject {
    background-image: url("/Content/ButtonImages/reject.png");
}

.report {
    background-image: url('/Content/ButtonImages/report.png');
}

.return {
    background-image: url('/Content/ButtonImages/return.png')
}

.save {
    background-image: url('/Content/ButtonImages/save.png');
}

.unlock {
    background-image: url('/Content/ButtonImages/unlock.png');
}

.edit {
    background-image: url('/Content/ButtonImages/edit-icon.png');
}

.usertick {
    background-image: url('/Content/ButtonImages/self-assign.png');
}

.ganttImg {
    background-image: url('/Content/ButtonImages/GanttChart1.png');
}

.comment {
    background-image: url('/Content/ButtonImages/comments.png');
}

.import {
    background-image: url('/Content/ButtonImages/import.png');
}

.export {
    background-image: url('/Content/ButtonImages/export.png');
}

.schedulebtn {
    background-image: url('/Content/ButtonImages/schedule.png');
}

.selectlist {
    background-image: url('/Content/ButtonImages/select-list.png');
}

.runnow {
    background-image: url('/Content/ButtonImages/execute.png');
}

.publish {
    background-image: url('/Content/ButtonImages/publish.png');
}

.next-button {
    background-image: url('/Content/ButtonImages/next.png');
}

.back-button {
    background-image: url('/Content/ButtonImages/return.png');
}

.save-template {
    background-image: url('/Content/ButtonImages/save-template.png');
}

.close {
    background-image: url('/Content/images/closedoor.png');
}

.stopreview {
    background-image: url('/Content/images/DocumentLibraryManagement/StopWorkflow.png');
}

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

.main_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.sub_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.ro-heading-txt {
    background: #F1B584;
    padding: 4px 15px;
    font-weight: bold;
    font-size: 12px;
}

.ro-heading-line {
    float: left;
    width: 100%;
    border: 1px solid #F1B584;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-header th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: center;
}

.ro-item td {
    background: #F4F4F4;
    border: 1px solid #fff;
}

.ro-alternateitem td {
    background: #E9ECF3;
    border: 1px solid #fff;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-header-issue th {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
}

.ro-item-issue td {
    background: #F7E3C5;
    border: 1px solid #fff;
}

.ro-alternateitem-issue td {
    background: #F7ECDA;
    border: 1px solid #fff;
}

.ro-monitorshead {
    background: #BED0E5;
    padding: 8px;
}

.ro-statusrow td {
    background: #BED0E5;
}

.ro-header-report th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budget td {
    background: #E9ECF3;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-alternateitem-actual td {
    background: #b8cce4;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budgettotal td {
    background: #ACC775;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-actualtotal td {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-variancetotal td {
    background: #E9ECF3;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-header-report-title th {
    text-align: left;
    padding-left: 5px;
}

.button-bg {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 0px 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.input-button-bg {
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    border: 0px;
    color: white;
    cursor: pointer;
    float: left;
    padding: 5px;
    margin: 1px;
}

    .input-button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.button-bg-red {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg-red, .button-bg-red:hover {
        background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    }


/*Top Menu Start
.topmenudiv {
    float: left;
    width: 100%;
    padding-left: 0px;
    background: url("/Content/images/nav_bar_bg1x1.png") repeat-x scroll 0 0 transparent;
}

.topmenuitem {
    float: left;
    padding: 7px 50px 0 50px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

    .topmenuitem:hover { /*position:relative;top:-2px
    }

.topmenuborder {
}

.topmenuitemdiv {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemdivsel {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemspan {
    float: left;
}

.topmenuitemspansel {
    float: left;
    border: 2px solid #676767;
    border-bottom: none;
    background: #fff;
}

.topmenu-table {
}

    .topmenu-table td {
    }

.topmenu-itemcontainer {
    float: left;
    height: 32px;
    width: 100%;
    position: relative;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #BFBCBC;
}

.topmenu-itemcontainersub {
    float: left;
    height: 32px !important;
}

.topmenu-link {
    height: 28px;
}

.topmenu-linksub {
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 9px 5px 0px 0px;
}

.topsubmenu-linksub {
    float: left;
    font-weight: bold;
    padding: 9px 0px;
}

.topmenu-linkimgsub {
    float: left;
    padding: 5px 5px 0px 0px;
}

    .topmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topsubmenu-linkimgsub {
    float: left;
    padding: 7px 5px 0px 0px;
}

    .topsubmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topmenu-selectedtab {
    position: relative;
    top: 0px;
    width: 96% !important;
}

.input_search_pos {
    margin-right: 12px;
    position: relative;
    top: 9px;
}

.input_search_box {
    position: relative;
    top: 9px;
}

.topSearchBox {
    float: right;
    width: auto;
    position: relative;
    padding-right: 10px;
    top: 0px;
    padding-left: 10px;
}

    .topSearchBox input {
        height: 19px
    }

.topSearchPos {
    top: 7px;
    position: absolute;
    left: 133px;
}

td.ms-sbgo {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 0px;
    border: solid 0px #949494;
}

    td.ms-sbgo a {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 4px !important;
    }

    td.ms-sbgo a {
        background-image: url("/Style Library/Images/search-bt.gif");
        background-repeat: no-repeat;
        background-position: top left;
        float: left;
    }

        td.ms-sbgo a img {
            visibility: hidden;
            height: 27px;
            width: 77px;
        }

.s4-search input.ms-sbplain {
    width: 191px !important;
    background: transparent url("/Style Library/Images/textbox-bg.gif") 0 0 no-repeat;
    font-size: 12px !important;
    height: 25px;
    border: 1px solid #d4d4d4;
}

.s4-search .srch-gosearchimg {
    height: 27px !important;
}

.s4-search {
    padding: 0 !important;
}

.s4-rp {
    float: right;
    padding: 2px 10px 2px 5px;
}

.s4-search input {
    border-right: medium none !important;
    font-size: 1.1em;
    height: 16px;
    margin-top: 3px;
    padding: 1px 3px 2px;
    width: 221px !important;
}

.s4-search input, .s4-search .ms-searchimage {
    background: url("bgximg-4DDA2070.png?ctag") repeat-x scroll 0 -511px #FFFFFF;
    float: left;
}

.s4-search select, .s4-search input {
    border: 1px solid #92A8AA !important;
    color: #919649;
    float: left;
}

.ms-sharepointsearchtext {
    color: #7F7F7F;
    font-style: italic;
}

.uGitWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 150px;
    height: 23px;
}

.uGitsearchTextBox {
    width: 150px;
    height: 23px;
    font-size: 8pt;
    font-style: normal;
}

.menuitem-container {
    position: relative;
    top: -1px;
}

.hoverlevel1tab {
    background: url('') #F7F7F7;
    border: 1px solid #BFBCBC;
    border-bottom: none;
    position: relative;
    float: left;
    z-index: 10000;
    border-top: none;
    border-bottom: none;
}

.level2menu-container {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BFBCBC;
    float: left;
    position: absolute;
    top: 32px;
    width: 200px;
    z-index: 1000000;
    cursor: pointer;
}

.topsubmenu-item {
    float: left;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #BFBCBC;
}

.topsubmenu-itemselected, .topsubmenu-itemhover {
    background: #797878;
    color: white;
}



.topsubmenu-item a {
    float: left;
    width: 93%;
    padding: 0px 5px;
}

.topsubmenu-itemselected a:link, .topsubmenu-itemselected a:visited, .topsubmenu-itemselected a:hover .topsubmenu-itemhover a:link, .topsubmenu-itemhover a:visited, .topsubmenu-itemhover a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*Top Menu End*/

/* flexible box top tr
.cg-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px;
    height: 15px;
}

.cg-topmiddle-line {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
    height: 15px;
}

.cg-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px;
    height: 15px;
}

/*middle tr
.cg-middleleft-line {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px;
}

.cg-middleright-line {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px;
}

/*Bottom tr type1
.cg-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px;
    height: 18px;
}

.cg-bottommiddle-line {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px;
}

.cg-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px;
    height: 18px;
}

/*Bottom tr type2
.cg-centerleft-line {
    background: url(/Content/images/cg-centerleft-line.png) no-repeat;
    width: 15px;
    height: 3px;
}

.cg-centermiddle-line {
    background: url(/Content/images/cg-center-line.png) repeat-x;
    width: 1px;
    height: 3px;
}

.cg-mcenterright-line {
    background: url(/Content/images/cg-centerright-line.png) no-repeat;
    width: 18px;
    height: 3px;
}


.cg-d-main {
    position: relative;
}

.ctrcontainer {
    float: left;
    padding-left: 10px
}

.ctrcontainer-sidebar {
}

.cg-dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
    z-index: 1000;
}

.cg-drilldownback {
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 2px;
    position: relative;
    top: 3px;
    left: 3px;
}

.cg-dashboardtopaction-type1 {
    position: relative;
    top: -12px;
    right: 6px;
}

.cg-dashboardtopaction-type2 {
    position: relative;
    top: 0px;
    right: 6px;
}

.cg-dashboardbottomaction {
    float: right;
    position: relative;
    right: -10px;
    top: -5px;
    width: 100%;
}

.cg-d-contentc {
    position: relative;
}

.cg-d-description {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    top: -12px;
    z-index: 10;
}

.cg-d-description1 {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    z-index: 10;
}

.cg-d-returnactionc {
    float: left;
    position: absolute;
    left: -8px;
}

.dashboard-desc {
    font-weight: normal;
    float: left;
    padding-left: 4px;
    font-size: 11px;
}

.dashboardkpi-main {
    margin-bottom: 5px;
    display: block;
}

.dashboardkpi-main-min {
    margin-bottom: 1px;
    display: block;
}

.dashboardkpi-txt { /*padding:2px;*/
}
/*.dashboardkpi-txt:hover{color:#000;}
.dashboardkpi-td {
    background: #fff;
    padding: 0px 2px;
}

.dashboardkpi-a {
    font-size: 12px;
}

.dashboardkpi-a-min {
    font-size: 10px;
}

.dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
}

.dashboardbottom-super {
    float: left;
    width: 100%;
}

.dimensionmenu-super {
    max-width: 100px;
    padding-right: 5px;
    position: relative;
    font-size: 9px;
    margin-right: 2px;
}

.localdatefilter-super {
    position: relative;
    float: right;
    font-size: 9px;
    margin-right: 2px;
}

.roundedrectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -8px;
    float: left;
    top: -8px;
}

.rectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.none-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.roundedrectangle-localdatefilter {
    position: relative;
    right: -6px;
    float: right;
    top: -8px;
}

.rectangle-localdatefilter {
    position: relative;
    right: -16px;
    float: right;
    top: -2px;
}

.none-localdatefilter {
    position: relative;
    right: 4px;
    float: right;
    top: -4px;
}

.none-localdatefilter {
    position: relative;
    right: -14px;
    float: right;
    top: -3px;
}

.panelDashboard {
    margin: 10px 15px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important
}

.rectangle-panelDashboard {
    margin: 10px 5px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important;
    border: 1px solid #747474 !important
}

.chartbreadcrumb {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border: none;
    font-size: 9px;
    text-align: center;
    position: absolute;
    z-index: 100;
}
/*flexible box*/

/*Side bar link Start 
.itemdiv img {
    max-width: 120px;
    text-align: center;
    /*border: 1px outset #F2F2F2;
}

.charttitlespan {
    background: #f8f8f8;
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
/*Side bar link End */

/*Message Board Start
.warningli {
    background: url('/Content/images/message_warning.png') no-repeat top left;
    font-weight: normal;
}

.criticalli {
    background: url('/Content/images/message_critical.png') no-repeat top left;
    font-weight: bold;
}

.goodli {
    background: url('/Content/images/message_good.png') no-repeat top left;
}

.informationli {
    background: url('/Content/images/message_Information.png') no-repeat top left;
}

.personli {
    background: url('/Content/images/People16X16.png') no-repeat top left;
    font-weight: bold;
}

.messageboard-ul {
    display: inline-block;
    background: #F8F8F8;
    position: relative;
    width: 770px;
    /*min-height:40px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

    .messageboard-ul > li {
        list-style-type: none;
        padding-left: 22px;
        padding-bottom: 10px;
        font-size: 12px;
        font-weight: normal;
    }
/*Message Board End*/


/*Service Catalog Start
.populate-services {
    float: left;
    width: 100%;
}

    .populate-services fieldset {
        float: left;
        width: 97%;
    }

    .populate-services select {
        height: 23px;
        max-width: 300px;
        min-width: 125px;
    }

.service-moreservices {
    float: left;
    padding: 10px;
}

.category-block {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.service-block {
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    font-weight: bold;
}

.serviceaction-block {
    float: left;
}

.categorylist {
    width: 200px;
}

.sc-excp {
    float: left;
    padding-left: 3px;
}

.service-catalog {
    float: left;
    width: 890px;
}

* + html .service-catalog {
    width: 890px;
}

    .service-catalog td:Hover {
    }

.service-catalog-inner {
    float: left;
    width: 99%;
    margin-left: 3px;
}

.servciecatalog-main {
    float: left;
    width: 890px;
}

* + html .servciecatalog-main {
    width: 890px;
}

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 155px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.pcategorycontainer {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 285px;
}

.service-toptitle {
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
}

.service-toptitle-sub {
    font-weight: normal !important;
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
    color: black;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 285px;
        float: left;
        padding-bottom: 10px;
    }

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 190px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 270px;
        float: left;
        padding-bottom: 10px;
    }

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 155px;
    text-align: left;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}
/*Service Catalog End

.multipledepartmentViewdiv {
    border: 1px solid;
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
}

    .multipledepartmentViewdiv > span {
        float: left;
        padding: 2px 1px;
        width: 99%;
    }

    .multipledepartmentViewdiv span:nth-child(odd) {
        background: #EDEEF1
    }

    .multipledepartmentViewdiv .selected {
        background: #D4FFFF !important;
    }

.dementmentviewtd > span {
    float: left;
    padding: 1px 2px;
}

.fright {
    float: right;
}

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

.popupleftcts {
    float: left;
    padding-bottom: 5px;
}

.departmentPopup {
    /* background: none repeat scroll 0 0 #ECE8D3;
        border: 4px double #FCCE92;
    font-size: 11px;
}

.dxeBase {
    font: inherit;
}

.hide {
    display: none;
}

.dnode {
    display: none;
}


/*Custom filter css start

.pagerBox td table tr td span {
    /* font-size : larger; 
    border: 1px solid black;
    padding: 0px 3px;
}

.moduleimgtd {
    padding: 0 5px 0 0;
    width: 35px;
}

.tickettypetab {
    float: left;
    padding: 4px 4px 4px 4px;
    margin-left: 3px;
}

.tickettypetabsel {
    float: left;
    padding: 4px 4px 4px 4px;
}

.linkseprator {
    padding-left: 3px;
}

.fixedbutton a:hover {
    text-decoration: none;
}

.dnone {
    display: none;
}

.search_bg {
    float: right;
    background: url("bgximg-4DDA2070.png?ctag") repeat-x 0 -511px #FFFFFF;
}

.moduledesciptiontd {
    padding-bottom: 15px;
}

table.ms-listviewtable > tbody > tr > td {
    border: none;
}

.ms-viewheadertr .ms-vh2-gridview {
    background: transparent !important;
    height: 22px;
}

.ms-vh2 .ms-selectedtitle .ms-vb, .ms-vh2 .ms-unselectedtitle .ms-vb {
    text-align: left;
}

.ms-listviewtable .ms-vb2, .ms-summarystandardbody .ms-vb2 {
    text-align: left;
}

a.newlinkbutton, a.newlinkbutton:hover {
    text-decoration: none;
}



.top_right_nav {
    margin: 0;
    text-align: right;
    position: relative;
    left: 15px;
    float: right;
}

    .top_right_nav span {
        float: left;
        width: auto;
        margin-left: 5px;
    }

.ms-viewheadertr th[align="center"] td.ms-vb {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] td.ms-vb {
    text-align: left !important;
}

.ms-viewheadertr th[align="right"] td.ms-vb {
    text-align: right !important;
}

.ms-viewheadertr th[align="center"] {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] {
    text-align: left !important;
}

.headercenter {
    text-align: center !important;
}

    .headercenter td {
        text-align: center !important;
    }

.fleft {
    float: left;
}

.img[alt="Open Menu"] {
    border: none;
}

.dxbButton div.dxb {
    padding: 0px 5px;
    border: none;
}

.ugitbutton {
    background-image: url(/Content/images/firstnavbg.gif);
    color: #fff;
    font-weight: 600;
}

.ugitbutton-hover {
    background-image: url(/Content/images/firstnavbg_hover.gif);
    color: #fff;
    font-weight: 600;
}

.button-bg {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
}

    .button-bg b {
        position: relative;
        top: -2px;
    }

    .button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.ModuleBlock {
    background: none repeat scroll 0 0 #ECE8D3;
    border: 4px double #FCCE92;
    position: absolute;
    z-index: 100;
}

.reportitem {
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black;
}

.menuTextCell {
    padding-left: 2px;
    padding-top: 2px;
    height: 18px;
}

.menuTable {
    width: 100%;
    border-collapse: collapse;
}

.reportItemSelected {
    background-color: aqua;
}


.inputTextBox {
    width: 70px;
    height: 14px;
    position: relative;
    top: -2px;
}

.SearchWidth {
    width: 100px;
}

.searchTextBox {
    width: 100px;
    height: 20px;
    font-size: 8pt;
}

.globalSearchTextBox {
    font-size: 8pt;
    width: 60px;
    height: 20px;
}

.globalfilter {
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.WaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 100px;
    height: 14px;
}

.GlobalWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 60px;
    height: 14px;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.selected-export {
    float: left;
    position: relative;
    z-index: 10000;
    top: -1px;
    border: 1px inset;
    border-bottom: none;
    background: white;
}

.fright {
    float: right;
}

.rdFilterCriteria label {
    vertical-align: bottom;
}

.rdSortCriteria label {
    vertical-align: bottom;
}

.advancemode > input {
    float: left;
    position: relative;
    top: -2px;
}

.advancemode > label {
    float: left;
}
/*Custom filter css end

.button-red {
    color: white;
    background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

.ugitaccent1homembg {
    background: url("/Content/images/modulepanelbg1.png") no-repeat;
    height: 129px;
    width: 279px;
}
/*.accent1-panel-topleft-corner{ background:url(/Content/images/left_top_img1.png) no-repeat; width: 26px; height: 16px;}
  .accent1-panel-topright-corner{background:url(/Content/images/right_top_img1.png) no-repeat;width: 26px; height: 16px;}
  .accent1-panel-bottomleft-corner{ background:url(/Content/images/left_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-panel-bottomright-corner{ background:url(/Content/images/right_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-middletop-rep{ background:url(/Content/images/rep_top_img1.png) repeat-x;}
  .accent1-middledown-rep{background:url(/Content/images/rep_down_img1.png) repeat-x;}
  .accent1-leftside-border{ background:url(/Content/images/left_border_img1.png) repeat-y;width:3px;}
  .accent1-rightside-border{background:url(/Content/images/right_border_img1.png) repeat-y;width:3px;}

.roundedrectangle-panel-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px !important;
    height: 15px !important;
}

.roundedrectangle-panel-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px !important;
    height: 15px !important;
}

.roundedrectangle-panel-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px !important;
    height: 18px !important;
}

.roundedrectangle-panel-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px !important;
    height: 18px !important;
}

.roundedrectangle-middletop-rep {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
}

.roundedrectangle-middledown-rep {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px !important;
}

.roundedrectangle-leftside-border {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px !important;
}

.roundedrectangle-rightside-border {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px !important;
}


.rectangle-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.rectangle-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.rectangle-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.rectangle-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.rectangle-middletop-rep {
}

.rectangle-middledown-rep {
    height: 10px !important;
}

.rectangle-leftside-border {
    width: 15px !important;
}

.rectangle-rightside-border {
    width: 19px !important;
}

.none-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.none-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.none-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.none-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.none-middletop-rep {
}

.none-middledown-rep {
    height: 10px !important;
}

.none-leftside-border {
    width: 15px !important;
}

.none-rightside-border {
    width: 19px !important;
}



.doubleWidthnHeight {
    height: 40px !important;
    width: 99% !important;
}

.extraHeightWithDoubleWidth {
    height: 60px !important;
    width: 99% !important;
}

.descExtraHeightWithDoubleWidth {
    height: 150px !important;
    width: 99% !important;
}





/* Jquery UI Extension  Start*/
/* People Editor autocomplete 
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar 
    overflow-x: hidden;
    /*for module popup AD User
    z-index: 30000;
}
/* Jquery UI Extension  end

.ugit-trcnoti-base {
    width: 100%;
    max-height: 500px;
    position: relative;
    display: block;
}

.ugit-trcnoti-bg {
    width: 100%;
    max-height: 500px;
    position: relative;
    padding: 1px;
    cursor: pointer;
    border-color: #DEDEDE;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);
}

.ugit-trcnoti-toast {
    padding: 4px 7px;
    text-align: center;
}

.vipticket {
    background-color: #f7e1e1 !important;
}

    .vipticket td {
        font-weight: bold;
    }

.errormsg-container {
    color: red;
}

a:link.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: underline;
}

a:hover.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#messagefooter {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /*background-color: rgb(251, 251, 251);
    color: #3C3939;
}

.footerClassicTheme {
    background-color: rgb(251, 251, 251)
}

.error {
    color: red !important;
}

.content-wrapper {
    padding-left: 200px;
    padding-right: 100px;
    font-size: 10pt;
}

    .content-wrapper p {
        margin: 2px 0;
    }


.ugitfootercopyright {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 19px;
    /*color: #3C3939;
    font-size: 9pt;
}

    .ugitfootercopyright a:visited {
        color: #000066;
    }


.dxeMemo textarea {
    line-height: inherit !important;
}

textarea {
    line-height: inherit !important;
}

.ugit-dialog {
    /*z-index: 10000;*/
    /*z-index: 999 !important;*/
    /*z-index: 18983 !important;
    z-index: 999 !important;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

.ui-dialog {
    padding: 0px;
}

.ui-widget-header {
    border: none;
}

    .ui-widget-header a {
        color: #333333;
        display: none !important;
    }
/* Corner radius 
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

input[type="checkbox"], input[type="radio"] {
    margin: 0px 3px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin: 0px;
    font-weight: normal;
}


.width100 {
    width: 100%;
}

.bordercolps {
    border-collapse: collapse;
}

.progressbar {
    background: url("/Content/images/AgeRectGreen.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
}

.emptyProgressBar {
    background: url("/Content/images/progress_bar.png") no-repeat;
    height: 25px;
    border: 1px solid gray;
    background-size: 25px;
    color: white;
}

.progressbarhold {
    background: url("/Content/images/AgeRectRed.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
}

.priorityHigh {
    background: url("/Content/images/High_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityMedium {
    background: url("/Content/images/Medium_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityLow {
    background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityCritical {
    background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.arrow {
}

.arrow_active {
}

.selected_background {
    /* [ReplaceColor(themeColor:"ContentAccent1")]  background-color: #0072C6;
    color: White;
}

.arrow_active div {
    position: relative;
    float: left;
    /* [ReplaceColor(themeColor:"ContentAccent1")]  background-color: #0072C6;
    color: White;
    width: 100%;
}

.arrow div {
    color: White;
    position: relative;
    float: left;
    width: 100%;
    /* [ReplaceColor(themeColor:"ContentAccent2")] background-color: #00485B;
}

.arrow span, .arrow_active span {
    float: left;
    width: 70%;
    text-align: center;
    padding-top: 8px;
    font-size: 12pt;
    font-weight: bold;
}

.arrow em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")]  background: url("/Content/images/step_tail.png") no-repeat white;
}

.arrow strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")]  background: url("/Content/images/step_head.png") no-repeat white;
}

.arrow_active strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")]  background: url("/Content/images/step_head_active.png") no-repeat white;
}

.arrow_active em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] background: url("/Content/images/step_tail_active.png") no-repeat white;
}

.fileuploadtoken {
    background-color: #F39C12;
    padding: 5px 4px;
    border-radius: 8px;
}

    .fileuploadtoken a {
        padding: 0px 4px;
    }

.dxeListBox_UGITBlackDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITBlackDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITDarkOrangeDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITDarkOrangeDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITGreenDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITGreenDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITNavyBlueDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITNavyBlueDevEx {
    padding: 2px 1px;
}

.ugit-stick-bottom {
    width: 100% !important;
    padding: 0px 8px !important;
    border: solid 1px #fff;
}

.scroll-to-fixed-fixed {
    background-color: rgb(251, 251, 251);
    border: solid 1px #dddada;
    width: 100% !important;
}

.dxgvHeader_CustomMaterial {
    padding-left: 20px !important;
    padding-right: 30px !important;
    text-align: left !important;
    text-align-last: left !important;
}

.customgridview td.dxgv.dx-al,
.customgridview td.dxgv.dx-ac {
    padding-left: 20px !important;
    padding-right: 10px !important;
    text-align: left !important;
}

.myticketinner2 table.btn-secondary.dropdown-toggle,
.customddl-button table.btn-secondary.dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
}

    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td,
    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
        background: transparent;
        border-left: none;
    }

        .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
        .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
            font-size: 16px;
            font-weight: 500;
            color: #4A6EE2;
            font-family: 'Poppins', sans-serif !important;
        }

.dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background: url(/Content/Images/DropdownArrow.png);
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 0px;
}

.dx-ac {
    text-align: left;
}

.tab-contentdiv1.ugit-contentcontainer,
.tab-contentdiv1.ugit-contentcontainer iframe body {
    background: transparent !important;
    overflow: hidden !important;
}

.tab-contentdiv1 {
    border: none !important;
}

.dx-nowrap.dxgv.dx-ac span {
    padding-left: 0px !important;
}

.dxgvCommandColumn_CustomMaterial .dxICheckBox_CustomMaterial, .dxgvCommandColumn_CustomMaterial .dxeIRadioButton_CustomMaterial {
    margin: -3px 10px -1px 0px;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 0 !important;
    font-family: 'Poppins',sans-serif;
}

.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #eaedf0;
}

    .dxm-popup.ddlActionMenu > ul li {
        background: #eaedf0;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Poppins', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 13px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 8px 0 !important;
            border-top: 1px solid #d9e2ee !important;
        }

.page-container .user-buts,
.page-container.sidebar-collapsed-back .user-buts {
    margin-right: 50%;
}*/


.wrapTitle {
    white-space: pre-wrap;
}

.pmImage {
    height: 50px;
    width: 50px;
}
.ullisting ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: 35px;
    top: -30px;
}

.ullisting ul li {
    margin-left: 10px;
    cursor: pointer;
}

/*-------------------------New UI----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body, .dxeBase_UGITNavyBlueDevEx, input, select, label, textarea, button, option, .dxeButtonEdit_UGITNavyBlueDevEx {
    font-family: 'Roboto', sans-serif !important;
    color: black !important;
    /*    color: black;
*/
}



/*DON'T DELETE - GENERIC CLASSES OPEN ======================================================================================================================================================================================================*/
@media (min-width: 1601px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    #sticky-sidebar {
        background-color: #fff;
        border-right: 1px solid #eeeeee;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-fill-equal {
    -ms-flex: 1 1 0 !important;
    flex: 1 1 0 !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.w-25 {
    width: 25% !important;
}

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

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.curPont {
    cursor: pointer !important;
}

.curGrab {
    cursor: grab !important;
}

    .curGrab:active {
        cursor: grabbing !important;
    }

.img-40 {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.imgMx-40 {
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
}

.page-container .main-page-section:not(.popup_wrap) #ctl00_ctl00_MainContent_homeCardPannel {
    margin-top: 60px;
}

.selectDropd {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 3px 3px 3px 4px;
    -webkit-appearance: none;
    background-position: 98.6% !important;
}

    .selectDropd option {
        background: #fff;
        color: #4A6EE2;
    }

@media (min-width: 992px) {
    .fright-md {
        float: right !important;
    }

    .fleft-md {
        float: left !important;
    }
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.text-left {
    text-align: left !important;
}

/*DON'T DELETE - GENERIC CLASSES CLOSE ======================================================================================================================================================================================================*/



#sticky-sidebar {
    background-color: #fff;
    border-right: 1px solid #eeeeee;
}

    #sticky-sidebar .sticky-top {
        margin: 0 12px;
    }

h4.left-sticky-header {
    font-size: 18px;
    importWizard-ticketId text-transform: uppercase;
    margin: 0 15px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #eeeeee;
    color: #909090;
    font-weight: 400;
}

.filters-outer-ckeck-box {
    padding: 0;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 6px;
}

    .filters-outer-ckeck-box #MainMenu .list-group .list-group-submenu .list-group-item, .filters-outer-ckeck-box #MainMenu .list-group a {
        border: none;
    }

.left-section .logo {
    padding: 30px 0px 25px;
    border-bottom: 1px solid #f4f5f8;
    margin-bottom: 10px;
}

.creat-and-upload a {
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 10px 0;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.creat-and-upload {
    border-bottom: 1px solid #f4f5f8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.creat-folder {
    background: #4a90e2 url(../images/folder.png) no-repeat left center;
    background-position: 35px;
}

.upload-file {
    background: #4a6ee2 url(../images/upload-file.png) no-repeat left center;
    background-position: 35px;
}
/******* MAIN CSS ********/


.mian-heading {
    overflow: hidden;
    margin-top: 30px;
}

    .mian-heading h2 {
        font-size: 22px;
        color: #4a6ee2;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .mian-heading h4 {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

.wizard_steps {
    width: 100%;
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.step {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

.step_content {
    position: relative;
    z-index: 2;
}

    .step_content small {
        /*color: #b6b6b6;*/
        color: #959494;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        top: 35px;
        display: block;
        width: 100%;
        margin-top: 7px;
    }

.step_number {
    color: #bebebe;
    background: #f6f7fb;
    font-weight: 600;
    width: 33px;
    height: 33px;
    margin: 0 auto;
    border-radius: 50%;
    transition: opacity 0.5s;
    opacity: 1;
    z-index: 5; /*padding: 7px 3px;*/
    /*background: #f6f7fb;*/
    background: #babbbc;
}

.step_content.active small {
    /*color: #4a90e2;*/
    color: #25950a;
    margin-top: 7px;
}

.step_content.active .clsservicesec {
    color: #25950a;
    margin-top: 7px;
}

.employee-info p {
    background: #f6f7fb;
}

.employee-info.active p {
    background: #f6f7fb;
}

.employee-info.precon p {
    color: none !important;
    background: #52BED9;
}

.employee-info.const p {
    color: none !important;
    background: #005C9B;
}

.employee-info.closeout p {
    color: none !important;
    background: #351B82;
}

.employee-info.lightgrey p {
    color: none !important;
    background: lightgray;
}

.employee-info.nodeOnhold p {
    color: none !important;
    background: red;
}

.step_content.active small {
    /*color: #4a90e2;*/
    color: #25950a;
    margin-top: 7px;
}

.step_content.active .clsservicesec {
    color: #25950a;
    margin-top: 7px;
}

.equipment-details p {
    background: #f6f7fb url('Images/Equipment-Details-nonactive.png') no-repeat center center;
}

.equipment-details.active p {
    background: #f6f7fb url('Images/Equipment-Details-active.png') no-repeat center center;
}

.equipment-details.active small {
    color: #4a90e2;
}

.application-access p {
    background: #f6f7fb url('Images/Application-Access-Details-nonactive.png') no-repeat center center;
}

.application-access.active p {
    background: #f6f7fb url('Images/Application-Access-Details-active.png') no-repeat center center;
}

.application-access.active small {
    color: #4a90e2;
}

.summary-nonactive p {
    background: #f6f7fb url('Images/Summary-nonactive.png') no-repeat center center;
}

.summary-nonactive.active p {
    background: #f6f7fb url('Images/Summary-active.png') no-repeat center center;
}

.summary-nonactive.active small {
    color: #4a90e2;
}

.step.-completed .step_number {
    opacity: 0;
}

.step_number span {
    /*padding: 4.3px 0; border: 2px solid #fff;*/
    display: block;
    border-radius: 50%;
}

    .step_number span img {
        width: 100%;
    }

.step.-completed .line {
    transform: scaleX(1);
}

.line {
    position: absolute;
    top: 14px;
    left: 50%;
    z-index: -1;
    height: 5px;
    transition: all 0.5s ease;
}

    .line.-start {
        left: 0%;
        background: #5094de;
        width: 50%;
    }

    .line.-end {
        left: 50%;
        background: #5094de;
        width: 50%;
    }

    .line.-background {
        width: 100%;
        border-top: 2px dashed #dfe3ea;
    }

        .line.-background.active {
            border-top: 2px dashed #89df94;
        }

.precon-lines {
    border-top: 6px solid #52BED9;
    width: 100%;
}

.const-line {
    border-top: 6px solid #005C9B;
    width: 100%;
}

.clousout-line {
    border-top: 6px solid #351B82;
}
/*.back-to-home-but, .previous-but {     Talk to CW
        overflow: hidden;
        margin: 0 15px;
    }*/

.previous-but button {
    background: #4a90e2;
    border: none;
    padding: 10px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.back-to-home-but button {
    background: #bfd2e9;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.svcCreateTicket_formCotainer {
    background: #fff;
    border-radius: 5px;
    float: left;
    width: 100%;
    /*padding: 5px 30px 40px;*/
    /*margin: 5px 0px 30px;*/
}

/*.svcCreateTicket_formWrap {
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px 40px;
    margin: 34px 15px 60px;
}*/

.employee-name.form-group input:focus, .employee-type .btn-group .btn:focus, .department .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #fff;
}

.employee-name.form-group input, .employee-type .btn-group .btn, .employee-name.form-group textarea, .department .btn-group .btn {
    font-size: 12px;
    color: #7a7b7b !important;
    font-family: 'Roboto',sans-serif;
}

.employee-name.form-group label, .employee-type.form-group label, .department.form-group label {
    color: #4a6ee2;
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
}

.employee-type ul, .department ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .employee-type ul li a, .department ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .employee-type ul li a:hover, .department ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

.date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background-image: url(Image/calendar.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}

.employee-type .btn-group .btn::after, .department .btn-group .btn::after {
    border-top: none;
}

.down-arrow {
    background: #ecf1f9 url(Images/arrow-dwon.png) no-repeat 97% center !important;
    padding-right: 6px !important;
    overflow: hidden;
}

.documents-attac {
    overflow: hidden;
    margin: 40px 0 20px;
}

    .documents-attac .attach-but {
        text-align: center;
    }

        .documents-attac .attach-but button {
            background: url(Image/plus-blue.png) no-repeat center top;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            color: #232323;
            outline: none;
        }

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                /*background: url(Image/document-ofice-365.png) left center no-repeat/16px, url(Image/close-red.png) right center no-repeat;*/
                padding: 0 25px;
            }

/*.next-cancel-but {
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}*/
/***************************Summary page close button**********************************/
.close-btn {
    display: inline-block;
    float: right;
}

.next-cancel-but .next {
    display: inline-block;
    width: auto !important;
    text-align: right;
    background: #4fa1d6 !important;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 4px 10px 3px 10px;
}

/*.next-cancel-but .dxb, .close-btn .dxb {
    background: none !important;
}*/

/*.cancel .dxb {
    color: red !important;
    font-size: 14px;
    font-weight: 600;
    `
}*/

.next-cancel-but .cancel, .close-btn .cancel {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    color: #4A6EE2;
    background: none !important;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
}

.red-star {
    color: #e24a7a;
}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.all-input {
    padding: 5px;
}

    .all-input input {
        /*background-color: #ECF1F9 !important;*/
        background-color: #fff !important;
        height: 28px !important;
    }

textarea:focus, input:focus, .btn:focus {
    box-shadow: none !important;
    border: 1px solid #ccd4e !important;
    /*background-color: #EAEDF0 !important;*/
}

.cust-checkbox .custom-checkbox label {
}

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}
/*
.cust-checkbox .custom-control-label::after{ background: url(Image/check.png;) no-repeat center center !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background: url(Image/check.png;) no-repeat center center !important;}
*/

.three-dots {
    overflow: hidden;
}

    .three-dots ul {
        margin: 0px;
        padding: 0px;
    }

        .three-dots ul li {
            list-style-type: none;
            float: left;
            margin-right: 40px;
            color: #737373;
        }

    .three-dots .light-blue {
        background: #bfd2e9;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .pink {
        background: #e24a7a;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .yellow {
        background: #fdbc05;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

.existing-access-input {
    width: 330px;
    margin: 30px 0 0 0;
}

.employee-info-outer {
    background: #fff;
    border-radius: 10px;
}

    .employee-info-outer .empl-header {
        background: #f0f0f0;
        border-radius: 10px 10px 0 0;
    }

        .employee-info-outer .empl-header h3 {
            padding: 20px 30px;
            font-size: 16px;
            font-weight: 500;
        }

.emplo-inof-inner {
    margin: 0px;
    padding: 20px 30px 10px 30px;
}

    .emplo-inof-inner li {
        list-style-type: none;
        display: block;
        margin-bottom: 12px;
        font-size: 16px;
    }

        .emplo-inof-inner li:first-child {
            color: #4d92e3;
        }

        .emplo-inof-inner li:last-child {
            color: #818181;
        }

.info-wrap {
    /*margin-top: 7%;*/
    /*padding-right: 2%;
    padding-left: 2%;*/
}
/********** popup css **********/

.put-on-hold-popup.cust-main-popup .modal-dialog .modal-content {
    border-radius: 8px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: none;
}

.cust-main-popup .modal-dialog {
    top: 10%;
}

    .cust-main-popup .modal-dialog .modal-content .modal-header {
        background: #f0f0f0;
    }

        .cust-main-popup .modal-dialog .modal-content .modal-header h4 {
            color: #232323;
            font-size: 16px;
            font-weight: 600;
        }

        .cust-main-popup .modal-dialog .modal-content .modal-header button {
            opacity: 1;
            outline: none;
        }

.cust-main-popup .putting-ticket-sec {
    overflow: hidden;
}

    .cust-main-popup .putting-ticket-sec h2 {
        color: #4a6ee2;
        font-weight: 500;
        font-size: 20px;
        margin-top: 18px;
    }

        .cust-main-popup .putting-ticket-sec h2 span {
            font-weight: 700;
            color: #232323;
        }

    .cust-main-popup .putting-ticket-sec h4 > span {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

    .cust-main-popup .putting-ticket-sec h4 {
        text-align: center;
    }

.inner-cust-dropdown-menu {
    width: 70%;
    margin: 0 auto;
}

    .inner-cust-dropdown-menu .select-style .date-time {
        background-image: url(Image/calendar.png);
        background-repeat: no-repeat;
        background-position: 95% center;
    }

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}

/*.select-style {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    padding-right: 30px;
}*/

/*.select-style select {
        border-radius: 3px;
        padding: 10px 10px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        background: #ecf1f9 url("Images/drop-down-arrow.png") no-repeat 95% 50%;
        margin-bottom: 1.5rem;
        font-family: 'Roboto',sans-serif;
        font-size: 16px;
        color: #7a7b7b !important;
        height: auto;
        box-shadow: none;
    }*/

/*.select-style select:focus {
            outline: none;
        }

        .select-style select option {
            margin: 40px;
            color: #7a7b7b;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }*/

/*.select-style label {
        color: #4a90e2;
        font-size: 16px;
        margin-bottom: 10px;
    }*/

.select-style input {
    border: 0px;
    font-size: 16px;
    padding: 10px 10px;
}

.inner-cust-dropdown-menu .comments textarea {
    border: none;
}

.inner-cust-dropdown-menu .comments .custom-checkbox label {
    font-size: 14px;
    color: #7a7b7b;
}

/*.hold-cancel-but {
    overflow: hidden;
    margin: 60px 0 0 0;
}*/

.hold-cancel-but .cancel,
.hold-cancel-but .hold-but {
    display: block;
    text-align: center;
}

    .hold-cancel-but .hold-but a {
        background: #e24a7a;
        color: #fff;
        padding: 6px 15px;
        display: inline-block;
        text-decoration: none;
        border-radius: 5px;
        font-size: 14px;
    }

    .hold-cancel-but .cancel a {
        color: #232323;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin: 2px 0 10px 0px;
        font-weight: 600;
    }

/************************************CSS by Chetan *****************/
.add-file-doc {
    display: block;
    text-align: center;
    margin: 0px;
    width: 100%;
    z-index: 9;
}

/************************************CSS by Chetan *****************/
.add-file-doc {
    display: block;
    text-align: center;
    margin: 0px;
    width: 100%;
    z-index: 9;
}

/*.add-file-doc a {
        color: #232323;
        text-decoration: none;
        font-size: 16px;
        background: url(Images/plus-blue.png) no-repeat left center;
       
        background-image: url('Images/plus-blue.png');
        background: url('Images/document-ofice-365.png')no-repeat left center;
        padding: 10px 0px 10px 40px;
        display: inline-block;
        font-family: 'Roboto',sans-serif;
    }*/

.fileUploadIcon .hyperLinkIcon {
    /*background: url('Images/document-ofice-365.png')no-repeat left center !important;
    padding-right: 10px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
    text-align: left;
    display: block;
    font-size: 14px;
    color: inherit !important;
}

.cancelUploadedFiles {
    margin-top: -31px;
}

.newTask_attachment_wrap .uploadedFileContainer .hyperLinkIcon {
    display: block;
    font-size: 14px;
    padding-left: 30px;
    max-width: 240px !important;
}

.newTask_attachment_wrap .editTicket_fileUpload table tr .dxBB a {
    margin-left: 0px !important;
}

.ui-dialog-titlebar-maximize .ui-corner-all .ui-state-default {
    display: none;
}

.ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
    background: url('Images/close-red-big.png') no-repeat;
    border: none;
    width: 38px !important;
    height: 25px !important;
    /*background-color: #EFEFEF;*/
    outline: none;
    position: absolute !important;
    top: -3px !important;
    right: -5px !important;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus {
    background: url('Images/close-red-big.png') no-repeat;
    border: none !important;
    outline: none;
    width: 38px !important;
    height: 25px !important;
    background-color: #EFEFEF;
}

.ui-dialog-title {
    font-family: 'Roboto', sans-serif;
}

ul.cancelbutton > li div[title="Close"],
ul.cancelbutton > li div[title="Close"] > div,
ul.cancelbutton > li.tabhover,
ul.cancelbutton > li {
    background: none;
}

    ul.cancelbutton > li div[title="Close"] > div span {
        color: #e24a7a;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }



/********** popup css **********/


.add-file-doc > a {
    /*position: absolute;*/
    margin: 0 auto;
    opacity: 1;
    left: 0px;
}

.add-file-doc > span {
    /*position: absolute;*/
    display: inline-block;
    width: 23%;
    overflow: hidden;
}

.add-file-doc .dxucTextBox_UGITNavyBlueDevEx {
    /*opacity: 0;*/
}

/*.add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: -223px;
    }*/

/*.add-file-doc > span > div {
        margin-left: -222px;
    }

        .add-file-doc > span > div > div {
            margin-left: 223px !important;
        }*/
/* .dxucBrowseButton_UGITNavyBlueDevEx {
    border: none;
    background: none;
}*/

.previousL {
    background: #4a90e2;
    border: none;
    padding: 5px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

    .previousL .dxb {
        background: none !important;
        padding: inherit;
    }

.topNext {
    background: #bfd2e9;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

    .topNext .dxb {
        background: none !important;
        padding: unset;
    }

.dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background: url(/Content/Images/DropdownArrow.png);
    /*padding: 0px 10px;*/
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 0px;
    margin-right: -2px; /**comment while changeing cpr->project team-> find resource popup**/
    margin-top: 8px;
}

.all-input .dxeButton .dxeButtonEditClearButton_UGITNavyBlueDevEx .dxeButtonEditButton_UGITNavyBlueDevEx {
    background-color: #ECF1F9;
}

.dropdownForSingleChoice {
    width: 100%;
}

.full_width {
    width: 82%;
}

.userctr table {
    width: 100%;
}

.dxeValidStEditorTable .dxeErrorCell_UGITNavyBlueDevEx {
    display: none;
}

.dxpnlControl_UGITNavyBlueDevEx .dxeValidStEditorTable {
    width: 100%;
}

.commentBox .full_width {
    width: 100% !important;
}

.calenderIcon .dxic + .dxeButtonEditButton_UGITNavyBlueDevEx {
    width: 26px;
    height: 20px;
    display: inline-block;
    opacity: 0;
}

.down-arrow .dxeButton {
    width: 37px;
    height: 14px;
    display: inline-block;
    /*background: transparent;*/
    background: #fff;
    padding-left: 10px;
    border: none;
    padding-right: 4px;
}

.divMainAccess {
    display: flex;
    /*border: 1px solid #a8a8a8;*/
    height: auto;
    margin: 10px 0px 0px 0px;
    overflow: auto;
}

    .divMainAccess::-webkit-scrollbar {
        height: 2px;
        width: 8px;
        background: lightgray;
    }




    .divMainAccess::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #333;
        border-radius: 10px;
    }

    .divMainAccess::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background: #000;
    }
/*.appl_access_title {
    float: right;
}*/

.txtNotes {
    /*width: 76%;*/
    width: 100%;
}

.divColorKeyMain {
    color: #a8a8a8;
}

.applLegend {
    padding: 5px 0px 5px 0px;
    border-bottom: none;
    display: -webkit-inline-box;
    width: 100%;
}

table.gvResourceClass {
    margin-bottom: 10px;
    width: auto;
    background-color: #fff;
}

.link-wrap {
    text-align: center;
    margin-left: -8%;
}

.link-one, .link-two, .link-three {
    display: inline-block;
    background-color: #5596E3;
    border: none;
    padding: 1px 12px 4px 3px;
    width: auto;
    border-radius: 4px;
}

.link-btn-wrap {
    border: none;
    /*padding: 1px 12px 4px 3px;
    width: auto;
    border-radius: 4px*/;
}

.link-url, .link-url:hover, .link-url:active {
    color: #fff;
    text-decoration: none;
}

.btn-holder {
    padding-bottom: 3px;
}

.add-link-btn {
    /*background: url(../images/pluse_white.png) no-repeat center;*/
    display: inline-block;
    /*background-color: #fff;*/
    /*border-radius: 50%;*/
    padding: 7px 10px 12px 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    outline: none;
    width: 17px;
    height: 15px;
}

    .add-link-btn img {
        /*background-color: #fff;*/
        /* padding: 4px; */
        /* border-radius: 50%; */
        width: 16px;
    }

.link-lable {
    display: inline-block;
    font-size: 13px;
    /*border-right: 1px solid #CFD0DF !important;*/
    padding: 0px 0px 0px 5px;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
}

.emailHeader {
    padding: 10px;
}

.close_arrow_edit {
    height: auto;
    padding-right: 6px !important;
}

    .close_arrow_edit > tr > td {
        width: 85%;
    }

        .close_arrow_edit > tr > td + td {
            float: left;
            margin: 10px 0px;
            width: 20px;
            overflow: hidden;
            padding: 0px 1px;
            height: 19px;
        }

            .close_arrow_edit > tr > td + td + td {
                width: 21px;
                float: right;
                padding: 0;
            }

                .close_arrow_edit > tr > td + td + td > img {
                    margin-right: 0px;
                }

.btn-container {
    display: inline-block;
    float: right;
}

.btn-wrap {
    /*padding:3px 0px 3px 0px;*/
}

.action-btn {
    padding: 5px 12px 5px 15px !important;
    background-color: #4fa1d6 !important;
    /*background-color: lightgray !important;*/
    color: #FFF !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

    .action-btn .dxb {
        color: #FFF !important;
        background: none !important;
        padding: 0px !important;
    }

.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popupMain.dxm-shadow.dxm-popup {
    left: -50px !important;
}

.dropdown-toggle.action-btn img.dx-vam {
    filter: brightness(0) invert(1);
}

.dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-hovered {
    background-color: #c5c5c5 !important;
}

.section-btn {
    padding: 0px 10px;
}

.section-icon {
    display: inline;
    float: right;
}

/*.process_icon {
    border-right: 1px solid #CFD0DF !important;
}*/

.edit_ticket_tabIcon .buttoncell ul li {
    background: none !important;
    width: auto;
    float: left;
    display: inline;
    list-style: none;
    margin: 0 2px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

/*.edit_ticket_tabIcon .buttoncell ul .tabhover {
    border-right: 1px solid #CFD0DF !important;
}*/

/*.edit_ticket_tabIcon .buttoncell ul .mouse_Leave { comment to remove footer button hover button right
    border-right: 1px solid #CFD0DF !important;
}*/

.edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb {
    font-size: 12px !important;
    color: #FFF !important;
    background: none !important;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
}

.gridLinkButton {
    margin-top: -9px !important;
    float: right !important;
}

.edit_ticket_tabIcon .buttoncell .dxbButton_UGITNavyBlueDevEx {
    background: #4fa1d6 !important;
    border-radius: 4px;
}

.svc_editTicket_link {
    display: inline-block;
}

.feedBackCancel {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
    margin-left: 15px;
}

    .feedBackCancel .dxb {
        background: none !important;
        color: red !important;
        font: 12px 'Roboto', sans-serif;
        font-weight: 600;
    }

.returnFeedback {
    float: left;
    height: 270px;
    width: 400px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
}

/*.buttonAlign {
    padding: 10px 0px 0px 145px;
    display: table-caption;
}*/

.dateTimeLayout {
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
}

.imageStyle {
    cursor: pointer;
    height: 25px;
}
/*************************************End Chetan******************************************************/
/*********************************CSS for SVC->edit ticket-> lifecycle tab****************************/
.lifecycle-content-wrap {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 0 45px 0;
}

.lifecyle-grid-container {
    padding: 23px 0 0 23px;
}

.lifecycle-grid-wrap {
    border-bottom: 1px solid #E4E4E4;
}

.grid-status {
    font-size: 14px;
    font-weight: 600;
    color: #4A6EE2;
}

.lifecycle-grid-wrap p {
    font-size: 14px;
    color: #629EE4;
}

.managementcontrol-main {
    background: #fff;
}

/******************************Css for workflow ***********************************/
.contract_steptop_content .flowlable {
    top: 20px !important;
    right: -71px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000080;
}

.contract_steptop_content .workflow-lable {
    right: -74px;
    top: -20px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000080;
    margin-top: -10px;
}
/********************************
		RESPONSIVE
********************************/
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media only screen and (max-width: 768px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.select-style table + table {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 10px;
}

    .select-style table + table,
    .select-style table + table tr td,
    .select-style table + table tr td input {
        background: #ecf1f9 !important;
        font-family: 'Roboto', sans-serif;
    }

        .select-style table + table tr td + td img {
            display: none;
        }

        .select-style table + table tr td + td {
            width: 30px;
            height: 30px;
            background: url('Images/calendar-new.png') no-repeat center center;
        }

        .select-style table + table tr td input {
            font-size: 16px !important;
            height: auto !important;
            font-family: 'Roboto', sans-serif;
            color: #7a7b7b;
        }

        .select-style table + table tr td img {
            margin: 6px 0 0 0;
            padding: 0px;
            height: auto;
        }

.select-style-outer {
    width: 90%;
    margin: 15px auto;
}

.put-on-hold-comments {
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #737373;
}

    .put-on-hold-comments label {
        color: #4a90e2;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }

    .put-on-hold-comments textarea {
        width: 100% !important;
        font-size: 14px;
        color: #7a7b7b;
        padding: 0.375rem 0.75rem;
        font-family: 'Roboto', sans-serif;
    }

.close-ticket-checkbox {
    width: 87%;
    margin: 15px auto;
    font-size: 14px;
    color: #7a7b7b;
    font-family: 'Roboto', sans-serif;
}

ul.hold-and-cancel-but {
    margin: 30px 0 30px 0 !important;
    width: 100%;
}

    ul.hold-and-cancel-but li {
        display: block !important;
        text-align: center !important;
        background: none !important;
        font-family: 'Roboto', sans-serif !important;
        float: unset !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

        ul.hold-and-cancel-but li a {
            background: #e24a7a !important;
            color: #fff !important;
            padding: 15px 40px !important;
            display: inline-block !important;
            text-decoration: none !important;
            border-radius: 5px !important;
            font-size: 16px !important;
            margin: 20px auto;
            float: inherit;
            text-align: center;
        }

            ul.hold-and-cancel-but li a.cancelwhite {
                background: none !important;
                color: #232323 !important;
                font-weight: 600;
                padding: 10px 0 !important;
            }


.question_Title_Span {
    color: #4a90e2;
    display: block;
    font-size: 16px;
}

.submit_CreateRequestL {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #4a90e2;
    padding: 14px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none
}

.employee-name {
    margin-top: 15px;
    margin-bottom: 0px;
}
/******* Begin CSS for Export Icon******/
.export-icon-imgs {
    cursor: pointer;
    width: 24px !important;
    height: 26px !important;
}

.export-icon-imgs-padding {
    padding: 10px 0 6px 12px !important;
    border-bottom: 1px solid #8080803d !important;
}

.export-dropdown {
    background: rgb(234, 237, 240);
    float: left;
    position: absolute;
    padding: 3px 2px 0px;
    top: 0px;
    width: 110px;
    left: -45px;
    border: 1px solid rgba(128, 128, 128, 0.09);
}

.name-icon {
    padding-left: 10px;
    font-weight: 600;
    color: #4A6EE2;
}

.export-icon-imgs-margin {
    padding-left: 3px !important;
    margin-top: -4px !important;
    /*background-color: #EAEDF0 !important*/
}
/**************End CSS for Export Icon*/

/***********************CSS for Workflow legends***************************/

.workFlowImg-wrap {
    float: none;
    margin: 0 auto;
    top: -139px;
}

.workFlow-legend-wrap {
    float: right !important;
    margin-right: -8%;
    top: 42px;
    /* border: 1px solid #495763; */
    padding-top: 5px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.legends-container {
    float: right;
    margin-right: 27px;
}

.legend-icon {
    display: inline-block;
    margin-right: 5px;
    height: 6px;
    width: 6px;
    padding: 10px;
}

.complete {
    background-color: #228B22;
}

.inProgress {
    background-color: #F4B247;
}

.notStarted {
    background-color: #495763;
}

.legends_name {
    color: #495763;
    font-weight: 600;
}

.legend-table {
    margin-bottom: 0px !important;
}

    .legend-table td {
        border-top: none !important;
    }

.applicationRegReq_status_btn:hover, .applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

.control-label {
    text-align: left;
}

.appReg-inputField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .appReg-inputField input[type="text"] {
        background: #ecf1f9 !important;
        border: none !important;
        box-shadow: none !important;
    }

.applicationRegReq_submit_btn:focus {
    background-color: #5CB85C !important;
    border-color: #5CB85C !important;
}

.applicationRegReq_reset_btn:focus {
    background-color: #286090 !important;
    border-color: #286090 !important;
}
/***********************CSS for Workflow legends***************************/

/******************************CSS For SVC->services page******************/
.question-name span {
    display: block;
    font-size: 15px;
    color: #4d92e3;
    font-family: 'Roboto', sans-serif;
}

.question-value span {
    color: #818181;
    display: block;
    font-size: 14px;
}

.question-wrap {
    padding: 5px 15px 5px;
}

/******************************CSS for History tab ***************************************/
.history-grid-wrap {
    background-color: #fff;
    margin-top: 10px;
}

.history-content-wrap {
    padding: 0px !important;
}

.ticket-name {
    display: inline-block;
    padding: 15px 22px 0 27px;
}

    .ticket-name p {
        font-weight: 600;
        font-size: 14px;
        color: #41538B;
    }

.ticket-status {
    display: inline-block;
}

.user-name {
    display: inline-block;
}

    .user-name p {
        color: #A7B3C1;
        font-size: 16px;
        font-weight: 500;
    }

.user-img {
    display: inline-block;
    margin-right: 10px;
    margin-left: 23px;
}

    .user-img img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

.history-status-btn {
    border: none;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    margin-top: 16px;
}

.pending-approval-btn {
    background-color: #BFD2E9;
}

.submited-btn {
    background-color: #55D5AE;
}

.history-data {
    padding-left: 28px;
    margin-top: 10px;
    padding-bottom: 6px;
}

    .history-data p {
        font-size: 14px;
    }

.user-data {
    display: inline-block;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    cursor: pointer;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.history-time-wrap {
    display: inline-block;
    float: right;
    padding-top: 19px;
    padding-right: 25px;
}

.treeLeafNode {
    color: #4C70E3;
}

.treeRootNode {
    color: #4F94E3;
}


.info-subtitle span {
    font-size: 14px;
}

.info-content-wrap {
    /*margin-top: 30px;*/
    background-color: #FFFFFF;
}

.info-name p {
    font-size: 14px;
    color: #4a90e2;
    margin-bottom: 8px;
}

.info-value span {
    font-size: 14px;
    color: #737373;
    word-wrap: break-word;
}

.summary-info-wrap {
    margin-top: 30px;
}

.info-subtitle span {
    font-size: 16px;
    /*margin-left: 31px;*/
    color: black;
    font-weight: 500;
}

.info-wrap h6 {
    font-size: 16px;
    color: #4a90e2;
}

.history_wrap {
    padding: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}

.comment-wrap {
    margin-top: 3px;
}

.imgPadding {
    padding-left: 10px;
}

.history_img_name {
    display: inline-block !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.history_data p, .comment-data p {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px;
}

.history_img img {
    width: 20px;
    height: 20px;
    border: 1px solid #efeeee;
    border-radius: 50%;
    padding: 2px;
}

/*.history_data {
    margin-top: 10px;
}*/

.comment-padding {
    padding: 0px;
    /*padding-left: 10px;*/
}

.history_date_time span {
    font-size: 12px;
    /*color: #4A6EE2;*/
    /*font-weight: 500;*/
}

/*.addComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.addComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.addComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}*/

/*.comments .employee-name textarea {
    border-radius: 4px;
    height: 35px !important;
}*/

.comments .custom-checkbox span {
    background-color: #fff !important;
    font-size: 14px;
    color: #000;
}
/***********************************************CSS for ticket tables**************************/
.field_box_label {
    font-size: 13px;
    color: gray;
    font-family: 'Roboto', sans-serif !important;
}

.ticket_container {
    margin-top: 1px;
    background-color: #fff !important;
    margin-bottom: 20px;
    border: 1px solid #dfdbdb;
    /*border-top: 0px*/
}

    .ticket_container .ugit-tdetaillabel {
        background-color: #fff !important;
        border-width: 0px !important;
    }

.field_Title {
    padding-top: 0px;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.field_box div {
    font-size: 12px;
    color: #000;
    font-family: 'Roboto', sans-serif !important;
    word-break: break-all;
    font-weight: 500;
}

.popupleftcts {
    float: left;
    padding-bottom: 5px;
    padding-left: 0px;
}

.field_box a {
    color: #000 !important;
}

.field_box {
    width: 32.03%;
    padding: 5px 20px 10px 20px;
}

    .field_box .field_Title_edit {
        background: #fff;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

    .field_box textarea {
        /*background: #ecf1f9;*/
        background: #fff;
        border: 1px solid #ccd4e1;
        /*padding: 7px;*/
        border-radius: 4px;
        height: 60px;
        font-size: 12px;
    }

    .field_box .field_Title_edit input {
        background: #ecf1f9;
        font-size: 14px;
    }

    /*.field_box .div-vieweditcontainer table {
    background: #fff;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}*/

    .field_box .div-vieweditcontainer textarea {
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

        .field_box .div-vieweditcontainer textarea:focus-visible {
            outline: none;
        }

    .field_box .div-vieweditcontainer table input {
        background: #ecf1f9;
    }

    .field_box .dxeButtonEditSys, .field_box .dxeTextBoxDefaultWidthSys, .userValueBox-dropDown .dxeButtonEditSys, .feildRow .dxeTextBoxDefaultWidthSys {
        padding: 3px;
    }

        .field_box .dxeButtonEditSys input, .field_box .dxeButtonEditSys td, .field_box .dxeTextBoxDefaultWidthSys input {
            background: #fff;
            background-color: #fff !important;
            /*background: #ecf1f9;*/
            font-size: 12px;
            height: 28px;
            font-family: 'Roboto', sans-serif !important;
        }

.field_heading legend {
    color: #515151;
    font-size: 13px !important;
    padding: 8px 15px;
    margin-bottom: 0px !important;
    border: 1px solid #e1dddd;
    font-family: 'Roboto', sans-serif;
    background: #f0f0f0;
}

    .field_heading legend a {
        color: #515151;
        font-weight: bold;
    }

.field_box table {
    width: 100%;
    border-radius: 4px;
    background: #FFF !important;
    border-color: #ccd4e1;
}
/************ Comments tab contents **********/
.sub-content {
    margin-left: 15px;
    color: #A1AAC4;
}

.ticket_status {
    margin-left: 5px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.comment-title-container {
    padding-top: 40px;
    margin: 0 !important;
}

.comment-title-wrap {
    padding-left: 30px;
}

    .comment-title-wrap h6 {
        font-size: 16px;
        color: #4a90e2;
    }

.comment-container {
    padding-top: 24px;
    margin: 0 !important;
}

.img-container {
    /*text-align: center;*/
    /*padding: 0px 0px 10px 20px;*/
    font-family: 'Roboto',sans-serif;
}

    .img-container img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 3px;
        padding: 2px;
        border: 1px solid #efeeee;
    }

.comment-box-wrap {
    padding: 10px 50px 10px 0 !important;
}

.comment-box textarea {
    background-color: #ECF1F9;
    border-radius: 8px;
    border: none;
}

.button-wrap {
    text-align: center;
    margin-top: 23px;
    margin-bottom: 30px;
    padding-bottom: 33px;
    border-bottom: 1px solid #E9E9E9;
}

.comment-btn {
    background-color: #4A90E2;
    padding: 15px 35px 15px 35px;
    border: none;
    color: #fff;
    border-radius: 7px;
    font-family: 'Roboto', sans-serif !important;
}

.from-name p {
    color: #A7B3C1;
    font-size: 16px;
    font-weight: 500;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    margin-left: 15px;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.comment-data-wrap {
    margin-top: 20px;
}

    .comment-data-wrap p {
        font-size: 14px;
        color: #9A9A9A;
    }

.hr-line {
    margin-right: 15px;
    margin-left: 15px;
}

.verticalAlign {
    vertical-align: top;
}

.noData {
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.comment-container {
    background-color: #fff;
    border-bottom: 1px solid #E9E9E9;
    border-color: #dfdbdb;
}

.comment-tbl {
    padding: 2px;
    border-collapse: collapse;
    border-color: transparent;
    position: relative;
}

    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -27px;
        right: -15px;
    }

    .comment-tbl tr:nth-child(2) {
        border-bottom: solid 1px #E9E9E9;
    }


.all-dropdown {
    margin: 0px !important;
}

/*.all-dropdown select {
        height: auto !important;
    }*/


/***********************CSS for ticket header content**********************/
.ticket_header_content {
    background: none !important;
    padding-top: 0px !important;
    padding-bottom: 10px;
}
/************ Comments tab contents **********/
@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/************************************CSS for Multi REquester  by shubhangi *****************/
.multi_requester_name {
    font-size: 12px;
    overflow: hidden;
    width: 175px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*white-space: nowrap;
    text-overflow: ellipsis*/
}
/****************************Css for Edit Ticket->sevice tab By Neha***********************/
.section_one {
    margin-top: 32px;
}

.back-logo {
    display: inline-block;
}

.ticket-title {
    display: inline-block;
    /*margin-left: 20px;*/
    color: #4a6ee2;
    /*float: right;*/
    /*margin-right: 30px;*/
}

    .ticket-title h6 {
        font-size: 12px !important;
        font-weight: 600;
        word-spacing: 7px;
        letter-spacing: 0.5px;
        margin-top: 0;
        margin-bottom: 0;
    }

.edit-ticket-devider {
    font-size: 14px;
    font-weight: 400;
}

.ticketTitle_status {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
    float: left;
}

.ticket_header_data b, .ticket_header_data {
    color: #959595;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
}
/*to show helptexticon*/
/*.ticket_info_icon {    display: none;
}*/
.ticket_error_msg {
    float: right;
    position: relative;
    width: 100%;
    top: -4px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    color: red;
}

#errorMsgContainer {
    float: right;
}

.ticket_error_wrap {
    float: right;
    width: 100%;
}

.error_msg2 {
    color: red;
    float: right;
    text-align: left;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.createTicket_heading_wrap {
    background: none !important;
    /*margin-top: -10px;*/
}

.nonSvc_createTicketWorkflowWrap {
    margin-top: 17px;
}

.createTicket_heading_wrap b {
    color: #000080;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
    float: left;
    padding-bottom: 20px;
}

.createTicket_errorMsg {
    color: red;
    float: left;
    height: auto;
    text-align: left;
    padding-top: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

.step {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    overflow: visible;
    position: relative;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    top: 28px;
    background: none;
}

.complete:before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    background-color: #32CD32;
    height: 6px;
    width: 100%;
}

.inprogress:before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    background-color: #D3D3D3;
    height: 6px;
    width: 100%;
}

.node {
    display: inline-block;
    border: 6px solid #D3D3D3;
    background-color: #D3D3D3;
    border-radius: 18px;
    height: 18px !important;
    width: 18px !important;
    /*left: 50%;*/
    margin-left: 0px;
    margin-top: 10px;
}

.nodeComplete, .nodeInprogress {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.steplineimage {
    display: none;
}

.oldactiveStageArrow {
    display: none;
}
/****************************Edit Ticket->Related to Existing Ticket*************/
.existingTicket_checkbox label {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #4a90e2;
    margin-top: -1px;
}

.existingTicket_checkbox input[type="checkbox"] {
    width: auto;
    /*opacity: 0.00000001;
    position: absolute;*/
    left: 0;
    margin-left: -20px;
}

/*.existingTicket_checkbox label:before {
    content: '';
    position: absolute;
    right: 190px;
    top: 42px;
    margin: 4px;
    width: 17px;
    height: 17px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #4a90e2;
}

.existingTicket_checkbox label:after {
    content: '';
    display: block;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #4a90e2;
    border-left: 2px solid #4a90e2;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 51px;
    right: 198px;
}*/

/*.existingTicket_checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}*/

/*.relatedTicket_dropDown_label {
    color: #4a90e2;
    font-size: 14px;
    display: block !important;
}*/

.relatedTicket_dropDown_select select {
    float: left;
    padding: 8px;
    border: 1px solid #ccd4e1;
    background: #fff;
    /*background: #ecf1f9 url(Images/arrow-down.png) no-repeat 97% center !important;*/
    border-radius: 3px;
    font-size: 12px;
    width: 85%;
}

.existingTicket_savebtn {
    /*position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;*/
    float: right;
}

/*.existingTicket_savebtn_wrap {
    display: -webkit-inline-box !important;
    width: auto !important;
    border: none;
    background: none
}

    .existingTicket_savebtn_wrap .dxb {
        background: #4A6EE2 !important;
        padding: 5px !important;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
    }*/
/*************Edit ticket->Tabs*************************/
/*.tab_container {
    background-color: #fff;
    /*margin-bottom: 35px;
    margin-top: 20px;*/
/*margin-right: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}*/
.tab_container > table {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

.tab_wrap ul {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .tab_wrap ul li {
        border: none !important;
        background: #fff !important;
        color: #007bff;
    }

        .tab_wrap ul li.dxtc-tab a span.dx-vam {
            padding-top: 8px;
        }

        .tab_wrap ul li.dxtc-activeTab {
            background-color: #4fa1d6 !important;
            color: #FFF !important;
            border-radius: 4px 4px 0px 0px;
            padding: 5px;
            padding-bottom: 5px !important;
        }

            .tab_wrap ul li.dxtc-activeTab a {
                color: #fff !important;
                font-family: 'Roboto', sans-serif !important;
            }

        .tab_wrap ul li a {
            color: #007bff !important;
            font-size: 13px;
            font-family: 'Roboto', sans-serif !important;
        }

/*.tab_wrap ul .dxtc-activeTab a {
        border-bottom: 2px solid #3A57B5;
        color: #3A57B5 !important;
        font-family: 'Roboto', sans-serif !important;
    }*/

.svcEdit_actionBtnContainer {
    width: 212px;
}
/*amar code start */
.radioButtonList label {
    display: inline;
}

.equ_details_radiobtn tr {
    display: inline-block;
    margin: 10px;
}



table.mylist label {
    width: 200px;
    display: block;
    float: left;
}
/** amar code end */



/**************** Start Of CSS For New Task Window  */

.content-wrap {
    margin-left: 20px !important;
    margin-right: 15px !important;
}

.information-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 10px;
}

.section-title {
    margin-bottom: 5px;
    margin-top: 5px;
}

.newTask_title {
    color: #4A90E2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.edit_task_img {
    position: relative;
    top: 2px;
    /*float: right;*/
    /*width: 17px;*/
    height: 16px;
    display: inline-block;
}

.editTask_predecessors_list {
    display: block;
    font-size: 12px;
    padding-left: 10px;
}

.edit_task_approveDropdown {
    display: inline-block;
}

.editTask_assignApprover_btn {
    display: inline-block;
    background-color: #4A6EE2;
    margin-left: 10px;
    border-radius: 4px;
    margin-bottom: -10px !important;
}

.assignAprrover_btnName {
    color: #fff;
}

.assignApprover_name {
    /*float: left;*/
    font-weight: 500;
    font-size: 12px;
    margin-right: 5px;
    font-family: 'Roboto', sans-serif !important;
}

.approve-btn a, .reject-btn a {
    /*float: left;*/
    background-color: #5596E3;
    padding: 4px 12px 4px 11px;
    border-radius: 4px;
    margin-right: 10px;
}

.reject_label {
    margin-left: 7px;
}

.editTask_rejectImg {
    border: none;
    width: 13px;
}

.approve-btn, .reject-btn {
    display: inline-block;
}

.approve_btnWrap {
    background-color: #fff;
    /*float: left;*/
    position: relative;
    left: 2px;
    border-radius: 50%;
    padding: 2px 3px 3px 3px;
    top: 0px !important;
}

.popupForm-container {
    overflow-y: visible !important;
}

.newTask_info_title input:focus, .all-drop-down .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #ecf1f9;
}

.newTask_info_title input, .all-drop-down .btn-group .btn {
    font-size: 14px;
    color: #737373;
    width: 100% !important;
    padding: 6px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff !important;
    height: 35px;
    text-align: left;
}

.newTask_info_title label, .all-drop-down label {
    color: #4a6ee2;
    display: block;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin-left: 0;
}

.all-checkbox label, .attachment-label p {
    color: #4a90e2;
    display: inline-block;
    margin-top: -9px;
}

.bg-light-blue {
    /*background: #ecf1f9;*/
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

/*.newTask_assignedTo_dropdown {
    padding-left: 30px;
}*/

.all-input {
    padding: 10px;
}

.all-drop-down ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .all-drop-down ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .all-drop-down ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

.all-drop-down .btn-group .btn::after {
    border-top: none;
}

.down-arrow {
    /*background: #ecf1f9 url(../images/arrow-down.png) no-repeat 97% center !important;*/
    overflow: hidden;
    background-image: none !important;
}

.newTask_info_title .date-time {
    background-image: url(../images/calender_grey.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}

.add-btn-wrap {
    display: inline-block;
}

.remove-btn-wrap {
    display: inline-block;
}

.add-btn, .remove-btn {
    width: 22px;
    height: 22px;
    background-color: #344883;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding-top: 0px;
}

.btn-lable {
    color: #4a90e2;
    font-size: 13px;
    margin-left: 15px;
}

.add-doc-btn {
    background: url(../images/plus-blue.png) no-repeat center top;
    padding: 0 0 0 0px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: #232323;
    outline: none;
    width: 30px;
    height: 32px;
}

.doc-btn-name {
    margin-top: -34px;
    margin-left: 44px;
    font-size: 14px;
}

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                background: url(../images/document-ofice-365.png) left center no-repeat/16px, url(../images/close-red.png) right center no-repeat;
                padding: 0 25px;
            }

.editTask_fileAction_btnWrap {
    text-align: center;
}

.next-cancel-but {
    display: inline-block;
    float: right;
    text-align: right;
}

    .next-cancel-but .editTask_next {
        display: inline-block;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        background: #4a90e2;
        padding: 5px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
    }

    .next-cancel-but .editTask_cancel .dx-vam {
        display: block;
        margin: 16px auto;
        font-size: 14px;
        text-decoration: none;
        color: #e24a7a;
    }

.editTask_cancel .dxb {
    text-align: center;
    display: block;
}

.editTask_cancel {
    background: none;
    display: block !important;
    width: auto !important;
}

.btn-lable-wrap, .usr-label-wrap {
    display: inline-block;
    margin-bottom: 13px;
}

.edit-btn-wrap {
    display: inline-block;
    margin-left: 20px;
}

.newTask_assignedTo_dropdown .bg-light-blue {
    max-width: 100% !important;
    padding: 3px !important;
}

.edit_task_approveDropdown .bg-light-blue {
    padding: 3px !important;
}

.editTask_actionBtn_holder {
    float: right;
    background: none !important;
    margin-right: 19px;
}

    .editTask_actionBtn_holder .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        border: none !important;
        color: #fff !important;
        padding: 8px 20px !important;
        font-size: 12px;
        font-weight: 500;
    }

    .editTask_actionBtn_holder img {
        margin-left: 15px !important;
        filter: brightness(0) invert(1);
    }

.editTask_actionBtn_listWrap .dxm-popup {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-item {
    background-color: #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-hovered {
    border: none !important;
    background-color: #EBEDF2 !IMPORTANT;
    COLOR: #000 !important;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 14px;
}

    .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

    .checkbox input[type="checkbox"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }

    .checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65;
    }

        .checkbox input[type="checkbox"]:disabled + label::before {
            background-color: #eeeeee;
            cursor: not-allowed;
        }

.chkbox-1 {
    display: block;
    margin-bottom: 10px;
}

.all-checkbox {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
}


.tasks-holder {
    border: 1px solid #F1F1F1;
    margin-top: 25px;
    border-radius: 2px;
    max-height: 150px;
    overflow-y: auto;
}

.all-select select {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff;
}

.newTask_dueDate {
    border: 1px solid #ccd4e1;
    width: 100%;
    padding: 4px;
    border-radius: 4px;
    background-color: #ecf1f9;
}

    .newTask_dueDate .dxeEditArea_UGITNavyBlueDevEx {
        background-color: #ecf1f9;
    }

    .newTask_dueDate .dxeButtonEditButton_UGITNavyBlueDevEx {
        padding: 3px 2px 3px 23px;
        background: url(/Content/Images/calendarNew.png) no-repeat !important;
        background-size: 20px 19px;
        height: 25px;
    }

    .newTask_dueDate .dxEditors_edtDropDown_UGITNavyBlueDevEx {
        display: none;
    }

.attachment-label {
    padding-left: 0px !important;
}
/*********************************CSS for create ticket(other than SVC)*****************************/
.create_ticket_btnWrap {
    height: 46px;
    left: 0px !important;
    clear: both;
    padding-top: 60px;
}

/*.createTicket_listWrap {
    /*margin-left: 45% !important;
    overflow: visible !important;
    float: none !important;
    text-align: center;
}*/

.createTicket_ulList {
    padding: 0px 0px 3% 0px !important; /*chnage for tsr create*/
    /***Change for Npr create****/
    float: none;
    text-align: center;
}

.createTicket_listWrap {
    float: left !important;
    width: 100% !important;
    padding: 0px;
}

    .createTicket_listWrap li {
        float: right;
        list-style-type: none;
    }

        .createTicket_listWrap li.tabhover {
            background: none !important;
        }

/*.createTicket_listWrap .next {
        background: #4A6EE2 !important;
        border-radius: 4px;
        display: inline-block;
    }*/

/*.createTicket_listWrap .next .linkbutton {
            background: none !important;
        }*/

/*.createTicket_listWrap .cancel {
        background: none !important;
        display: block !important;
    }*/

/*.createTicket_listWrap .next .dxbButton_UGITNavyBlueDevEx div.dxb {
        padding: 7px 22px !important;
        background: #4A6EE2 !important;
        font-size: 14px !important;
        border-radius: 4px;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx {
        background: none !important;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx div.dxb {
        background: none !important;
        padding: 4px 35px !important;
        border: none !important;
        font-size: 14px;
    }*/

.field_prioritylookup .field_prioritylookup_view {
    margin-right: 10px;
    /*max-width: 300px !important;*/
}

.field_prioritylookup {
    max-width: 300px !important;
}

.chkelevatecheck label {
    margin-left: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ccd4e1;
    color: #000;
}

.tooltip-inner {
    background-color: #ccd4e1;
    padding: 5px 8px;
    max-width: none;
    white-space: pre-wrap;
    text-align: left;
}

.editTicket_holdTime {
    margin-bottom: 22px;
}
/*********************************End of CSS for create ticket(other than SVC)*****************************/

/*span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 0 !important;
    font-family: 'Roboto',sans-serif;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}*/
/**************** End Of CSS For New Task Window  */

/*****Start of Css For Reject popup**************************************/

.rejectComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.rejectComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.rejectComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.reject_popup_noBtn {
    display: inline-block;
    width: 100px !important;
    text-align: center;
    margin: 0 auto;
    padding: 12px 12px !important;
    color: #E24A7A;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

    .reject_popup_noBtn:hover {
        color: #E24A7A;
    }

.reject_popUp_wrap {
    text-align: center;
}

    .reject_popUp_wrap li {
        list-style-type: none;
        text-align: center;
        /*margin-bottom: 10px;
        display: inline-block;*/
    }

.reject_popup_yesBtn {
    background: none !important;
    border: none !important;
    /*margin-top: 160px;*/
    margin-top: 10px;
}

    .reject_popup_yesBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        padding: 6px 17px !important;
        font-size: 12px;
    }
/***********End of Css For Reject popup***********/

/***************Add new Sub Ticket Popup*************/
/*.svc_addSubTask_dropDown_lable {
    padding-left: 7px;
    font-family: 'Roboto', sans-serif;
}*/

/*.svc_addSubTask_dropDown_wrap {
    padding-left: 38px;
    min-height: 5px;
}

.svc_addSubTask_dropDown {
    padding: 5px;
}

    .svc_addSubTask_dropDown select {
        height: 30px !important;
        background-color: #ecf1f9;
        border: none;
        border-radius: 4px;
        font-size: 12px;
        border: 1px solid #ccd4e1 !important;
    }

.svc_subtask_btn_wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    right:4px;
    width: 100%;
}*/

/*.svc_subTask_btn {
    background: none !important;
}

    .svc_subTask_btn .dxb {
        font-size: 12px;
        background: #4A6EE2 !important;
        padding: 5px 20px 7px 20px !important;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }*/

/************************SVC->Edit Ticket-> Add New subticket popup****************/
.subTicket_PopUp_Container {
    height: 165px;
}

    .subTicket_PopUp_Container .dxpc-footer {
        background: none !important;
        border-top: none !important;
        text-align: center;
        margin-top: 12px;
    }

    .subTicket_PopUp_Container .dxpc-header {
        background: #f0f0f0 !important;
        color: #000 !important;
        font-size: 12px;
        font-size: 16px;
        font-weight: 600;
    }

.subTicket_popup_dropDwn select {
    border-radius: 4px;
    height: 30px !important;
    padding: 3px;
    background-color: #ecf1f9;
    border-color: #ecf1f9;
}

.subTicket_PopUp_Container .dxpc-contentWrapper {
    margin-top: 10px;
}

/************************End of SVC->Edit Ticket-> Add New subticket popup****************/
/************************CSS for edit->comment popup***************************************/
.editComment_delete_btn {
    background: none !important;
}

    .editComment_delete_btn .dxb {
        background: #4A6EE2 !important;
        padding: 6px 14px !important;
        border-radius: 4px;
        font-size: 14px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
    }

.edit_comment_popup_wrap {
    text-align: center;
    clear: both;
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.editComment_close_btn {
    background: none !important;
    display: block !important;
    width: 100% !important;
    /*margin-left: 11%;*/
}

    .editComment_close_btn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }
/************************ End CSS for edit->comment popup***************************************/

/********New ticket Dialog********/
.NewTktDialog .informationMsg {
    width: 335px;
    padding: 15px 0px 23px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.NewTktDialog .closeDlg {
    font-family: 'Roboto', sans-serif;
    float: right;
    margin-right: 15px;
    font-family: 'Roboto', sans-serif;
}

.closeDlg span a {
    color: red;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif !important;
}
/********End of New ticket Dialog********/

/**************************Edit ticket add document*************************************/
.editTicket_fileUpload table tr .dxTB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxTB input {
        width: 0;
    }

.editTicket_fileUpload table tr .dxCB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxCB input {
        width: 1px;
    }

.editTicket_fileUpload table tr .dxBB a {
    padding: 10px 11px 10px 55px;
    //background: url(Images/plus-blue.png) no-repeat 15% center !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    margin-left: 26%;
}

.editTicket_addDoc_wrap .fileUploadIcon {
    width: 400px !important;
}

.editTicket_fileUpload table tr .dxBB {
    padding: 7px 0px !important;
    text-align: center;
}

.editTicket_addDoc_wrap .cancelUploadedFiles {
    margin-top: -38px !important;
}

.editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
    text-align: center !important;
    width: 100%;
    /*margin: 5px 33% !important;*/
}

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
        /*margin-left: 29%;*/
    }

.editTicket_fileUpload {
    width: 425px !important;
    margin-bottom: 0px;
}

.editTicket_addDoc_wrap .editTicket_fileUpload table tr .dxBB a {
    margin-left: 0% !important;
}

.add-file-doc .fileUploadIcon .editTicket_fileUpload table tr .dxBB {
    text-align: center !important;
}


/**************************Start Of css For Put On Hold Popup***********/


.putOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.putOnHold_popUp .dxpc-content {
    background-color: #fff !important;
    padding: 0px;
}

.putOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.holdTill_dropDwn_wrap {
    display: inline-block;
    margin-right: 30px;
}

.reason_dropDown_wrap {
    display: inline-block;
}

.holdTill_dateTime {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .holdTill_dateTime .dxic input {
        background: #ecf1f9;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
    }

.reason_dropDown {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .reason_dropDown .dxic input {
        background: #ecf1f9;
    }

.select-style_putOnHold {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    color: #4a90e2;
    border: 0px;
    font-size: 14px;
    padding: 4px 2px;
    font-family: 'Roboto', sans-serif !important;
}

.putOnHold_input_label {
    color: #4a90e2;
    font-size: 14px;
    padding: 4px 2px;
}

.putOnHold_comment_wrap {
    margin-top: 10px;
    margin-left: 5%;
}

.putOnHold_btn_wrap {
    margin-top: 15px;
    text-align: center;
    margin-left: 37%;
}

    .putOnHold_btn_wrap .putOnHoldBtn .dxb {
        background-color: #e24a7a !important;
        margin-bottom: 20px;
        border-radius: 4px;
        /*padding: 7px 14px;*/
        font-size: 14px;
    }

.putOnHoldBtn {
    background: none !important;
    border-radius: 4px;
    padding: 10px;
    display: block !important;
    width: 130px !important;
}

.putOnHold_cancel_btn {
    color: #E24A7A;
    font-size: 14px;
    font-weight: 600;
    background: none !important;
    width: 150px !important;
    display: block !important;
}

    .putOnHold_cancel_btn .dxb {
        background: #fff !important;
        color: #000 !important;
        /*padding: 4px 33px !important;*/
    }

.holdTill_dateTime tr .dxeButton, .reason_dropDown tr .dxeButton {
    background: #ecf1f9 !important;
}

    .holdTill_dateTime tr .dxeButton:hover, .reason_dropDown tr .dxeButton:hover {
        border-left: none !important;
    }
/**************************End Of css For Put On Hold Popup***********/
/***************start Of css of UnHold Popup for EditTask SVC*************/
.removeOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.removeOnHold_popUp .dxpc-content {
    background-color: #fff !important;
}

.removeOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.removeOnHold_popUp_removeHoldBtn {
    background: none !important;
    border: none !important;
    padding: 10px !important;
    display: block !important;
}

    .removeOnHold_popUp_removeHoldBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
        margin-left: 129px;
        margin-right: 129px;
        font-family: 'Roboto', sans-serif !important;
    }


.removeOnHoldCancel {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
    margin-left: 150px;
}

    .removeOnHoldCancel .dxb {
        background: none !important;
        color: red !important;
    }

/******************End Of  css of UnHold Popup for EditTask SVC ********************/

/**********************************CSS for Ticket -> Put On Hold Popup**************************/
/*.puOnHold_ticket_name {
    text-align: center;
    margin-top: -15px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #4A6EE2;
}*/

.ticket_holdTill_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_reason_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_holdTill_inputWrap, .ticket_reason_inputWrap {
    /*padding: 10px;*/
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

    .ticket_holdTill_inputWrap tr .dxic input, .ticket_holdTill_inputWrap tr .dxeButton {
        background-color: #ecf1f9;
    }

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

.ticket_putOnHold_btnWrap {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.hold-cancel-btn {
    display: block;
    text-align: center;
}

    .hold-cancel-btn .holdBtn {
        background: none !important;
        border: none !important;
    }

        .hold-cancel-btn .holdBtn .dxb {
            background: #e24a7a !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
        }

    .hold-cancel-btn .cancel {
        color: #232323;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin: 10px 0;
        font-weight: 600;
        background: none !important;
    }

        .hold-cancel-btn .cancel .dxb {
            background: #F6F7FB !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
            color: #000 !important;
        }

.topMargin {
    margin-top: 15px !important;
}

/*.departmentPopup .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.departmentPopup .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}*/

.removeHold_name {
    margin-bottom: 0px !important;
}

.removeHold_comment_wrap {
    margin-top: 0px !important;
}
/**********************************End of CSS for Ticket -> Put On Hold Popup**************************/

/******************************Css for Copy link to clipboard*********************************************/

.copyToclip_popup_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.copyToclip_popup_commentBox {
    border: 0px;
    width: 520px;
    height: 120px;
    resize: none;
    background: #f8fafc !important;
}

.copyToclip_popup_dropDown {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

.copyToclip_popup_cancelBtn ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
}

.copyToclip_popup_container .modal-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.copyToclip_popup_container .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}
/******************End of Css for Copy link to clipboard ******************************************/


/*******************css for change ticket type popup************************************************/
/*.chng_ticketType_wrap {
    padding: 0px;
}*/
/*.chngTicketType-contentWrap{
    background:#fff;
}*/
/*.chng_ticketType_label {
    color: #4A6EE2;
    font-size: 14px;
    display: block !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}*/
/*.chngTicket-typeBtnWrap {
    padding: 10px 0px;
    float: right;
}*/
/*.chng_ticketType_dropDown select {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}*/
/*.chng_ticketType_dropDown {
    margin-bottom: 10px;
}*/

/*.chng_ticketType_btnWrap .buttoncell {
    text-align: center;
}*/

/*.chng_ticketType_cancel {
    background: none !important;
}

    .chng_ticketType_cancel .dxb {
        background: transparent !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        padding: 0px !important;
    }

.chng_ticketType_proceed {
    background: none !important;
}

    .chng_ticketType_proceed .dxb {
        background: #4A6EE2 !important;
        padding: 5px 10px !important;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 500;
    }*/
/******************* End css for change ticket type popup************************************************/


/************************ Start Of Css of Action_Comment************************/

/*.comment_text {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin:0px;
}*/
.commentPopup-wrap {
    padding: 0px !important;
    background: #fff;
    height: 95%;
}
/*.comment-popupContent{
    background:#fff;
}*/
/*.comment_text_wrap {
    margin-left: 13px;
    height: 35px !important;
    width: 100%;
}*/
/*.comment_checkboxes {
    margin-left: 14px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}*/

.comment_checkboxes label {
    margin-right: 5px;
    margin-left: 2px;
}

a .actionComment_saveBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 20px;
    color: white;
    margin-right: 208px;
    margin-left: 135px;
    /*width: 23%;*/
    margin-bottom: 10px;
}

a .actionComment_CancelBtn {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: red;
    background: none !important;
    margin-top: 10px;
}

.action_commentPopup_btnWrap {
    text-align: center !important;
    margin-top: 10px;
    clear: both;
}

.action_commentPopup_label {
    margin: -14px 0px 0px 12px;
    padding: 0 !important;
    width: auto !important;
    text-align: left !important;
    color: #4a90e2;
}

.action_commentPopup_btn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    border: none;
}

.action_commentPopup_cancel {
    margin-left: 0px !important;
    font-weight: 600;
}
/*************************End  Css of Action_Comment*******************/
/*************************Css for Ticket(Re)Assignment*****************************************/

.noPadding {
    padding: 0px !important;
}

/*.reassign_popUp_label {
    color: #4a90e2;
    font-size: 14px;
    display: inline-block !important;
}*/

/*.reassign_popUp_dropDownWrap {
    background: none !important;
    border-top: none !important;
    padding: 3px 0px 4px !important;
}

.reassign_popUp_labelWrap {
    width: 100% !important;
    text-align: left !important;
}*/

/*.reassign_popUp_dropDownTable {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

.reassign_popUp_dropDownTable .dxeButton {
    background-color: #fff;
}
.reassign_popUp_dropDownTable tr td {
    background: #fff;
}
.reassign_popUp_dropDownTable tr td.dxic input[type="text"] {
    height: 28px !important;
     background-color: #fff; 
     font-size: 12px;
}*/
/*.reassign_popUp_dropDown .all-input {
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
}*/

.reassign_popUp_btnSave {
    background: #4A6EE2 !important;
    padding: 10px 25px 10px 25px;
    margin-top: 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500 !important;
}

.reassign_popUp_btnContainer {
    padding-top: 10px;
    text-align: center;
    margin-top: 12px;
}

.reassign_popUpCancel_btnWrap {
    margin-top: 22px;
}

.reassign_popUp_btnCancel {
    color: red;
    font-size: 14px;
    font-weight: 500;
}

.reassign_popup_gridOpen_icon {
    display: inline-block;
}
/***********************End Css for Ticket(Re)Assignment***********************************************************/

/*********************CSS for New Task Popup***********************/
.taskPopup-attachment-label {
    padding-left: 0px !important;
}

    .taskPopup-attachment-label p {
        color: #4a90e2;
        display: inline-block;
        margin-top: 18px;
        font-size: 14px;
    }

.task_addDoc_wrap .editTicket_fileUpload table tr .dxBB {
    text-align: left !important;
}

/*.task_addDoc_wrap {
    margin-top: 3%;
}*/

.task_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
    margin: 5px 6% !important;
}
/********************* End of CSS for New Task Popup***********************/


.selectTemplateForQuickTicket_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.selectTemplateForQuickTicket_popUp .dxpc-content {
    background-color: #fff !important;
}

.selectTemplateForQuickTicket_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}
/**************************Css for Ticket re assignment->grid (buttons)*********************************************/
/*.reassign_resourceWithSkill_popUp_wrap .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
}*/

.reassign_popupBtn_wrap {
    text-align: center;
    margin-top: 25px;
}

.reassign_addBtn {
    margin-bottom: 10px;
    background: none !important;
}

    .reassign_addBtn .dxb {
        background: #4A6EE2 !important;
        padding: 10px 40px;
        font-size: 14px;
        border-radius: 4px;
    }

.reassign_cancelBtn {
    background: none !important;
}

    .reassign_cancelBtn .dxb {
        background: #fff !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }
/********************End of css of ticket re assignment->grid->buttons******************************/
/************************CSS for home_Dashboard page************************************/
.homeDashboard_headerMenu_container {
    padding: 0px;
    background: none;
    margin-bottom: 0px;
}

/*.homeDashboard_headerMenu_row {
    margin-top: 10px;
}*/

.homeDashboard_headerIcon_wiki {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    filter: brightness(0.5);
    /*align:center;
    aria-hidde:true;*/
}

.homeDashboard_headerIcon_que {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    filter: brightness(0.5);
}

.homeDashboard_headerIcon_bell {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 19px !important;
    width: 18px;
    color: #16059b;
}

.homeDashboard_headerMenu_wrap {
    height: 60px;
    cursor: pointer;
    float: right;
    font-family: Roboto;
    border-radius: 3px;
    overflow: hidden;
    width: auto;
    background: transparent;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}

.homeDashboard_content_wrap {
    padding-left: 0px;
    padding-right: 0px;
    /*height: 80vh;*/
    z-index: 0;
}

.homeDashboard_leftcontent_wrap.right-content {
    padding-left: 254px;
}

.homeDashboard_leftcontent_wrap {
    padding-left: 55px;
    display: inline-block;
    float: left;
    overflow: visible;
    width: 100%;
    height: max-content;
    z-index: 0;
    position: relative;
    /*min-height: 90vh;*/
}

@media (max-width: 767px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: inherit;
    }
}

@media (min-width: 991px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: inherit;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: 60px;
    }
}

.homeDashboard_chartSec_container {
    float: left;
    /*padding-left: 10px;*/
    width: 100%;
    /*background: #f6f7fb;*/
}

.homeDashboard_chartContent {
    /*height: 220px !important;*/
}

.homeDashboard_devexpressChart {
    height: 200px !important;
    width: 260px !important;
}

    .homeDashboard_devexpressChart img {
        width: 100%;
    }

.homeRightPanel_chartContainer {
    height: auto !important;
    width: 100% !important;
}

.welcomeTitle {
    font-size: 18px;
    color: #4A6EE2;
}

/************************End of CSS for home_Dashboard page************************************/
/*************************************CSS for Dashboard left side menu*******************************/
.leftSide_menuExpandContainer {
    width: 254px !important;
    /*background-color: #fff;
    z-index: 9999999999;*/
}

/*.dashboard_leftSideMenuExpand {
    background-color: #fff;
    width: 251px !important;
    position: fixed;
}*/

.dxpnl-edge.l.dashboardLeft_menuIcon {
    display: inline-block;
    height: 100% !important;
    background-color: #70747b !important;
    font: 12px 'Roboto', sans-serif !important;
    border: none !important;
    bottom: unset !important;
    top: unset !important;
    width: 55px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np {
    border: 1px solid #c7cfda;
    padding: 5px;
    border-radius: 4px;
    z-index: 9999999;
    position: absolute;
}

    .dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np.dxpnl-btnHover {
        border: 1px solid #FFF;
    }

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np img {
    margin-top: 0px;
    content: url(/Content/Images/hamburgerMenuWhite.png);
    width: 12px;
    height: 12px;
    /*margin-top: -36px*/
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnPressed img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}
/*.homeDashboard_leftSideMenu_contentWrap {
    background-color: #fff !important;
    top: 34px !important;
    border: none !important;
    z-index: 1001 !important;
    font: 12px 'Roboto', sans-serif !important;
    transition: 1s all ease;
}*/

.homeDashboard_menuListWrap {
    display: none;
    /*width: 231px !important;*/
    width: 254px !important;
    /*background: #828b9a;*/
    background: #70747b;
}

    .homeDashboard_menuListWrap li .dxnb-header {
        padding-left: 10px;
        border: none !important;
        background: none !important;
        color: #000 !important;
        font: 12px 'Roboto', sans-serif !important;
    }

        .homeDashboard_menuListWrap li .dxnb-header.dxnb-headerHover {
            background: #565D67 !important;
        }

.dxpnl-expanded.menuContentCollaps_left {
    padding: 0px !important;
}

.homeDashboard_menuListWrap li {
    font-size: 14px;
    font-family: 'Roboto', sans-serif
}

    .homeDashboard_menuListWrap li .dxnb-content {
        background-color: #70747b !important;
    }

        .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link {
            padding-left: 22px;
        }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.dxnb-itemHover {
                background: #565D67;
                background-color: #565D67 !important;
            }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem,
            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem.dxnb-itemHover {
                background: #565D67;
                background-color: #565D67 !important;
            }

    .homeDashboard_menuListWrap li:hover {
        background-color: transparent !important;
    }

.homeDashboard_menuListWrap .dxnb-itemHover a:hover, .dxnb-itemHover a:hover, .dxnb-itemHover a:not( :hover ), .dxnb-itemHover {
    color: #FFF !important;
    background-color: #565D67 !important;
}

.homeDashboard_menuListWrap .dxnb-itemHover span:hover {
    color: #fff !important;
}

.homeDashboard_menuListWrap .dxnb-headerCollapsed {
    background: none !important;
    border: none !important;
    padding-left: 17px;
    padding: 10px;
}

.sidebar-menu {
    width: 257px !important;
}

.removeStyle {
    padding: 0px !important;
    margin: 0px !important;
}

.removePadding {
    padding: 0px !important;
    height: 100% !important;
}

.dashboard_logo.leftSide-menuLogo {
    visibility: visible;
    position: fixed;
    z-index: 99999;
    top: 5px;
    width: 191px;
    display: block;
}

    .dashboard_logo.leftSide-menuLogo img {
        width: 160px;
    }

.dashboard_logo {
    display: none;
    float: right;
    visibility: hidden;
    width: 145px;
    padding-top: 5px;
    padding-right: 10px;
}

.dashboardLogo_wrap {
    padding: 14px 5px 0px !important;
}

/*.dashboard_leftSideMenu {
    background-color: #fff;
    width: 50px;
    position: fixed;
}*/

.leftSide_menuContainer {
    /*background-color: #fff;*/
    background-color: #70747b !important;
    width: 55px;
    position: fixed;
    top: 62px;
    left: 0px;
    height: 100%;
    display: inline-block;
    z-index: 999;
}

.dashboardLeft_menuIcon.dxpnl-expanded.expandIcon {
    width: 254px;
}

.dashboard_leftSideMenuExpand {
    position: absolute;
    /*left: 60px;*/
    top: 0px
}

.menuContent_left {
    left: -26px !important;
}

.menuContentCollaps_left {
    left: 0px !important;
    top: 60px !important;
    /*background-color: #828b9a !important;*/
    background-color: #70747b !important;
    border: none !important;
    font: 14px 'Roboto', sans-serif !important;
    /*transition: 1s all ease;*/
    position: absolute !important;
}

.showMenu {
    display: block;
    /*width: 233px !important;*/
}
/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.homeDashboard_logo2 {
    display: none;
}

/*.category_dropDown {
    border-radius: 4px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    padding: 6px !important;
    width: 285px !important;
}*/

/*.category_dropDown .dxic input {
        background-color: #ecf1f9;
    }

    .category_dropDown .dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important
    }*/

.dashboard_goBtn {
    height: auto;
    width: auto;
    padding: 7px 25px 7px 25px;
    background: #4A6EE2 !important;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    display: block;
}

.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboardServices_Lable {
    display: block;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-left: 6px;
    float: none;
}*/

/*.service-block {
    margin-right: 20px;
}*/

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

.ServiceCatalog {
    width: 100%;
    clear: both;
}

.servciecatalog-main {
    width: 100% !important;
    background: #fff;
}

.logoText1 {
    /*margin-top: 7px;*/
    /*margin-right: 25px;*/
    padding-left: 0px;
    /*display: flex;
    float:left;*/
    padding: 4px 0px 7px 0px;
}

.pageTitle-container {
    display: inline-block;
}

.selected-menuitem {
    border: none !important;
}

.homeDashboard_menuListWrap li.dxnb-item.dxnb-link.selected-menuitem a.leftMenu_listItem div span {
    color: #FFF !important;
}

.serviceBoard_btnView {
    padding: 10px 10px 7px;
    font-weight: normal;
    border: none !important;
    background: transparent;
    box-shadow: none;
    border-top: none !important;
    cursor: pointer;
    display: inline-block;
}

.serviceBoard_lblView {
    color: #919293 !important;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.dashboardService_catalogeContainer {
    text-align: center;
    width: 100%;
}
/*****style for homedashboard message board********/


.homeDashboard_msgBoard_container {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.homeDashboard_msgBoardIconImg {
    width: 64px;
    height: 64px;
    padding-right: 4px;
}
/***********************************Css for Ticket Dashboard********************************************************/
.ticket_contentWrap {
    margin-left: 0px;
    background: #fff;
    /*background: #f6f7fb;*/
    /*padding-right: 5px;*/
    /*padding-left:0px;*/
}

.dshboard_contentContainer {
    width: 98%;
    border-collapse: collapse;
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
}

    .dshboard_contentContainer tr td {
        border: none !important;
    }

.svcCreate_accessUsrTable {
    padding-bottom: 5px;
    float: left;
    font-size: 12px;
}

.editTicket_fileUpload tr td {
    padding: 0px 15px !important;
    border: none !important;
}

.question_Title_Span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
}

.labelInfo-img {
    display: inline-block;
    width: 18px;
    margin-left: 6px;
}

/*********************************************CSS for SVC Dashboard****************************************/
.exportImport_btnsWrap {
    margin-top: 15px;
}

.svcDashboardContent_mainContainer {
    width: 100%;
    /*overflow: hidden;*/
    display: inline-block;
    /*background: #f6f7fb;*/
    background: #fff;
}

.svcDashboardContent_mainWrap {
    background-color: #fff;
    padding-bottom: 12px;
}

.svcContent_container {
    width: 100%;
    display: inline-block;
}

.svcAddTicket_icon {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.svcModule_title {
    font-family: Roboto;
    font-size: 12px;
    margin-top: 10px;
}

.svcDashboard_reportIcon {
    float: right;
    padding-left: 3px
}

.svcDashboard_btnWrap {
    float: none;
    display: inline-block;
}

.svcDashboard_exportIcon {
    float: right;
}

.svcDashboard_quickTicketBtn {
    background: #5DE9BF;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
    width: auto;
    padding: 5px;
    margin-right: 10px;
    /*height: 38px;*/
}

.svcDashboard_addTicketBtn {
    background: #4A6EE2;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
    width: auto;
    /*height: 38px;*/
    /*margin-left: 8px;*/
    padding: 5px 0px;
}

.svcDashboard_actionBtn {
    /*background: #EAEDF0;*/
    background: #fff;
    color: #4A6EE2 !important;
    border: 1px solid #ccd4e1;
    font-weight: 500;
    /*font-family: 'Roboto', sans-serif !important;*/
    font: 12px 'Roboto', sans-serif !important;
    /*font-size: 12px;*/
    text-align: left;
    width: 85px;
    margin-left: 8px;
    padding: 7px;
    border-radius: 4px;
}

.home-toggle-btn.svcDashboard_actionBtn {
    padding: 4px 7px 4px !important;
}

.svcDashboard_actionBtn div.dxb img.dx-vam {
    float: right;
    margin-top: 7px;
}

.svcDashboard_actionBtnWrap {
    display: inline-block;
}

.aspxDateEdit-dropDownWrap table {
    width: 95%;
}

.svcDashboard_dropdown {
    /*width: 30% !important;*/
    min-width: 150px;
    /*max-width: 245px;* comment when mobile view-> homeDb-dropDown alignment */
}

.priorityMedium {
    /*background: url(/Content/images/Medium_priority.png) no-repeat;
    height: 36px;
    background-size: 85px;*/
    background: #F0E4DD;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityMedium::before {
        content: "Medium";
        color: #FF9800;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 700;
    }

.priorityHigh {
    /*background: url(/Content/images/High_priority.png) no-repeat;
    height: 36px;
    background-size: 80px;*/
    background: #F8D1D1;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityHigh::before {
        content: "High";
        color: #D0021B;
        font-size: 12px;
        font-family: "Roboto",sans serif;
    }

.priorityLow {
    /*background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #EAEDF0;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityLow::before {
        content: "Low";
        color: #757e86;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 700;
    }

.priorityCritical {
    /*background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #E24A7A;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityCritical::before {
        content: "Critical";
        color: #FFF;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 600;
    }
/*****************css for grid view*********************************************/
.myticketinner2 {
    margin-left: 0px !important;
    width: 100% !important;
}

/*******************************Css for button view*********************************************/
/*.buttonview-container .dxpcLite_UGITNavyBlueDevEx {
    height: 110px !important;
    width: 225px !important;
    display: block !important;
    left: 2% !important;
    top: 9% !important;
}
.serviceitemlist-container .dxpc-contentWrapper{
    display:block !important;
    height:75px !important;
}
.serviceitemlist {
    overflow-y: visible !important;
}*/

/*******************************TSR bottleneck chart close icon issue***********************************/
.ui-icon-closethick {
    display: none !important;
}
/*******************CSS for Spiner on complete task**************************************/
.spiner_wrap {
    text-align: center;
}

.grid_spinnerIcon {
    margin-top: 13%;
    position: fixed;
    font-size: 47px;
    margin-left: 19%;
}

/*.service_dropDownWrap {
    margin-left: 0px;
}*/
/********************************CSS for service board button view popup************************************/
/*.serviceitem {
    border-bottom: 1px solid #C9C9C9;
    height: 20px;
    width: 100%;
    text-align: left;
}*/

.setTopauto {
    top: auto !important;
}

.serviceitemlist-container .serviceitem {
    padding: 6px !important;
    width: 100%;
    border-bottom: 1px solid #ededed;
    text-align: left;
    background: #FFF;
    height: auto;
}

    .serviceitemlist-container .serviceitem:hover {
        background: #eee;
    }

/*.SetTopAutoMainDiv {
    top: auto !important;
}*/
/***********************************CSS for grid (multiuser) Requested by colume****************************/
.RequestdByMultiUser_Table {
    margin: 0px;
}
/***********************************CSS Create ticket btn****************************/
.svcDashboard_addTicketBtn:hover {
    color: #fff !important;
}


/***********************************CSS for self registration***************************************************/
.applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

.applicationRegReq_status_btn {
    margin-top: 30px;
    background-color: #4a90e2;
    color: #FFF;
    /*margin-left: -12%*/
}

.applicationRegReq_statusbtn_wrap {
    float: none !important;
    text-align: center;
}

.applReg_statusTitle {
    text-align: center;
}

.applRegStatus_inputFeild {
    font-size: 14px;
    font-weight: 500;
}

.applReg_satusInputField {
    background-color: #ecf1f9 !important;
    border-color: #ecf1f9 !important;
}

.applReg_actionBtn_wrap {
    text-align: center;
    margin-top: 10px;
}

.applicationRegReq_reset_btn {
    background: #4A6EE2;
    color: #fff !important;
    font-family: "Roboto",sans serif;
}

.visualization-title {
    font-size: 60px;
    font-family: "Roboto",sans serif;
}

.svg-container {
    position: relative;
}

.legends-container {
    position: absolute;
    right: 0;
}
/***********************************CSS for SVC create ticket popup***************************************/
.svcDashboard_quickTicketBtn:hover {
    color: #fff;
}

.Popup_dialog {
    height: 100% !important;
}
/* */
/*.all-dropdown table td.dxgvDRTC {
    background: #ecf1f9;
    font-size: 15px;
}*/

.all-dropdown td.dxgvDRTC:hover {
    background: #c2edfb;
}

.vertical-carousel ul.vertical-carousel-list li.active {
    background-color: #4a90e2 !important;
}

.appMatrixTitle {
    background-color: #4a90e2 !important;
}

.applAccessReg_expandBtn, .applAccessReg_collapseBtn {
    background-color: #4a90e2 !important;
    background: none !important;
}

    .applAccessReg_expandBtn div {
        background: #F2F3F4 !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

    .applAccessReg_collapseBtn div {
        background: #fff !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

.divgrd-mobile {
    padding: 0px;
}

.applAccess_appTabPage .dxtc-content {
    padding: 0px;
}

.applAccess_content tr td .dxgvCSD {
    height: auto !important;
}

.applAccess_content tr td .dxgvHSDC {
    padding-right: 0px !important;
}

    .applAccess_content tr td .dxgvHSDC div {
        width: 585px !important;
    }
/*.divgrd-mobile{float:none;}*/
/******************************SVC Edit Ticket*******************************************************************/
.homeRightPanel_wrap {
    background-color: #F6F7FB !important;
}

/*.ticketTitle_wrap {
    margin-top: -10px;
}*/

.paddingNo {
    padding: 0px;
}





.homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
    height: auto !important;
    width: 100% !important;
    background: #fff;
    padding: 0px;
    overflow: visible !important;
}
/*change for svc Dashboard y-scroll*/

.actionBtn_container {
    float: right;
    padding: 4px 0;
}

.edit_ticket_tabIcon {
    position: fixed;
    bottom: 0;
}

.edit_ticket_tabIcon {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px;
    padding-left: 0px;
    background: #fff !important;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    margin-left: -12px;
}

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb img {
        filter: brightness(0) invert(1);
    }

.field_isprivate {
    display: inline;
}
/*.isPopup{width:100% !important;}*/
.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-bottom: 15px;
}

.isPopup .homeDashboard_leftcontent_wrap {
    padding-bottom: 0px;
}

.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-left: 0px;
}
/****TSR dashbord extra height*/
.homeRightPanel_wrap .dxpc-contentWrapper {
    height: auto !important;
}


/*************************CSS for svc duplicate popup************************/
/*.svcDuplicate_popupTable tr, .svcDuplicate_popupTable tr td {
    background-color: #F6F7FB;
    border:none !important;
}*/

. /*duplicateSvc_popupTd {
    color: #4a90e2 !important;
    font-weight: 500 !important;
    /*margin-bottom: 5px;*/
/*font-size: 14px;
    text-align: left;
    background-color: #fff;
    display: block;
    width: 100% !important
}
.duplicateSvc_popupInputTd {
    display: block;
    width: 100% !important;
}
.duplicateSvc_popupInputTd .field_DesiredCompletionDate table tr td input.dxeEditAreaSys {
    background: transparent;
}
.duplicateSvc_popupTr td {
    background-color: #fff;
}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td {
    background-color: #ecf1f9;
}

.duplicateSvc_popupInputTd div table.dxeButtonEditSys {
    border: 1px solid #ccd4e1;
    border-radius: 2px;
}*/
/*******************************CSS for SVC edit summary tab*******************************/
.info-subtitle h3 {
    margin-top: 0px;
}

/******************************CSS for Batch editing popup*****************************/
/*.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 6px !important;
}
.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td input {
    background: #ecf1f9;
}
.duplicateSvc_popupInputTd .field_description table tr td.tc2class textarea {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 60px;
}
.field_Title_edit{border:none;}
.duplicateSvc_popupInputTd{height:auto !important;}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td input { background: #ecf1f9;}*/

/*email popup TSR action*/
/*.ms-formtable.email-table .ms-formbody {
    background: none;
}

.ms-formtable.email-table > tbody > tr > td > input[type="text"] {
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
}

.email-table .ms-formlabel h3.ms-standardheader {
    font-weight: normal;
    font-size: 14px;
    color: #4A90E2;
    text-align: left;
}*/

/*.nonSvcEmail_fieldInput {
    border-top: none !important;
}*/

/*.nonSvcEmail_btnWrap {
    padding-top: 10px;
    text-align: center;
}

.nonSvc_emailSendBtn {
    float: none !important;
    background: #4A6EE2 !important;
    border-radius: 4px;
    padding: 9px 30px 5px 30px;
    font-size: 14px;
}

.nonSvc_emailCancelBtn {
    float: none !important;
    background: none !important;
    color: red;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}*/


/*Quick close popup*/
.quick-close-pop .ms-formlabel {
    width: 100%;
    text-align: left;
}

.quick-close-pop {
    padding: 0px 15px;
}

    .quick-close-pop .ms-formlabel h3 {
        font-weight: normal;
        font-size: 16px;
        color: #4A90E2;
        text-align: left;
        margin: 10px 0px;
    }

    .quick-close-pop .ms-formbody {
        background: none;
    }

        .quick-close-pop .ms-formbody input[type="text"], .quick-close-pop .ms-formbody select {
            width: 100% !important;
            background: #ecf1f9;
            border: 1px solid #ccd4e1;
            border-radius: 4px;
            height: 35px;
        }

    .quick-close-pop .ms-formbody {
        border: none
    }
/*********************************************CSS for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}
.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
}*/
/*********************************************CSS  for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}*/

/***********************************************CSS for Batch create popup**********************************/
/*.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*/

/****************************************************CSS for svc edit action button dropdown****************/
.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.editTicket-actionMenu {
    background-color: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 0px 3px;
    border-bottom: 1px solid #ccd4e1;
}

.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.dxm-hovered {
    border: none !important;
    background: #EBEDF2 !important;
    color: #4A6EE2 !important;
}

/*********************************************CSS for action button PrintPopup*******************************/
/*.printPopup_title {
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

    .printPopup_title b {
        font-weight: 500 !important;
    }*/

.secondary-linkBtn {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}

.printPopup_container {
    display: block;
}

.printPopup_tdWrap {
    text-align: center;
    display: block;
    width: 100%;
}

.printPopup_Wrap {
    text-align: center;
    float: none !important;
}

.printPopup_listWrap {
    display: block;
    text-align: right;
}

    .printPopup_listWrap li {
        display: inline-block;
        list-style-type: none;
    }

a.primary-linkBtn {
    color: #fff;
    background-color: #4A6EE2;
    padding: 5px 14px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

    a.primary-linkBtn:hover {
        text-decoration: none;
    }

.printPopup_table {
    width: 100%;
}

.printPopup_cancel {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}
/****************************CSS for Save As template popup*************/
/*.saveAsTemp_fieldName {
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}*/

/*.saveAsTemp_fieldInput input, .saveAsTemp_fieldSelect select {
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/
/*.saveAsTemp-popupContainer{
    background:#fff;
}*/
/*.saveAsTemp_fieldInput input:hover {
    border: 1px solid #ccd4e1;
}*/

.saveAsTemplate_msg {
    color: #4a90e2;
    font-size: 14px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

/*.saveAsTemplate_grid tr td div.dxgvCSD {
    height: auto !important;
}*/

/*.saveAsTemplate_saveBtnWrap {
    text-align: center;
}

.saveAsTemplate_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    padding: 5px 18px;
    border: none;
    margin-top: 22px;
    font: 14px 'Roboto', sans-serif !important;
}*/

.dashboard_leftSideMenuExpand {
    transition: 0.5s all ease;
}


/****agent drop down alignment***********************/
.waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr {
    position: relative;
}

.waitOnmeClass {
    padding: 0px;
}
/*.actionBtn_agentOption_dropDownWrap {
    left: -95px !important;
    top: 40px !important;
    z-index: 9999;
}*/
.ddlActionMenu .dxm-subMenu .dxm-popOut.fa.fa-angle-right::before {
    content: "";
}

.ddlActionMenu .agent_dropDownIcon.fa.fa-angle-right::before {
    content: "";
}

.employee-name {
    position: relative;
    padding: 0px 0px 15px;
}

    .employee-name .errormsg-container {
        float: left;
        width: 99%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
/***********************************************CSS for Batch create popup
.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*********************/



/**************************SVC Edit copy link to clipboard Popup*********************/
/*.dropDown_Title {
    display: block;
    /*width: 50%;
}

    .dropDown_Title span {
        color: #4a90e2;
        font-size: 14px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500;
    }*/

/*.svcClipBoard_popupDropDown {
    display: block;
    padding: 7px 3px 8px 4px !important;
    width: 100%;
    padding: 5px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/

.ITSM-textarea {
    margin-top: 10px;
    color: #4a90e2;
    font: 12px 'Roboto', sans-serif !important;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    text-align: left;
    height: 50px;
}

.svcClipBoard_btn li {
    list-style-type: none;
}

.svcClipBoard_btnContainer {
    text-align: center;
}

/*.svcClipBoard_btn li .dxbButton_UGITNavyBlueDevEx.dxbButtonSys {
    background: none !important;
}*/

/*.svcClipBoard_btn li .dxbButtonSys .dxb {
    background: none !important;
    color: red !important;
    font-size: 14px;
    font-weight: 500;
}*/



/**************************CSS for Action button->Batch Edit Popup ****************************************/
.saveASDraftBtn {
    background: none !important;
}

    .saveASDraftBtn .dxb {
        padding: 7px 10px !important;
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
    }

/************************CSS for SVC Edit-> New task popup***********************/
.svcEditTask_fieldLable {
    font-size: 12px;
    display: block;
}

.svcEditTask_dueDateLable, .svcEditTask_commentLable {
    color: #4a90e2;
    font-size: 14px;
}

/********************CSS for home-dashboard user profile dropdown*******************/
.popup-menuLog-inuser-outer {
    width: 220px !important;
    top: 8px !important;
}

/****CSS for Non SVC Create ******/
.nonsvcCreate_linkReltdTitle_btn {
    background: #4A6EE2 !important;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 20px;
}

    .nonsvcCreate_linkReltdTitle_btn .dxb {
        background: none !important;
    }

/***********************CSS for NPR  Create ticket**************/
/*.chooseDepartment_list {
    margin-left: 10px;
}*/

.choosenDepartment_label b {
    color: #4A6EE2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.dxeBase_UGITNavyBlueDevEx.chooseDepartment_lable {
    color: black;
    font-weight: 500 !important;
    font-size: 12px !important;
    margin-bottom: 5px;
    font: 12px 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif !important
}

.choosenDepartment_textBox {
    border: 1px solid;
    float: none;
    height: 200px;
    overflow-y: auto;
    width: auto;
    background: #fff;
    margin: 10px 10px 10px 7px;
}

.nprprimBenifi_choosenDepartment {
    width: auto !important;
}

.nprprimBenifi_chooseDepartment {
    display: block;
    width: auto;
}

.optionBtn_wrap {
    /*margin: 0px 5px;*/
    /*width: auto;*/
    width: 140px;
    margin-top: 19px;
}

.optionBtn_addLogo {
    text-align: unset;
}

.departmentPopup .optionBtn_wrap .optionBtn_addLogo {
    text-align: left;
}

.optionBtn_addLogo input {
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
    float: none;
    background: #4fa1d6 !important;
    font-size: 12px;
    border-radius: 5px;
}

.choosenDepartment_label b {
    color: #4a90e2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.nprDropDown_actionBtnWrap {
    margin-bottom: 7px;
}

/*.actionResetBtn, .actionDoneBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #fff;
}*/

/*.actionResetBtn .dxb, .actionDoneBtn .dxb {
        background: none !important;
    }*/

/**********************CSS for NPR Schedule tab *****************/
.nprschedule_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 30%;
}

    .nprschedule_saveBtn .dxb {
        background: none !important;
    }

.nprScheduleFooter_wrap {
    text-align: center !important;
}

.nprschedule_cancelBtn {
    margin-left: 30% !important;
    background: none !important;
}

    .nprschedule_cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }
/*********NPR Edit planning tab***************/
.nprPlanning_title {
    color: #4a6ee2;
    font-size: 14px !important;
    border: none;
    font-family: 'Roboto', sans-serif;
}

.nprPlanning_linkLable {
    color: #4A6EE2 !important;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif;
    float: right;
}

.nprPlanningGrid_btn {
    background: none !important;
}

    .nprPlanningGrid_btn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        padding: 0px 9px 3px 9px !important;
    }
/************css for NPR EDit Resource Sheet tab*****/
.nprResouceTab_btnWrap {
    float: none;
    padding-top: 5px;
    text-align: center;
    margin-top: 18px;
}

.nprResouceTab_btn {
    padding: 7px 13px 9px;
    cursor: pointer;
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

    .nprResouceTab_btn b {
        font-weight: 500 !important;
    }
/*******CSS for PMM Edit Status tab *****/
.pmmEdit_statusTab_gridCheckbox {
    position: absolute;
    right: 15px;
    padding-top: 5px;
}

.relatedTitleButtonClass {
    display: none !important;
}

    .relatedTitleButtonClass.showrelatedTitleButtonClass {
        display: inline-block !important;
    }

.btn-count-no {
    position: relative;
    display: inline-block;
}

    .btn-count-no .result {
        display: inline-block;
        margin: 10px 0px;
        position: relative;
        padding-left: 20px;
    }

    .btn-count-no .badge.badge-light {
        position: absolute;
        display: inline-block;
        width: 25px;
        background: red;
        top: -25px;
        left: -20px;
        padding: 5px;
        font-size: 12px;
        border-radius: 50%;
        height: 25px;
        line-height: 1.2;
        font-weight: 400;
    }

.linkRelatedTicket_msg {
    color: #45B493;
    font-size: 14px;
    font-weight: 500;
}
/*.dxbButtonHover_UGITNavyBlueDevEx {
    background:none !important;
}*/
.dxbButton_UGITNavyBlueDevEx.showrelatedTitleButtonClass {
    background: none !important;
    border: none;
    margin-bottom: 10px;
    margin-left: -15px;
}

.AccSave_btnWrap div.dxb {
    padding: 3px 9px 3px 12px !important;
    background-color: #4a6ee2 !important;
    color: #FFF !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 4px;
}

.AccCancel_btnWrap {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .AccCancel_btnWrap .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.pmmStatus_btnWrap {
    text-align: center;
}
/*************************CSs For PMM Scrum Tab***********/
.pmmScrum_addBtn {
    background: #4a6ee2 !important;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px 5px 10px;
    float: left;
    margin-left: 5px;
}

.pmmScrum_deleteBtn {
    background: red !important;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 5px 6px 5px;
    margin-left: 5px;
    float: left;
    color: #fff !important;
}

.pmmScrum_addIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 11px;
}

.pmmScrum_deleteIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 13px;
}

.pmmScrum_sprintBtnWrap {
    float: right;
    margin-top: -20px;
    left: 664px;
    margin-bottom: 10px;
}

.pmmScrum_releasesBtnWrap {
    float: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

.PmmScrum_btnContainer {
    float: right;
    margin-top: -8px;
    padding-top: 2px;
}
/*****CSS for PMM-> Edit status tab ***************/
.form-control {
    color: #000;
}

.dxFirefox .dxeMemoEditAreaSys {
    padding-left: 5px;
}

.dxeTextBox_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
    overflow: hidden;
}

.accomp-popup input[type="text"], .accomp-popup select, .select_product input[type="text"].form-control {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 36px;
    text-align: left;
    font-size: 12px;
    padding: 0 4px;
    color: black;
}

.dxeButtonEdit_UGITNavyBlueDevEx td.dxic, .dxFirefox .dxeButtonEdit_UGITNavyBlueDevEx td.dxic, .dxeTextBoxSys td.dxic {
    padding-top: 0;
    padding-bottom: 0;
}

.accomp_inputFieldReplica input[type="text"] {
    height: 11px !important;
}

.dxeBase_UGITNavyBlueDevEx.ms-standardheader {
    font-family: 'Roboto', sans-serif !important;
}

.ms-standardheader {
    text-align: left !important;
    font-weight: normal;
    font-size: 13px !important;
    color: black;
    font-family: 'Roboto', sans-serif !important;
}

.ms-formlabel {
    white-space: nowrap;
    font-weight: normal;
    padding-left: 6px;
}

.accomp_inputField {
    background: none !important;
    border: none !important;
    padding: 3px 6px 4px;
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.accom_completedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.accomp-popup textarea {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 45px;
    padding-right: 5px;
    width: 100%;
    font-size: 12px;
}

.select_product textarea {
    font-size: 12px;
    color: inherit;
    padding-left: 4px;
    padding-right: 4px;
}

.accom_completedDate td {
    background: #ecf1f9;
}

.pmmStatus_editIcon {
    display: inline-block;
    float: left;
    margin-right: 8px;
}

.status_editIcon {
    width: 20px;
}

.pmmStatus_lable {
    display: inline-block;
    color: #4b4b4b;
    font-size: 12px;
    float: left;
}

.pmmStatus_summaryHistory {
    display: inline-block;
}

.btprojectsummaryhistory {
    /*float: left;*/
    width: 15px;
    /*margin-top: 2px;*/
}

.AccBtn_Container {
    text-align: center;
    display: block;
}

.AccSave_btnWrap {
    background: none !important;
}

    .AccSave_btnWrap .dxb {
    }

        .AccSave_btnWrap .dxb img {
            filter: brightness(0) invert(1);
            width: 12px;
        }

/*.pmmStatusAcc_editIcon {
    width: 18px;
}*/
.pmmStatus_lable b {
    font-weight: 600;
}

.pmmStaus_actIcon {
    width: 6%;
}

.status_moveToLink {
    width: 20px !important;
    height: 20px !important;
}

.status_moveToIcon {
    width: 18px;
}

.scoreheading {
    color: #4a6ee2;
    font-size: 14px;
    /*font-weight: 600 !important;*/
    padding-right: 5px;
    font-family: 'Roboto', sans-serif;
}

.pmmStatus_projectSatgeTitle {
    padding: 10px 7px 10px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
    /*font-weight: 600 !important;*/
}

/*span.editPmm_statusTab_gridCheckbox {
    color: #4A90E2;
    font-size: 12px;
    font-weight: 600 !important;
    padding-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

    span.editPmm_statusTab_gridCheckbox input[type=checkbox] {
        margin: 0px 5px 0px;
        width: 20px;
        height: 15px;
    }*/

/*.pmmStatus_selectField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 5px 7px;
    border-radius: 4px;
}*/

.mainblock {
    margin-bottom: 12px;
    background: #fff;
    /*padding: 10px;*/
    border-radius: 4px;
}

.popupLink-wrap {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    margin-left: 15px;
}

.popupLink {
    font-size: 14px;
    font-weight: 400;
    color: #4a6ee2 !important;
    font-family: 'Roboto', sans-serif;
}

    .popupLink:hover {
        color: #4A90E2;
    }

.pmmStatus_plannedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .pmmStatus_plannedDate td {
        background: #ecf1f9;
        border: none;
    }

.showrelatedTitleButtonClass .dxb {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #ffF;
    padding: 4px 14px !important;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.relatedLink_newMsg {
    color: #4A6EE2;
}

.pmmStatus_moveToPlannedBtn {
    display: -webkit-inline-box;
    text-align: center;
}

.pmmStatus_archivBtn {
    background: none;
}

    .pmmStatus_archivBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
    }

.pmmStatus_moveToPlannedBtn {
    background: none;
}

    .pmmStatus_moveToPlannedBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        padding: 2px 10px;
    }

.statusNewIssue_assignedField .close_arrow_edit {
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 10px !important;
}

.statusIsuue_dateFeild {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .statusIsuue_dateFeild td {
        background: #ecf1f9;
    }

.pmmIssues_btnWrap {
    text-align: center;
}

.pmmIssues_btnSave {
    display: block;
    background: none;
    text-align: center;
}

    .pmmIssues_btnSave .dxb {
        display: -webkit-inline-box !important;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
    }

.pmmIssues_btnCancel {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .pmmIssues_btnCancel .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }

.addFile_link {
    font-size: 14px;
    font-weight: 600;
    color: #4A90E2;
    margin-left: 5px;
}

    .addFile_link a:hover {
        color: #4A90E2;
    }

.editIssue_Btn {
    background: none !important;
}

    .editIssue_Btn .dxb {
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

    .editIssue_Btn img {
        width: 18px;
        filter: brightness(0) invert(1);
    }

.issueBtn_conatiner {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.issueBtn_rightBtn, .issueBtn_leftBtn {
    display: inline-block;
}
/*************PMM->project lifecycle Edit popup******************/
.btn-custom {
    padding: 7px 12px 7px 15px !important;
    background-color: #4fa1d6;
    color: #FFF;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 5px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

    .btn-custom.btn-cancel {
        background: none;
        color: #e24a7a;
    }

.ico-action {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

.ms-header {
    margin: 0px;
    text-align: left;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
}



/*.proj-life-cycle-pmm, .proj-life-cycle-pmm tbody, .proj-life-cycle-pmm tbody tr, .proj-life-cycle-pmm tbody tr td {
    display: block;
    width: 100%;
    margin: 5px 0px;
}

    .proj-life-cycle-pmm tbody tr td select {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
        font-size: 14px;
    }*/

.markascomplete-action-new {
    height: 20px;
    width: 20px;
}

/*********************CSS for add budget item popup*******/
.budget_fieldLabel {
    float: none !important;
    margin-bottom: 3px;
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
}

.budget_amountFeild table {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .budget_amountFeild table tr td div.dxeButton {
        background: #ecf1f9;
    }

.budget_textareaField {
    width: 100%;
}

/*.budgetBtn_wrap {
    text-align: center;
    display: block;
}*/

.budget_btnSave {
    display: -webkit-inline-box;
    background: none !important;
}

    .budget_btnSave .dxb {
        display: block !important;
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

        .budget_btnSave .dxb img {
            width: 17px;
            filter: brightness(0) invert(1);
        }

.budget_btnCancel {
    display: block !important;
    background: none !important;
    margin-top: 10px;
    width: 100% !important;
}

    .budget_btnCancel .dxb {
        display: -webkit-inline-box !important;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.budget_inputField table {
    width: 100%;
}
/****************************NPR EDIT -> planning tab -> Add new resources popup ************/
.newResouces_budgetItem {
    display: inline-block;
}

.newResouces_budgetItemWrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.newResource_inputField table {
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_inputField table tr td {
        background: #fff;
    }

.noSidePadding {
    padding: 0px;
}

.newResource_dateField {
    width: 100%;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_dateField tr td {
        background: #FFF !important;
        border-radius: 4px;
    }

.addResource_title {
    color: #4A90E2;
    font-size: 14px !important;
}

.addResouce_noteField {
    width: 100%;
}

.addResouce_btnWrap {
    text-align: center;
}

.addResource_saveBtn {
    display: -webkit-inline-box !important;
    background: none !important;
}

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
}

.addResource_saveBtn .dxb {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

    .addResource_saveBtn .dxb img {
        width: 15px;
        filter: brightness(0) invert(1)
    }

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .addResource_cancelBtn .dxb {
        display: -webkit-inline-box;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

/**********************CSS for PMM Edit -> Add new Sprint popup*****************/
.pmmSprint_popupContainer .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    border: none;
}

.pmmSprint_popupContainer .dxpc-contentWrapper {
    display: block !important;
    height: 100% !important;
}

    .pmmSprint_popupContainer .dxpc-contentWrapper .dxpc-content {
        display: block !important;
        padding-top: 10px !important;
    }

.pmmsprint_saveBtn {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    margin: 1px;
}

.pmmSprint_btnWrap {
    text-align: center;
    margin-top: 10px;
}

.pmmsprint_btnLink {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmsprint_saveBtn b {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.pmmsprint_saveBtn i img {
    width: 15px;
    filter: brightness(0) invert(1);
}

.pmmtextarea_inputField {
    width: 100%;
}

.pmmproduct_popupBtnWrap {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pmmScrum_popupCancelBtn {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .pmmScrum_popupCancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        display: block !important;
    }

.pmmProduct_btnLink {
    margin-top: 5px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmAssignTo_dropDown table {
    max-width: 100% !important;
    width: 100%;
    height: 38px;
}

.deleteBtn_link {
    float: none;
    display: -webkit-inline-box;
    border-radius: 4px;
    background: red;
    padding: 8px 9px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.deleteBtn b {
    font-weight: 500;
}

.deleteBtn i img {
    filter: brightness(0) invert(1);
}

.pmmScrum_attachmentWrap {
    width: 100% !important;
}

.colXs {
    width: 49%;
    display: inline-block;
    padding-right: 5px;
}

.scrumCancel_Btn {
    background: none !important;
    color: red !important;
    font-size: 14px;
}

/*.sprintDuration_inputField {
    font-family: verdana;
    width: 49% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
}*/
/******************CSS for ITSM BUG fixes *****************************/
.markascomplete_actionWrap {
    float: left !important;
    right: 0 !important;
}

.homeGrid_ageWrap {
    width: 100%;
}

/***css for home grid ****/
.homeGrid {
    border: none;
    margin-top: 10px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

    .homeGrid table {
        font-size: 13px !important;
        font-family: 'Roboto', sans-serif !important;
        empty-cells: show;
        color: #4b4b4b !important;
        border-collapse: separate !important;
        font-weight: 500;
        /*min-height: 100% !important; comment while solving grid search filter issue*** */
    }

.homeGrid_headerColumn {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
    /*[+][26-10-2023][SANKET][Added standard font size 13px]*/
    font-size: 13px;
}

.homeGrid_headerColumn-c {
    color: #9C9FB1;
    padding: 6px 11px;
    border: none;
}

.homeGrid_headerColumn table {
    color: #9C9FB1;
}

    .homeGrid_headerColumn table td {
        /*text-align: left !important;*/
        /*color: #9C9FB1 !important;*/
        /*color: #7a7979 !important;*/
        color: #4b4b4b;
        font-weight: 600 !important;
    }

.homeGrid_dataRow {
    background-color: #FFF !important;
    background: #fff;
}

    .homeGrid_dataRow td.dxgvIndentCell.dxgv {
        background: #FFF !important;
    }

.dxgvDataRow_UGITNavyBlueDevEx td.dxgv {
    font-size: 12px;
    font-weight: 500;
    color: #4b4b4b !important;
    font-family: 'Roboto', sans-serif;
}

.dxeButtonEdit_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
}

.tdPos .dxgvDataRow_UGITNavyBlueDevEx td.dxgv {
    position: relative;
}

label {
    margin-left: 5px;
}

input[type="checkbox"], input[type="radio"] {
    margin-top: 0 !important;
}

.homeGrid_openBTn, .homeGrid_closeBTn {
    background: none !important;
    font: 12px 'Roboto', sans-serif !important;
    border: none;
    box-shadow: none;
    width: 16px !important;
}

    .homeGrid_openBTn .dxb, .homeGrid_closeBTn .dxb {
        background: #fff !important;
        color: #737373 !important;
        font-size: 14px;
        font-weight: bold;
        padding: 0px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    margin-bottom: 4px;
    padding: 4px 7px;
    float: left;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
}

    .dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown:active {
        box-shadow: none;
    }

.homeGrid_dropDown tr td.dxic input[type="text"] {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}


/******************************************CRM CSS changes *************************************************************/

.crm_dashboard.svcDashboardContent_mainContainer {
    overflow: auto;
    padding-bottom: 120px;
}

.CRMstatus_gridContainer {
    width: 100%;
}

.CRMstatusGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .CRMstatusGrid_row > td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        /*padding-left: 20px !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        /*font: 12px 'Roboto', sans-serif !important;*/
        /*max-width: 50px;*/
        padding: 5px 10px 6px;
        word-break: break-word;
    }

.CRMstatusGrid_headerRow {
    border: none;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 10px 11px;
}

    .CRMstatusGrid_headerRow table tr td {
        /*text-align: left !important;*/
        /*font-size: 14px !important;*/
        color: #4b4b4b;
        font-weight: 600 !important;
    }

.CrmLink_lable {
    color: #4A90E2;
    font-size: 12px;
}

.crmLink_wrap {
    margin-top: 15px;
}

#aspnetForm {
    height: 100%;
    background: #fff;
}

.homeRightPanel_wrap .addComment_popUp .dxpc-content {
    /*display: block !important;
    height:170px !important;
    max-height: 170px !important;
    overflow-y: auto !important;*/
    overflow: -webkit-paged-y !important;
}

.crmAddComment_popup {
    position: absolute;
    height: 100% !important;
    width: 100%;
}

.CRMlead_deleteIcon {
    width: 15px;
}

.CRMmarkascomplete-action-new img {
    width: 16px;
}

.CRMmarkascomplete-action img {
    width: 14px;
}

.crmLead_taskTitle {
    font-size: 12px;
}

.leadTask_grid {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.tabcontent11 {
    padding-bottom: 40px;
}
/*#tabPanelContainer_1, #tabPanelContainer_2 {
    padding-bottom: 60px;
}*/
.CRMmarkascomplete-action {
    width: 16px;
}

.crmEditTask_addNewBtn {
    background: #4fa1d6;
    border-radius: 4px;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    color: #fff;
}

.crmEditTask_lblMessage {
    border: none !important;
    color: #545454;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.CRMDueDate_inputField {
    /*background: #ecf1f9;*/
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
    /*width: 100% !important;*/
    width: 100%;
}

    .CRMDueDate_inputField tr td {
        /*background: #ecf1f9 !important;*/
        background: #fff !important;
        border-radius: 4px;
        padding: 3px 8px 3px 4px !important;
    }

        .CRMDueDate_inputField tr td.dxic input[type="text"] {
            height: 28px !important;
            /*background: #ecf1f9;*/
            background: #fff;
        }

.CRMBTnWrap {
    text-align: center;
    /*margin: 15px 0px 15px 0px; change while changing lead->new task popup*/
    margin: 15px 0px 0px 0px;
    position: fixed;
    bottom: 15px;
    padding: 0px;
    width: 93%;
}

.CRMSavenNotify_btn, .CRMSave_btn {
    background: #4A6EE2;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 5px
}

.CRMCancel_btn {
    background: none;
    border: none;
    color: red;
    font-size: 12px;
    font-weight: 600;
}

/*.crmDropDown_field table {
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 2px !important;
    background: #f8fafc !important;
}*/

.crmActivity_inputField {
    width: 100%;
}

.deleteSaveBtn_wrap {
    text-align: center;
    margin-top: 15px;
}

.activitySave_btnWrap, .activityDelete_btnWrap {
    display: inline-block;
    margin-top: 15px;
}

.activitySave_btn {
    background: #4A6EE2;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
}

.activityDelete_btn {
    color: #4a6ee2;
    border: 1px solid #4a6ee2;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.CancelBtn_wrap {
    text-align: center;
    margin-top: 10px;
    /*margin-bottom: 10px; comment while removing scroll for cpr->add checklist task popup*/
}

.activityCancel_btn {
    font-size: 14px;
    font-weight: 500;
    color: red;
}

.crmActivity_markAsComplete img {
    width: 16px;
}

.crmActivity_editBtn {
    padding-bottom: 0px !important;
    width: 16px;
    /*float: right;*/
    margin-left: 2px;
}

.homeGrid_dropDown tr td input, .homeGrid_dropDown tr td {
    background: #fff !important;
    padding: 0px !important;
}

.dxeButtonEditButton_UGITNavyBlueDevEx.dxeButtonEditButtonHover_UGITNavyBlueDevEx {
    border-color: transparent;
}

.dxgvDetailRow_DevEx.dxgvADR .dxgvADCC {
    color: #201f35 !important;
}

.CrmPopup_tableNoPadding {
    padding: 0px;
    /*overflow-y: -webkit-paged-x;*/
}

.colForXS {
    width: 49%;
    padding: 0px;
    display: inline-block;
    float: left;
}

.popupBtn_delete {
    display: inline-block;
    margin-bottom: -10px;
}

.popupBtn_save {
    display: inline-block;
    margin-bottom: -10px;
}


.popupBtn_Cancel {
    display: block;
    margin-top: 7px; /*add for find resource popup cancel button*/
}

.popupBtnWrap {
    margin-top: 15px;
    text-align: right;
    margin-bottom: 10px;
}

.btnSave {
    background: #4A6EE2;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 21px 5px;
    font-weight: 500;
    color: #fff;
    float: left;
    cursor: pointer;
}

    .btnSave:hover {
        color: #fff;
    }

    .btnSave b, .cancelBtn b {
        font-weight: 500;
    }

.btnCancel {
    background: #fff;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 21px 5px;
    font-weight: 500;
    color: #4FA1D6;
    float: left;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

    .btnCancel:hover {
        color: #4A6EE2;
    }

    .btnCancel b, .cancelBtn b {
        font-weight: 500;
    }


.email-popupContainer {
    padding: 0px !important;
    background: #FFF;
}

.cancelBtn {
    background: none;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px 12px;
}

    .cancelBtn:hover {
        color: #4A6EE2;
    }

.addComLink span {
    font: 12px 'Roboto', sans-serif !important;
    color: #4A90E2;
}

.addComLink img {
    width: 17px;
}

.saveDelete_btnWrap {
    margin-top: 10px;
    text-align: center;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px;
}

.scheduleImg {
    width: 17px;
    /*margin-top: 3px;
    margin-right: 3px;*/
}

.CRMstatusGrid_footerRow {
    background: #fff;
}

    .CRMstatusGrid_footerRow td {
        text-align: left !important
    }
/*****CSS for grid filter******/
.FilterFooter_btnWrap .dxpc-footerContent {
    background-color: #fff;
    text-align: center;
}

.homeGrid tr td div div.dxpcLite_UGITNavyBlueDevEx.dxpclW div.dxpc-mainDiv.dxpc-hf {
    border: 1px solid #c5c5c5 !important;
}

.field_box .field_requesttypelookup_edit, .field_requesttypelookup_edit {
    min-width: 100% !important;
}

.loader_noMargin {
    margin-bottom: 0px;
}

.ticket_container.new-ticket-table tr.lastSectionWrap {
    margin-bottom: 0px !important;
}

.div-vieweditcontainer, .spancontainerdesc {
    margin-bottom: 0px !important;
}
/*.tabContainer.field_heading .ticket_container.new-ticket-table{
    margin-bottom:100px;
}*/
/******************css for award btn (footer sticky buttons)*************/
.footer_actAwardBtn {
    color: white;
    background: #4fa1d6 !important;
    border-radius: 4px;
    padding: 4px 20px 4px 20px !important;
    font: 14px 'Roboto', sans-serif !important;
}

.footer_actStatusBtn {
    color: white;
    background: #f65d50 !important;
    border-radius: 4px;
    padding: 7px 15px 7px 30px !important;
    font: 14px 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/LostHold.png) !important;
    background-repeat: no-repeat !important;
    background-size: 34px !important;
    top: 10px;
    background-position: 0px 5px !important;
}

.footer_actAdanceToProjectBtn {
    color: white;
    background: #60b050 !important;
    border-radius: 4px;
    padding: 7px 15px 7px 30px !important;
    font: 14px 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/project.png) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    top: 10px;
    background-position: 7px 7px !important;
}

/*************CSS For CRM Summary tab********************/
.summaryTab_container {
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}

.cprSummary_labelWrap {
    font-size: 14px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    background: #FFF;
    padding: 5px 5px 0px 5px;
}

.cprSummary_valueWrap {
    font-size: 12px;
    color: #000;
    font-family: 'Roboto', sans-serif !important;
    background: #FFF;
    padding: 0px 5px 10px 5px;
    word-break: break-all;
}

.summaryCPRdb_title {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.summaryCPRdb_header {
    width: 100%;
    text-align: left;
    /*background-color: #f2f3f4;*/
    background-color: #D0D8E2;
    height: 22px;
    vertical-align: middle;
    padding-top: 1px;
    color: #9C9FB1 !important;
    padding-left: 18px;
}

.summaryCPRdb_gridView {
    width: 100%;
    border: none;
    font: 12px 'Roboto', sans-serif;
}

.summaryCPRdb_gridView_dataRow {
    background: #fff;
}

    .summaryCPRdb_gridView_dataRow td {
        text-align: left !important;
        font-size: 12px;
        padding: 5px 18px !important;
        font-weight: 500;
        color: #000;
        border-bottom: 5px solid #f6f7fb !important;
        /*border-right: none !important;*/
    }

.summaryCPRdb_tableWrap {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.taskManSummary_dataRow {
    text-align: left !important;
    font-size: 12px;
    padding: 0px 10px !important;
    font-weight: 500;
    color: #000;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    background: #fff;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px
}

.tasktoolbar div img,
.tasktoolbar div input {
    float: left;
    cursor: pointer;
    margin: 3px 3px 0px 3px;
    width: 17px;
}

.scheduleTab_deleteIcon {
    width: 16px !important;
}

.widthSmall {
    width: 33.33%;
}

.widthMid {
    width: 66.66%;
}

.widthFull {
    width: 100%;
}

.projectTeam_linkWrap {
    margin-top: 15px;
}
/*.tabContainer.field_heading table tr td>iframe{
    height:75vh;
}*/
.adjustableWidth {
    width: 49% !important;
    padding-left: 18px;
}

.taskSummary_lable {
    border-right: 1px solid #d9dae0;
    padding: 5px 0px;
    margin-left: 8px;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys:hover::before {
    display: none;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys::before {
    display: none;
}
/***************************CSS for Dashboard global filter***************/
/*.searchFilter_container {
    margin-top: 10px;
}*/
.selectTo_container, .selectFrom_container {
    display: inline-block;
    float: left;
}

.selectFromTo_label {
    padding-top: 6px;
    float: left;
    font-weight: 500;
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px 5px;
}

.selectFromTo_field {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 125px;
}

    .selectFromTo_field .inputTextBox.datetimectr111 img {
        width: 18px;
    }

.selectFromTo_inputBox {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 125px;
}

    .selectFromTo_inputBox tr td, .selectFromTo_inputBox tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

.searchFilter_searchWrap {
    position: relative;
    padding-top: 1px;
    display: inline-block;
}

.WaterMarkClass {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    margin-left: 3px;
    height: 26px;
}

    .WaterMarkClass tr td, .WaterMarkClass tr td.dxic input[type="text"] {
        background: #FFF;
        padding: 3px;
        height: 15px;
    }

.homeDb_filterImg {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
    width: 18px;
}

.FromTo_container, .searchFilter {
    display: inline-block;
    float: left;
}

.filterImg_wrap {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.SaveButton_crmTask {
    background: #4a6ee2;
    border-radius: 4px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    /*float: left;*/
}

.cancelButton_crmTask {
    background: none;
    color: red;
    /*float: left;*/
    cursor: pointer;
}
/*#peAssignedToLookupSearchValue tr td input{
    height:10px !important;
}*/
.popupSectionWrap {
    margin-bottom: 60px;
}

.popupBtn_find {
    text-align: center;
    margin-bottom: 10px;
}

.findResource_findBtn, .addchkList_btn {
    background: #4fa1d6;
    border-radius: 4px;
    font-size: 12px;
    float: none;
    color: #fff;
    padding: 5px 17px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif !important;
}

.addChk_listBtnWrap, .importChk_listBtnWrap {
    display: inline-block;
}

    .addChk_listBtnWrap a:hover, .importChk_listBtnWrap a:hover {
        text-decoration: none;
    }

.checkList_btnWrap {
    margin-top: 10px;
}

.importBTn {
    display: block;
    /*margin-top:17%;*/
    text-align: center;
}

.Import_cancelBtn {
    display: block;
    margin-top: 7px;
    text-align: center;
}

.rectangle {
    margin: 20px 11px 5px 5px;
    width: 22px;
    height: 22px;
    color: #4A6EE1;
    border: 1px solid #999b9d;
    border-radius: 50%;
    position: relative;
    margin-right: 11px;
    float: right;
    cursor: pointer;
    padding: 7px 9px;
}

.headerContent_profile {
    padding-right: 0px;
    float: right;
}

/*.moduledesciptiontd {
    padding-bottom: 10px;
}*/

/*.comment_checkboxes {
    font-size: 12px;
    clear: both;
}*/

.copyToclip_popup {
    padding: 0px 15px 15px !important;
}

    .copyToclip_popup textarea {
        height: 60px !important;
    }

/*.newTask_info_title {
    padding: 0px;
}*/

.right_content {
    padding-right: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

    .row.bs {
        margin-right: -15px;
        margin-left: -15px;
    }

.gridFilter_container {
    /*overflow-y:scroll;*/
    /*height:250px !important;*/
}

.dxgvFilterRow_UGITNavyBlueDevEx td.dxgv {
    border: none;
}

.HomeDBAction {
    right: -373px;
}

.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow .dxpc-contentWrapper .dxpc-content table.dxeListBox_UGITNavyBlueDevEx {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}
/*********************************CSS for  project view tab***********************/
/*.prjctView_selector {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 0px 10px 0px 8px;
}

    .prjctView_selector tr td.dxic input {
        background: #EAEDF0;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #4A6EE2;
        font-family: 'Roboto', sans-serif !important;
    }

    .prjctView_selector tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: #EAEDF0;
        border-radius: 4px;
    }*/


.logoText .pointer {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.projectCard_viewSearch table tr td table {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 4px 5px;
}

.projectCard_viewSearch {
    background: #fff;
}

    .projectCard_viewSearch table tr td table tr td.dxic input {
        background: #EAEDF0;
        font-size: 12px;
        font-family: 'Roboto', sans-serif !important;
    }

.pojectView_card {
    border-width: 3px !important;
    background-color: #fff;
    border-radius: 5px;
}

.cardView_chkWrap {
    display: inline-block;
}

    .cardView_chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .cardView_chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
    }

        .cardView_chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            /*border: 2px solid #0079bf;*/
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .cardView_chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        /*border: solid #0079bf;*/
        /*border-width: 0 2px 2px 0;*/
        transform: rotate(45deg);
    }

    .cardView_chkWrap.lead_chkBox label::before {
        border: 2px solid #000;
    }

    .cardView_chkWrap.lead_chkBox input:checked + label::after {
        border: solid #000;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.ClientContracts_chkBox label::before {
        border: 2px solid orange;
    }

    .cardView_chkWrap.ClientContracts_chkBox input:checked + label::after {
        border: solid orange;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox label::before {
        border: 2px solid MediumSeaGreen;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox input:checked + label::after {
        border: solid MediumSeaGreen;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkConCPR_chkBox label::before {
        border: 2px solid royalblue;
    }

    .cardView_chkWrap.chkConCPR_chkBox input:checked + label::after {
        border: solid royalblue;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkClosed_chkBox label::before {
        border: 2px solid gray;
    }

    .cardView_chkWrap.chkClosed_chkBox input:checked + label::after {
        border: solid gray;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkCancelled_chkBox label::before {
        border: 2px solid #008080;
    }

    .cardView_chkWrap.chkCancelled_chkBox input:checked + label::after {
        border: solid #008080;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkLost_chkBox label::before {
        border: 2px solid mediumvioletred;
    }

    .cardView_chkWrap.chkLost_chkBox input:checked + label::after {
        border: solid mediumvioletred;
        border-width: 0 2px 2px 0;
    }

.HomeCard_view {
    border-width: 2px !important;
    background-color: #fff;
    border-radius: 5px;
    border-color: #fff;
    margin: 10px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

    .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
        padding: 1px;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        word-break: break-all;
    }

.homeDb_chartView {
    padding-left: 15px;
    border: none;
    margin-bottom: 5px;
    padding-right: 4px;
    border: none;
    background-color: #F6F7FB;
}

.homecontent {
    float: left;
    /*background-color: #F3F4F5;*/
    background-color: #F6F7FB;
    /*padding-top: 15px;*/
}

.homeContent_container {
    float: left;
    padding-left: 0px;
    width: 100%;
    padding-right: 5px;
}

.home_welcomeTitle {
    margin-top: 10px;
}

#lblLead {
    color: #000;
}

#lblClientContract {
    color: orange;
}

#lblPiplelineCPROpenOMP {
    color: MediumSeaGreen;
}

#lblchkConCPR {
    color: royalblue;
}

#lblchkClosed {
    color: gray;
}

#lblchkCancelled {
    color: #008080;
}

#lblchkLost {
    color: mediumvioletred;
}

.projectView_img {
    width: 14px;
}

.homeGrid .dxgvPagerTopPanel_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx {
    background: #EAEDF0;
    padding: 5px;
}

    .homeGrid .dxgvPagerTopPanel_DevEx .dxpLite_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx .dxpLite_DevEx {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

.homeDb_chartView tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    background-color: transparent;
}

.HomeCard_view div, .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
    height: 100%;
}

    .HomeCard_view div table tr td:first-child {
        width: 25% !important;
        border-right: 1px solid #f6f7fb;
        padding: 0px 1px;
        height: 100%;
    }

    .HomeCard_view div table tr td:last-child {
        width: 75% !important;
        border-right: none;
        height: 100%;
    }

    .HomeCard_view div table tr td div {
        word-break: break-word;
    }

/**************CSS for Status Popup******************/
.opprtunity-statusPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}
/*.CRMDueDate_inputField tr td.dxic {
    border: 1px solid #ccd4e1;
    border-right: none;
}
.CRMDueDate_inputField tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    border: 1px solid #ccd4e1;
    border-left: none;
}*/
/*.status_fieldLabel {
    margin-left: 0px;
}*/
.statusBtn_wrap li {
    display: inline-block;
}

.status_reasonWrap {
    padding-left: 25px;
}

.status_commentLabel, .status_reasonLabel {
    color: black;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.status_commentField, .status_reasonField {
    height: 38px !important;
}
/**************************
        29-04-2019 
**************************/
.clear-custom-addcheck-list {
    clear: both;
    position: absolute;
    bottom: 28px;
    right: 17px;
}

.reAssignePopup {
    background: #FFF;
    height: 100%;
}

.custom-addcheck-list-user > table {
    padding: 0px;
}

/*.add-check-list-input table {  comment while editing  add checklist popup-> assign to dropdown
    padding: 6.5px 3px 6.5px 6.5px;
}*/

.add-check-list-input table tr > td:last-child img {
    margin-top: 7px;
}

.status-chkWrap {
    margin-left: 9%;
    margin-top: 4px;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

    .status-chkWrap span input {
        margin-right: 4px;
    }

.precon_chkWrap {
    clear: both;
    padding-top: 9px;
}

.preconChk {
    float: left;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.preconErrMsg {
    color: Red;
    float: right;
    font-size: 12px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.chkLabel_cctoAct {
    display: inline-block;
    padding-top: 9px;
    margin-left: 20px;
}

.chkBox_cctoAct {
    display: inline-block;
    padding: 0px;
}

.chkBox_input {
    display: inline-block;
}

.chkLabel {
    display: inline-block
}

    .chkLabel h3, .mailTo h3 {
        margin-left: 0px;
    }

.mailSub {
    padding-left: 25px;
}

.mailTo_field span table {
    padding: 0px;
}

.statusBtn_wrap {
    text-align: center;
    list-style: none;
    margin-top: 25px;
}

.okStatus_btnWrap {
    background: none;
}

.cancelStatus_btnWrap {
    margin-top: 10px;
}

.okBtn_status {
    background: none;
    color: white;
    background-color: #4a6ee2 !important;
    padding: 6px 20px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
}

.cancel_status {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
}

.cpr_Row {
    clear: both;
}

.activityCancel_btn b {
    font-weight: 500;
}

/*************************CSS for Award popup*************************/
.opprtunity-statusPopup .dxpc-contentWrapper {
    display: table !important;
}

.award_comment {
    width: 100%;
    height: 35px;
    width: 100%;
    height: 35px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.award-commentWrap {
    padding-right: 5px;
}

.award-chkwrap {
    padding-left: 5px;
    margin-top: 8px;
}

.award_emailFields {
    padding: 0px 5px !important;
    margin-top: 10px;
}

.award-EmailBody {
    clear: both;
}

.awardBtn_Wrap {
    text-align: right;
    margin-top: 10px;
    padding-right: 15px;
}

    .awardBtn_Wrap li {
        display: inline-block;
    }

        .awardBtn_Wrap li:first-child {
            background: none !important;
            float: none !important;
            /*text-align: center !important;
        display: block !important;*/
        }

.okAward_btnWrap a {
    background-color: #4a6ee2;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #FFF;
}

.cancelAward_btnWrap {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 3px 10px;
}

    .cancelAward_btnWrap a {
        float: none !important;
        color: red !important;
        padding: 0px !important;
        background: none;
        margin-top: 10px;
        font-size: 12px;
        font-weight: 600;
    }

.awardBtn_Wrap li:last-child {
    background: none;
    float: none !important;
    /*text-align: center;
    display: block;*/
}

.awardAssign table {
    padding: 0px !important;
    max-width: 98% !important;
}

.unsaved_popUp .dxpc-header {
    color: #000 !important;
    background: #f0f0f0 !important;
    font-weight: 600;
    border-bottom: none;
    font-size: 12px;
}

.unsaved_popUp .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.headerText {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.unsaved-btnWrap {
    margin-top: 10px;
}

    .unsaved-btnWrap ul {
        list-style: none;
        text-align: center;
        padding: 0px;
    }

.cancelli {
    display: block;
}

.saveAndClose {
    display: inline-block;
}

.saveAndClose_btn {
    color: #fff;
    background: none;
    background-color: #4a6ee2 !important;
    padding: 5px 8px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.unsaved_cancel {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

    .unsaved_cancel:hover {
        color: red;
    }

.colForMd2 {
    width: 15.7%;
}

.profileImg {
    width: 22px !important;
    height: 21px !important;
}

.activitySave_btn b {
    font-weight: 500;
}

.importChk-radioBtn {
    /*margin-right: -4px;
    margin-left:5px;*/
}

.lastchkBtn input {
    display: -webkit-inline-box;
}

.tdrowhead img {
    width: 20px;
}

.addiconheader img {
    width: 20px;
}

#reltedCom_dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys {
    left: 8px !important;
}

/*************************CSS for quick close popup********************************/
.quickClose-lable {
    font: 14px 'Roboto', sans-serif;
    color: #4a90e2;
    float: left;
    margin-bottom: 0px;
    margin-left: 7px;
}

/*.quickClose-comment {
    margin-left: 7px;
    height: 35px !important;
}*/

.quickClose-commentWrap {
    width: 94% !important;
}

.activity-title {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.lastchkBtn {
    display: block;
}

.searchNFilterWrap {
    float: right;
}

.searchFilter {
    clear: unset !important;
    margin-left: 0px !important;
}

.dropDown-feild input[type="text"] {
    height: 28px !important;
}

.fieldWrap {
    clear: both;
}

.projectTeam-popupWrap {
    padding-left: 10px;
    width: 100%;
}

.activityDelete_btn b {
    font-weight: 500;
}

/***********************find resource popup ****************/
.usrGrp-dropDownWrap {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    font: 12px 'Roboto', sans-serif !important;
}

.popupAction-btnWrap {
    position: fixed;
    bottom: 10px;
    width: 100%;
}

.externalTeam-popupBtn {
    position: absolute;
    bottom: 10px;
    width: 97%;
    clear: both;
}

.externalTeam-content {
    clear: both;
    position: absolute;
}

.usrGrp-dropDownWrap table {
    /*display:table !important;*/
}

.chkPopupBtn-container {
    padding: 0px;
    position: fixed;
    bottom: 10px;
}

.importTask_btnWrap {
    position: fixed;
    bottom: 18px;
    text-align: center;
    padding: 0px;
}

.chklistRole-popupBtn {
    position: fixed;
    bottom: 10px
}

.activityBtn-wrap {
    position: fixed;
    bottom: 10px
}

.piclistPopup-container {
    padding-bottom: 50px;
}

.existingTicket_checkbox {
    float: right;
}

.relatedTicket_msg {
    text-align: center;
}

.lookupDropDown-filterWrap {
    background: #fff;
}

    .lookupDropDown-filterWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

    .lookupDropDown-filterWrap td.dxgv {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

        .lookupDropDown-filterWrap td.dxgv table {
            border: none;
        }

/*.lookupDropDown-contentRow {
    background: #ecf1f9 !important;
    color: #4A6EE2 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .lookupDropDown-contentRow:hover {
        background: #F8F9F9 !important;
    }*/

.editcomment-label {
    color: #000;
}

.dxeMemoSys.dxeMemo_DevEx tr td textarea.dxeMemoEditArea_DevEx.dxeMemoEditAreaSys {
    width: 99% !important;
    font-family: 'Roboto', sans-serif;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
}

/*.edit-ticket-cell { commenting  while making svc grid responsive
    width: 20px;
}*/

.addCommentBtn {
    position: absolute;
    width: 100%;
    bottom: -109px;
}

.addcommentCancel {
    height: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*.dateEdit-dropDown tr td input[type="text"] {
    height: 28px !important;
}*/

/*.comboBox-dropDown tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.crmDropDown_field table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.activityAddEdit-container, .popupUp-mainContainer {
    overflow-y: visible !important;
}

.leadNewTask-cancelBtn {
    margin-top: 0px;
}

.error-msgWrap {
    margin-left: 2%;
}

.findRes-filterWrap td.dxgv table tr td.dxic, .findRes-filterWrap td.dxgv table tr td.dxic input[type='text'] {
    background: #fff !important;
}
/********CSS for Schedule Tab ***************************/
.schedule-btnWrap {
    padding-bottom: 19px;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: -10px;
}

.schedul-cancelBtn {
    display: block;
    margin-top: 6px;
}

.schedule-taskTitle {
    width: 226px;
}

    .schedule-taskTitle a span {
        color: #000;
    }
/*******************************CSS for Bottleneck chart ****************/
.inner-circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    /*
        Put top edge and left edge in the center
       */
    top: 42%;
    left: 41%;
    margin: -13px 0px 0px -13px;
    /* 
        Offset the position correctly with
        minus half of the width and minus half of the height 
       */
}

.outer-circle {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
}

.digit-2 {
    left: -2px;
    top: 2px;
}

.digit-3 {
    top: 2px;
    left: -2px;
}

.digit-4 {
    top: 10px;
}

.digit-1 {
    left: 2px;
    top: 2px;
}
/*****************CSS for cpr->task tab-> new task popup**********/
.cprPopup-container {
    overflow-y: visible !important;
}

.custom-addcheck-list-user table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.newTask-btn {
    padding-top: 12px;
    padding-right: 0px;
}

/*****************CSS for cpr->schedule tab-> Edit task popup *****************/
.editTask-sectionWrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 5px 0px 5px;
}

.fieldPadding {
    padding: 0px 5px;
}

.dueDate-fieldWrap {
    display: inline-block;
    width: 93%;
}

.autocal-imgWrap {
    display: inline-block;
    height: 100%;
}

.autocal-img {
    margin-top: -29px;
    width: 20px;
}

.autocal-img2 {
    width: 20px;
}

.autocal-img3 {
    width: 20px;
    margin-top: -36px;
}

.cprAccRej-btnContainer {
    float: left;
    background: #4A6EE2;
    border-radius: 4px;
}

.cprAccRej-bg {
    float: left;
    padding: 4px 10px 5px 6px;
    color: #fff;
    border-radius: 4px;
    font: 12px 'Roboto',sans-serif;
}

    .cprAccRej-bg b {
        float: left;
        font-weight: normal;
        font-size: 14px;
        margin-top: 1px;
        position: relative;
    }

    .cprAccRej-bg i {
        float: left;
        position: relative;
        /* top: -2px; */
        left: 5px;
        background: #fff;
        border-radius: 50%;
        padding: 1px 5px 4px 5px;
    }

        .cprAccRej-bg i img {
            width: 14px;
        }

.reject-btnContainer {
    margin-left: 5px;
}

.lookUpValue-inputFeild table {
    max-width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .lookUpValue-inputFeild table tr td {
        background: #ecf1f9;
    }

        .lookUpValue-inputFeild table tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.taskDelete-btnWrap, .task-newAssBtn {
    display: inline-block;
}

.task-newAssBtnWrap {
    margin: 6px;
    display: inline-block;
}

.task-newAssBtn {
    background: none !important;
}

    .task-newAssBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 4px 3px !important;
        font-weight: 500;
        color: #fff !important;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.noLeftPadding {
    padding-left: 0px;
}

.dueDate-lable {
    font-size: 14px;
    color: #4A90E2;
}

.remind-wrap {
    margin-top: 5px;
}

.recuring-count {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
}

.recuring-dropDown {
    margin-top: 5px;
}

.newTask-blueBtn {
    background: none !important;
}

    .newTask-blueBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        float: none;
        color: #fff;
        padding: 4px 3px;
        cursor: pointer;
        font-family: 'Roboto', sans-serif !important;
    }

.newTask-cancelBtn {
    background: none !important;
}

    .newTask-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font: 14px 'Roboto', sans-serif !important;
    }

        .newTask-cancelBtn .dxb span.dx-vam {
            font-weight: 600;
        }

.crmEmail-dropDown table {
    display: table !important;
}

.crmAction-btnContainer {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.bC-selWrap {
    display: inline-block;
}

    .bC-selWrap h5 {
        color: #4A90E2;
    }

.bC-radioBtnWrap {
    display: inline-block;
    /*margin-left: 5px;*/
}

.importUsr-label {
    color: #4A90E2;
    font: 14px 'Roboto', sans-serif !important;
}

.bCBtn-submit {
    background: #4a6ee2;
    border: none;
    color: #fff;
    padding: 2px 10px;
    font: 12px 'Roboto', sans-serif;
    border-radius: 4px;
    margin-left: 3px;
}

.batchCreate_btn {
    background: none !important;
}

    .batchCreate_btn .dxb {
        background: #4a6ee2 !important;
        border: none;
        color: #fff;
        padding: 5px 10px;
        font: 12px 'Roboto', sans-serif;
        border-radius: 4px;
    }

.batchCreate_btnContainer {
    position: fixed;
    width: 100%;
    bottom: 20px;
    text-align: center;
}

.batchCreate-grid {
    margin-left: 14px;
}

.aspxSelect-dropDown {
    font-size: 12px !important;
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    width: 100%;
    background-color: #ecf1f9;
    padding: 4px;
    height: 35px;
}

.reOpen-comment {
    height: 90px !important;
}
/**********CSS for userValueBox dropdown****************/
.userValueBox-filterRow td table.dxeTextBoxSys.dxeTextBox_UGITNavyBlueDevEx.dxeTextBoxDefaultWidthSys {
    background: #f9f9fc;
    border: none;
}

.userValueBox-footerCloseBtn tr td {
    text-align: center;
}

    .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys {
        background: none !important;
    }

        .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys div.dxb {
            background: #4A6EE2 !important;
            border-radius: 4px;
            color: #fff;
            font: 12px 'Roboto', sans-serif;
        }

.deactive-popupContainer {
    width: 100%;
    float: left;
    padding: 0px;
    padding-left: 0px;
    background: transparent !important;
}

.deAcctive-msgContainer p {
    font-family: 'Roboto', sans-serif;
    color: #000080;
    font-size: 12px;
    margin-bottom: 2px;
}

.deActive-commentBox {
    width: 100%;
    height: 35px !important;
}

.deActive-sendMail {
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.deAcctive-msgContainer {
    padding-left: 7px;
}

.ticket-cancelBtn {
    margin: 0px !important;
}

.returnFb-btnWrap {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -5px;
    width: 97%;
}

.returnFb-listWrap {
    float: none !important;
    text-align: center;
}

    .returnFb-listWrap li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
/*********************************************css for cpr-project card view ********************************************/
/*.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 17px;
    width: 123px;
    float: right;
    overflow: hidden;
}*/
.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    word-break: break-all;
}
/*.picklist-BtnContainer {
    position: fixed;
    bottom: 20px;
    clear: both;
    text-align: center;
    width: 100%;
}*/
/*********** RMM POPUP ****************/
/*****************Sayali***************/
.nprDropDown div.dxpc-mainDiv.dxpc-shadow div div.dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content {
    /*display: block !important;*/
    background: #fff;
}

/*.nprDropDown div:first-child {
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.14375);
    border: none;
}*/

.lookupValueBox-editRow td {
    border-right-width: 0px;
    padding: 2px 10px !important;
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.lookUpValBox-listRow td {
    border-right-width: 0px !important;
    padding: 2px 10px !important;
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.title div.dxgBCTC {
    padding-left: 0px !important;
}

.rmmSaveAllo-btnContainer {
    position: inherit;
    padding-top: 25px;
    float: left;
    clear: both;
    display: block;
    /* padding: 0px; */
    width: 100%;
    text-align: center;
}

.aspTextbox-wrap {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}

    .aspTextbox-wrap tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

    .aspTextbox-wrap tr td {
        background: #ecf1f9;
    }

.lookup-inputWrap {
    max-width: 100% !important;
    padding: 0px !important;
    width: 100%;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .lookup-inputWrap tr td {
        background: #ecf1f9;
    }

        .lookup-inputWrap tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookup-inputWrap tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
            padding-right: 9px;
        }

.rmmRole-field {
    padding-left: 7px;
}

.rmmRole-fieldLabel {
    margin-left: 5px;
}

.RRMactiobBtn-wrap-absolute {
    text-align: center;
    position: absolute;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 99%;
}

.popupUpAddWorkItem, .popup-container {
    overflow-y: visible !important;
}

.endDate-fieldWrap {
    clear: both;
}

.new-alloc-btn-cancel-margin {
    margin-top: 10px;
}

.rmmEdit-Btn {
    background: none !important;
}

    .rmmEdit-Btn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 4px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.rmm-inputField {
    background: none !important;
    border: none !important;
    padding: 1px 0px 5px 8px;
}

.rmmLookup-valueBoxEdit .department {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;*/
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    /*border-spacing: 1px;*/
    margin-bottom: 0px !important;
}

.rmmLookup-valueBoxEdit table.department tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #fff;
}

.rmmLookup-valueBoxEdit .department tr td {
    background: #fff;
    padding-right: 6px;
}

/*.rmm-lookupValueBox table {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.rmm-lookupValueBox table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.rmm-lookupValueBox table tr td {
    background: #fff;
    padding-right: 7px;
}*/

/*.rmmaspGrid-lookup {
    width: 100%;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

.rmmaspGrid-lookup tr td {
    background: #fff;
    padding-right: 6px;
}

.rmmaspGrid-lookup tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.rmmWrap-aspxTokenBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

    .rmmWrap-aspxTokenBox .rmm-aspxTokenBox tr td.dxic.dxictb input[type="text"] {
        height: 28px !important;
        width: 99% !important;
    }

.rmm-aspxTokenBox {
    width: 100%;
    background: #fff;
    border: none;
}

.rightNoPadding {
    padding-right: 0px;
}

.rmmPopupBtn-delete {
    background: none !important;
}

    .rmmPopupBtn-delete .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 5px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

/*.rmm-chkWrap {
    display: inline-block;
}

    .rmm-chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .rmm-chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        color: #4A90E2;
    }

        .rmm-chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4A90E2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .rmm-chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        border: solid #4A90E2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }*/

.rmmWorkHrsTO {
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    padding-top: 3px;
    font: 14px 'Roboto', sans-serif !important;
}

.rmmWorkHrsTOWrap {
    text-align: center;
}

.rmmWorkHrs-inputField {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 100%;
}

    .rmmWorkHrs-inputField tr td div {
        background: #fff;
    }

/*.rmmNewUserbtn {
    text-align: right;
}*/

.marginBdgCategory {
    margin-top: 3px;
}


.findresource-action {
    text-align: center;
    position: fixed;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 92%;
}

.findresource-background {
    background: none;
    margin-bottom: 10px
}

    .findresource-background .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif;
    }

.rmmFndRes-mainContainer {
    padding-bottom: 134px !important;
}

.peAssignedTo table.close_arrow_edit {
    max-width: 100% !important;
    background: #ecf1f9;
    padding: 0px;
    box-shadow: none;
}

.emailNotify-content {
    clear: both;
    padding-bottom: 87px;
}

.fetch-parent {
    padding-bottom: 50px;
}

.RRMactiobBtn-wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    padding: 0px;
    right: 15px;
}

/*.RMMBtnWrap {
    margin-bottom: 20px;
}*/

.RRMsaveBtn {
    background: none
}

    .RRMsaveBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif;
    }

.RMMCancel-btn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
}

    .RMMCancel-btn .dxb {
        background: none;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.RMMcancelBtn-wrap {
    display: inline-block;
}

.rmmPopup-container {
    clear: both;
    position: fixed;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.oldUser-dropDown table tr td table.close_arrow_edit {
    padding: 0px;
    padding-right: 5px !important;
}

    .oldUser-dropDown table tr td table.close_arrow_edit tr td input[type="text"] {
        height: 28px !important;
    }

.RMMModule-droDown table {
    width: 95%;
}

    .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        border: 1px solid #ccd4e1 !important;
        border-radius: 4px !important;
        background: #ecf1f9;
        width: 100%;
    }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
            border-radius: 4px !important;
            background: #ecf1f9;
            padding-right: 9px;
        }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.accomp-popup input[type="password"] {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
}

.showPwd-chkWrap {
    margin-top: 10px;
}

.rmmGrnPwd-btnWrap {
    text-align: right;
}

.rmmGrnPwd-btn {
    background: #4A6EE2;
    border: none;
    padding: 5px 5px;
    border-radius: 4px;
    color: #fff;
    font: 12px 'Roboto', sans-serif;
}

.rmm-setColor-btnWrap {
    margin-top: 5px;
}

.setColor-saveBtn input {
    float: none;
    background: #4A6EE2;
    border-radius: 4px;
    padding: 5px 19px;
    font: 12px 'Roboto', sans-serif;
    color: #fff;
    border: none;
}

.setColor-closeBtn input {
    float: none;
    background: none;
    border: none;
    color: red;
    font-weight: 600;
    font: 14px 'Roboto', sans-serif;
    padding: 0px;
}

.setColor-btnContainer {
    text-align: center;
}

/*****************************CSS for CRM checkbox **********************/
.crm-checkWrap {
    display: inline-block;
}

    .crm-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: black;
    }

        .crm-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid black;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid black;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
/*****************************End CSS for CRM checkbox **********************/
/*****************************CSS for CRM right checkbox  **********************/
.crm-checkWrap-right {
    display: inline-block;
}

    .crm-checkWrap-right input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-right label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-right label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .crm-checkWrap-right input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM right checkbox  **********************/
/***************************** CSS for CRM checkbox list  **********************/
.custom-chkList {
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
}

    .custom-chkList input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .custom-chkList label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .custom-chkList label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .custom-chkList input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM checkbox list  **********************/

/*****************************CSS for CRM Radio Button*******************/
.bC-radioBtnWrap input[type="radio"]:checked,
.bC-radioBtnWrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .bC-radioBtnWrap input[type="radio"]:checked + label,
    .bC-radioBtnWrap input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 2px
    }

        .bC-radioBtnWrap input[type="radio"]:checked + label:before,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/*****************************CSS for CRM Radio Button*******************/

/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #73C2FB !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}


/****************************CSS for UserValueBox DropDown***************************/
.userValueBox-searchFilterContainer {
    padding-right: 0px !important;
}

.userValueBox-searchFilterWrap {
    width: 100% !important;
}

.userValueBox-Table tr.userValueBox-HeaderFilterRow {
    background: #f9f9fc none;
    border-bottom: 1px solid #cacbd3;
}

.userValueBox-HeaderFilterRow td.dxgv table {
    background: #fff;
    border: none;
}

    .userValueBox-HeaderFilterRow td.dxgv table tr td.dxic input[type="text"] {
        background: #fff !important;
    }

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table {
    border-bottom: 1px solid #cacbd3;
    background: #f9f9fc;
}

.userValueBox-row td.dxgvDRTC {
    border-bottom: 1px solid #d9dae0;
}

.userValueBox-row td table {
    width: 100% !important;
    background: #FFF !important;
}

    .userValueBox-row td table tr td div {
        padding: 6px 3px !important;
        color: #4A6EE2 !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

.userValueBox-footerBtn {
    text-align: right;
}

    .userValueBox-footerBtn tr td div {
        background: none;
        color: #FFF;
        border: none;
    }

        .userValueBox-footerBtn tr td div div.dxb {
            background: #4A6EE2;
            border-radius: 4px;
            border: none;
            padding: 3px 9px;
        }

.userValueBox-row:hover {
    background-color: #F8F9F9;
}

.userValueBox-row.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: none !important;
    background-color: #F8F9F9 !important;
}

.userValueBox-row.dxgvSelectedRow_UGITNavyBlueDevEx {
    background-color: #F8F9F9 !important;
}

.userValueBox-filterRow {
    background: #f9f9fc;
}

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table.dxgvRBB {
    background: #fff;
    table-layout: unset !important;
}

.userValueBox-grid {
    padding: 0px !important; /***add while changing add checklist popup-> Assigned to********/
}

.peAssignedTo table tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #FFF !important;
}

.peAssignedTo table tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    background: #f8fafc !important;
}

.userValueBox-filterRow td table tr td.dxic input[type="text"] {
    background: #f9f9fc !important;
}
/******************************CSS for LookUpBoxEdit dropDown **********************************/
.categoryLable label, .subCategoryLable label {
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.requestType-gridRow {
    background: #FFF;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

    .requestType-gridRow.dxgvFocusedRow_UGITNavyBlueDevEx {
        background: #F8F9F9;
        font-size: 12px;
        color: #4a90e2;
        font-family: 'Roboto', sans-serif !important;
    }

/***************************CSS for ASPX combobox*******************/
.customList-dropDownWrap {
    padding: 0px;
}

.contactDrop-down {
    width: 100%;
}

/************************CSS for ASPX GridLookUp********************/
.usrGrp-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .usrGrp-dropDown table tr td div.dxgvHSDC div {
        width: 100% !important;
    }

/*.lookupDropDown-contentRow td {
    background: #fff !important;
}*/

.findResource-userGroup tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
    margin-top: 6px;
    margin-right: 0px;
}

/*.lookupDropDown-filterWrap td.dxgv table tr td.dxic input[type="text"] {
    background: #fff !important;
}*/
/****************************CSS for Save as template*************************/
.template_fieldLabel {
    margin-left: 4px;
}

/*******************************************CSS for ASP dropDownList******************************** */
.aspDropDown-list {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

/********************************CSS for Lead Ranking ************************************************/
.leadRanking-gridRow td {
    padding-left: 11px !important;
}

.leadRanking-btnContainer {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 8px;
}

.leadRanking-btn {
    background: #4A6EE2;
    border-radius: 4px;
    color: #fff;
    padding: 7px 23px 6px 20px;
    font-size: 12px;
    cursor: pointer;
    float: none;
}

    .leadRanking-btn b {
        font-weight: normal;
    }

.leadRanking-container {
    overflow-y: visible !important;
}

.leadPopup-padding {
    padding: 0px 10px 0 20px !important;
}

.leadRanking-editBtnContainer {
    text-align: center;
}

.lead-saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
}

    .lead-saveBtn .dxb {
        background: none !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px !important;
        padding: 4px 4px;
    }

.lead-cancelBtn {
    background: none !important;
}

    .lead-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 600;
    }

.leadRanking-aspxTextBox {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .leadRanking-aspxTextBox tr td.dxic {
        padding: 0px;
    }

        .leadRanking-aspxTextBox tr td.dxic input[type="text"] {
            height: 31px !important;
            padding-left: 7px;
        }


/*************************CSS for File upload button******************************/
.uploadFile-BtnWrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.uploadFile-label {
    /*border: 2px solid #4A6EE2;*/
    color: #4A6EE2;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif !important;
}

.uploadFile-input {
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.choosedFileName {
    margin-left: 11px;
}

.chklist-itemWrap {
    margin-top: 5px;
}

/***************************CSS for ASpxGridLookUp(contact dropDown)****************/
.aspxGridLookUp-dropDown {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxGridLookUp-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxGridLookUp-dropDown tr td {
        background: #fff;
    }

.aspxGridloookUp-drpDownRow td.dxgv {
    color: black !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.aspxGridloookUp-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridloookUp-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridLookUp-FilerWrap {
    background-color: #fff;
}

    .aspxGridLookUp-FilerWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        background-color: #fff;
        border-bottom: 1px solid #abacb9 !important;
    }

.aspxGridLookUp-FilerCell {
    border-bottom: 1px solid #abacb9 !important;
}

    .aspxGridLookUp-FilerCell table {
        background: #fff !important;
        border: none !important;
    }

        .aspxGridLookUp-FilerCell table tr td input[type="text"] {
            background: #fff;
        }

/******************CSS for Aspx dropDown List********************************/
.aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 3px 3px 3px 4px;
    -webkit-appearance: none;
    background-position: 98.6% !important;
}

    .aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

/*********************************CSS for contact-> Deactivate popup**************************************/
.deActive-popupContainer {
    padding: 10px;
    width: 100%;
    background: transparent !important;
}

.deActive-label {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.deActive-textBox {
    height: 60px;
    width: 100%;
    resize: none;
    margin-bottom: 20px;
    float: none;
}

.btn-container {
    float: none !important;
    text-align: center;
    padding: 0px;
}

.btnList {
    float: none !important;
}

.closeSubickets-btn {
    background: none !important;
}

    .closeSubickets-btn .dxb {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif !important;
    }

.deActive-CancelBtn {
    background: none !important;
}

    .deActive-CancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 600;
    }

.buttoncell {
    text-align: center;
}

.deActiveBtn-container li {
    list-style: none;
    display: inline-block;
}

.btnListCancel {
    display: block;
}



/*************************CSS for New UI Card View*********************************************************/
.PendingRed {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingOrange {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.CompletedBlue {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingGrey {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

    .PendingRed div table, .PendingOrange div table, .PendingGrey div table, .CompletedBlue div table {
        padding: 0px;
    }

        .PendingRed div table tr td, .PendingOrange div table tr td, .PendingGrey div table tr td, .CompletedBlue div table tr td {
            padding: 0px;
        }

.PendingRed .cardHeading-row {
    background-color: #f95657;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.cardTask-row {
    height: 70px;
    text-align: left;
    padding-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    display: block !important;
    width: 100% !important;
    padding-left: 30px;
}

.PendingOrange .cardHeading-row {
    background-color: #ff9d66;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.CompletedBlue .cardHeading-row {
    background-color: #6EB4FF;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.PendingGrey .cardHeading-row {
    background-color: #f6c55e;
    height: 30px !important;
    width: 100% !important;
    text-align: center;
    color: #fff;
    padding-top: 6px;
    padding-left: 15px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.cardView-container tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    padding-bottom: 0px;
    /*padding-left: 5% !important;*/
    background-color: #F6F7FB;
    padding-right: 0px;
}

.showMore-linkContainer {
    background: #F6F7FB !important;
    width: 100%;
    float: right;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    text-decoration: none !important;
}

    .showMore-linkContainer span {
        margin-bottom: 10px;
        float: right;
        margin-right: 2%;
    }

.pendingTask-heading, .completedTask-heading {
    /*background:#FFF;*/
}

.cardView-label {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: inline-block;
}

.cardView-container {
    border: none;
}

.cardView-wrap {
    padding: 0px 4px 0px 15px;
    margin-bottom: 5px
}

.colFormd {
    width: 15.666667% !important;
}
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

.leftSideMenu-container {
    padding-left: 0px;
}

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard_leftSideMenu {
    height: 100%;
    z-index: 0;
}

.float-popup-xs.main-page-section.right_content {
    /*padding-left: 250px;*/
    width: 100%;
    float: right;
}

.newGridIcon {
    width: 18px;
    display: inline-block;
    /*margin-left: 5px;*/
}
/****************************************CSS for Grid*************************************/
/*.AdditionCss {
    padding-left: 5px !important;
    padding-right: 5px !important;
}*/

.newGrid-conNum {
    background-color: #ff6666;
    color: #FFF;
    border-radius: 50%;
    padding: 0px;
    margin-top: -7px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    width: 16px;
    text-align: center;
}
/******************************************CSS For Lead Ranking**************************************/
.leadRanking-icon {
    /*float: right;*/
    /*margin-left: 90px;
    display: inline-block;
    margin-top: -20px;*/
    float: left;
    margin-right: 10px;
}

.field_successchance_edit {
    display: inline-block;
    width: 96% !important;
}

.leadRanking-icon img {
    width: 18px;
}
/************************************CSS for Report**********************************************/
.reportField-wrap {
    display: inline-block;
    width: 20%;
}

.reportField-label {
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
    display: block;
    font-weight: 600;
}

.reportDropDown-list {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 95%;
    padding: 7px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.reportBtn-wrap {
    margin-top: 17px;
}

.reportBtn-run {
    background: #50A1D6 !important;
    border-radius: 4px;
    border: none;
    color: #fff !important;
    padding: 5px 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.reportGrid-groupPannel {
    white-space: normal;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    background: #F4F6F6;
}

.savetofolder {
    background-image: url(/content/images/documents.png);
    background-position: center;
    background-size: contain;
    width: 20px;
    background-repeat: no-repeat;
    margin-top: -3px;
}

.excelicon {
    background-image: url(/Content/images/excel_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.csvicon {
    background-image: url(/content/images/csv_file.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.pdf-icon {
    background-image: url(/Content/images/pdf_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.export-buttons {
    float: right;
}

.sendmail {
    background-image: url(/content/Images/MailTo16X16.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-top: -1px;
}

.Report-expandCollapse-btnWrap {
    float: left;
    margin-bottom: 5px;
}

.reportExpand-btn {
    width: 19px;
    margin-right: 5px;
}

.reportCollapse-btn {
    width: 19px;
}

.panel-parameter {
    margin-top: 10px;
}

.report-tableHeader {
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}

.reportLabel {
    display: block;
    text-align: left;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
}

.reportfield {
    padding: 0px;
    display: block;
}

.reportfield-tableWrap {
    display: block;
    float: left;
    margin-top: 10px;
}

.dateFiled-tableRow {
    display: inline-block;
    margin-right: 5px;
}

.report-DateField tr td input[type='text'] {
    background: #ecf1f9
}

.reportBtn-wrap tr td {
    float: none;
    text-align: left;
}

    .reportBtn-wrap tr td input[type='submit'] {
        background: #4a6ee2 !important;
        border-radius: 4px;
        border: none;
        color: #fff;
        padding: 5px 20px;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
        margin-top: 10px;
        margin-left: 15px;
    }
/***************CSS for Project Summary report***************************/
.projectsummary-reportContainer {
    border: none;
    padding: 10px 10px;
}

.summary-reportHeading {
    border: none;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    width: 100%;
    color: #4a90e2;
    font-weight: 500 !important;
    padding: 10px 0px 0px 0px;
}

.summary-reportLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #5D5C6D;
}

.reportChk-wrap {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.reportChk-wrap1 {
    display: inline-block;
}

.reportDate-fieldWrap {
    display: inline-block;
    width: 49%;
}

.reportRadio-btnWrap tr td:last-child {
    text-align: right;
}

.reportDate-fieldWrap1 {
    display: inline-block;
    width: 50%;
}

.reportDateField tr td input[type='text'] {
    background: #ecf1f9;
    height: 25px
}

.summaryReport-btnWrap {
    clear: both;
    /*text-align: right;*/
    /*margin-right: 35px;*/
}

.summaryReport-btnContainer {
    float: none;
    /*text-align: right;*/
    /*width: 48.5%;*/
    padding: 15px 0px !important;
}

.summaryReport-ul {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 0px;
    float: none;
    padding: 0;
}

    .summaryReport-ul li {
        float: none;
        display: inline;
        list-style: none;
    }

.cancelReport-btn {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 4px 0;
    margin-left: 20px;
}

.buildReport-btn {
    border: none;
    background: #4A6EE2;
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    border-radius: 4px;
    padding: 5px 0;
}
/********************CSS for Report radio button**************************************/
.reportRadio-btnWrap tr td input[type="radio"]:checked,
.reportRadio-btnWrap tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .reportRadio-btnWrap tr td input[type="radio"]:checked + label,
    .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:before,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/****************************************CSS for User group menu ********************************/
.userGroup-headerMenu {
    float: right;
    /*padding-top: 6px;*/
    margin-top: 0px;
    position: relative;
    right: 10px;
}

.userGroup-menuWrap ul li.dxm-item {
    min-width: auto !important;
    padding: 0px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
}

    .userGroup-menuWrap ul li.dxm-item.dxm-selected {
        border: none;
        background: none;
        border-bottom: 2px solid #a0db49;
        color: #a0db49 !important;
    }

        .userGroup-menuWrap ul li.dxm-item.dxm-selected a {
            color: #a0db49 !important;
        }

    .userGroup-menuWrap ul li.dxm-item a, .userGroup-menuWrap ul li.dxm-item div {
        padding: 5px 10px 6px 8px !important;
        color: #FFF !important;
    }

.userGroup-menuWrap ul li.dxm-hovered {
    background: none !important;
    color: #a0db49 !important;
}

    .userGroup-menuWrap ul li.dxm-hovered a {
        color: #a0db49 !important;
        border-bottom: 1px solid #a0db49;
    }

.userGroup-menuWrap ul li.dxm-separator {
    height: 27.8px !important;
    padding: 8px 2px 1px 2px !important;
    display: none;
}

    .userGroup-menuWrap ul li.dxm-separator b {
        background-color: #b6b7ba !important;
    }

.homeDashboard_search_wrap {
    display: none
}

    .homeDashboard_search_wrap div table {
        border-bottom: 1px solid #d1d1d1 !important;
    }

/**********************CSS for Executive summary Report********************************************/
.excutive-sumReport-heading {
    margin-bottom: 0px;
}

.reportDataGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .reportDataGrid_row td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        text-align: center !important;
        /* padding-left: 20px !important; */
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Roboto', sans-serif !important;
        /* max-width: 50px; */
        padding: 5px 10px 6px;
        word-break: break-word;
    }

.reportDataGrid-header table tr td {
    color: #343232 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
}
/************************CSS for dashboard search menu**********/
.homeDashboard_search_tableWrap tr td.dxeButtonLeft.dxeButtonEditButton_UGITNavyBlueDevEx {
    padding: 11px 2px 0px 3px;
}

.homeDashboard_search_tableWrap tr td.dxic input[type='text'] {
    padding: 7px 0px 0px 0px !important;
}


/********************CSS for newUI grid view*******************************/
.newUIGrid-dataRow td {
    padding: 0px 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}
/********************CSS for Calendar View **********************************/
.newUI-calendarView {
    font: 12px 'Roboto', sans-serif;
}

/******************CSS for Business unit Distribution Report***************************/
.businessUnit-ReportContainer {
    background: #fff;
    clear: both;
    margin-top: 5px;
}

.bReport-gridContainer {
    padding-left: 10px;
    width: 100%;
    float: right;
    margin-top: 10px;
}
/***************************CSS for combined lost job report**************************/
/*.lostJob-reportLabel{
    margin-left:14px;
}*/

/*****************************CSS for Lost job report *******************/
.report-tableHeader tr td span {
    padding-left: 15px;
}

.lostJob-reportLabel {
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    color: #4a6ee2;
    font: 12px 'Roboto', sans-serif !important;
}

.report-container {
    overflow-y: visible !important;
}
/********************************************CSS for Pipine by estimator****************/
.estimator-reportWrap {
    padding-left: 10px;
}

.estReport-gridHeaderRow table tr td {
    text-align: left !important;
    color: #343232;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

.estReport-gridHeaderRow {
    border: none;
}

.reportGrid-groupPannel {
    background: #fcfcfc;
}

    .reportGrid-groupPannel table tr td.estReport-gridHeaderRow {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        width: max-content;
        padding: 4px 5px 8px 5px;
        height: 35px;
        display: block;
        float: left;
        clear: both;
    }

.estReport-gridGroupRow {
    background-color: #fff;
    color: #4a6ee2 !important;
    font-weight: 600 !important;
    font: 13px 'Roboto', sans-serif !important;
}
/*.estReport-gridGroupRow td {
    border-bottom:none !important;
}*/
.estReport-groupFooterRow {
    background: #fff;
}

    .estReport-groupFooterRow td:first-child {
        background: #fff;
        border-right: none;
    }

.estReport-dataRow {
    background-color: #fff !important;
    background: none !important;
}

    .estReport-dataRow td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Roboto', sans-serif !important;
        padding: 5px 10px 6px;
        word-break: break-word;
        background: #fff !important;
        /*text-align: left;*/
    }

/*Added form Resource Allocation grid, as all cell values are displaying in center */
.estReportRA-dataRow td {
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    /*text-align: left !important;*/
    padding-right: 10px !important;
    font-weight: 500;
    color: #201f35;
    font: 14px 'Roboto', sans-serif !important;
    padding: 5px 10px 6px;
    word-break: break-word;
    background: #fff !important;
    text-align: left;
}

.report-footerGroupRow td, .estReport-groupFooterRow td, .report-footerRow td {
    color: #4a6ee2 !important;
    font: 12px 'Roboto', sans-serif !important;
    /*text-align: left !important;*/
    border-right: none !important;
}

    .report-footerGroupRow td b {
        font-weight: 500 !important;
    }

.lostJob-reportDateField {
    display: block;
}

.report-textField {
    background-color: #ecf1f9 !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    height: 33px;
    font: 12px 'Roboto', sans-serif !important
}

/***********************CSS for new UI Dashboard Header*****************************/
.userGroup-tabContainer {
    display: inline-block;
    float: left;
    width: auto;
    margin-left: 10vw !important;
}

.activeCard {
    border-color: #4A6EE2 !important;
}

.reportEmailBody > table {
    display: table !important;
}

/******************remove left padding when popup***************/
.float-popup-xs.main-page-section.popup_wrap {
    padding-left: 12px !important;
    /*background: #F6F7FB;*/
    background: #fff;
}

.HomeCard_view.dxcvSelectedCard_UGITNavyBlueDevEx {
    border-bottom: 3px solid #4A6EE2;
    outline: none;
}

.cardViewTable-wrap {
    border: none;
}

    .cardViewTable-wrap tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        background-color: #F6F7FB;
    }

.cardView-wrapper tr td table tr td div.HomeCard_view:first-child {
    border-bottom: 3px solid #4A6EE2;
}
/********************************CSS for OPM Report*************************************************/
.reportOPm-popupHeader div.dxpc-headerContent span {
    font-size: 14px !important;
}

.winLosses-Header {
    color: #4A6EE2;
    font: 14px 'Roboto', sans-serif !important;
    border-bottom: 0px;
    padding: 7px 0px 0px 10px;
}

.opmReport-btn {
    padding: 2px 14px;
}

.opmWinLoss-roprtPopup .dxpc-contentWrapper {
    height: inherit !important;
}

    .opmWinLoss-roprtPopup .dxpc-contentWrapper .dxpc-content div.dxpnlControl_UGITNavyBlueDevEx {
        overflow-y: visible !important;
        overflow-x: visible !important
    }

.opmBuild-reportBtn {
    padding: 3px 14px;
}

.tabhover .opmBuild-reportBtn:hover {
    color: #fff;
}

.opmReport-btnWrap {
    clear: both;
    text-align: right;
    margin-right: 20px;
}
/******************************CSS for RMM home Page ************************************************/
.rmmHome-title {
    padding: 5px 0px;
}

.rmmModule-homeImg {
    display: inline-block;
}

.rmmModule-discription {
    display: inline-block;
    font: 14px 'Roboto', sans-serif;
    padding-left: 7px;
    padding-bottom: 0px;
}
/***************************CSS for Rmm Home Tab*******************************/
.rmm-tabWrap {
    margin-bottom: 0px;
}

    .rmm-tabWrap ul {
        background-color: #F6F7FB;
        /*border-bottom: 1px solid #4A6EE2;*/
        margin-bottom: 10px;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        flex-wrap: wrap !important;
    }

        .rmm-tabWrap ul li {
            border: none !important;
            color: #4A6EE2;
            padding-bottom: 0px;
            background: #F6F7FB !important;
        }

            .rmm-tabWrap ul li.dxtc-activeTab {
                background: #ededf3 !important
            }

            .rmm-tabWrap ul li a {
                color: #78797e !important;
                /*color: #007bff !important;*/
                font-size: 14px;
            }

            .rmm-tabWrap ul li.dxtc-activeTab a {
                border-bottom: 2px solid #4A6EE2;
                color: #4A6EE2 !important;
                font-weight: 500;
            }

            .rmm-tabWrap ul li.dxtc-spacer {
                border-right: 1px solid #D1D1D1 !important;
            }

.findResource-rmmBtn {
    float: right;
    background: none !important;
}

    .findResource-rmmBtn div.dxb {
        background: #4A6EE2;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
    }

.findResource-rmmBtnWrap {
    padding-left: 0px;
    padding-right: 5px;
}

.findResource-rmmBtn div.dxb img.dx-vam {
    filter: brightness(0) invert(1);
}

.rmm-gridContainer {
    background: #fff;
    border-radius: 4px;
}

.rmmDb-dropDownLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    padding-left: 10px;
    padding-left: 11px;
}

.rmmDb-dropDownWrap {
    clear: both;
    padding-left: 10px;
}

.rmm-dropDownList-wrap {
    clear: both;
    display: inline-block;
    /*margin-right:7px;*/
}

.rmmDb-viewdropdownWrap {
    clear: both;
    display: inline-block;
    margin-left: 20px;
}

.rmm-dropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

    .rmm-dropDownList.dropdowncss {
        width: 100px;
    }

.rmmDb-Wrap {
    padding: 4px 0px;
}

.rmmHomeDb-GridWrap {
    padding: 0px 8px;
}

.rmmHomeDb-btnContainer {
    margin-bottom: 10px;
}

.rmmHomeDb-btnWrap {
    float: right;
    padding-top: 5px;
    padding-left: 5px;
}

.rmm-btn {
    background: #4A6EE2;
    padding: 0px !important;
    font: 12px 'Roboto', sans-serif !important;
}

.rmmGridRow td {
    padding: 0px 20px 0px 6px !important;
}

.addgroupicon {
    float: none;
    padding-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}

.rmmEdit-groupIcon {
    margin-right: 5px;
    margin-top: 2px;
}

.rmmAction-iconWrap {
    float: right;
    position: relative;
    right: 10px;
    top: -12px;
}

.rmmExport-icon {
    width: 21px;
    padding-left: 5px;
    top: -2px;
    position: relative;
}

.next div.dxb img {
    filter: brightness(0) invert(1);
}

/****************************CSS for resource allocation tab***************************************/
.allocationblockinner {
    background: #fff;
}

.selectedresourcelbheading {
    color: black;
    font-weight: 500 !important;
    font: 14px 'Roboto', sans-serif !important;
}

.resourceDrpDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .resourceDrpDown tr td {
        background: #fff;
    }

        .resourceDrpDown tr td.dxic input[type="text"] {
            background: #fff;
        }

.resourceLabel {
    color: grey;
    font: 15px 'Roboto', sans-serif !important;
}

.resouceValue {
    font: 14px 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: black;
}

.currentAllo-label {
    float: right;
}

.currentAllo {
    float: right;
    width: 30%;
}

.resouce-expand, .resouce-collapse, .resource-img {
    width: 18px;
}

.resource-img-gantt {
    width: 18px;
    margin-top: -3px;
    filter: brightness(0);
}

.allocationPannel-wrap {
    float: left;
    padding: 0px 15px 0px 2px;
    margin-bottom: 5px;
}

.resourceLink {
    font: 12px 'Roboto', sans-serif !important;
}

.estReport-gridGroupRow td {
    background-color: #fff !important;
    border-right: 0px !important;
}

.rmmEmpty-ProgressBar {
    border: 1px solid #d0d0d5 !important;
    border-radius: 4px;
}

    .rmmEmpty-ProgressBar .progressbar, .rmmEmpty-ProgressBar .progressbarhold {
        height: 23px;
        border-radius: 0px;
    }

.emptyProgressBar {
    background-color: #fff;
    height: 25px;
    border: 1px solid gray;
    background-size: 100% 100%;
    color: white;
    overflow: hidden;
}

.progressbarhold {
    background: #F93E6A url("/content/images/AgeRectRed.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: white !important;
}

.progressbar-hold {
    background: #F93E6A url("/content/images/AgeRectRed.png") no-repeat;
    height: 100% !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: white !important;
    border-radius: 10px;
}

.progressbar {
    background: #00ECBF url("/content/images/AgeRectGreen.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: black;
}

/*********************CSS for Resource Utilization tab****************************/

.resourceUti-filterWarp {
    padding: 10px 0px;
}

.resourceUti-label {
    /*color: #4A6EE2;*/
    color: black;
    font: 12px 'Roboto', sans-serif !important;
    text-align: left;
}

.txtbox-halfwidth.aspxDropDownList, .managerdropdown.aspxDropDownList {
    padding: 3px 0px 3px 4px;
}

.managerdropdown.aspxDropDownList {
    width: 100%
}

.resourceUti-dropDownList.aspxDropDownList {
    padding: 3px 0px 3px 4px;
    width: 100%;
}
/*********************CSS for RMM ASPxGridLookup Dropdown control*******************************************/
.rmmGridLookup {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
}

    .rmmGridLookup tr td.dxic input[type="text"] {
        background: #fff;
    }

    .rmmGridLookup tr td {
        background: #fff;
        background-image: url(/Content/Images/DropdownArrow.png) !important;
        background-repeat: no-repeat;
        background-position: 45%;
    }

        .rmmGridLookup tr td.dxeButton.dxeButtonEditButton_DevEx img {
            display: none;
        }

.RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC > div {
        width: 100% !important;
    }
/***************************CSS for RMM CheckBox*************************/
.RMM-checkWrap {
    display: inline-block;
    margin-right: 10px;
}

    .RMM-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .RMM-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: black;
        margin-left: -2px;
    }

        .RMM-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid black;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .RMM-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 6px;
        width: 5px;
        height: 9px;
        border: solid black;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.rmmChkBox-container {
    float: left;
    padding: 0px 20px 4px 10px;
    border: 1px solid #D9DAE0;
    /*margin-bottom: 10px;*/
    border-radius: 4px;
    display: flex;
}

.valueViewMode, .viewProjectMode, .allocationView {
    border: 1px solid #D9DAE0;
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
    display: inline-flex;
}

    .valueTypeMode label, .valueViewMode label {
        top: 2px;
    }

.respurceUti-gridContainer {
    padding: 0px 15px;
}

.RMM-resourceUti-gridDataRow td {
    color: #000;
}

.RMM-resourceUti-gridHeaderRow {
    border: 1px Solid #cbcbcb !important;
}

    .RMM-resourceUti-gridHeaderRow a {
        color: black !important;
        font: 12px 'Roboto', sans-serif;
        font-weight: 600;
        text-decoration: none !important;
    }
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

.leftSideMenu-container {
    padding-left: 0px;
}

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

/*Commentted below css stop test left menu*/
/*.dxm-main.leftSideBottomMenu-container ul.dx li.dxm-item.dxm-disabled {
    cursor: not-allowed;
}
.leftSideBottomMenu-container ul li.dxm-item.dxm-selected, .leftSideBottomMenu-container ul li.dxm-item.dxm-hovered {
    background: #565D67 !important;
}
.lefsideMenu-icon div img {
    margin-left: 3px;
}*/
.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 100%;
    min-height: 100%;
    /*height: 100%;*/
}

/*.dashboard_leftSideMenu {
    height: 100%;
    z-index: 9999;
}*/

/*.float-popup-xs.main-page-section.right_content {
    padding-left: 250px;
    width: 100%;
    float: right;
}*/

/*.newGridIcon {
    width: 22px;
    margin-left: 10px;
}*/

/****************************************************************************CSS for New ITSM + new DevExpress ***************************************************************/

.dvTitle {
    padding-top: 12px;
}

.dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove:not(.panelDashboard) {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 6px 12px #ddd;
    /*cursor: pointer;*/
}

.fromServiceDoc-chartWrap .fromServiceDoc .panel-content-header.dashboardpanelcontainer.homeDashboard_chartContent {
    width: auto !important;
}

#panelDashbaordPLink.dashboard-panel-main.fillShape-Rectangle {
    border: 1px solid #737373;
    border-radius: 0;
}

#panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle {
    border: 1px solid #737373;
}

    #panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle .roundedrectangle-middletop-rep {
        background: none;
    }

    #panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle #tdMain {
        background: initial !important;
    }

#panelDashbaordPLink #tdMain #panelDashboardContent, #panelDashbaordPLink #tdMain .bars-cont {
    height: 97%;
}

.dashboard-panel-main-mini {
    padding-top: 0px;
    padding-right: 0px
}

.panel-content-header {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    /*margin-right: 5px;*/
    font-size: 12px;
    /*width: 100% !important;*/
}

.AdditionCss > div {
    width: 100% !important;
}

.none-middletop-rep {
    right: 10px;
    position: relative;
}

.primary-blueBtn {
    background: none;
    border: none;
}

    .primary-blueBtn .dxb {
        background: #4FA1D6;
        color: #FFF;
        border: 1px solid #4FA1D6 !important;
        border-radius: 4px;
        padding: 5px 13px 5px 13px !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx .dxb img {
    /*display: none !important;*/
}

.secondary-cancelBtn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
}

    .secondary-cancelBtn .dxb {
        padding: 4px 10px 3px !important;
        color: #4FA1D6;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx.secondary-cancelBtn .dxb {
    padding: 4px 10px 3px;
    color: #4FA1D6;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.btn-danger1 {
    background: none;
    border: 1px solid #f00;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
}

    .btn-danger1 .dxb {
        padding: 4px 10px 3px !important;
        color: #f00;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx.btn-danger1 .dxb {
    padding: 4px 10px 3px;
    color: #f00;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

/************CSS for SVC ticket create button*********/
.attachment-container {
    padding-right: 33px
}

.svcCancelBtn {
    margin-top: 1px;
}

/************CSS for ITSM DropDownlist Control************/
.dxeButtonEdit_UGITNavyBlueDevEx.itsmDropDownList, .itsmDropDownList {
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 36px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

    .itsmDropDownList tr td.dxic input[type='text'] {
        background: #fff;
        height: 24px;
    }

    .itsmDropDownList tr td {
        background: #fff;
    }

.ITSMbtn-container {
    text-align: right;
}
/*.clipboardBtn-popupCancel {
    margin-top: 6px;
    margin-right:0px;
}*/
.aspControl-TextArea {
    width: 100%;
    font: 12px 'Roboto', sans-serif !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    color: #000;
}

/***************************New Admin UI(Service prime setup)****************************/
.main-container {
    margin-top: 60px;
    margin-left: 5%;
}

.worflow-wrap {
    margin-top: 50px;
}

.service-list {
    list-style-type: none;
    display: inline-block;
}

.service-image img {
    width: 40px;
}

.vr-line {
    display: inline-block;
    border-top: 2px solid #B59B70;
    position: relative;
    left: 25px;
    top: 11px;
    width: 182px;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
    top: -9px;
}

.ServiceModule-content {
    position: absolute;
    top: 100px;
    width: 160px;
}

.Service-title {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.service-discription {
    font-size: 12px;
    color: #666;
}

.service-lastDot {
    top: 14px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 16px;
}

.service-image img {
    width: 40px;
}

.servicePrime-workFlow {
    padding-left: 175px;
    border: 1px solid #dadadd;
    border-radius: 40px;
    padding-top: 20px;
}

    .servicePrime-workFlow .dxis-nbBottom {
        height: 250px !important;
    }

    .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper {
        height: 250px !important;
    }

        .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel {
            height: 250px !important;
        }

            .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel div.dxis-nbItem {
                width: 200px !important;
                height: 250px !important;
            }

.url.servicePrime-url {
    width: 200px;
    height: 250px;
    text-align: left;
}

.servicePrime-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -106px !important;
    top: 70px !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 25px;
    height: 25px;
    margin: 0px !important;
}

.servicePrime-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: -85px !important;
    top: 75px !important;
    background-position: 4px 0px;
    width: 25px;
    height: 25px
}

.lastDot {
    top: 7px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 39px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.dot:hover {
    filter: brightness(51%);
    z-index: 99;
}

.list a {
    cursor: pointer;
}

.service-title {
    padding-top: 50px;
    padding-left: 15px;
    text-align: center;
}

.backAdmin-btnWrap {
    padding-left: 15px;
}

.backToAdmin-btn {
    background: transparent;
    border: none;
    color: #4a6ee2;
    padding: 0px 10px 6px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    text-decoration: underline;
}
/********css for Admin new UI (Workflows)**********************/
.workflowTitle-wrap {
    margin-top: 191px;
    text-align: center;
}

.workflowList-container {
    padding: 20px 0px;
    border: 1px solid #dadadd;
    border-radius: 40px;
}

.workFlow-listWrap {
    padding-left: 10px;
}

.item {
    width: 180px !important;
}

.url {
    display: block;
    line-height: 1.2;
    padding: 9px 0px 1px 0px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 150px;
    /*filter: brightness(0.3);*/
}

    .url:hover {
        filter: brightness(0.5);
    }

.url-collaboration {
    padding-top: 2px;
}

.lastHr {
    width: 89px;
    position: absolute;
    left: 0px;
}

.lastModuleName {
    margin-top: 33px !important;
}

.aspxImage-sliderImg {
    margin-bottom: 12px;
    /*filter: brightness(0.3);*/
}

.workflowDot {
    height: 10px;
    width: 10px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 83px;
    z-index: 99;
    top: 50px;
    /*filter: brightness(0.3);*/
}

.module-name {
    /*white-space: normal;*/
    font: 12px 'Roboto', sans-serif !important;
    margin-top: 10px;
    width: 100px;
    word-break: break-word;
    margin-left: 44px;
    color: #666;
}

.module-nameWrap {
    text-align: center;
}

.workflow-imageSlider {
    width: 100% !important;
    height: 100% !important;
    /*border: 1px solid #dadadd;*/
    /*border-radius: 40px;
    padding-top: 20px;*/
}

.workflow-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -116px !important;
    top: 11% !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 145px;
    height: 92px;
    margin: 0px !important;
}

.workflow-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: 12px !important;
    top: 13% !important;
    background-position: 4px 0px;
    width: 30px;
    height: 75px;
}

.workflow-list {
    list-style-type: none;
}

.workflow-mainImg {
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
    margin-right: 25px;
    text-align: center;
}

    .workflow-mainImg img {
        width: 45px;
    }

.workflow-vrLine {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 155px;
    position: absolute;
}

.module-workflow {
    display: inline-block;
}

.verticalLine-dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    top: 52px;
    position: absolute;
    left: -7px;
    z-index: 99;
    /*filter: brightness(0.3);*/
}
/*.listNo2{
    padding-top:65px;
}*/
.workflow-imageSlider.smallImage-slider .dxis-nbBottom .dxis-nbSlidePanelWrapper .dxis-nbSlidePanel {
    transform: none !important;
}

.workFlow-heading {
    width: 100px;
    word-break: break-word;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

/*....................Admin core service prime..........................................................*/
.adminPage-container {
    margin-top: 20px;
    margin-bottom: 80px;
}

.outerImg-wrap:hover {
    filter: brightness(0.5);
    z-index: 99;
}

.workflow-container {
    margin-top: 60px;
}

.adminService-headingWrap {
    text-align: center;
    width: 100%;
}

.adminService-btnWrap {
    display: inline-block;
    float: right;
    margin-top: -52px;
}

.adminService-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-top: 0px;
    padding-left: 1%;
}

.adminService-btn {
    float: right;
    background: #4a6ee2 !important;
    color: #FFF;
    padding: 7px;
    border-radius: 4px;
    font: 12px 'Roboto', sans-serif;
    border: none
}

.inner-imgWrap {
    width: 370px;
    height: 370px;
    border: 2px solid #B59B70;
    border-radius: 50%;
    position: relative;
    left: 132px;
    top: 19%;
}

.innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 33px;
    top: 29px;
    position: absolute;
}

.outerWrap {
    /*border: 1px solid red;*/
    border-radius: 50%;
    width: 640px;
    height: 600px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.outer-img1 {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
}

.outerImg-wrap {
    width: 122px;
    position: absolute;
    display: inline-block;
}

.step-tile {
    margin: 5px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.step-description {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 12px;
}

.outer-img {
    width: 30px;
    height: 30px;
}


.rotate-pos {
    transform: rotate(90deg);
}

.img-wrap1 {
    left: 260px;
    top: -29px;
}

.img-wrap2 {
    left: 438px;
    top: 28px;
}

.img-wrap3 {
    top: 188px;
    left: 529px;
}

.img-wrap4 {
    /*top: 297px;
    left: 522px;*/
    top: 350px;
    left: 512px;
}

.img-wrap5 {
    bottom: -18px;
    left: 439px;
}

.img-wrap6 {
    bottom: -36px;
    left: 260px;
}

.img-wrap7 {
    bottom: -1px;
    left: 82px;
}

.img-wrap8 {
    bottom: 150px;
    left: -2px;
}

.img-wrap9 {
    top: 188px;
    left: -15px;
}

.img-wrap10 {
    top: 29px;
    left: 61px;
}

.innerDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: 9;
}

.dot1 {
    left: 51px;
    top: 136px;
}

.dot2 {
    left: -16px;
    top: 118px;
}

.dot3 {
    /*left: -30%;
    top: 63%;*/
    left: -46px;
    top: 43px;
}

.dot4 {
    /*top: 30%;
    left: -16%;*/
    top: 0px;
    left: -28px;
}

.dot5 {
    /*top: -21%;
    left: -7%;*/
    top: -45px;
    left: -17px;
}

.dot6 {
    /*top: -30%;
    left: 46px;*/
    top: -60px;
    left: 51px;
}

.dot7 {
    /*top: -27%;
    left: 89%;*/
    top: -45px;
    left: 118px;
}

.dot8 {
    /*top: 8%;
    right: -37%;*/
    top: 0px;
    right: -30px;
}

.dot9 {
    /*right: -47%;
    top: 72%*/
    right: -44px;
    top: 43px;
}

.dot10 {
    /*right: -15%;*/
    right: -27px;
    top: 119px;
}

/************main header changes*************/
.header {
    /*background: #c7ddf6;*/
    /*background: #e2efff;*/
    /*box-shadow: 2px 1px 6px #CCC;*/
    /*background: #565d67;*/
    /*background: #343A40;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;*/
    /*margin-bottom: 25px;*/
}
/*.header_bg{
    padding-bottom:50px;
}*/
/************************************************New CSS For ITSM Module************************************************/

/***********CSS for Message Bord**************/
.headerPage-title {
    padding: 15px 15px;
}

.messageAlert p {
    color: red;
    font: 14px 'Roboto', sans-serif;
}

.messageWarning p {
    color: #BD2400;
    font: 14px 'Roboto', sans-serif;
}

.messageSuccess p {
    color: green;
    font: 14px 'Roboto', sans-serif;
}
/******CCS for main dahbord page*/
.dashboard-panel {
    border: none !important;
    padding: 15px;
    z-index: auto !important;
    /*padding-left: 5px;
    width: auto;
    display: inline-block;
    float: left;
    border: 1px solid #f7f4f4;
    border-radius: 11px;
    box-shadow: 0 3px 13px -6px rgb(14 14 14);
    margin-top: 6px;
    width:100%;*/
}

.dashboard-panel-new {
    border: none !important;
    padding: 15px;
}

.dashboardkpi-txt {
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    color: #232C49;
}

.dashboardtitle111 {
    /*float: left !important;*/
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #4A90E2;
    font: 14px/1 'Roboto', sans-serif;
    font-style: normal;
}

.dashboard-myHomeTabs {
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

.tab-contentdiv {
    width: 100%;
}

.grid-mainContainer {
    overflow-y: visible !important;
    padding: 0px !important;
}

.SVCHomeGrid {
    /*border: 1px solid #000;
    border-radius:4px;*/
    margin-top: 10px;
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.homeGrid-dropDown-option {
    padding: 2px 10px !important;
    background: #FFF !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
}

    .homeGrid-dropDown-option:hover {
        background: #eaedf0 !important;
    }

/******************************CSS for Trial user workflow******************/
.user-dot1 {
    left: 52px;
    top: 136px;
}

.user-dot2 {
    left: 21px;
    top: 164px;
}

.userImg-wrap6 {
    top: 97px;
    left: 8px;
}

.user-dot6 {
    top: 114px;
    left: 137px;
}

.useIimg-wrap5 {
    bottom: 137px;
    left: -9px;
}

.user-dot5 {
    top: 48px;
    left: 147px
}

.user-dot4 {
    bottom: 154px;
    left: 50px;
}

.userImg-wrap4 {
    bottom: -47px;
    left: 265px;
}

.userImg-wrap3 {
    bottom: 136px;
    left: 525px;
}

.user-sdot3 {
    bottom: 61px;
    left: -53px;
}

.userImg-wrap2 {
    left: 518px;
    top: 91px;
}

.user-dot2 {
    left: -37px;
    top: 123px;
}

.trialUser-innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 36px;
    top: 17px;
    position: absolute;
}

/**********************CSS for New jequery UI dialogue Box*************/
.dialogBox-okBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF !important;
    font: 14px 'Roboto', sans-serif !important;
    padding: 2px 17px;
    border-radius: 4px;
}

.dialogBox-okBtnWrap {
    text-align: right;
    position: relative;
    bottom: -47px;
}

.NewTktDialog {
    width: 100% !important;
    font: 12px 'Roboto', sans-serif !important;
}
/***************CSS for ITSM Grid Filter********************/

.SearchFilter_content .dxeListBoxItem_UGITNavyBlueDevEx:first-child {
    padding-left: 10px;
}

.SearchFilter_content .dxeListBoxItem_UGITNavyBlueDevEx:last-child {
    padding-right: 10px;
}

.ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td, .SearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: block;*/
}

    .ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td div table, .SearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td div table {
        margin-bottom: 0px;
        border: none;
    }

.ITSMSearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx, .SearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx {
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px;
    padding: 5px;
}

.ITSMSearchFilter_content table tr td div.dxlbd div table.dxeListBoxEllipsisSys tr td.dxeListBoxItem_UGITNavyBlueDevEx, .SearchFilter_content table tr td div.dxlbd div table.dxeListBoxEllipsisSys tr td.dxeListBoxItem_UGITNavyBlueDevEx {
    background: #FFF;
    border-top: 1px solid #d9e2ee;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: black;
    font-weight: 400;
}

.ITSMFilterFooter_btnWrap {
    background-color: #FFF !important;
    border-top: 1px solid #E0E0E0;
    background: none !important;
    position: relative;
    padding-bottom: 6px;
}

    .ITSMFilterFooter_btnWrap .dxpc-footerContent {
        background-color: #fff;
    }

    .ITSMFilterFooter_btnWrap div.dxpc-footerContent table {
        float: right;
    }

.ITSMFilter_okBtn, .Filter_okBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: none;
}

    .ITSMFilter_okBtn .dxb, .Filter_okBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }

.ITSMFilter_cancelBtn, .Filter_cancelBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    height: auto !important;
}

    .ITSMFilter_cancelBtn .dxb, .Filter_cancelBtn .dxb {
        background: none !important;
        color: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 500;
        padding: 0px 14px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown.svcDashboard_dropdown {
    margin-left: 0px;
    margin-top: 0px;
}

.noPaddingLeft {
    padding-left: 0px;
}
/*******************CSS for NEW ITSM**********************/
.ITSMButton-secondary {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

    .ITSMButton-secondary:focus {
        color: #FFF;
    }

.slectedBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

.ITSMButton-secondary:hover {
    background: #4A6EE2;
    color: #fff;
}

.ITSMButton-secondary::selection {
    background: #4A6EE2;
    color: #fff;
}

.itsmLanding-gridContainer {
    padding-top: 25px;
    padding-left: 10px;
}

.fixed-paddingRight {
    padding-right: 25px;
}

.fixed-paddingLeft {
    padding-left: 25px;
}

.itsmCtrl-buttonlist {
    padding-left: 25px;
    padding-top: 10px;
}

.homeGrid_headerColumn.itsmGrid-headerCol th.grid-header {
    padding: 3px;
    font-weight: bold;
    text-align: center;
    background-color: #F2F2F2;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    box-shadow: none;
    height: 53px;
}

.itsmGrid_dataRow {
    background-color: #FFF !important;
}

    .itsmGrid_dataRow td {
        font-size: 14px;
        padding: 3px !important;
        /*font-weight: 500;*/
        color: #333;
        /*border-bottom: 5px solid #f6f7fb !important;*/
        /*border-right: none !important;*/
        font-family: 'Roboto', sans-serif;
        height: 58px;
    }

.divcell_0 {
    height: 32px;
    /*background-color: #d3d4d5;*/
    color: #000;
    width: 107px;
}

.cell_0_0 {
    background-color: #f3f3f3;
    padding: 0px;
    height: 32px;
    width: 150px;
}

.severity-headerLable, .impact-headerLable {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.landing-pageTitle {
    /*padding: 12px 10px 10px;*/
    margin-top: 1.1%;
    font-family: Roboto sans-serif;
    font-size: 22px;
    color: #fff;
    text-wrap: nowrap;
    margin-left: 5% !important;
    /*color: #c7cfda;*/
    /*color: #a0db49;*/
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.bottleneckChart-container {
    /*width: 80%;
    margin-left: auto;
    margin-right: auto;*/
    float: left;
    width: 100%;
}

.bottleneckChart-containerWrap {
    width: 100%;
    text-align: center;
    float: left;
    padding-left: 20px;
}

.summaryContainer {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 15px 15px 45px;
    margin-top: 28px;
    float: left;
    border: 1px solid lightgray;
    border-radius: 4px;
}
/***************css for Super Admin grid*******/
.superAdmin-gridLink {
    color: #4a6ee2 !important;
}

.redirect-superAdmin {
    background: none;
    border: none;
    padding-bottom: 5px;
    font-family: 'Roboto',sans-serif !important;
    font-size: 12px;
}

.superAdminFrid-row {
    background-color: #fff !important;
}

.superAdminGrid-row td {
    font-weight: 500;
    color: #201f35;
    font: 14px 'Roboto', sans-serif !important;
    padding: 12px !important;
}

.superAdminGrid-headerRow {
    background: #e1e1e1;
    padding: 10px;
    font: 14px 'Roboto', sans-serif !important;
}

.disableModule {
    pointer-events: none;
    /*cursor: not-allowed;*/
    opacity: 0.5;
}

/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.infoShowHideLabel {
    cursor: pointer;
    /*margin-left: 10px;*/
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: #FF9800;
}

    .infoShowHideLabel:hover {
        color: #FF9800;
    }

.lookUpValueBox-dropDown {
    width: 100%;
}

    .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        min-width: 100% !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
        /*background: #ecf1f9;*/
        background: #f8fafc;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        padding: 0px 2px;
    }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td {
            background: #fff;
            padding-right: 6px;
        }
/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #73C2FB !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}
/*.secondaryCancelBtn-wrap{
    display:inline-block;
}*/
.rmmWorkHrs-inputField tr td.dxic input[type="text"] {
    height: 28px;
}

.userValueBox-dropDown .bg-light-blue {
    padding: 0px;
    background: #fff !important;
}

/*......................Create new User.................................................................*/
.cancelInvite {
    padding: 25px 15px 25px 25px;
    float: right;
}

.showMoreLink {
    /*padding: 25px 0px 0px 18px;*/
    padding: 2px 7px;
}

.taskGrid-body {
    overflow: visible !important;
}

.header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
}

/*******change for super admin login-> header***********/
.page-container {
    /*min-width: 1260px;* commenting while making edit ticket responsive*/
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    z-index: 0;
}

.superAdmin-headerLogo {
    display: inline-block;
    padding: 7px 0px;
}

.registration-tenantContainer {
    position: relative;
    clear: both;
    top: 48px;
}

.tenant-regTitle {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
}

.tenant-regBtn {
    background: #4A6EE2;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.logoWrap {
    padding-left: 10px;
}

.loginHeader {
    background-color: #565D67;
}

/****************CSS for ASp Link button*********/
.disableUser-yesBtnWrap, .disableUser-CancelBtnWrap {
    display: inline-block;
}

.aspLinkBtn-secondaryBlueBtn {
    border: 1px solid #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 4px;
}

.aspLinkBtn-primaryBlueBtn {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 2px 13px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.rmmdisable-userMsg {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.lookUpValueBox-dropDown table {
    width: 100%;
}

.replaceUser-title {
    padding: 0px 0px 5px 5px;
}

    .replaceUser-title b, .ticketspageinfo, .taskpageinfo {
        color: #4A6EE2;
        font: 14px 'Roboto', sans-serif;
    }

.replaceUser-btnContainer {
    padding-top: 10px;
    clear: both;
}

.replaceUser-BtnWrap {
    text-align: right;
    display: block;
}

.actionBtn-wrap {
    position: absolute;
    bottom: 10px;
    right: 9px;
    text-align: right;
}

.enableUser-actionBtn-wrap {
    position: absolute;
    top: 97px;
    right: 5px;
    text-align: right;
}

.msgPopup-wrap span {
    color: #4A6EE2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

/***********css for Import popup **********/
.import-label span {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-left: 6px;
}

.import-chkBoxContainer {
    margin-top: 7px;
}

.popuplinkBtn-Cancel, .popuplinkBtn-save {
    display: inline-block;
}

.linkBtn-cancel {
    background: none !important;
    border: 1px solid #4A6EE2;
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
}

.import-cancelBtn {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 7px 21px;
    font-weight: 500;
    float: left;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
}

.field-label {
    color: #4A6EE2;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 7px;
}

.SVCaspxDropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.svcWorkflow-container {
    padding: 4px 0px 35px 0px;
}

.svcDropDownlist {
    width: 100%;
    height: 31px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.svcDropDownlist2 {
    height: 31px !important;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 28px !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.requestTypeCallBackPanel_loadingPanel {
    width: 100px !important;
}

.dbNewBtn-popupList-wrap ul.dx.dxm-gutter {
    background-image: none !important;
}

.dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText img.dxm-image.dx-vam {
    margin-right: 5px !important;
}

.dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
}
/*.addComment-btnWrap {
    margin: 10px 0px;
}*/
/*.comment-nextBtn .dxb{
    padding:0px !important;
}*/
.RequestdByMultiUser_Table td.multiUserImg_wrap, .RequestdByMultiUser_Table td {
    border-bottom: none !important;
}

.dropDown-label span, .dxeBase_UGITNavyBlueDevEx.userProfile-lable {
    color: black;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}
/*********************CSS Show or hide Section *********************************/
.showMore {
    top: -24px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

.showLess {
    top: -24px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

#collapseIcon {
    color: #515151;
    float: right;
    cursor: pointer;
}

#expandIcon {
    bottom: 10px;
    position: absolute;
    right: 14px;
}

/*********************CSS for ASPX comboBoax dropDown *********************************/
.aspxComboBox-listBox {
    background: #fff !important;
    border-radius: 0px !important;
}

    .aspxComboBox-listBox .dxeListBoxItemRow_UGITNavyBlueDevEx td {
        border-top: 1px solid #d9dae0;
        color: black;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        padding-left: 5px;
        background: #fff;
        padding: 5px;
    }

.categorydroDown-wrap {
    padding-right: 10px;
}

.requestTypeGrid-wrap {
    margin-top: 7px;
}

.editTask_actionBtn_wrap {
    float: right;
}

.editTask-actionbtn div.dxb img {
    margin-left: 9px !important;
}

/*.new-task-eSVC {
    background: #F6F7FB;
}*/

.noPaddingRight {
    padding-right: 0px;
}
/*.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}*/
.relatedTicket_dropDown_select {
    text-align: left;
}
/*********************CSS for ASPX combobox **************************/
.aspxComboBox-dropdown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

    .aspxComboBox-dropdown tr td {
        background: #fff;
    }

        .aspxComboBox-dropdown tr td.dxic input[type="text"] {
            height: 28px !important;
            color: black;
        }

.chooseDepartment_list tr td > div > div {
    height: auto !important;
    /*border-bottom: 1px solid #ccd4e1;*/
    padding: 3px 5px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.gridLinkbutton {
    padding-bottom: 10px;
    float: right;
}

.putOnHold-btnContainer {
    float: right;
    margin-bottom: 10px;
    clear: both;
    margin-top: 10px
}

.cancel-btnWrap, .holdBtnWrap {
    display: inline-block;
}
/*.commentBox-wrap {
    margin-top: 15px;
    margin-bottom: 10px;
}*/
.link-secondaryBtn {
    color: #4A6EE2;
    padding: 4px 10px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.message-text {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.message-Wrap {
    margin-top: 5px;
}

.editBtnWrap.addEditPopup-btnWrap {
    margin-bottom: 10px;
    padding-top: 20px;
}
/*.removeHold-commentWrap {
    margin-bottom: 10px;
}*/
.removeHold-btnWrap {
    margin-bottom: 10px;
    text-align: right;
}


/**************************CSS for Global Search****************************/
.gbSearch-grid, .gbSearch-grid table {
    background-color: #fff !important;
}

.globalSearch-feildWrap {
    padding-top: 35px;
}

.gbSearch-label {
    color: #4A6EE2;
    font-size: 13px;
}

.tabs-left {
    margin-top: 3rem;
    border: 1px solid #dfdcdc;
    background: #FFF;
}

.global-searchWrap {
    background: #fff;
}

.global-searchContainer {
    padding: 0px !important;
}

.nav-tabs {
    float: left;
    border-bottom: 0;
    border-bottom: 0;
    background: #fff;
}

    .nav-tabs > li {
        float: none;
        margin-bottom: 7px;
    }

        .nav-tabs > li > a {
            margin-right: 0;
            border: 0;
            border-radius: 0;
            background-color: #F6F7FB;
            color: #FFF;
            padding: 40px 20px 50px 20px;
        }

            .nav-tabs > li > a:hover {
                background-color: #d8dbe3;
            }

.glyphicon {
    color: #fff;
}

.active .glyphicon {
    color: #333;
    top: 2px;
    right: 1px;
}

.nav-tabs > li > a div.tab-listIcon {
    background: #4A6EE2;
    width: 32px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    padding: 5px;
    font-size: 16px;
}

.nav-tabs > li.active > a div.tab-listName {
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li > a div.tab-listName {
    color: #4A6EE2;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li.active > a div.tab-listIcon {
    width: 32px;
    background: #FFF;
    color: #4A6EE2;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    color: #4A6EE2;
    font-size: 16px;
}

nav-tabs > li > a div.serviceCatlog-icon {
    padding: 3px 5px 5px 8px;
}

.nav-tabs > li.active > a {
    background-color: #4A6EE2;
    color: #FFF;
    padding: 40px 20px 50px 20px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 0;
        background-color: #4A6EE2;
        color: #FFF;
    }

.tab-content {
    margin-left: 45px;
}

.tab-pane {
    display: none;
    background-color: #fff;
    padding: 1.6rem;
    overflow-y: auto;
}

    .tab-pane.active {
        display: block;
        padding: 0;
    }

.list-group {
    width: 100%;
}

.list-group-item {
    height: 50px;
}

.search-header {
    padding: 10px 15px;
    background-color: #F0F0F0;
}

    .search-header p {
        font-size: 14px;
        color: #4A6EE2;
        font-weight: 600;
        margin-bottom: 0px;
    }

.globalSearch-dataRow {
    background-color: #fff;
}

    .globalSearch-dataRow td {
        border: none;
        border-bottom: none !important;
        padding-bottom: 15px !important;
    }

.dxeBase_UGITNavyBlueDevEx.globalSearch-title {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.globalSearch-link .dxhlHeader_UGITNavyBlueDevEx {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
}

.dxeBase_UGITNavyBlueDevEx.globalSearch-desc {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.globalSearch-created .dxhlHeader_UGITNavyBlueDevEx {
    margin-bottom: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.gridFooter-pager {
    border-top: 1px solid #cacbd3;
    background: #fff;
    text-align: right;
}

.searchPopup-title {
    text-align: center;
    margin: 30px 0px 35px;
}

.searchPopup-inputSearch {
    display: inline-block;
}

.searchPopup-btnWrap {
    display: inline-block;
    float: right;
}

.search-btn {
    background: #4FA1D6;
    color: #FFF !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 4px 10px;
}

    .search-btn:active, .search-btn:focus, .search-btn:hover {
        background: #4A6EE2;
        color: #FFF;
    }

.popupSearch-input {
    width: 330px;
    color: #000 !important;
}

.linkBtn-wrap {
    text-align: right;
    clear: both;
    margin-top: 70px;
    padding-bottom: 25px;
}

/**************************new style for form collapse*********************/
.SectionHeader > td > div > fieldset {
    position: relative;
}
/*Toggler css for showmore*/
.imageForToggle.showMore i::before {
    content: "\f067";
}
/*.hideAndShowTables{
    display:table !important;
}*/
/************** CSS for action button dropDown *****************************/
.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #FFF;
}

    .dxm-popup.ddlActionMenu > ul li {
        background: #FFF;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Roboto', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 12px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 9px 9px !important;
            border-top: 1px solid #d9e2ee !important;
        }


/*********************CSS for change password popup*****************/
.chngPwd-btnWrap {
    clear: both;
}

.chngPwd-btnContainer {
    float: right;
    padding: 15px 17px 15px 0px;
}

.chngPwd-popupContainer {
    background: #FFF;
}

.dxeBase_UGITNavyBlueDevEx.chngPwd-note {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    text-align: justify;
}
/*.reAssign-btnWrap {
    text-align: right;
    padding: 10px 0px 0px 0px;
}*/


/**************************CSS for Phrases *********************/
.phrases-popupContainer {
    padding: 15px;
}

.phrasesGrid-dataRow td {
    padding: 3px 7px !important;
}

.addPhrases-link {
    float: right;
    margin-top: 15px;
}

.phrasesAdd-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.phrasesBtn-wrap {
    float: right;
    margin-top: 29px;
}

.svcCreate_popupScroll {
    display: block;
    height: 100%;
    background: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dxgvHeader_UGITNavyBlueDevEx {
    /*border: none;*/
    border-bottom: 0px solid #d9dae0;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.dxgvControl_UGITNavyBlueDevEx, .dxgvDisabled_UGITNavyBlueDevEx {
    border: none;
    box-shadow: 0px 0px 1px #aaaaaa;
    margin-top: 10px;
}

table.dxgvControl_UGITNavyBlueDevEx {
    margin-top: 0px !important;
}

.contentPane .svcCreate_popupScroll label {
    position: relative;
    cursor: pointer;
    font: 13px 'Roboto', sans-serif;
    color: #4a6ee2;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dxgvDataRowAlt_UGITNavyBlueDevEx {
    background-color: transparent;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div input {
    margin-top: 0;
}

.phrases-drpDwnWrap {
    margin-top: 10px;
}

.homeGrid-groupRow td {
    color: #4A6EE2;
}

/*************************************CSS for Admin ****************************************************/

/*****configuration variable */
.configVariable-popupWrap, .configVar-popupContainer {
    background: #fff;
}

.addCat-wrap {
    margin: 10px 0px;
}

.addCat-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
}

input.txtcategory[type="text"] {
    width: 97% !important;
}

.RadioList tr td {
    padding-bottom: 10px;
}

.adminBtn-wrap {
    float: right;
    margin-top: 10px;
}

.ms-formtable .row.feildRow {
    display: flex;
    align-items: center;
}

.fileUpload-txtBoxWrap {
    width: 63%;
    margin-right: 6px;
}

.ms-formtable .row.feildRow .fileUpload-link {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2 !important;
    border-radius: 4px;
    padding: 5px 13px 5px 13px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.fileUpload-link {
    /*width: 20%;*/
    display: inline-block;
    float: right;
}

.ms-formtable .row.feildRow .fileUpload-link .uploadFile-links {
    color: #fff;
    white-space: nowrap;
}

.fileUpload-txtBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .fileUpload-txtBox tr td.dxic input[type="text"] {
        font-family: 'Roboto', sans-serif;
        width: 100% !important;
        background: #fff;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 28px;
        text-align: left;
        font-size: 12px;
    }

/****************************CSS for Modules*******************/
.modules-linkWrap {
    /*float: right;*/
    padding: 15px 0px 0;
}

.crm-checkWrap2 {
    margin-top: 15px;
}

.sortable.customgridview.homeGrid {
    margin-top: 0;
}

.chkBoxWrap-dis {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.moduleAdd-itemWrap {
    display: inline-block;
    float: right;
}

.homeGrid_dataRow.formatcolor {
    background-color: #fcdcdb !important;
    color: #737373;
}

    .homeGrid_dataRow.formatcolor a {
        color: #737373;
        font-weight: 500;
    }

.modulesAddItem-popupContainer {
    background: #fff;
}

.homeGrid_dataRow td a {
    color: #4b4b4b !important;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: left;
    margin: 0 1px !important
}
/*****CSS for agent*******/
.agentImg-container {
    position: relative;
}

.agentImg-wrap {
    position: absolute;
    top: -73px;
    left: -20px;
}

.agentLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.nodeAgentComplete {
    border-color: #4a6ee2 !important;
    background-color: #4a6ee2 !important;
}
/*****End css for agent***/
/******CSS for lookup valuebox dropDown**********/
.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx, .lookupValueBox-dropownSVC {
    max-width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    min-width: 100% !important;
    width: 100%;
    padding: 3px;
}

.lookupValueBox-dropown table.dxeValidStEditorTable.dxeRoot_UGITNavyBlueDevEx {
    width: 100%;
}

/*.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td, .lookupValueBox-dropownSVC tr td {
    background: #fff;
    padding: 3px 7px 3px 7px;
}*/

.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type='text'], .lookupValueBox-dropownSVC tr td.dxic input[type='text'] {
    height: 28px;
    background: #fff;
}
/*******CSS for user info popup*******/
.userinfo-grouplabel, .newUserGroupIMG {
    display: inline-block;
}
/*******End CSS for user info popup*******/
.userValueBox-dropDownWrap {
    width: 100% !important;
}
/*******CSS for uservalue box control**/

/**************CSS for AspxPopup *********/
.aspxPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.aspxPopup .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 14px;
    font-weight: bold;
    background: none;
    font-family: 'Roboto', sans-serif !important;
}

.aspxPopup.dxpc-shadow div.dxpc-contentWrapper {
    /*    display: block;*/
    width: 100%;
    overflow: auto;
    background-color: #FFF;
}

.popup-fieldLabel {
    color: #4a6ee2;
    margin: 0px 0px 3px 5px;
    text-align: left;
    font-size: 13px;
}

/***************CSS for AspxCombobox***************/
.aspxComBox-dropDown {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px 5px;
    width: 100%;
}

    .aspxComBox-dropDown tr td {
        background: #fff;
        padding: 0 !important;
    }

        .aspxComBox-dropDown tr td.dxic input[type="text"] {
            height: 34px;
            background: #fff;
        }

/************CSS for AspxGrid page size dropDown********/
.dxp-comboBox.gridPageSize-dropDown {
    background-color: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 3px;
    width: 47%;
}

.gridPageSize-dropDown input[type="text"] {
    width: 80% !important;
    height: 20px;
}

/*****************CSS for lookupValueBox dropDown******************/
.dxgvTable_UGITNavyBlueDevEx.dxgvRBB.lookupValueBox-drpDwnRowWrap {
    display: table;
}

.userValueBox-dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv {
    width: 100% !important;
}

.aspxSpinEdit-dropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-dropDown tr td div {
        background: #fff;
    }
/*.popupBtn-container {
    float: right;
    padding: 5px 5px 10px 5px;
}*/
/*******************CSS for Admin-> Form Layout *****************************/
.formLayout-rightHederContent {
    display: inline-block;
    float: right;
    margin-top: 8px;
}

.formLayout-gridWrap {
    clear: both;
    padding: 0 0 15px;
}

.formLayout-bottomAddLink {
    float: right;
    padding: 15px 0px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.formLayout-tabControlPannel {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

/*.formLayout-tabControl ul {
    padding: 5px !important;
}*/

.formLayout-tabControl ul li, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li {
    border: none !important;
    background: #fff !important;
    color: #007bff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

    .formLayout-tabControl ul li.dxtc-activeTab, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab {
        background-color: #6085fe !important;
        color: #FFF !important;
        border-radius: 4px 4px 0px 0px;
        padding: 5px !important;
    }

        .formLayout-tabControl ul li.dxtc-activeTab a.dxh0h img, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab a.dxh0h img {
            filter: brightness(9);
        }

        .formLayout-tabControl ul li.dxtc-activeTab a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab a {
            /*border-bottom: 2px solid #3A57B5;*/
            color: #FFF;
        }

    .formLayout-tabControl ul li.dxtc-tabHover a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-tabHover a {
        color: #3A57B5 !important;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
    }

    .formLayout-tabControl ul li a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li a {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        color: #4a6ee2;
    }

.formLayout-tabContainer, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row {
    padding-top: 10px;
}
/******************CSS for Admin-> Form layout -> add/Edit item**************/
.admin-legendLabel {
    color: #4a6ee2;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    padding-top: 5px;
    margin-bottom: 12px;
    border-bottom: 2px solid #c2c2c2;
}

}
/*.formLayout-addPopupContainer{
    background:#fff;
}*/
/*.formLayoutBtn-wrap {
    float: right;
    padding-top: 10px;
    padding-bottom: 15px;
}*/

/**************CSS for Request list Popup*******************/
.requestList-radioListWrap tr td.dxe {
    padding: 0px;
}

.AspPrimary-blueBtnWrap {
    padding-top: 25px;
}

    .AspPrimary-blueBtnWrap .primary-blueBtn {
        margin-right: 15px;
        margin-top: -1px;
    }

.PopupaddItem-linkWrap {
    padding-top: 12px;
    text-align: right;
}

.PopupaddItem-link {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.noLeftPadding {
    padding-left: 0px;
}

.noRightPadding {
    padding-right: 0px;
}

.addEditPopup-btnWrap {
    float: right;
    padding: 10px 5px 20px;
    text-align: right;
}
/*************CSS for purchase page************/
.buyContainer-wrap {
    /*border: 1px solid;*/
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.buyContainer-header {
    text-align: center;
    height: 85px;
    /*border-bottom: 1px solid;*/
}

.purchaseContainer {
    background: #F6F7FB;
}

.buy-container {
    background: #fff;
}

.buyContainer-footer {
    text-align: center;
    padding: 30px;
    /*background-color: #E4F1D1;*/
}

.buy-servicePrimeLogo {
    width: 205px;
    padding-top: 29px;
}

.AspPrimary-blueBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-size: 13px;
    padding: 4px 15px;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
}

.AspSecondary-blueBtn {
    color: #4A6EE2;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
    border: 1px solid #4a6ee2;
    padding: 5px 15px;
    background: transparent;
}

.successMsg-wrap {
    padding-top: 10px;
}

    .successMsg-wrap span {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
    }

/**************CSS for blink message box ******************/
.orderPurchase-icon {
    font-size: 14px;
    color: #32C714;
}

/********************CSS for Admin-> functional Areas Popup ***************/
.functionalArea-linkWrap {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.functionalArea-chkBoxWrap {
    display: inline-block;
}

.lookupValueBox-dropown.functionalArea-lookUpValueBox table.dxeValidStEditorTable {
    width: 100%;
}

.functionalArea-userValueBox.userValueBox-dropDown table.dxeValidStEditorTable {
    width: 100%;
}
/*****************CSS for Admin -> Module Defaults popups************/
.adminAspxBtnWrap {
    padding-top: 25px;
}

.popup-radioBtnWrap {
    padding-top: 10px;
}

.popupChkWrap {
    text-align: right;
}

.serviceList-footerBtnWrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
/************CSS For ITSM landing page Grids*******/
.ITSMLanding-pageGrids {
    width: 100%;
}

.tablecss.ITSMLanding-pageGrids th {
    height: 53px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #F2F2F2;
}

.tablecss.ITSMLanding-pageGrids .tbleContent td {
    height: 58px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #333;
    /*font-weight: 500;*/
}

/***********CSS for Service And Agent page*****************/
.rightSide-btnWrap {
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
    margin-top: -10px;
}

.services-field-wrap {
    border: 1px solid #dfdbdb;
    float: left;
    border-radius: 4px;
    margin-bottom: 10px;
}

.serviceTab-container {
    margin: 10px 0px 0;
}

.resolutionSLA {
    padding-left: 15px;
    padding-top: 3px;
}

.parent-service-container {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid rgb(223, 219, 219);
    border-bottom: 1px solid #dfdbdb;
    margin-bottom: 15px;
}

.taskReminders-checkWrap {
    padding-left: 23px;
    padding-bottom: 8px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.reminder-wrap {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 8px;
}

.aspxTextBox-inputBox {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.asptextbox-asp {
    padding: 8px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.fieldClear {
    clear: both;
}

.aspxMemo-linkBox {
    background: #fff;
    border: none;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    color: #4A6EE2;
    width: 100%;
}

    .aspxMemo-linkBox tr td textarea.dxeMemoEditArea_UGITNavyBlueDevEx.dxeMemoEditAreaSys {
        background: #fff;
        color: #4A6EE2;
    }

.adminCopyLink-btnWrap {
    padding: 16px 0px 0px;
}

.adminCopyLink-btnUl {
    float: right;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px;
}

    .adminCopyLink-btnUl li {
        list-style-type: none;
    }

        .adminCopyLink-btnUl li a.cancel-linkBtn {
            color: #4A6EE2;
            padding: 3px 10px;
            font-family: 'Roboto', sans-serif !important;
            font-size: 12px;
            font-weight: 600;
        }

/**********************CSS for question tab*****************/
.unCategorized-queLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 4px;
}

.grid-aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 0 7px;
    -webkit-appearance: none;
    background-position: 85.6% !important;
    height: 22px;
}

    .grid-aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

.serviceAgent-queTabSecTable {
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.queTabSecTable-headerTr {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-dKG8j) repeat-x left top;
}

.queTabSecTable-headerTd {
    background: transparent !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    empty-cells: show;
    color: #9C9FB1 !important;
    padding: 10px;
    font-weight: bold;
}

.queSection-tableItem td {
    background: white !important;
    padding: 10px;
    border-bottom: 5px solid #f6f7fb !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
}

.queSection-tableItemLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.queTabSecTable-listviewtable {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.mapfield-defaultvalcontrol table tr td {
    padding: 0px;
}

.mappingTab-btnWrap {
    padding: 10px 0px;
}

.htmlSecondary-Btn {
    float: left;
    border: 1px solid #4A6EE2;
    background: transparent;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 10px;
    margin-right: 5px;
}
/********************End css for question tab************/
/*************CSS for custome checkbox -> which having onchange event***************/
.chkBoxWrap-forOnchange {
    display: inline-block;
}

    .chkBoxWrap-forOnchange span input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .chkBoxWrap-forOnchange span label {
        position: relative;
        cursor: pointer;
        font: 14px 'Roboto', sans-serif;
        color: #4A90E2;
    }

        .chkBoxWrap-forOnchange span label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4A6EE2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .chkBoxWrap-forOnchange span input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 5px;
        height: 8px;
        border: solid #4A6EE2;
        border-width: 0 1.5px 1.5px 0px;
        transform: rotate(45deg);
    }

.addMore-leftPadding {
    padding-left: 20px;
}

.row.feildRow::after, .row.feildRow:before {
    content: unset;
}
/*************End CSS for custome checkbox -> which having onchange event***************/

/***********CSS for header logo******************/
.headerLogo-labelWrap {
    display: inline-block;
}

.headerLogo-labelWrap {
    display: inline-block;
    text-align: center;
    padding: 12px;
}

    .headerLogo-labelWrap span {
        color: #c7cfda;
        font-family: 'Roboto' !important;
        font-size: 14px !important;
    }
/*****************CSS for Add bulk Users*******************/
.bulkuser-crtMsg {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    margin-bottom: 10px;
    color: #4a6ee2;
}

.okayButton, .okayButton:hover, .okayButton:focus {
    border: none;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    outline: none;
}

.bulkuser-SucsMsg {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #4a6ee2;
    text-align: center;
}

.bulkuser-existUser {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

/*.bulkUser-addtable {
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    background-color: #FFF;
}*/

.bulkUser-btnWrap {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.bulkUser-addtd {
    /*width: 400px;*/
    padding: 10px;
}

    .bulkUser-addtd input[type="text"], .bulkUser-addtd input {
        width: 100% !important;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 35px;
        text-align: left;
        font-size: 12px;
        padding: 0 7px;
    }

.insertBtn-bulkUSer {
    background: #4a6ee2;
    border: none;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #FFF;
    padding: 4px 10px;
}

/****************CSS for service&catalog -> edit -> new Question popup ***************************/
.queEditor-sectionDropDown {
    display: inline-block;
    float: left;
    width: 90%;
}

.queEditor-sectionIcons {
    display: inline-block;
    float: right;
    margin-top: 5px;
}

.queEditor-txtEditSection {
    padding-top: 5px;
}

.accomp-popup .queEditor-txtEditSection input[type="text"] {
    width: 90% !important;
    float: left;
    display: inline-block;
}

.queEditor-txtEditSectionImg {
    display: inline-block;
    float: right;
}

.aspxSpinEdit-controller {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-controller tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-controller tr td div.dxeButton {
        background: #f8fafc;
    }

.deleteIcon-div {
    display: inline-block;
    margin-left: 5px;
}

.dropDwonList-div {
    display: inline-block;
    float: left;
    width: 97%;
}

.section-divide {
    border-bottom: 1px solid #d0d0d1;
}
/****************end CSS for service&catalog -> edit -> new Question popup ********/

/****************CSS for Request type popup***********/
.reqType-headerchkWrap {
    display: inline-block;
    margin: 0px 20px;
}

.reqType-headerBtnMigrtkWrap {
    display: inline-block;
}

.reqType-headerWrap {
    padding-top: 10px;
}

.reqType-headerBtnWrap {
    float: right;
    padding-top: 10px;
}

.collapsExpand-btnWrap {
    padding-top: 15px;
}
/******CSS for aspx treeList*************/
.apsxTreeList {
    border: 1px solid #d0d0d1;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    background: none;
}

.aspxTreeList-Heder {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
    font: 13px 'Roboto', sans-serif;
}

.apsxTreeList-wrap {
    padding-top: 10px;
}

.aspxTreeList-Node td {
    text-align: left !important;
    font-size: 12px;
    padding: 2px 11px !important;
    font-weight: 500;
    color: #737373;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    font-family: 'Roboto', sans-serif;
    background: #FFF !important;
}

    .aspxTreeList-Node td a {
        color: #4a6ee2;
    }

.sectionTitle-label {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding-top: 15px;
}

.popup-menuLog-inuser-outer ul li.dxm-item.dxm-selected {
    background: #ecf1f9 !important;
    border: none;
}

.userValueBox-dropDown.adminUserValBox > table.dxeValidStEditorTable {
    width: 100%;
}

.reqType-dvWorkflow {
    padding-top: 5px;
    clear: both;
}

.reqType-textField {
    overflow-y: auto;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    padding: 3px;
}

    .reqType-textField input[type="text"] {
        border: 0 none;
        height: 28px !important;
    }

.reqType-lable {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.reqType-locGridWrap {
    padding-top: 5px;
    height: 130px;
}

.superAdmin-gridDelIcon {
    width: 15px;
}
/***********************CSS for organization popup**************/
.migrateBtnWrap {
    float: left;
}

.adminPopup-hederSec {
    padding: 10px 0px;
}

.rightBtnSection {
    float: right;
}

.orgGridLabel {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    display: inline-block;
}

.orgGridBtn {
    display: inline-block;
}

/************css for ticket creation success popup **********************/
.infoMsgSuccess-title {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.cteatedTicketNum {
    color: #4A6EE2;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

    .cteatedTicketNum a {
        color: #4A6EE2;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

.closeDlg-btnWrap {
    border: 1px solid #4A6EE2;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #4A6EE2;
}

    .closeDlg-btnWrap a {
        color: #4A6EE2;
        font-size: 12px;
        font-weight: 500;
    }
/***************CSS for tenant name and page title*******************/
.title-sectionContainer {
    padding: 0px 0px 0px;
    /*border-bottom: 2px solid #fff;*/
}

.title-sectionWrap {
    /*border-bottom: 1px solid #f6f6f6;*/
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 25px 15px 15px 66px;
    /*border-width: 20px 20px 0px 20px;*/
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}

.tenantName-wrap {
    display: inline-block;
    float: right;
    /*margin-right: 15px;*/
    /*width: 137px;*/
    /*border-right: 1px solid #CCC;*/
    /*padding-right: 10px;*/
}

.guide-container {
    float: right;
    display: inline-block;
    width: 62px;
    padding-left: 3px;
}

.tenantName {
    /*color: #19c419;*/
    color: #4a6ee2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.2;
}

.pageTitle {
    /*color: #9C9FB1;*/
    color: #4a6ee2;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
    height: 17.6px;
}

.tenant-logo {
    float: left;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-top: 0 !important;
}

.titleSec-forPopup {
    display: none;
}

.menuprofile-popUP {
    z-index: 999999999999 !important;
    overflow: visible !important;
}

.homeGrid_dataRow.dxgvSelectedRow_UGITNavyBlueDevEx.homeGrid-selectedRow, .homeGrid_dataRow.homeGrid-focusedRow {
    background-color: #e3e3e3 !important;
}

.col_aleft_help img {
    width: 18px;
    margin-left: 20px;
}

.aspxComboBox-dbDropDown {
    padding: 10px 20px 0px;
}

.wikiHtmlcontent-wrap > div {
    width: 100% !important;
    font-family: 'Roboto', sans-serif !important;
}

    .wikiHtmlcontent-wrap > div > div {
        width: 100% !important;
        clear: both;
        font-family: 'Roboto', sans-serif !important;
    }

.ugit-helpicon img {
    width: 16px;
}


/*---------------------Remove attchment-------------------------------------------------------------------*/

.SVCCreat-btnContainer {
    clear: both;
    padding-right: 33px;
    padding-top: 15px;
}

.SVCWorkflow-wrap {
    clear: both;
    padding-bottom: 30px;
}

.step.svcWorkFlow-Step {
    top: 0px;
}

/********************************CSS for status POPUp***********************************/
.popupMainContainer-status {
    background: #FFF;
    text-align: center;
    padding-top: 20px;
}

.status-image {
    display: inline-block;
    vertical-align: top;
    left: 55px;
    position: absolute;
    border-right: 1px solid #e1e1e1;
    padding: 5px 8px 6px 8px;
}

.statusModule-list {
    padding-left: 0px;
}

.statusVr-line {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 82%;
    position: absolute;
    top: 30px;
    left: 172px;
}

.statusDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
}

.statusModule-content {
    display: inline-block;
    position: absolute;
    left: 200px;
    text-align: justify;
}

.statusModule-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #4A90E2;
    margin-bottom: 2px;
    margin-top: 0px;
}

.statusModule-discription {
    font: 12px 'Roboto', sans-serif;
    color: #4A90E2;
    margin-bottom: 2px;
}

.statusModule-list .statusList {
    list-style-type: none;
    height: 100px;
}

.statusList {
    list-style-type: none;
}

.status-dot1 {
    top: 100px;
}

.status-dot2 {
    top: 200px;
}

.status-dot3 {
    top: 300px;
}

.status-lastDot {
    top: 430px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 166px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.statusDot:hover {
    filter: brightness(51%);
}

.status-image img {
    width: 30px;
}

.status-complete {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.statusCount-wrap {
    display: inline-block;
    left: 110px;
    position: absolute;
    margin-top: 12px;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

/*****************************CSSS for New Loaader*************/
.circle-loader {
    position: relative;
}

    .circle-loader div {
        height: 10px;
        width: 10px;
        background-color: #4a6ee2;
        border-radius: 50%;
        position: absolute;
        -webkit-animation: 1.3s opaque ease-in-out infinite both;
        animation: 1.3s opaque ease-in-out infinite both;
    }

    .circle-loader > div:nth-child(1) {
        top: -25px;
        left: 0;
    }

    .circle-loader > div:nth-child(2) {
        top: -17px;
        left: 17px;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
    }

    .circle-loader > div:nth-child(3) {
        top: 0;
        left: 25px;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .circle-loader > div:nth-child(4) {
        top: 17px;
        left: 17px;
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s;
    }

    .circle-loader > div:nth-child(5) {
        top: 25px;
        left: 0;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .circle-loader > div:nth-child(6) {
        top: 17px;
        left: -17px;
        -webkit-animation-delay: 0.75s;
        animation-delay: 0.75s;
    }

    .circle-loader > div:nth-child(7) {
        top: 0;
        left: -25px;
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
    }

    .circle-loader > div:nth-child(8) {
        top: -17px;
        left: -17px;
        -webkit-animation-delay: 1.05s;
        animation-delay: 1.05s;
    }

@-webkit-keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}

@keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}
/***************************End css for New Loader**************/
/***************************CSS for profile complete progress bar****************/
.prof-progress {
    margin: 8px 0px;
    padding: 0;
    width: 92%;
    height: 12px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px;
}

.prof-bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #4a6ee2;
}

.prof-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: white;
}
/***************************End css for profile complete progress bar***********/
.customeLoader tr td.dx img.dxlp-loadingImage.dxlp-imgPosLeft {
    background-image: url('/Content/Images/AjaxLoader.gif') !important;
    background-size: 30px;
    background-repeat: no-repeat;
}

/*[+][25-10-2023][SANKET][Added for loader]*/
.dxgvLoadingPanel_UGITNavyBlueDevEx .dxlp-loadingImage, .dxcaLoadingPanel_UGITNavyBlueDevEx .dxlp-loadingImage, .dxlpLoadingPanelWithContent_UGITNavyBlueDevEx .dxlp-loadingImage, .dxeImage_UGITNavyBlueDevEx.dxe-loadingImage {
    background-image: url(/Content/Images/ajaxloader.gif);
    height: 32px;
    width: 32px;
}


.dxlp-imgPosLeft {
    margin-right: 5px;
}

.customeLoader {
    border: none;
    background: transparent;
    font-size: 14px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999;
}

.popup-menuLog-inuser-outer ul li:first-child {
    border-bottom: 1px solid #f7f7f7;
}

/***************************css for Service prime new pages**********************/
.mainSection {
    background: #0057A7 url(../Content/images/NewAdmin/newAdmin-homeBanner.svg) no-repeat left bottom;
    height: 100vh;
}

.mainSection-container {
    position: relative;
    height: 100vh;
}

.mainSection-wrap {
    position: absolute;
    top: 50%;
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mainSection-textBlock {
    color: #fff;
    width: 60%;
    padding: 20px;
    margin-right: 60px;
    border-radius: 5px;
    transition: 0.5s all ease;
}

    .mainSection-textBlock h2 {
        font-size: 34px;
        color: #CFF991;
        margin-bottom: 30px;
    }

    .mainSection-textBlock p {
        font-size: 18px;
    }

        .mainSection-textBlock p.lastPara {
            margin: 30px 0px 40px;
        }

.mainSection-ImageBlock {
    width: 45%;
}

.section-bannerImg {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mainSection-bgBanner {
    background: url(../Content/images/NewAdmin/world-map.svg) no-repeat 87% center/45%;
}

.homeDashboard_content_wrap.adminDefault-container {
    padding-top: 0px;
}

.homeDashboard_leftcontent_wrap.adminDefault-Maincontainer {
    padding-bottom: 0px;
}

.admindflt-checkWrap {
    display: inline-block;
}

    .admindflt-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .admindflt-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 16px 'Roboto', sans-serif;
        color: #fff;
    }

        .admindflt-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .admindflt-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.continue-btn {
    /*background: #F5E57A;*/
    background: transparent;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 85px;
    font-family: 'Roboto', sans-serif;
    margin-left: 24%;
    border: 1px solid #FFF;
    margin-top: 50px;
}

.secondaryHome-btn {
    background: #F5E57A;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 20px;
    font-family: 'Roboto', sans-serif;
    float: left;
    /* width: 100%;*/
}

.addTicket-homeBTn {
    margin-left: 15px;
}

.continue-btnWrap {
    margin-top: 100px;
}

.footerBtnWrap {
    margin-top: 85px;
}
/**************************End css for Service Prime New pages******************/
/*****************CSS for bottleneck chart **********************/
.modal-body.removePadding.bottleneckChartBody {
    background: #fff !important
}
/*****************End CSS for bottleneck chart **********************/

/***************New css for Dashboard service ******************/
.servicetype {
    /*padding-right: 5px;*/
    font-weight: normal;
    /*max-width: 100%;*/
    border-top: 2px solid #bababa;
    display: inline-block;
}

.serviceItem-row {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
}

/***************End New css for Dashboard service ******************/

/******************CSS for Admin -> location popup*****************/
.rightBtn {
    float: right;
}

.headerItem-addItemLink {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
/*****************New CSS for Accordian Search ***************************/
#SearchPanel {
    padding: 50px;
    display: none;
    position: absolute;
    top: 50px;
    background: #383838;
    width: 100%;
    left: 0px;
    right: 0px;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-autocomplete-popup-wrapper {
    z-index: 99999999 !important;
}
/**************CSS for Forgot Password Page*********************/
.forgotPwd-container {
    margin: auto;
    position: absolute;
    margin-top: 25%;
    left: 0px;
    right: 0px;
    background: #fff;
    height: 325px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    padding-left: 35px;
    margin-left: 65%;
    width: 70%;
}

.forgotPwd-accId {
    width: 100%;
}

.forgotPwd-title {
    font-family: 'Roboto', sans-serif;
}

.forgetPwd-successMsg {
    color: Green;
    padding-top: 5px;
    text-align: justify;
    padding-right: 24px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.FPinputField {
    margin: 18px 0px;
}

.forgotPwd-accId tr td {
    width: 100%;
}

#accountIdTextBox, #userNameTextBox {
    width: 100%;
    background-size: 14px;
    padding: 5px 9px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    background-position: 10px center !important;
}

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2 {
        margin-left: 23px;
    }

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0 {
        margin-left: 0px;
    }

.fpbtnContainer {
    clear: both;
    position: absolute;
    bottom: 15px;
    width: 86.5%;
}

.forgotPwd-submitBtn {
    float: right;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 3px;
}

.forgotPwd-backBtn {
    display: inline-block;
    float: left;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    border-radius: 4px;
    padding: 3.8px 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

    .forgotPwd-backBtn a.dxeHyperlink_UGITGreenDevEx {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }
/*******************CSS for SuperAdmin status on grid***************/
.critical-constraints {
    color: red;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.high-constraints {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.normal-constraints {
    color: green;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.constraint-High-Grid {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.constraint-Critical-Grid {
    color: red;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.tenantCount-title {
    color: #9C9FB1;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.homeGrid_dataRow td.numberCell.dxgv {
    text-align: center !important;
}

.statusLegend-Container {
    text-align: right;
    padding-top: 10px;
}

.legendNormal-wrap, .legendHeigh-wrap, .legendCritical-wrap {
    display: inline-block;
    padding-left: 25px;
}

.legendIcon {
    width: 13px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    height: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.legendLabel {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    color: #333;
}

.legend-normal {
    color: green;
    border: 1px solid green;
    background-color: green;
}

.legend-High {
    color: #FFAD0A;
    border: 1px solid #FFAD0A;
    background-color: #FFAD0A;
}

.legend-critical {
    color: red;
    border: 1px solid red;
    background-color: red;
}


/***************************CSS for search-> problem statment*************************/
.phraseTickt-create {
    text-align: center;
}

.createdTickt-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: inline-block;
    margin: 0px 7px;
}

.bulkuser-existUser {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #4a6ee2;
    display: inline-block
}

.phrase-okBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 13px;
}

.prblemStatment-submitBtn {
    display: inline-block;
    float: left;
}

.searchContent {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #d5d2d2 !important;
    border-radius: 8px !important;
}

    .searchContent .dx-state-hover input[type="text"]:hover {
        border: none !important;
    }

    .searchContent input[type="text"] {
        background-color: #fff !important;
        color: #4A6EE2;
        font-family: 'Roboto', sans-serif !important;
        padding: 0px;
        font-size: 14px;
        min-height: 40px;
        border-radius: 8px !important;
        padding-left: 25px;
    }

    .searchContent.dx-show-clear-button .dx-texteditor-buttons-container {
        background: #fff;
    }

    .searchContent div.dx-placeholder {
        padding-left: 25px;
        color: #9f9f9f;
    }

    .searchContent.dx-state-focused.dx-state-hover {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-state-hover, .searchContent.dx-state-focused {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-texteditor.dx-state-hover.dx-editor-outlined {
        border: none;
        border-color: #fff !important;
    }

.prblemStatment-addTicketBtn {
    border-left: 0px;
    padding: 10px 10px;
    border-radius: 0px 22px 22px 0px;
    background-color: #fff;
    outline: none;
    border-color: #f6f6f6;
    color: #4A6EE2;
    font-weight: 700;
    font-family: 'Roboto', sans-serif !important;
    box-shadow: 0px 0px 5px 1px #e1e1e1;
}

    .prblemStatment-addTicketBtn:active, .prblemStatment-addTicketBtn:active:focus {
        background-color: #fff;
        outline: none;
        border-left: 0px;
        border-color: #ddd;
        outline: none;
    }

    .prblemStatment-addTicketBtn:hover {
        background-color: #EAEDF0;
        border-color: #ddd;
    }

    .prblemStatment-addTicketBtn i {
        color: #4a6ee2;
        font-size: 18px;
    }
/*************CSS for Admin -> enviornment popup***********/
.popupAddItem-top {
    border: none;
    background: transparent;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
}

.headerItem-addItemBtn {
    display: inline-block;
    float: right;
}

.headerItem-showChkBox {
    display: block;
    float: right;
    /*margin-top: 5px;*/
}

.headerContent-right {
    float: right;
    padding-top: 7px;
    clear: both;
}


/**********************CSS for recaptcha*******************/
.recaptcha-container {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.recaptcha-wrap {
    width: 250px;
    margin: auto;
}

.recaptcha-textBox {
    background: #f8fafc !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .recaptcha-textBox tr td.dxic input[type="text"] {
        background: #f8fafc !important;
        height: 28px;
    }

.custom-recaptcha table tr td.dxcaTextBoxCellNoIndent_UGITNavyBlueDevEx label.dxcaTextBoxLabel_UGITNavyBlueDevEx {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.custom-recaptcha .dxca-imageDiv {
    background-image: none !important;
    margin-bottom: 15px;
}
/**********************End CSS for recaptcha*******************/

/****************CSS for radio button list*****************/
.adminradioBtnList {
    margin-top: 15px;
    margin-left: 3px;
    margin-bottom: 15px;
}

.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.msgRadio-btnLabel {
    padding-right: 5px;
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: left;
    font-weight: 500;
    margin-top: -2px;
}

.msgRadio-btnImg {
    float: left;
    display: inline-block;
}

.msgAction-wrap {
    padding: 20px 0px;
}

.bottom-addBtn {
    padding: 20px 0px;
}
/***************end css for radio button list**************/

/*************CSS for ASPx colorEdit control************/
.aspxColorEdit-dropDwon {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspxColorEdit-dropDwon tr td {
        background: #fff;
    }

        .aspxColorEdit-dropDwon tr td.dxic input[type="text"] {
            height: 28px !important;
            background: #fff;
        }

.bottom-leftSideBtn {
    float: left;
    display: inline-block;
}

.SLAheader-rightContent {
    clear: both;
    float: right;
    margin-top: 15px;
}

/*[+][26-10-2023][SANKET]*/
.aspBtn-primaryBlue {
    border: none;
    background: #4fa1d6;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
    /*background: #4A6EE2;
    border: none;
    color: #FFF;
    padding: 5px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    border-radius: 4px;*/
}

.headerItem-btnWrap {
    display: inline-block;
    float: left;
    padding-left: 7px;
}

/************CSS for Menu navigation popup****************/
.menuNav-addBtnWrap {
    display: inline-block;
    padding-left: 5px;
    padding-top: 7px;
}

.menuNav-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNav-addItemWrap {
    display: inline-block;
    float: right;
    padding-top: 25px;
    padding-left: 40px;
}

.menuNav-applyChngBtn {
    display: inline-block;
    float: right;
    padding-top: 25px;
}

.addIemLabel {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.aspxTreeList-wrap {
    padding: 15px 0px 0px 3px;
}

.dxtlControl_UGITNavyBlueDevEx.aspxTreeList {
    box-shadow: 0px 0px 1px #aaaaaa;
    border: none;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.treeList-dataRow.dxtlAltNode_UGITNavyBlueDevEx td.dxtl {
    background: none;
}

.menuNavEdit-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNavEdit-iconWrap {
    display: inline-block;
}

.menuNavEdit-chkWrap {
    display: inline-block;
}

.aspxTextBox-field {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxTextBox-field td.dxic input[type="text"] {
        height: 28px !important;
    }

.preview-link {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.asptextBox-input {
    border: 1px solid #ccd4e1;
    background: #fff;
    border-radius: 4px;
}

    .asptextBox-input tr td.dxic input[type="text"] {
        height: 28px;
    }

.loacationDropDown {
    clear: both;
}

.replaceUser-msg {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
}

.searchPannelWrap {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 6px 12px #ddd;
}

.fromServiceDoc {
    width: 100%;
}

.searchPannelWrap-container {
    width: 700px;
    margin: 0px auto;
}

/***************CSS for Admin -> report popup *******************/
.reportPopup-footerBtnWrap {
    padding: 25px 0px;
}

.reportFooter-rightBtn {
    text-align: right;
}

.deleteBtn-report {
    float: left;
    margin: 0px 8px;
}


/*******CSS for SErvices -> button view**********************/
.pcategorycontainer {
    display: inline-block;
    padding-top: 10px;
}

.serviceBoard_btnView:hover {
    background-color: #F6F7FB;
    border-radius: 6px;
}

.buttonview-container .ugit-contentcontainer {
    background-color: #fff !important;
    margin: 0px auto;
    /*width: 600px;*/
    clear: both;
}

.serviceBoard_imgesWrap {
    width: 40px;
    margin: 0px auto;
    border-radius: 50%;
    background: #efefef;
    height: 40px;
}

    .serviceBoard_imgesWrap img {
        width: 40px;
        /*padding: 10px;*/
    }

.serviceBtnView-labelWrap {
    margin-top: 10px;
    /*word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    width: 150px;
    overflow: hidden;
}

.homeDb-requestLinkWrap {
    padding: 0px 15px;
    background: #FFF;
}

    .homeDb-requestLinkWrap .ugit-contentcontainer {
        float: left;
        background: #FFF;
        width: 100%;
        padding: 5px 0px 0px;
        border-bottom: 1.5px solid #e3e2e2;
    }

        .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv {
            float: left;
            cursor: pointer;
            /* border-bottom: 2px solid #3A57B5; */
            color: #3A57B5 !important;
            margin-right: 10px;
            padding: 0px;
        }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv a {
                color: #919191 !important;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
            }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab {
                background-color: #FFF;
                border-bottom: 2px solid #3A57B5;
                padding: 0px 6px 25px;
                margin: 0px 4px;
            }

                .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab a {
                    color: #919191 !important;
                    font-family: 'Roboto', sans-serif;
                    font-size: 13px;
                }

.homeService-panelContainer {
    /*background: #fff;
    border-width: 18px 20px 20px 20px;*/
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}
/*Baseline popup*/
.imp-message-box {
    font-weight: normal;
    font-size: 16px;
    color: green;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif !important;
    padding-left: 15px;
}

.popupFooter-BtnWrap {
    padding: 15px 0px;
    float: right;
}

.ExportOption-btns {
    display: inline-block
}
/****************************CSS for Allocation timeline tab ******************************/
.rmmExport-optionBtnWrap {
    padding: 15px 15px 0px 0px;
    float: right;
}

.resourceAllo-gridBtn {
    display: inline-block;
    float: left;
    margin-right: 38px;
    filter: brightness(0);
}

.resourceAllo-gridchkBox {
    display: inline-block;
    /*padding-left: 5px;*/
}

.ExportOption-btns {
    display: inline-block;
    float: left;
}

.resource-printImg {
    width: 18px;
    position: relative;
    filter: brightness(0);
}

.rmmSummary-table tr.SummaryHeaderAdjustment {
    color: black !important;
    font: 13px 'Roboto', sans-serif;
    font-weight: 600;
    text-align: center;
}

.rmmProject-complexityWrap {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.rmmLeft-padding {
    padding-left: 12px;
    padding-right: 0px;
}

.alloTimeSave-gridBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    margin: 0px;
    padding: 6px;
    cursor: pointer;
}

.alloTimeCancel-gridBtn {
    background: transparent;
    color: #4A6EE2;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    margin: 0px 5px 0px 0px;
}

.RMMBtn-setColor {
    margin-right: 7px;
    float: left;
    margin-top: 1px;
    cursor: pointer;
}


.summaryCell_1 {
    text-align: left;
}

.summaryTextContainer {
    padding-left: 13px;
    text-align: center;
}
/***************CSS for Project complexity Grid**************************/
.prjectComplexity-gridRowArea.dxpgHeaderTable_UGITNavyBlueDevEx {
    background-color: #FFF;
    height: 32px;
    border-radius: 0px;
}

.prjectComplexity-gridRowArea.dxpgHeaderText_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderSort_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderFilter_UGITNavyBlueDevEx {
    background: #FFF;
}

.resourceUti-editBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
}

.allocationblockinner_sub {
    padding-top: 10px;
    width: 100%;
    margin: 0;
    clear: both;
}

.userValueBox-dropDown table {
    width: 100%;
    background: #FFF;
    max-width: 100% !important;
    border-radius: 4px;
    /*border: 1px solid #ccd4e1 !important;*/
}

    .userValueBox-dropDown table tr td table.bg-light-blue {
        padding: 0px;
    }

        .userValueBox-dropDown table tr td table.bg-light-blue:hover {
            background: #fff;
        }

.bg-light-blue td {
    background: #FFF !important;
}

    .bg-light-blue td.dxic input[type="text"] {
        height: 28px !important;
    }



/******************CSS  for Documents ****************/

.docPortal-chkBox {
    display: inline-block;
}

.defaultFolder-chkBox {
    display: inline-block;
    padding-left: 30px;
}

.newProDoc-chkBoxWrap {
    clear: both;
    padding: 5px;
}
/***********************CSS for admin->popup -> custom tabs**********************/
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
        display: inline-block;
        margin-bottom: 0px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
            background-color: transparent;
            padding: 10px 15px;
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #4A6EE2;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #4a6ee2;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #4A6EE2;
            position: relative;
            margin-bottom: 0px;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #4A6EE2;
                background-color: transparent;
                padding: 10px 15px;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
    clear: both;
    margin-left: 12px;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.gridBorder {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}

/*****************CSS for Service list*****************/
.serviceCatParent {
    box-shadow: 0px 2px 6px #c2c1c1;
}

.serviceitemlist-container.setTopauto {
    border: none !important;
}

.serviceitem-header {
    background: #FFF !important;
    box-shadow: none;
    border-bottom: 1px solid #f3f3f3 !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-family: "Roboto",sans serif;
    font-size: 12px;
}


/*****************CSS for service -> list view*******************/
.servcieCatalog_listView .ugit-contentcontainer {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    width: 74%;
    margin: 0px auto;
    clear: both;
    text-align: center;
}

    .servcieCatalog_listView .ugit-contentcontainer .pcategorycontainer {
        padding-left: 5px;
        margin-bottom: 10px;
        display: inline-block;
        min-height: 225px !important;
        /*width: 225px;*/
        padding-right: 20px;
    }

.service_listView .serviceItem-row .serviceitem {
    padding: 2px 5px 23px 5px !important;
    width: 100%;
    border-bottom: 1px solid #c8c7c7;
    text-align: left;
}

/*******************CSS for services -> dropDown view*************************/
.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboarpanels {
    padding-top: 5px;
    padding-bottom: 10px;
}*/

.DRQChart-container {
    border: 10px solid #F6F7FB;
    width: 100% !important;
    height: auto !important;
    float: left;
}

.tooltip.fade {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .tooltip.fade div {
        background: #fff !important;
        color: #000 !important;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    }

        .tooltip.fade div:before {
            background: red;
        }

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
    color: #000;
    box-shadow: none;
    background: none !important;
    /* box-shadow: 0px 0px 5px #000; */
}

    .tooltip.top .tooltip-arrow::after {
        content: "";
        border-top-color: #707070;
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        background: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: rgba(229, 229, 229, 0.96) transparent transparent transparent;
        bottom: 0px;
        margin-left: -8.8px;
        z-index: -1;
    }

.svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx, .svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx tr td.dxic input[type='text'] {
    cursor: not-allowed;
}

.bottomLinkWrap, .popupBottom-addLinkWrap {
    float: right;
    padding: 10px 0px;
}

.htmlBtnInput {
    background: #4A6EE2;
    color: #FFF;
    border: none;
    padding: 5px 18px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

/***************CSS for workFlow legends**************/
.workFlowLegend-container {
    padding-bottom: 25px;
}

/*.legend-waiting {
    color: #f69d17;
    border: 1px solid #f69d17;
    background-color: #f69d17;
}

.legend-complete {
    color: #11916a;
    border: 1px solid #11916a;
    background-color: #11916a;
}

.legend-inprogess {
    color: #074584c7;
    border: 1px solid #074584c7;
    background-color: #074584c7;
}*/
.legend-waiting {
    color: #E3E3E3;
    border: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.legend-complete {
    color: #C5FFD0;
    border: 1px solid #C5FFD0;
    background-color: #C5FFD0;
}

.legend-inprogess {
    color: #A7BEFF;
    border: 1px solid #A7BEFF;
    background-color: #A7BEFF;
}

.workFlow-img {
    float: right;
}

.chartTitle {
    clear: both;
    text-align: center;
}

.documentUpload-btnWrap {
    display: inline-block;
    /*margin-left:6px;*/
}

.document-linkWrap {
    margin-top: 10px;
}

.marginBT {
    margin-bottom: 10px;
}

/********************CSS for document management*********************/
/*.docUpload-container {
    border: 1px solid #ccd4e1;
    font-family: 'Roboto', sans-serif;
}
.docUploader, .docUploader .dx-button-mode-contained {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}*/

/*******************CSS for kanBan view****************/
.predecesser {
    width: 164px;
    word-break: break-all;
    white-space: normal;
}

/*committed because cite was hampering gantt view*/
.dx-treelist-content .dx-treelist-table {
    /*table-layout: auto !important;*/
}
/*.dx-treelist-table td.dx-treelist-cell-expandable{
    width:175px !important;
}
.dx-treelist-table td.dx-command-edit-with-icons{
    width: 65px !important;
    min-width: 65px !important;
}*/
.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    display: inline-block;
    margin: 0px auto;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-add:before {
    color: #38e138;
    font-size: 9px;
    border: 1.5px solid;
    border-radius: 50%;
    padding: 2px;
    font-weight: 900;
    text-align: center;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-delete:before {
    font-size: 14px;
    color: #9b9a9a;
}
/********************CSS for PMM Edit ticket************************/
.headerCompactView {
    padding-top: 15px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    color: #4a6ee2;
    padding-left: 5px;
}
/*.contentView {
    padding-top: 15px;
}*/
.toolbar {
    padding-bottom: 15px;
}

    .toolbar .dx-toolbar-items-container .dx-toolbar-after {
        margin-right: 3px;
    }
/**************CSS for Run in background service*****************/
.BackgroundTaskcontainer {
    position: relative;
    bottom: 0px;
}

.runInBg-icon {
    z-index: 99999;
    position: fixed;
    width: 30px;
    bottom: 15px;
    left: 10px;
    cursor: pointer
}

.showArchiveBtn {
    background: #4A6EE2;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    padding: 0px;
}

.runInBg-grid {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .runInBg-grid .dx-datagrid-headers.dx-datagrid-nowrap {
        background-color: #f2f3f4;
        color: #9C9FB1;
        font-weight: 600;
    }

.showArchiveBtn:hover, .showArchiveBtn:focus {
    background: #4A6EE2;
    color: #FFF;
}

/**************Changes for PMM Edit ticket ******************/
.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-textbox.dx-texteditor {
    border: none;
}

.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-texteditor-input-container input[type="text"] {
    font-family: 'Roboto', sans-serif !important;
    color: #4A6EE2;
    font-size: 16px;
    font-weight: 500;
    padding-left: 5px;
}

.dx-widget.dx-dropdownbutton {
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    margin-right: 10px;
}

    .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
        /*color: #4A6EE2;*/
        font-family: 'Roboto', sans-serif !important;
        text-align: left;
        padding: 4px 0px 4px 12px;
        font-size: 12px;
        border: none;
    }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content {
            padding: 0 !important;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item:hover {
            background-color: #FFF;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i.dx-icon.dx-icon-spindown:before {
            color: #4A6EE2;
        }

.pmmEdit-listGridWrap {
    padding-left: 7px;
    padding-right: 4px;
}

.pmmEdit-listGrid .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
    top: -2px;
    left: 0;
}

/************CSS for list view grid**********/
.pmmEdit-listGrid .dx-treelist-headers {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #ecf1ff;
}

    .pmmEdit-listGrid .dx-treelist-headers table.dx-treelist-table tr td {
        /*text-align: left !important;*/
        font-size: 13px;
        border-right: none;
        border-left: none;
    }

.pmmEdit-listGrid .dx-treelist-container .dx-treelist-rowsview table.dx-treelist-table tr td.dx-command-drag {
    background-color: #e7ebf8;
}

.assigneeToImg {
    width: 18px;
    float: right;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    border-right: none;
    /*border-left: none;*/
}

.pmmEdit-linkWrap {
    margin-top: 15px;
    float: right;
}

    .pmmEdit-linkWrap .btnAddNew {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        .pmmEdit-linkWrap .btnAddNew:hover {
            background: #FFF;
        }

.dx-scrollview-content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

/*********CSS for available resource popup ****************/
.devExtRadioGroup {
    padding-bottom: 10px;
}

    .devExtRadioGroup .dx-item.dx-radiobutton {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

    .devExtRadioGroup .dx-radiobutton-icon:before {
        width: 14px;
        height: 14px;
        border: 1px solid #4A6EE2;
    }

    .devExtRadioGroup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
        margin-top: -12px;
        margin-left: 4px;
        width: 8px;
        height: 8px;
        background: #4A6EE2;
    }

.chkFilterCheck {
    padding-right: 15px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    width: 145px;
    padding-top: 4px;
}

    .chkFilterCheck .dx-checkbox-icon {
        width: 18px;
        height: 18px;
        border: 1px solid #4A6EE2;
        font: 12px/16px DXIcons;
        color: #4A6EE2;
    }

    .chkFilterCheck.dx-checkbox-checked .dx-checkbox-icon:before {
        width: 16px;
        margin-left: -8px;
        margin-top: -8px;
    }

.filterctrl-jobDepartment {
    clear: both;
}

.filterctrl-jobDepartment, .filterctrl-jobtitle, .filterctrl-userpicker {
    margin-top: 6px;
    padding-left: 15px;
    border: none !important;
}

    .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper,
    .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper,
    .filterctrl-userpicker .dx-dropdowneditor-input-wrapper {
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-userpicker .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
            color: #4A6EE2;
        }

    .filterctrl-jobDepartment.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobDepartment.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

/******************CSS for PMM Add Ticket************************/
.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.devExtLabel {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #4A6EE2;
    font-weight: 500;
    margin-top: 15px;
}

.NewProjectScreenRow {
    padding: 0px;
    width: 100%;
    margin-top: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .NewProjectScreenRow.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .NewProjectScreenRow.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

    .NewProjectScreenRow .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        color: #4A6EE2;
    }

.devExtChkBoxWrap {
    /*margin-top: 15px;*/
    padding-left: 18px;
}

.pmmAdd-chkBox {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-top: 15px;
    width: 100px
}

    .pmmAdd-chkBox.dx-checkbox-checked .dx-checkbox-icon {
        font: 10px/16px DXIcons;
        color: #4A6EE2;
    }

    .pmmAdd-chkBox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
        border: 1px solid #4a6ee2;
    }

.primary-dvExtBtn {
    background-color: #4A6EE2 !important;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: right;
    margin-left: 7px;
}

    .primary-dvExtBtn .dx-button-content {
        padding: 5px 18px 5px;
    }

.secondary-devExtBtn {
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border: 1px solid #4A6EE2;
}

    .secondary-devExtBtn .dx-button-content {
        border: 1px solid #4A6EE2;
        border-radius: 4px;
        padding: 5px 18px 5px;
    }

.devExt-fileUploadCtrl {
    padding-top: 10px;
}

    .devExt-fileUploadCtrl .dx-fileuploader-wrapper {
        padding-left: 0px;
    }

        .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button {
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            color: #4a6ee2;
        }

            .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button.dx-state-hover {
                background: #fff;
            }

.nprProject-gridWrap, .nprTemplate-gridWrap {
    padding-top: 10px;
    padding-left: 18px;
}

.nprProject-grid, .nprTemplate-grid {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .nprProject-grid .dx-datagrid, .nprTemplate-grid .dx-datagrid {
        border: 1px solid #ddd;
    }

.margin-right10 {
    margin-right: 15px;
}

.margin-left10 {
    margin-left: 10px;
}


/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}


/**amar */
/*workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}



/*/css for workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

.step_number img {
    width: 20px;
    display: none;
    filter: brightness(90);
    vertical-align: -webkit-baseline-middle;
    margin-top: 4px;
}

.step_content.active .step_number {
    background: #89df94;
}

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/************CSS for Help Card*************/
.helpCard-listWrap, .helpCard-templateWrap {
    display: inline-block;
    /*width: auto;*/
    padding: 15px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.wikiNav-menuWrap .dx-scrollable-wrapper {
    border: 1px solid #f5f5f5;
    top: 20px;
    box-shadow: 0px 0px 4px #eae7e7;
}

/*.dx-scrollview-content .dx-list-item:first-child {
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
}*/

.dx-scrollview-content .dx-list-item:first-child .wikiMenu-infoWrap .wikiMenu-title {
    color: #4a6ee2;
    font-size: 14px;
}

.dx-scrollview-content .dx-list-item.dx-state-focused:first-child {
    background-color: #fff !important;
}

.dx-scrollview-content .dx-list-item.dx-state-focused {
    background-color: #fff !important;
    color: #000 !important;
}

.dx-list-item .dx-list-item-content {
    padding: 10px 5px;
}

.wiki-topDiv, .wiki-btnDiv {
    display: block;
    clear: both;
}

.helpCard-titleWrap {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    padding-right: 0px;
    color: #4A6EE2;
    text-transform: uppercase;
}

.wilkiInfo-container {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
}

/*.wikiTitle-container {
    padding-top: 8px;
}*/

/*.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-active,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-focused,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}*/

.HelpCardTiles .dx-scrollable-content .dx-item, .divHelpCardView .dx-scrollable-content .dx-item {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

    .HelpCardTiles .dx-scrollable-content .dx-item:not(.dx-buttongroup-item):hover, .divHelpCardView .dx-scrollable-content .dx-item:not(.dx-buttongroup-item):hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.dxtPrimary-btn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #fff;
    font: 14px 'Roboto', sans-serif;
    font-weight: 600;
}

    .dxtPrimary-btn.dx-state-hover,
    .dxtPrimary-btn.dx-state-focused,
    .dxtPrimary-btn.dx-state-active {
        background: #4A6EE2;
        background-color: #4A6EE2 !important;
        border: 1px solid #4A6EE2;
        color: #fff !important;
    }

.edit-helpCard {
    margin-bottom: 6px;
    float: right;
    clear: both;
}

.flashCard-container {
    width: 341px;
    margin: 0px auto;
    border: 1px solid #FFF;
    height: 495px;
    overflow-y: auto;
    padding: 10px;
    box-shadow: 0px 0px 4px #888888;
    clear: both;
}

    .flashCard-container img {
        max-width: 100%;
    }

.chkFilterCheckFlashCard {
    float: right;
    padding-left: 12px;
    padding-top: 7px;
    padding-right: 8px;
}

    .chkFilterCheckFlashCard .dx-checkbox-container .dx-checkbox-icon {
        width: 18px;
        height: 18px;
    }

.dxtSecondary-btn {
    background: #FFF;
    color: #4A6EE2;
    float: right;
    border: 1px solid #4A6EE2;
    font: 14px 'Roboto', sans-serif;
    font-weight: 600;
    margin-left: 10px;
}

    .dxtSecondary-btn.dx-state-hover,
    .dxtSecondary-btn.dx-button-mode-contained.dx-state-focused {
        background: #FFF;
        color: #4A6EE2;
        border: 1px solid #4A6EE2;
    }

.flashCard-catList .dx-scrollview-content .dx-item.dx-state-active,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-focused,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}

/************Help card Add popup**********/
.helpCardTitle-textBox, .HelpCard-Category {
    width: 95%;
}

    .helpCardTitle-textBox .dx-texteditor-input-container input[type="text"],
    .HelpCard-Category .dx-texteditor-input-container input[type="text"] {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

    .helpCardTitle-textBox .dx-texteditor-input-container .dx-placeholder,
    .HelpCard-Category .dx-texteditor-input-container .dx-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.mandatoryField {
    display: inline-block;
    float: right;
}

.helpcard-btnWrap {
    padding-bottom: 20px;
}

.showArchive-chkBox {
    float: right;
    font-family: 'Roboto', sans-serif;
}

    .showArchive-chkBox .dx-checkbox-container .dx-checkbox-icon {
        float: right;
        width: 18px;
        height: 18px;
    }

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

/*.step_number img {
    width: 18px;
    filter: brightness(9);
}*/

.step_content.active .step_number {
    background: #89df94;
}

    .step_content.active .step_number.nodeOnhold {
        background: #ffaaaa !important;
    }

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/*****************************************
    New CSS for left menu and header
******************************************/
.post-thumb .header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
}

.headerPage-mesage {
    padding: 26px 15px 0px 0px;
    float: right;
    right: 20px;
}

.meassageBord {
    float: right;
    padding-left: 40px;
}

.pageTitle p {
    font-size: 22px;
    color: #4A90E2;
}

.messageListWrap li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 10px;
}

.userProfile-headerContainer {
    width: 100%;
    float: right;
}

.messageListWrap {
    padding-left: 0px;
}

.msgBoard-dropdown-toggle, .warningBoard-dropdown-toggle, .sucessBoard-dropdown-toggle {
    cursor: pointer;
    width: 18px;
}

.alertMsgContainer, .warningMsgContainer, .sucessMsgContainer {
    position: relative;
}

#alertMsgCount {
    border: 1px solid red;
    color: red;
}

#warningMsgCount {
    border: 1px solid #FFA602;
    color: #FFA602;
}

#messageSuccess {
    border: 1px solid #27922C;
    color: #27922C;
}

.msg-count {
    display: inline-block;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    padding: 2px 5px;
    font-weight: 700;
    text-align: center;
    top: -11px;
    left: 7px;
}

ul.msgDropdown {
    display: none;
    position: absolute;
    min-width: 274px;
    padding: 1px;
    border-radius: 4px;
    z-index: 9;
    top: 30px;
    background: #fff;
}

.alertDropDown {
    left: -127px;
    border: 1px solid red;
}

.warningDropdown {
    right: -121px;
    border: 1px solid #FFA500;
}

.sucessDropdown {
    right: -118px;
    border: 1px solid green;
}
/* up arrow*/
ul.alertDropDown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 126px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: red transparent;
}

ul.alertDropDown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 128px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.warningDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 121px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: #FFA500 transparent;
}

ul.warningDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 122px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.sucessDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 117px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: green transparent;
}

ul.sucessDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 118px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.msgDropdown li {
    list-style-type: none;
    border-top: 1px solid lightgrey;
    display: block;
    padding: 6px 15px;
    background: #FFF;
    word-break: break-word;
    font: 12px 'Roboto', sans-serif !important;
    border-right: 0px;
}

    ul.msgDropdown li:hover {
        background-color: #eee;
    }

    ul.msgDropdown li:first-child {
        list-style-type: none;
        border-top: none;
    }


/************************************
    global search UI changes
*************************************/

.globalSearch-container {
    display: inline-block;
    float: right;
}

.globalSearch-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

.SearchInput {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: #FFF !important;
    height: 30px;
}

.SearchInputPopup {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    height: 30px;
}

.globalSearch-icon, .globalSearch-icon:hover, .globalSearch-icon:active, .globalSearch-icon:focus, .globalSearch-icon:active:hover {
    background: transparent;
    padding: 4px 10px;
}

    .globalSearch-icon i {
        color: #FFF;
        font-size: 14px;
    }

.headerLogo-imgWrap {
    height: 15px;
    width: 50px;
    /*max-width: 170px;*/
    max-height: 15px;
    /*padding: 5px 0px;*/
}

.logoText1 .pointer {
    width: 100%;
    height: 52px;
    object-fit: contain;
    object-position: left;
}

.customNavbar {
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 99;
    width: 100%;
}

/****************new css for left side Menu***************/
.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed.dxnb-headerCollapsedHover img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.collapseListItem div span {
    color: #fff !important;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

    .collapseListItem div span:hover {
        color: #fff;
    }

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header.dxnb-headerHover img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
}

.homeDashboard_menuListWrap li a.leftMenu_listItem div span {
    /*color: #c7cfda !important;*/
    color: #FFF !important;
}

.popup_wrap .homeDashboard_content_wrap {
    padding-top: 0px;
}

.dbNew-btn .dxb {
    padding: 2px 7px !important;
    border: none !important;
}

    .dbNew-btn .dxb img {
        margin-left: 15px !important;
    }

.db-quickTicket div.dxb {
    padding: 2px 7px 1px !important;
    border: none !important;
}

    .db-quickTicket div.dxb span {
        float: right
    }

    .db-quickTicket div.dxb img {
        margin-right: 3px;
        width: 14px;
    }

.iframeDialog {
    border: none;
    width: 100%;
}

/*.responsiv_nextBtn {
    margin-right: 13px
}*/

/****************************************
    CSS for fixed custom menu Bar

*****************************************/
.leftSideBottomMenu-container {
    position: relative;
    /*z-index: 99999;*/
    padding-left: 2px !important;
    top: 37px;
    background: none !important;
    border: none !important;
    width: 100% !important;
    display: block;
}

    .leftSideBottomMenu-container li {
        list-style-type: none;
        padding: 10px 0px;
        background: none !important;
        min-width: 54px !important;
    }

        .leftSideBottomMenu-container li.dxm-selected {
            cursor: pointer !important;
        }

        .leftSideBottomMenu-container li.dxm-disabled {
            cursor: not-allowed !important;
        }

/*********************************
    CSS for header submenu
**********************************/
.fixedMenu-subMenuItemUl {
    background: #70747b;
}

    .fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-hovered, .fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-selected {
        background: #565D67 !important;
        border: none;
        padding: 6px 3px;
    }

.fixedMenu-subMenuItem a.dxm-content.dx {
    padding: 3px 3px 3px 8px;
}

.fixedMenu-subMenuItemContainer {
    width: auto !important;
    min-width: 52px !important;
    background-color: #70747b !important;
    border: 1px solid #70747b !important;
}

.fixedMenu-subItemWrap {
    z-index: 9999999 !important;
}

.leftSideBottomMenu-container .fa.fa-angle-right:before {
    display: none;
}

.hideBottomMenu {
    display: none;
}

.fixedMenu-subMenuItem {
    padding: 4px 3px;
}

.fixedMenu-itemlabel {
    color: #FFF;
    font-size: 14px;
    border: 1px solid #aeaeae;
    padding: 10px 0px;
    width: 30px;
    text-align: center;
}

.fixedMenu-subMenuItemContainer ul.fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem {
    padding-left: 0px !important;
}

.barcharts-progress.xs {
    height: 20px !important;
    margin-bottom: 15px !important;
}

    .barcharts-progress.xs .progress-bar {
        border-radius: 0px !important;
    }

.kpiresult {
    padding: 0;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.dashboardkpi-txt {
    word-break: break-word;
}

.chartCount {
    position: relative;
    float: right;
    /*position: absolute;
    top: 3px;
    left: 236%;
    z-index: 99;
    color: #FFF;
    font-size: 16px;*/
}

.homeDashboard_chartContent_elementWrap {
    margin-top: 20px;
}

.detailviewresource-main {
    float: left;
    width: 100%;
    margin: 16px 0px 35px;
}


/********************************CSS for RMM - Resource allocation card view********************************/
.rmm-managerCard {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    height: 250px;
    position: relative;
    border-radius: 6px;
}

.card-inner-container {
    text-align: center;
}

.resource-img-container {
    border-radius: 50%;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .resource-img-container img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        max-height: 90px;
    }

.user-manager-name {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
}

.user-edit-icon {
    position: absolute;
    top: 23%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 57%;
    background: #092da0;
    cursor: pointer;
}

    .user-edit-icon > img {
        width: 14px;
        filter: brightness(9);
    }

.card-inner-data {
    font-size: 14px;
    color: #000;
}

    .card-inner-data span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

.card-allocationBar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

    .card-allocationBar .emptyProgressBar {
        /*border: 1px solid #E24A7A !important;
    background: #E24A7A;
    border-radius: 0;
    height: 17px;*/
    }

        .card-allocationBar .emptyProgressBar .progressbarhold {
            /*height: 17px;
    border-radius: 0;*/
        }

        .card-allocationBar .emptyProgressBar .progressbar {
            /*height: 17px;
    border-radius: 0;*/
        }

.chkAllAssociate-chkBox {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    padding-left: 11px;
}

.resource-card {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    position: relative;
}

    .resource-card:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.associate-Card .dx-item.dx-tile {
    border: none !important;
}

.usercardcheck {
    margin: 0 10px !important;
}

.cardData-title {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}

.cardResource-edit-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 29%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 56%;
    background: #092da0;
    cursor: pointer;
}



.cardResource-edit-icon-disabled {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    /*border: 1.5px solid #092da0;*/
    border-radius: 50%;
    padding: 2px;
    left: 63%;
    /*background: #092da0;*/
    cursor: pointer;
}

    .cardResource-edit-icon-disabled img.jqtooltip {
        vertical-align: middle;
        margin-bottom: 7px;
        margin-left: 2px;
        width: 14px;
        filter: brightness(9);
    }

.cardResource-edit-icon img.jqtooltip {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 2px;
    width: 14px;
    filter: brightness(9);
}

.cardResource-edit-icon .movedown-icon {
    position: absolute;
    right: 65px;
}

.users-manager {
    height: 24px;
    position: absolute;
    top: 21%;
    padding: 2px;
    left: 30%;
    cursor: pointer;
}

.contentPane .managementcontrol-main .bulkUser-addtable {
    width: 100%;
}

/*.cardResource-edit-icon img:last-child {
    position: absolute;
    width: 9px;
    top: 232%;
    right: -124%;
}*/

.resourceCard-innerData {
    font-size: 14px;
    color: #000;
    text-align: center;
}

    .resourceCard-innerData span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

.resourcecard-allocationBar .emptyProgressBar .progressbarhold {
    height: 17px;
    border-radius: 0;
}

.resourcecard-allocationBar .emptyProgressBar .progressbar {
    height: 17px;
    border-radius: 0;
}

.resourcecard-allocationBar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.leftMenu_listItem img, .leftSideBottomMenu-container ul li.dxm-subMenu div.fa.fa-angle-right img,
.homeDashboard_menuListWrap li a.collapseListItem img {
    filter: brightness(9);
}

.editHelpCardInline {
    border: none;
    background-color: transparent;
}


/**********************CSS for file upload control********************/
.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #ccd4e1;
}

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx {
        width: 100%;
        font-family: 'Roboto', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        background: none;
        border-radius: 0px 4px 4px 0px;
        border: 1px solid #ccd4e1;
        border-left: 0;
        padding: 10px 15px;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx input.dxucEditArea_UGITNavyBlueDevEx {
        width: 100%;
        text-align: center;
        font-family: 'Roboto', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxCB {
        border-radius: 0px;
    }


/************************************************************
    Edit task popup new UI
*************************************************************/
.edit-task-popup-container {
    border: 1px solid #f0f0f0;
}

.section-heading {
    background: #f0f0f0;
}

/****************************CSS for devexpress project card************/
.devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx {
    /*    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
*/ border: 1px solid #CCC;
    background-color: #FFF;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
}

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx div.dxflFormLayout_UGITNavyBlueDevEx.dxflViewFormLayoutSys {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.subticketaction {
    /*padding-top: 4px;*/
    float: none;
    display: inline-block;
}


.devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx {
    display: flex;
    background: #FFF;
    padding: 12px 20px;
}

    .devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx .dxcvHeader_UGITNavyBlueDevEx {
        margin-right: 10px;
        background: #FFF;
        border: 1px solid black;
        border-radius: 4px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

/*******************CSS for predecessors**************/
.predecessors-wrap {
    border: 1px solid #CCC;
}

.tvpredecessorstasks ul {
    background: #FFF;
}

.aspxUserTokenBox-control tr td.dxic input[type="text"] {
    min-height: 28px;
}

.dxFirefox input.dxeTokenBoxInput_UGITNavyBlueDevEx[type="text"] {
    padding: 0;
    margin: 0;
}

.dxFirefox input[type="text"].dxeEditArea_UGITNavyBlueDevEx, .dxFirefox input[type="password"].dxeEditArea_UGITNavyBlueDevEx {
    margin-top: 0;
}

.dxeButtonEditSys td.dxictb {
    margin-bottom: 0;
}

.editTask-deleteIcon {
    margin-left: 20px;
    margin-top: 25px;
}

.aspTextBox {
    padding: 17px 10px;
}

.toolbar-accept-symbol {
    padding-right: 0 !important
}

    .toolbar-accept-symbol .dx-item-content.dx-toolbar-item-content {
        margin-left: 25px;
    }

.pmmEdit-projectToolBar {
    background-color: #ecf1ff;
    /*padding: 5px;*/
}

.pmm-popup-container {
    padding: 3px 0 !important;
}

.pmmEdit-projectToolBar .dx-menu-items-container li {
    margin: 0 12px;
    font-family: 'Roboto', sans-serif;
}
    /*.pmmEdit-projectToolBar .dx-menu-items-container li:hover {
border-bottom: 2px solid #c8cddf;
}*/
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover {
        /*border-bottom: 2px solid #c8cddf;*/
        background-color: transparent;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover,
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected {
        /*background-color: #d1dfff;*/
        background-color: #b9ceff;
    }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover span,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected span {
            color: #191919;
        }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover img,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected img {
            filter: brightness(0.5);
        }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item img {
        filter: brightness(0.8);
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item .dx-item-content {
        margin: 3px 5px 3px;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item span {
        color: #848383;
        font-size: 12px;
    }

.edit-ticket-prev, .edit-ticket-next {
    color: #4A6EE2;
    display: inline-block;
    /*border: 1px solid #efeeee;*/
    border-radius: 4px;
    /*padding: 6px 8px;*/
}

.edit-ticket-ID {
    background-color: #f6f6f6;
    padding: 5px;
}

.get-help {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    display: inline-block;
}

.lifeCycle-content {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #959595;
}

.tskbehaviour-opt {
    margin-top: 7px;
}

    .tskbehaviour-opt label {
        float: left;
        margin-left: 7px;
        margin-right: 30px;
    }

        .tskbehaviour-opt label > img {
            float: right;
            width: 16px;
            margin-left: 5px;
        }

.edit-task-deleteBtn {
    margin-top: 4px;
    float: right;
    display: inline-block;
}

.edit-task-allocation {
    display: inline-block;
    width: 90%;
}

.addFile-label {
    color: #4A6EE2;
    font-size: 14px;
    padding-left: 5px;
    text-decoration: underline;
}

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

.dx-toolbar-before .dx-toolbar-button:first-child .dx-button-has-icon {
    margin-left: 6px;
}

.dx-toolbar-before .dx-toolbar-button .dx-button-has-icon .dx-button-content, .dx-toolbar-after .dx-toolbar-button .dx-button-has-icon .dx-button-content, .refreshButton .dx-button-content {
    padding: 5px;
}

.toolbar-list-item .dx-item-content.dx-list-item-content > div {
    display: inline-block;
    float: right;
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.toolbar-list-item .dx-item-content.dx-list-item-content div.dx-button.dx-button-normal {
    float: left;
    display: inline-block;
    /*width: 10%;*/
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.toolbar-list-item .dx-list-item-content {
    padding: 10px !important;
}

.toolbar-list-item {
    padding-left: 0px !important;
}



/**************************************************************
            CSS for home Search popup
***************************************************************/
.homeSearchDialog .ui-dialog-titlebar.ui-widget-header {
    display: none;
}

.homeSearchDialog.ui-widget.ui-widget-content {
    border-radius: 4px;
}

.noSearch-message {
    text-align: center;
    padding: 10px 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    clear: both;
}

.homeSearchDialog .search_Help_Popup {
    padding: 0;
}

.homeSearch-header {
    border-bottom: 1px solid #DDD;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

.search-header-Left {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
}

.search-header-right {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4A6EE2;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.search-wikilist-wrap {
    padding: 10px 15px;
    float: left;
    width: 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

    .search-wikilist-wrap ul, .search-helpCardlist-wrap ul {
        padding-left: 0px;
        padding-top: 15px;
    }

        .search-wikilist-wrap ul li, .search-helpCardlist-wrap ul li {
            list-style-type: none;
            margin-bottom: 10px;
            font-size: 12px;
            color: #000;
        }

.search-helpCardlist-wrap {
    padding: 10px 15px;
    float: right;
    width: 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

.noHelpCard-msg {
    color: #000;
    margin-top: 10px;
    font-size: 12px;
}
/**************************************************************
        CSS for PMM Grid action buttton 
***************************************************************/
.pmmGrid-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid rgb(184, 184, 184);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}

.pmm-actionAdd {
    cursor: pointer;
    float: right;
    margin: 1px 1px 1px 7px;
    width: 13px;
}

.pmm-action-description {
    float: right;
    height: 13px;
    width: 14px;
    margin-top: 1px;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td div#dataTitle .pmmGrid-actionBtnWrap {
    display: none;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr:hover td div#dataTitle .pmmGrid-actionBtnWrap {
    display: block;
}

.service-catlogdel-icon {
    width: 16px;
    margin-right: 5px;
}

li.dxtcLiteDisabled_UGITNavyBlueDevEx a.aspNetDisabled.dxtc-link:hover {
    cursor: not-allowed;
    color: #b1b1b8 !important;
}

.accomp-popup input[type="text"].asptextbox-asp.tokenTextBox {
    width: 91% !important;
}
/****************CSS for radio button list*****************/
.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.assetType-list {
    padding: 0 6px 10px;
}

.requestType-table {
    height: 200px;
    overflow-y: scroll;
    float: left;
    border: 1px solid;
    width: 100%;
    margin-top: 10px;
}

.queDueDate {
    margin-top: 3px;
}

    .queDueDate.aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 25px !important;
    }

.changeView-wrap {
    clear: both;
    display: inline-block;
    float: left;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.ticket_info_icon {
    text-align: center;
    clear: both;
    display: inline-block;
    float: right;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
}

.parentService-chkBox-wrap {
    margin-bottom: 15px;
}

.disableSLA-container {
    /*margin-top: 10px;*/
    /*border-top: 1px solid rgb(223, 219, 219);*/
    padding: 0px 15px 0;
    margin-left: 5px;
}

.taskReminder-container {
    /*border-top: 1px solid rgb(223, 219, 219);*/
    /*padding-top: 15px;*/
}


/*******************************CSS for Secondary checkbox************************/
.crm-checkWrap-secondary {
    display: inline-block;
}

    .crm-checkWrap-secondary input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-secondary label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-secondary label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap-secondary input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 1.5px 1.5px 0;
        transform: rotate(45deg);
    }
/*.budget_fieldLabel.secandary-feildLable {
    color: #acaaaa;
}*/
.addMore-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.taskReminders-checkWrap-textbox {
    padding-left: 23px;
    padding-bottom: 12px;
    clear: both;
    float: left;
    width: 100%;
}

.edit-ticket-error-msg-container {
    border: 1px solid #e1dddd;
    font-family: 'Roboto', sans-serif;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    width: 98.9%;
    margin-bottom: 15px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

.dx-treelist-select-all .dx-checkbox {
    left: 7px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

#parentSerWrap {
    width: 100%;
}

.reminderDays-dropdown {
    margin-right: 27px;
}

.toolbar-view-dropDown .dx-button.dx-button-has-text .dx-icon.dx-icon-right {
    float: right;
    margin-right: 7px;
}

.serviceCat-grayBg {
    background: #F0F0F0;
    clear: both;
}

/********************CSS for Aspx usertokenbox control*******************/
.aspxUserTokenBox-control {
    background-color: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

table.aspxUserTokenBox-control tr td {
    height: auto !important;
}

.aspxTokenBox-item table tr td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 350px;
}

.dxeToken_UGITNavyBlueDevEx.tokenBoxStyle {
    max-width: 100% !important;
    background: none !important;
}

    .dxeToken_UGITNavyBlueDevEx.tokenBoxStyle span.dxeTokenText_UGITNavyBlueDevEx {
        max-width: 80px !important;
    }

.peAssignedTo table.aspxUserTokenBox-control tr td.dxic input[type="text"]:focus {
    border: none !important;
}

.btnAddNew.dx-button, .grid-template-container, .history_date_time {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .btnAddNew.dx-button.dx-button-mode-contained {
        background-image: none;
        background-color: #4FA1D6 !important;
        color: white !important;
    }

.btnAddNewNoBackground.dx-button.dx-button-mode-contained {
    background-image: none;
    /*background-color: #4FA1D6 !important;*/
    border: none;
    color: white !important;
}

.btnAddNew.dx-button-mode-contained:not(.dx-state-hover):hover {
    background-color: #f5f5f5 !important;
}

.btnAddNew.dx-button.dx-button-mode-contained .dxb {
    padding: 7px 5px 7px;
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox .dxb::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 9px;
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.find-similar-projects .dxb::after {
    background-image: url(/content/Images/find-similar-projects.png);
    filter: brightness(0) invert(1);
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.preview-allocations .dxb::after {
    background-image: url(/content/Images/preview-allocations.png);
    filter: brightness(0) invert(1);
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.autofill-allocations .dxb::after {
    background-image: url(/content/Images/autofill-allocations.png);
    filter: brightness(0) invert(1);
}

.pmmStatus_btnchange-projectStage {
    padding-top: 13px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding-right: 5px;
}

    .pmmStatus_btnchange-projectStage a {
        float: right;
    }

.pmmStatus_projectSatgeDropDown {
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    /*width: 90%;*/
}

.budget-summary-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.worksheettable {
    font-family: 'Roboto', sans-serif;
}

.calenderyearnum {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
}

.CRMDueDate_inputField.homeDB-dateInput tr td.dxic input[type="text"] {
    height: 17px !important;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.pmm-constraints-table {
    border: 1px solid #dfdbdb;
    margin-bottom: 20px;
}

.pmm-constraints-table-td {
    border: 1px solid #dfdbdb;
    padding: 7px;
    font-size: 12px
}

#DivImportedItems {
    clear: both;
    padding-left: 3px;
}

/********************CSS for FormLayout Tab Rename Popup*******************/
.tabForm-chkWrap {
    margin-left: 10px;
}

.tabForm-btnWrap {
    clear: both;
    padding: 10px 7px;
}

    .tabForm-btnWrap ul {
        float: right;
    }

.Primary-BtnLinkWrap {
    display: inline-block;
    background: #4A6EE2;
    color: #FFF;
    padding: 4px 12px;
    border-radius: 4px;
}

.Primary-BtnLink {
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.secondary-BtnLinkWrap {
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 3px 12px;
    display: inline-block;
}

.secondary-BtnLink {
    color: #4A6EE2;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

    .secondary-BtnLink:hover {
        color: #4A6EE2;
        text-decoration: none;
        cursor: pointer;
    }

.Primary-BtnLink:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-input-container input[type="text"] {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-buttons-container .dx-button-normal.dx-button-mode-contained .dx-dropdowneditor-icon:before {
    color: #4A6EE2;
}

.dx-show-invalid-badge.dx-radiogroup .dx-item.dx-radiobutton .dx-item-content {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.modal-body.removePadding.Popup_dialog.isSvcPopup_bodyContainer {
    background: #fff !important;
}

.field_requesttypelookup_edit {
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

    .field_requesttypelookup_edit td.dxic input[type="text"] {
        height: 28px !important;
    }

.field_beneficiarieslookup_edit {
    max-width: 100% !important;
    /*padding: 0 3px !important;*/
}

    .field_beneficiarieslookup_edit tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important;
    }

.optionBtn_addLogo input.input-button-bg {
    color: #fff !important;
}

#ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_lnkbtnAddProjectComplexity .button-bg {
    font-size: 12px;
}

.chooseDepartment_lable {
    color: black;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 8px;
}

.multipledepartmentViewdiv {
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.pmm-similarProject-link {
    font-size: 12px;
    color: #4A6EE2;
    margin-bottom: 0;
    margin-top: 7px;
}

/******************CSS for similar project Popup**************/
.similarProject-popup .dx-toolbar-items-container .dx-toolbar-item-content > div {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child {
    padding-left: 0px;
}

    .projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child .dx-list-item-content {
        padding: 10px 5px 10px;
    }

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon:before {
    width: 15px;
    height: 15px;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    margin-top: -12.5px;
    margin-left: 4.5px;
    width: 8px;
    height: 8px;
}

.importBtnWrap {
    padding: 15px;
}

.selected-projectID {
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

.project-remove-img {
    margin-top: 3px;
    margin-left: 5px;
}

.templateTask-grid .dx-toolbar-items-container .dx-toolbar-label {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

.templateTask-grid .dx-popup-content .dx-treelist {
    border: 1px solid #ccd4e1 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
/*******************************************************
    CSS GANTT VIEW  
********************************************************/
.gantta-toolbarBtn .dx-button.dx-button-normal.dx-button-mode-contained.dx-state-hover {
    background: #fff;
}

.gantta-toolbarBtn .dx-button.dx-button-normal .dx-button-content {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    color: #4A6EE2;
    padding: 5px 15px;
}

.gantt-container {
    font-family: 'Roboto', sans-serif;
}

    .gantt-container .dx-gantt-view .dx-gantt-header {
        color: #4b4b4b;
    }

    .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table {
        font-family: 'Roboto', sans-serif;
        color: #4b4b4b;
    }

        .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table tr td .dx-treelist-text-content {
            font-size: 14px;
            /*white-space: normal;*/
        }

    .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap {
        font-family: 'Roboto', sans-serif;
    }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap table.dx-treelist-table tr td {
            /*font-size: 12px;*/
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-collapsed span:before {
            content: "\f0fe";
            position: absolute;
            display: block;
            width: 14px;
            top: 0;
            left: 4px;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-expanded span:before {
            content: "\f146";
            position: absolute;
            display: block;
            width: 14px;
            top: 0;
            left: 4px;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

    .gantt-container .dx-gantt-view .dx-scrollview.dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
        overflow-y: hidden !important;
    }

.monitorLabel {
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #191919;
}

.monitorContainer {
    /*border: 1px solid #ecf1ff;*/
    border-bottom: none;
    width: auto;
    float: left;
    position: relative;
    top: 3px;
    padding: 3px 10px;
    background-color: #f5f5f5;
    padding: 8px 15px;
    /*border-radius: 4px;*/
}

    .monitorContainer.ugitlight1lighter {
        background-color: #f5f5f5;
        border-top: 3px solid #8c8484;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        margin-bottom: 2px;
        z-index: 99;
    }

.monitor-content {
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5;
}

.monitor-content-label {
    margin-bottom: 3px;
}

    .monitor-content-label span, .score-label {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.monitor-content-feild {
    margin-bottom: 15px;
    clear: both;
    float: left;
    width: 100%;
}

.EditTicket-popupTextarea {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 0 7px;
}

.total-score {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
}
/******************CSS for PMM Monitors tooltip**************/
div.tip-violet {
    padding: 8px;
    background-color: white;
    border: 1px solid;
}

.importWizard-ticketId, .projectList-radioBtnList .dx-scrollview-content .dx-list-item {
    cursor: default;
}

.importWizard-previewlink {
    cursor: pointer;
}

.homeGrid_dataRow.importTask-Grid-DataRow.dxgvSelectedRow_UGITNavyBlueDevEx, .homeGrid_dataRow.importTask-Grid-DataRow:hover {
    cursor: pointer;
    background-color: #e1dddd !important;
}

.managementcontrol-main.tasklist-popup-container {
    min-height: 500px;
    overflow-y: visible !important;
}

.anchorRootMenuItem.leftMenu_listItem span {
    color: #fff !important;
}

.dxnb-content .anchorRootMenuItem img {
    max-height: 20px !important;
    max-width: 20px !important;
    float: right;
}

.dxm-popup .dxm-content .anchorRootMenuItem img {
    max-height: 20px !important;
    max-width: 20px !important;
    float: right;
}

.dxm-popup .dxm-content .anchorRootMenuItem .fleft {
    padding-top: 5px;
    margin-right: 4px;
}

.dxnb-headerCollapsed img {
    max-width: 25px !important;
}

.dxnb-header img {
    max-width: 30px !important;
}

.homeDashboard_menuListWrap_notitle {
    display: inline-block;
    margin-top: -18px !important;
    transform: scale(1.3);
    margin-left: 20px !important;
    float: none !important;
}
/*****************************CSS for bottleneck chart***************/
.legend-close {
    color: #ff5d5d;
    border: 1px solid #ff5d5d;
    background-color: #ff5d5d;
}

.legend-next {
    color: #4fca66;
    border: 1px solid #4fca66;
    background-color: #4fca66;
}

.legend-ruturn {
    color: blue;
    border: 1px solid blue;
    background-color: blue;
}

.svc-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid #e9e6e6;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: -19px;
    z-index: 9999;
    display: none;
}

.divHelp:hover div.svc-actionBtnWrap {
    display: block;
}
/****************CSS for services and catlog upload file *********************/
.add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl {
    width: 400px !important;
    max-width: 100% !important;
    border-radius: 4px;
    background: #FFF !important;
    border-color: #ccd4e1;
    border: 1px solid #ccd4e1;
    border-collapse: initial;
    margin: 23px auto 0;
}

    .add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        border: none !important;
    }

.add-file-doc .fileUploadIcon .uploadedFileContainer {
    margin: 5px auto;
    width: 400px;
}

.employee-name.form-group table.radiodropdownctr.equ_details_radiobtn tr td > span label {
    color: #4a6ee2;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    margin-left: 7px;
}

.employee-name.form-group .radiodropdownctr.equ_details_radiobtn {
    width: 100%;
}

.field_departmentlookup_edit.all-input.form-control {
    padding: 3px;
    height: auto;
    width: 100%;
    max-width: 100% !important;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-collapsed span:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-expanded span:before {
    content: "\f146";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.template-preview-grid-col .dx-treelist-text-content {
    margin-left: 15px;
}

.template-preview-grid-col-date {
    padding-left: 22px;
}

.primary-btn-link {
    float: right;
    background: #4fa1d6;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
}

    .primary-btn-link:hover {
        color: #fff;
    }

.formLayout-addPopupContainer {
    background: #FFF;
    position: initial;
}

.primary-btn-link img {
    filter: brightness(9);
    width: 11px;
    margin-right: 8px;
    float: left;
    margin-top: 3px;
}

.primary-btn-link .phrasesAdd-label {
    color: #fff !important;
}

.crm-checkWrap2 label {
    position: relative;
    cursor: pointer;
    font: 13px 'Roboto', sans-serif;
    color: #4a6ee2;
    margin-top: -20px;
}

.labelfloating {
    float: left !important;
    margin-top: 14px;
}


/**************************************************
    CSS FOR CIRCULAR CHARRT
**************************************************/
.kpitr.cicularChart-container {
    position: relative;
    float: left;
}

    .kpitr.cicularChart-container .progress.barcharts-progress.xs {
        border-radius: 50%;
        height: 100px !important;
        width: 100px;
        position: relative;
        float: left;
        margin-bottom: 74px !important;
        margin-right: 0px;
        margin-left: 38px;
    }

.cicular-progress {
    position: absolute;
    background: #FFF;
    height: 83px;
    width: 83px;
    border-radius: 50%;
    left: 8.5px;
    right: 0;
    top: 9px;
    color: #000;
}

    .cicular-progress > div {
        font-family: 'Roboto',sans-serif;
        font-size: 22px;
        margin-top: 28px;
    }

.kpiresult.circular-chart-label {
    padding: 0;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    position: absolute;
    bottom: 41px;
    left: 20px;
    text-align: center;
    width: 100%;
}

.backtoAdmin {
    color: #4A6EE2;
    font-size: 20px;
    padding-top: 0px;
    display: inline-block;
    float: left;
}

.formLayout-headerWrap {
    padding-top: 15px;
}

.aspx-dropDown-edit {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspx-dropDown-edit tr td {
        background: #FFF;
        padding: 0 !important;
    }

        .aspx-dropDown-edit tr td input[type="text"] {
            height: 32px;
        }

.showDel-chkWrap {
    padding-bottom: 7px;
}

.division-manager .aspxUserTokenBox-control {
    width: 100%;
}

.migrate-popup-btnWrap {
    position: absolute;
    bottom: 0;
    right: 0;
}

.marginLeft15 {
    margin-left: 5px;
}

.primary-blueBtn .dxb img, .primary-linkBtn img {
    filter: brightness(9);
}

.field_box table.assetList-radioBtn {
    width: 45%;
}

.radio-btnList {
    margin-bottom: 10px;
}

.assignto-userToken .aspxUserTokenBox-control {
    width: 100%;
}

.agentBtnImg {
    width: 30px;
}

.fixed-popupBtnWrap {
    position: fixed;
    bottom: 52px;
    right: 17.7%;
    background: #FFF;
    width: 69%;
    padding: 5px 9px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
}

body {
    width: 100% !important;
    min-height: 100vh !important;
}

.dxselect-div, #divMemo {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.lifecycle-container {
    border: 1px solid #9da0aa;
    padding: 10px;
    float: left;
    width: 100%;
}

    .lifecycle-container table {
        padding: 5px;
        border: 1px solid #ccc;
        background: #fafafa;
    }

        .lifecycle-container table table td, .lifecycle-stages tr td {
            padding: 3px;
        }

.lifecycle-stages {
    padding: 5px;
    border: 1px solid #ccc;
}

.aspHyperLink {
    float: right;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #FFF;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}

    .aspHyperLink:hover {
        color: #fff;
    }

.imgReport {
    width: 16px;
}

.pmmedit_reportIcon {
    color: #4a6ee2;
}

.report-popupMenu ul li.dxm-item {
    border-bottom: 1px solid #cecbcb !important;
    color: #4A6EE2;
}

    .report-popupMenu ul li.dxm-item.dxm-hovered {
        background-color: #e9e8e8 !important;
        color: #4A6EE2;
        border: none;
        border-bottom: 1px solid #8e8e8e !important;
    }

.devExtDataGrid-headerRow {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-Q7Wal) repeat-x left top;
    color: #4b4b4b;
    font-weight: 500;
}

.devExtDataGrid-DataRow {
    border-bottom: 5px solid #f6f7fb !important;
}

.resourceVal {
    padding-left: 3px;
}

.aproval-alternate-row {
    background: #f9f8f8;
}

.aspLinkButton {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: right;
}

    .aspLinkButton:hover {
        color: #fff;
    }

.project-status-container {
    padding-bottom: 10px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

.project-status-header {
    padding: 10px 6px;
    background-color: #f1f2f6;
}

.projectStatusEditMode-container {
    border: 1px solid #e3dfdf;
    float: left;
    width: 100%;
    padding: 15px 0;
    border-radius: 4px;
}

/*status tab*/
.statusHeaderButton {
    margin: 0px 4px !important;
    float: left;
}

.projectScore-wrap {
    padding: 8px 7px 8px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
}

.archived-dataRow.homeGrid_dataRow {
    background: rgb(250 218 212) !important;
}

.contentPane {
    float: left;
    width: 100%;
    height: 100%;
}

.clssvcattach > a {
    border: none !important;
}

.linkDelete-icon {
    margin-left: 6px;
}

.ques-answer.rightSection {
    overflow: visible;
    float: left;
    width: 90%;
}

.module-chkList tr td label {
    margin-left: 5px;
}

.homeGrid_dataRow td a.deleteBtn-report {
    margin-left: 7px !important;
}

.toolbarWrap {
    float: right;
    background: #FFF;
    padding: 11px 11px 5px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #ccc;
}

    .cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i {
        color: #4A6EE2;
        width: 18px;
        font-size: 20px;
    }

.helpCardContainer .dx-texteditor-container .dx-button-mode-contained.dx-button-default {
    background: #fff;
}

.helpCardContainer {
    background: transparent !important;
    border: 1px solid #ccd4e1 !important;
}

#btn-Preview-Image {
    background: #FFF;
    /* display: block; */
    border: 1px solid #ccd4e1;
    padding: 4px 27px;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    position: absolute;
    top: 3px;
    left: 154px;
}

.closeCancel-fieldWrap {
    padding-bottom: 10px;
}

.wikiNav-menuWrap.dx-scrollable-native.dx-scrollable-native-generic {
    overflow-y: visible;
    overflow-x: visible;
    height: 100%;
}

/*.nprLookuplist .dxpcDropDown_UGITNavyBlueDevEx .dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content .dxgvCSD {
    overflow: visible !important;
    height: 100% !important;
}*/
.comment-days img {
    width: 12px;
    margin-right: 8px;
    height: 16px;
}

.adminWorkFlow-container {
    padding-top: 15px;
}

.expandCollapseIcons {
    margin-right: 15px;
    position: relative;
    top: 5px;
    left: -3px;
}

    .expandCollapseIcons img {
        cursor: pointer;
    }

.aspxColorEdit-gridDropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px !important;
    border-bottom-width: 1px !important;
    padding: 1px;
}

    .aspxColorEdit-gridDropDown tr td {
        background: #fff;
    }

        .aspxColorEdit-gridDropDown tr td.dxic input[type="text"] {
            height: 25px !important;
            background: #fff;
        }

.reportTitle {
    color: #4a6ee2;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 0;
    width: auto;
}

.module-chkListWrap {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%
}

.modal-body {
    background: #fff !important;
}

.cssassettimeline {
    display: block;
    text-align: right;
    width: 100%;
}

.rdFilterCriteria label {
    vertical-align: baseline;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-right: 8px;
}

.AspxTimeEdit-ctrl {
    width: 100%;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .AspxTimeEdit-ctrl tr td input[type="text"] {
        height: 28px !important;
    }

.emailBody-editIcon {
    /*    position: absolute;
    top: 0px;
    left: 20%;*/
    display: inline-block;
}

.aspxPopup-footer {
    background: #FFF !important;
    border: none;
    border-top: none !important;
}

    .aspxPopup-footer .dxpc-footerContent {
        padding: 10px 10px 10px 12px;
    }

.dxcheckbox {
    font-family: 'Roboto', sans-serif;
}

    .dxcheckbox tr td {
        padding-left: 0;
    }

        .dxcheckbox tr td label {
            color: #4A6EE2;
            font-size: 12px;
        }

.btnBlue-Secondary {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 15px;
    color: #4a6ee2;
    background: #fff;
}

.userctr.userValueBox-dropDown {
    width: 100% !important;
}

.dxAspx-radioBtnList {
    border-collapse: separate;
    width: 31% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.selectDropDown {
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

.lookupValueBox-edit, .lookupValueBox-dropown {
    width: 100%;
}

/*    .lookupValueBox-dropown div.dxpcDropDown_UGITNavyBlueDevEx.dxdd-root table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvCSD {
        height: auto !important;
    }
*/
.adminTab-pannel {
    background-color: #ecf1ff;
    padding: 0px 10px;
}

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder {
        padding: 12px 15px;
        background-color: #b9ceff;
    }

    .adminTab-pannel div .tabspan {
        padding: 12px 15px;
    }

        .adminTab-pannel div .tabspan a {
            font-size: 13px;
            color: #848383;
        }

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder a {
        color: #000;
    }

}

.lblStartDate {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.dxpcLite_UGITNavyBlueDevEx .dxpc-header, .dxdpLite_UGITNavyBlueDevEx .dxpc-header {
    background: #f0f0f0 !important;
}

.lookupValueBox-dropown div.dxpclW.dxpc-ddSys.dxdd-root table tr td div.dxgvCSD {
    height: auto !important;
}

.gridPager div.dxp-right span.dxp-comboBox input[type="text"] {
    width: 40px !important;
    height: 20px !important;
}

.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 13px;
}

.treeCss.deleteTicket-grid {
    border: 1px solid #d0d0d1;
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
}

    .treeCss.deleteTicket-grid > div {
        background: #fff !important;
    }

    .treeCss.deleteTicket-grid div table tr td input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 0px
    }

    .treeCss.deleteTicket-grid div table tr td a {
        font-size: 13px;
        color: #000;
    }

.delete-sucess-msg {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
    color: green;
    letter-spacing: 0.5px;
}

.homeGrid table.fieldactionusers {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.skipAddBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    padding: 5px 15px;
    margin-top: 25px;
}

.wiki-list-picker {
    display: inline-block;
    width: 50%;
}

/********************CSS for workflow chart****************************/
/*.contract_steptop_content .workflow-chart-outerCircle {
    border-radius: 50%;
    height: 39px;
    width: 38px;
    position: relative;
    cursor: pointer;
    background: gray;
}
.contract_steptop_content span.workflow-chart-innerCircle {
    background: #FFF;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 7%;
    top: 8%
}
.contract_steptop_content.workflowChart-wrap table tr td{
    background:none !important;
}
.contract_steptop_content span.workflow-chart-innerCircle i {
    top: 3px;
    left: 13px;
}*/


.table-responsive {
    overflow-x: unset;
}

.dxpc-sizeGrip.dxGridView_WindowResizer_UGITNavyBlueDevEx {
    position: absolute;
    right: 0;
    bottom: 0;
}

/************************JITU UI CHANGES**************************/
.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow [id*="ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_grid_tccell"] > div {
    width: 40px;
}

/*.dxgvControl_UGITNavyBlueDevEx.customgridview.homeGrid.dxgv .dxgvCSD {
    height: 320px !important;
}*/

.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow .dx-nowrap.dxgv.dxgRRB [id*="div_title_"] {
    width: 100% !important;
}

.tabContainer.field_heading .information-wrap.comment-tbl {
    margin-top: 10px;
}

.dxgvEditForm_UGITNavyBlueDevEx {
    background-color: #fff;
}

.dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
}

    .dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx textarea {
        border-radius: 4px;
        padding: 4px;
    }

.dxgvHeader_DevEx {
    padding: 10px 11px;
}

.linkViewContent .accomp_inputField {
    padding: 0;
    display: flex;
    align-items: center;
}

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

    .managementcontrolMainCus .ddlCategoryCus {
        display: flex;
        align-items: center;
    }

    .managementcontrolMainCus .accomp_inputField_linkViewCus {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

.authorizedTbleWidth .aspxUserTokenBox-control {
    width: 100%;
}

.resourceUti-filterWarp .resourceUti-label label {
    margin-left: 0;
    margin-right: 0;
}

.resourceUti-label label {
    margin-left: 0;
    font-weight: 600;
}

.donutCardProp {
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 12px #aaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .donutCardProp td:not(:last-child) {
        margin-bottom: 8px;
    }

.field_assetlookup {
    max-width: 300px !important;
}
.dxeButtonEdit_UGITNavyBlueDevEx,
.textFieldWidth {
    max-width: 300px !important;
}
.field_description_view,
.field_description_edit {
    height: 150px !important;
}

.dxdi-canvas .shape rect {
    stroke-width: 5;
}

/*.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
    margin-top: 10px;
}*/

.dxdpLite .dxpc-content .dxbButton.dxbButtonSys {
    margin-top: -8px;
}

.dxpcLite_UGITNavyBlueDevEx.dxpclW .aspxPopup.dxpc-shadow div.dxpc-contentWrapper {
    overflow: visible;
}

.rmmHome .userWelc .userWelcName, .rmmHome .userWelc .userWelcMssg, .rmmHome .divUserInfoMessage p {
    font-size: 14px;
    text-align: center;
    color: #333;
}

.rmmHome .userWelc {
    /*width: 162px;*/
    padding-left: 8px;
    overflow-wrap: break-word;
}

.rmmHome .divUserInfoMessage {
    padding-left: 12px;
    padding-right: 12px;
    flex-grow: 1;
}

.rmmHome #userInfoMessage .moreIcon {
    cursor: pointer;
}

.rmmHome .userImgBox {
    cursor: pointer;
    width: 93px;
    height: 93px;
    overflow: hidden;
    text-align: center;
    line-height: 125px;
    flex: 0 0 auto;
    border-radius: 50%;
    margin-top: 5px;
}

#divProjectView {
    flex-grow: 1;
}

    #divProjectView div.dx-scrollable-container, #divLeftPanel .dx-list-item .detailblock div.dx-scrollable-container {
        overflow: visible;
    }

    #divProjectView .dx-scrollview-content.dx-tileview-wrapper, #divLeftPanel .dx-list-item .detailblock .dx-scrollview-content.dx-tileview-wrapper {
        display: flex;
        height: auto;
        width: auto !important;
        justify-content: space-between;
    }

        #divProjectView .dx-scrollview-content.dx-tileview-wrapper .dx-item.dx-tile, #divLeftPanel .dx-list-item .detailblock .dx-scrollview-content.dx-tileview-wrapper .dx-item.dx-tile {
            border: none !important;
            position: static;
            height: 92px !important;
            /*    padding-left: 6px;
    padding-right: 6px;*/
            width: 110px !important;
            cursor: pointer;
        }

.paneldiv {
    text-align: center;
}

    .paneldiv .panelImgDiv {
        width: 50px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .paneldiv .panelImgDiv img {
            width: 100%;
        }

.tooltipp {
    position: relative;
    margin-bottom: 0;
}

    .tooltipp .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 99;
        opacity: 0;
        transition: opacity .6s;
        bottom: 34px;
        left: 50%;
        margin-left: -60px;
    }

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipp:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#divProjectView + .moreIcon, #divLeftPanel .dx-list-item .detailblock .moreIcon {
    z-index: 9;
    color: #4A6EE2;
    font-size: 18px;
    width: 26px;
    text-align: center;
}

#divLeftPanel .dx-list-item .detailblock .moreIcon {
    display: none;
}

#divLeftPanel .dx-list-item.dx-state-hover {
    background-color: transparent;
}

#listIcon {
    position: fixed;
    top: 0;
    left: 0;
}

#divLeftPanel {
    text-align: left;
}

    #divLeftPanel .dx-scrollbar-vertical.dx-scrollbar-hoverable {
        margin-right: -15px;
    }

    #divLeftPanel .dx-list-item {
        display: block;
        border: none;
        padding-top: 8px;
        padding-bottom: 8px;
        white-space: initial;
        overflow: visible;
    }

        #divLeftPanel .dx-list-item .detailblock .dRange .dxeBase_UGITNavyBlueDevEx {
            font-size: 13px;
        }

        #divLeftPanel .dx-list-item .itemblock {
            border-radius: 15px;
            box-shadow: 0 0 6px #ddd;
            height: 125px;
            padding: 6px;
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
            width: 124px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #divLeftPanel .dx-list-item .itemblock p {
                text-align: center;
                margin-bottom: 0;
                font-size: 14px;
                transition: color 0.3s;
                margin-top: 8px;
            }

            #divLeftPanel .dx-list-item .itemblock:hover p {
                color: #4A6EE2;
            }

        #divLeftPanel .dx-list-item .detailblock {
            border-radius: 15px;
            box-shadow: 0 0 6px #ddd;
            height: 125px;
            padding: 6px 45px;
            margin-left: 12px;
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
            width: 486px;
            color: #aaa;
        }

            #divLeftPanel .dx-list-item .detailblock .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-horizontal {
                display: none;
            }

            #divLeftPanel .dx-list-item .detailblock .panelImgDiv {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                overflow: hidden;
                flex: 0 0 auto;
            }

                #divLeftPanel .dx-list-item .detailblock .panelImgDiv img {
                    width: 100%;
                }

            #divLeftPanel .dx-list-item .detailblock .titleState > span.dxeBase_UGITNavyBlueDevEx {
                font-size: 16px;
                color: #000;
            }

            #divLeftPanel .dx-list-item .detailblock .titleState .secStat span.dxeBase_UGITNavyBlueDevEx {
                font-size: 16px;
                color: #767171;
            }

input[type="text"].dxeEditArea_UGITNavyBlueDevEx, input[type="password"].dxeEditArea_UGITNavyBlueDevEx,
input.dxeTokenBoxInput_UGITNavyBlueDevEx[type="text"] {
    margin: 0;
}

.dxeButtonEdit_UGITNavyBlueDevEx {
    font-size: 12px;
}

.dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container {
    padding: 1rem 1rem 0.5rem 1rem;
    background-color: transparent;
}

    .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer {
        overflow-x: auto;
        scrollbar-width: none;
        transition: all 0.4s;
        width: 550px;
    }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer:hover {
            scrollbar-width: thin;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar {
            height: 0;
            transition: all 0.4s ease;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer:hover::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar-track {
            background-color: #e4e4e4;
            border-radius: 25px;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 25px;
        }

    .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .row.dashboardService_catalogeContainer {
        display: flex;
    }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .row.dashboardService_catalogeContainer .pcategorycontainer {
            padding: 0;
            margin-bottom: 0;
        }

.diagonalLineTR {
    background-image: -o-linear-gradient(bottom left, transparent calc(50% - 1px), #999, transparent calc(50% + 1px));
    background-image: linear-gradient(to top right, transparent calc(50% - 1px), #999, transparent calc(50% + 1px));
}

.breadcrumbs {
    /*border: 1px solid #cbd2d9;
    border-radius: 0.3rem;*/
    display: inline-flex;
    overflow: hidden;
    box-shadow: 0 3px 6px #ddd;
}

.breadcrumbs__item {
    background: #ccc;
    color: #333;
    outline: none;
    padding: 0.75em 2.25em 0.75em 2.75em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
    font-weight: 700;
}

a.breadcrumbs__item:not(.is-active):visited {
    color: #333;
}

a.breadcrumbs__item:not(.is-active):hover {
    color: #4A6EE2;
}

/*        .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.is-active:after,
.breadcrumbs__item.is-active {
    background: #547CFF;
    color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
    background: #ccc;
    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: #fff;
    margin-left: 1px;
}

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

.breadcrumbs__item.is-done:after,
.breadcrumbs__item.is-done {
    background-color: #54FF7C;
}

.alert-attr {
    font-size: 20px;
    padding: 4px 12px;
    color: #fff;
    background-color: #2ab7c9;
}

.tabsSlideArrow {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}

.arrow-box {
    cursor: pointer;
    background-color: #fff;
    font-size: 24px;
    color: #2AB7C9;
    padding: 2px 11px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 8px #ccc;
    transition: transform 0.3s;
}

    .arrow-box:hover {
        transform: scale(1.1);
    }

hr.rmmcard {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #eee;
}

.timeSheetPndAppvl-count {
    padding: 1px;
    margin-left: 172px;
    border-radius: 50%;
    border-style: solid;
    border-color: orange;
    background-color: orange;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
}

.timesheet-count {
    position: absolute;
    padding: 4px;
    width: 30px;
    left: 78%;
    top: 11px;
    border-radius: 50%;
    border-style: solid;
    border-color: orange;
    background-color: orange;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}

.taskTextbox {
    width: 100%;
    background: #ffffff;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}

.HelpCardTiles .dx-scrollable-container .dx-scrollable-content .dx-item {
    overflow-y: auto;
}

.apsxDepTreeList {
    border: 1px solid #d0d0d1;
    font-family: 'Roboto', sans-serif !important;
    background-color: #fff;
    font-size: 12px;
}

.apsxDepTreeList-Header {
    color: #9C9FB1;
    padding: 10px 11px;
    font: 13px 'Roboto', sans-serif;
}

.apsxDepTreeList-wrap {
    padding-top: 10px;
}

.apsxDepTreeList-Node td {
    text-align: left !important;
    font-size: 12px;
    padding: 2px 11px !important;
    font-weight: 500;
    color: #737373;
    border-bottom: 5px solid #f6f7fb !important;
    font-family: 'Roboto', sans-serif;
}

    .apsxDepTreeList-Node td a {
        color: #4a6ee2;
    }

.chooseDepartment_list {
    height: 105px !important;
}

.btnIcon {
    border-color: #fff !important;
    background-color: #fff !important;
}

    .btnIcon img {
        height: 26px !important;
        width: 26px !important;
        filter: brightness(0.5);
    }

.dxpnlControl_UGITNavyBlueDevEx {
    font: 12px 'Roboto', sans-serif;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

#projectTeam_linkWrap .dx-button-has-icon .dx-button-content img {
    filter: brightness(0) invert(1);
}

.dxlp-imgPosTop {
    margin-bottom: 6px;
    width: 27px;
}

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');
/***************************Css for Responsive UI****************************************/


@media only screen and (max-width: 2560px){
    .homeDashboard_donutChart{width:95px !important; height:95px !important;margin-top:25px;}
    /*.priorityMedium {background-size:85%;}*/
    /*.priorityHigh {
        background-size: 85%;
    }
    .priorityHigh {
        background-size: 85%;
    }
    .priorityCritical{background-size:70%;}*/
    /*.svcDashboard_dropdown{width:30% !important;}*/
    .previousBtn_svcCreate{float:right !important;}
}

@media only screen and (max-width: 1400px) {
    .servicePrime-workFlow {
        padding-left: 105px;
    }
    /*.ques-answer.rightSection {
        float: left;
        width: 90%;
    }*/
}

@media only screen and (max-width: 1319px) {
    .servicePrime-workFlow {
        padding-left: 47px;
    }
    .servicePrime-prevArrow {
        left: -42px !important;
    }
    .servicePrime-nextArrow {
        right: -32px !important;
    }
    .searchPannelWrap-container {
        width: 100%;
        text-align: center;
        float: left;
    }
    .prblemStatement-inputWrap{
        float:none;
    }
}
@media only screen and (max-width: 1200px) {
    .headerPage-mesage{
        right:0;
    }
    .messageListWrap li {
        padding: 0px 9px;
    }
    .accomp-popup input[type="text"].asptextbox-asp.tokenTextBox {
        width: 88% !important;
    }
    .proT-rowDelete {
        text-align: left;
    }

    .menuContentCollaps_left {
        top: 45px !important;
    }
    /*.leftSide_menuExpandContainer {
        width: 230px !important;
        background-color: #fff;
    }*/

    /*.dashboard_leftSideMenuExpand {
        background-color: #fff;
        width: 245px !important;
        position: fixed;
    }*/

    /*.dashboardLeft_menuIcon {
        width: 3% !important;
    }*/

    /*.right_content {
        width: 75% !important;
    }*/

    .panelDashboard {
        margin: 10px 8px 0px 0px !important;
    }

    .homeRightPanel_chartContainer {
        width: 100% !important;
    }
    /*.svcDashboard_dropdown {width: 70% !important;}*/
}
@media only screen and (max-width: 1024px) {
   
    /**css For PMM scrum tab*****/
    .PmmScrum_btnContainer {
        margin-top: 25px !important;
    }
    /*.post-container {margin-left: 40px !important;}*/
    .noPaddingLeft {padding-right: 0px !important;}
    /*.categorylist-container {width: 21.6667% !important;}*/
    /*.serviceBoard_btnView {height: 125px !important;}*/
    .category_block, .service_block{width:37% !important;}
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    /*.myticketinner2 table.btn-secondary.dropdown-toggle {width: 30% !important;}*/
    /*.svcDashboard_dropdown {width: 84% !important;}*/
    .homeDashboard_chartSecWrap .dxpc-content{height:auto !important; width:auto !important;}


    .servicePrime-workFlow {
        padding-right: 46px;
        padding-left: 46px;
    }
    .servicePrime-workFlow .dxis-nbBottom{
        width: 100% !important;
    }
    .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper {
        width: 100% !important;
        overflow: scroll;
    }
    .servicePrime-prevArrow {
        left: -47px !important;
    }
    .servicePrime-nextArrow {
        right: -38px !important;
    }
    .headerPage-mesage {
        padding: 21px 0px 0px 0px;
    }
}
@media only screen and (max-width: 990px) {
    .title-sectionContainer {
        padding: 88px 0px 0px;
    }

    .leftSide_menuContainer {
        top: 87px;
    }
}
@media only screen and (max-width:900px) {
    /*.title-sectionContainer {
        padding: 92px 0px 0px;
    }*/
    .svcDashboard_drpDownWrap {
        margin-left: 5px;
    }
    /*.right_content {
        width: 65% !important;
    }*/
    .dashboardLeft_menuIcon {
        width: 50px !important;
    }

    .leftSide_menuExpandContainer {
        width: 250px !important;
        height: 40px;
    }
    /*.dashboard_leftSideMenuExpand {width: 251px !important;}*/
    .categorylist-container {
        width: 27.6667% !important;
    }

    .serviceBoard_btnView {
        padding: 10px 6px 10px 6px;
    }

    .pcategorycontainer {
        margin-left: 0px !important;
    }
    /*.pointer {width: 45px !important;margin-left: -15px}*/
    .rectangle {
        width: 27px !important;
        padding: 13px 0px !important;
    }
    /*.post-container {margin-left: 7px !important;}*/
    /*.noPaddingLeft {padding-left: 0px;padding-right: 0px;}*/
    .myticketinner2 table.btn-secondary.dropdown-toggle {
        width: 30% !important;
    }

    .service-block {
        margin-right: 0px;
    }

    .category_block {
        width: 41% !important;
    }
    /*.svcDashboard_dropdown {width: 40% !important;}*/
}
@media only screen and (max-width: 767px) {
    .title-sectionContainer {
        padding: 53px 0px 0px;
    }
    .leftSide_menuContainer {
        top: 53px;
    }
    .colForXS {
        width: 49%;
        display: inline-block;
        padding: 0px;
    }
    /*.right_content {width: 68% !important;}*/
    /*.pointer {width: 102px !important;}*/
    /*.rectangle {margin-right: 0px !important;}*/
    /*.post-container {margin-left: 10px !important;}*/
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .service-block{margin-right:0px;}
    .dashboard_goBtn_wrap{margin-left:46% !important;}
    .category_block{ width:52% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 40%;}*/
    /*.svcDashboard_dropdown {width: 79% !important;}*/
    .app-status-dv form {padding: 0px 50px 10px;}
    .visualization-title {font-size: 80px;}
    #btnStatus {margin: 20px 0px 0px;}
    .workFlowImg-wrap {top: 0 !important;}
    .legends-container {
        float: none !important;
        margin: 20px auto 20px;
        position: static;
    }
    .editTicket_fileUpload {width:100% !important;}
    .editTicket_fileUpload table tr .dxBB a {margin-left: 0;}

    /*************************************CSS for SVC Edit history tab****************/
    .history_img img{height:47px;}
}
@media only screen and (max-width: 740px) {
   
    .right_content {width: 65% !important;}
    /*.logoText1{margin-right:0px;}*/
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dashboard_goBtn{margin-left: 2%;}
    /*.svcDashboard_dropdown {width: 40% !important;}*/
    .table-responsive{border:none;}
}
@media only screen and (max-width: 640px) {
    .right_content {width: 60% !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dashboard_goBtn{margin-left: 2%;}
    .dashboard_goBtn_wrap {margin-left: 40% !important;}
    .category_block, .service_block {width: 100% !important;}
    /*.svcDashboard_dropdown {width: 50% !important;}*/
}
@media only screen and (max-width: 568px) {
    .right_content {width: 57% !important;}
    .dxpc-contentWrapper{display:block !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .myticketinner2 table.btn-secondary.dropdown-toggle{width: 43% !important;}
    .dashboard_goBtn{margin-left: 2%;}
    
    .dashboard_goBtn_wrap {margin-left: 40% !important;}
    .category_block, .service_block {width: 100% !important;}
    /*.svcDashboard_btnWrap{float:none;}*/
    /*.svcDashboard_actionBtnWrap {
        display: block !important;
        text-align: center !important;
        margin-top: 8px;
        margin-bottom: 12px;
    }*/
    /*.svcDashboard_quickTicketBtn{margin-left: 27px;}*/
     /****************************************************SVC ADD ticket popup*********************************************************************/
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .inner-cust-dropdown-menu{width:100%;}
    .select-style{width:100%; padding-right:0px;}
    .editTicket_fileUpload{margin-bottom:0px;}
    .editTicket_fileUpload tr td{padding:0px !important;}
    .uploadedFileContainer{margin: 5px 0px 5px 2px;}
    .next-cancel-but{margin:0px;}
    .next-cancel-but .next {width: 165px !important;padding: 9px 0px !important;}
    .previousL{padding: 5px 20px;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap{margin: 40px 0px 60px; padding:0px;}
    .svcCreateTicket_formCotainer{margin: 8px 0px 15px;padding: 0px;}
    .full_width{width:100%;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .applLegend {display: block;}
    .cust-main-popup .putting-ticket-sec h4 > span{font-size: 14px;}
    .question-wrap{padding-top: 0PX;padding-left: 15px;}
    .question-name span{font-size:14px; margin-bottom:0px;}
    .question-value span{font-size:14px;}
    .add-file-doc{margin-top:5%;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}

}
@media only screen and (max-width: 480px) {
    .title-sectionWrap {
        padding: 8px 17px 30px 68px;
    }
    .pageTitle {
        display: block;
        margin-bottom: 15px;
    }
    .guide-container {
        display: block;
    }
    .tenantName-wrap{
        float:left;
        display:block;
        border-right:0;
    }
    /********************CSS for home user dashboard *******************/
    .searchPannelWrap-container {
        /*width: 100%;
        margin: 0px auto;*/
        border-bottom: 10px solid #F6F7FB;
        /*float: left;*/
        padding: 12px 10px 20px 10px;
    }
    .prblemStatement-inputWrap {
        width: 87%;
    }
    .comment-tbl .comment-container .comment-action-buttons img{top:-104px;}
    .right_content {width: 48% !important;}
    /*.post-container{margin-left:3px !important;}*/
    /*.headerContent_profile{padding-left:0px;}*/
    /*.categorylist-container{width: 44.6667% !important;}*/
    .dashboard_goBtn{margin-left: 38%;}
    .myticketinner2 table.btn-secondary.dropdown-toggle{width: 51% !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dxpc-contentWrapper{display:block !important;}
    /*.svcDashboard_drpDownWrap{float:right !important; text-align:center !important;}*/
    /*.svcDashboard_quickTicketBtn{ margin-left:0px !important; margin-bottom:5px;}*/
    /****************************************************SVC ADD ticket popup*********************************************************************/
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .inner-cust-dropdown-menu{width:100%;}
    .select-style{width:100%; padding-right:0px;}
    .editTicket_fileUpload{margin-bottom:0px;}
    .editTicket_fileUpload tr td{padding:0px !important;}
    .uploadedFileContainer{margin: 5px 0px 5px 2px;}
    .next-cancel-but{margin:0px;}
    .next-cancel-but .next {width: 165px !important;padding: 9px 0px !important;}
    .previousL{padding: 5px 20px;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap{margin: 40px 0px 60px; padding:0px;}
    .svcCreateTicket_formCotainer{margin: 8px 0px 15px;padding: 0px;}
    .full_width{width:100%;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .applLegend {display: block;}
    .cust-main-popup .putting-ticket-sec h4 > span{font-size: 14px;}
    .question-wrap{padding-top: 0PX;padding-left: 15px;}
    .question-name span{font-size:14px; margin-bottom:0px;}
    .question-value span{font-size:14px;}
    .add-file-doc{margin-top:15%;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        /*display:inline-block !important;*/
        margin: auto !important;
    /* adding common width for all popups*/
        width: 100% !important;
    }
    .comment_text_wrap {
        margin-left:0px !important
    }
}
@media only screen and (max-width: 425px) {
   
    .right_content {
        width: 48% !important;
    }
    /*.logoText1 {margin-right: 0px;}*/
    /*.pointer {width: 107px !important;margin-left: 0px !important;}*/
    /*.homeDashboard_headerMenu_wrap {float: left !important;margin-left: 0px !important;}*/
    /*.rectangle {width: 48px !important;padding: 24px 0px !important;}*/
    /*.categorylist-container {width: 77% !important;}*/
    .myticketinner2 table.btn-secondary.dropdown-toggle {width: 63% !important;}
    .service_dropDownWrap{margin-left:0px;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dxpc-contentWrapper{display:block !important;}
    .dashboard_goBtn_wrap{margin-left:34% !important;}
    .dashboard_goBtn {margin-left: 3%;}
    .category_block, .service_block {width: 86% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 42%;}*/
    .homeDashboard_chartContent {width:285px !important;}
    /****************************************CSS for svc Create *******************************************************************************************/
    .uploadedFileContainer{margin: 5px 0px 5px 19px;}
    .next-cancel-but{margin: 5px 0;}
    .next-cancel-but .next {width: 135px !important;padding: 5px 0px !important;}
    .cust-main-popup .putting-ticket-sec h2 {font-size: 18px;margin-top: 18px;}
    .select-style label{margin-bottom: 0px; font-size: 15px;}
    .select-style select{font-size: 14px;}
    /*.svcDashboard_dropdown{width: 75% !important;}*/
    /****************************************************SVC Dashboard*********************************************************************/
    .page-container {
        min-width: 100% !important;
    }
    .ticket_contentWrap{border:none !important;}
    /****************************************************SVC ADD ticket popup*********************************************************************/
    .editTicket_fileUpload tr td{padding: 0px 15px !important;}
    .editTicket_fileUpload{margin-bottom:0px !important;}
    .previousL{ padding: 2px 18px;}
    .responsiv_nextBtn{float:right !important;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap, .svcCreateTicket_formCotainer{margin-left:0px; margin-right:0px; margin-bottom:10px;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .add-file-doc{margin-top:15%;}
    .applLegend {display: block;}
    .question-wrap{ padding-top: 0px;padding-left: 12px;}
    .question-name span{margin-bottom: -11px; font-size:14px;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .question-value span{font-size:14px;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        margin: auto !important;
        width:100% !important;
    }
    .comment_text_wrap {
        margin-left: 0 !important; 
    }
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: inline-block !important;
        float: left !important;
    }
    .comment-tbl .comment-container .comment-action-buttons img {
        top: -120px;
        right:0px;
    }
}
@media only screen and (max-width: 414px) {
    .right_content{width: 41% !important;}
    /*.svcModule_title{padding-left:15px;}*/
    /*.svcDashboard_dropdown {width: 65% !important;}*/
    .serviceCatParent {
        position: fixed !important;
        left: 20% !important;
        top: 50% !important;
        z-index: 999999 !important;
        height: auto !important;
    }
    .setTopauto .dxpc-contentWrapper{height:auto !important;}
}
@media only screen and (max-width: 375px) {

    /************CSS for Home user Dashboard**************************************/
    .searchPannelWrap-container {
        width: 100%;
        margin: 0px auto;
        border-bottom: 10px solid #F6F7FB;
        float: left;
        padding: 0px 10px 20px 10px;
    }
    .prblemStatement-inputWrap {
        width: 87%;
    }
    /************************CSS for Main Dashboard page********************************/
    category_block, .service_block {
        width: 100% !important;
    }
    .homeDashboard_headerMenu_container {margin-bottom: 0px}
    .homeDashboard_search_tableWrap {margin-bottom: 0px !important;padding: 0px 10px 3px 10px !important;}
    /*.homeDashboard_headerIcon {
        width: 40px !important;
        padding: 20px 0px !important;
        margin-right: 2px !important;
    }*/
    .homeDashboard_headerIcon_wiki {width: 22px;}
    .homeDashboard_headerIcon_que {width: 13px;}
    .homeDashboard_headerIcon_bell {font-size: 20px !important;}
    /*.homeDashboard_headerMenu_wrap {float: left !important;margin: 0px !important;}*/
    .managementcontrol-main {margin-right: 0px;}
    /*.homeDashboard_leftcontent_wrap {padding-left: 5px;}*/
    .modal-body {padding: 0px;}
    /*.homeDashboard_chartSecWrap .dxdpLite.dxpclW {display: block!important;width:100% !important;}*/
    .homeDashboard_chartSecWrap .dxdpLite.dxpclW .dxpc-contentWrapper {display: block !important;height: 100% !important;}
    .homeDashboard_chartSec_container {width: 100% !important;}
    .homeDashboard_panel_main {width: 100% !important;margin-right: 0px !important;}
    .homeDashboard_chartContent {width:285px !important;
}
    .homeDashboard_chartContent_elementWrap .dashboardkpi-td .dashboardkpi-txt {font-size: 12px !important;}
    .homeDashboard_donutChart {width: 100px !important;height: 100px !important;}
    .dashboard-panel-main-notmove {margin-right: 0px !important;width: 100% !important;}
    .homeDashboard_devexpressChart {width: 100% !important;}
    .homeDashboard_devexpressChart img {width: 100% !important;}
    /*.dashboardLeft_menuIcon {
        top: 0px !important;
        width: 12% !important;
        padding: 12px 35px 12px 12px !important;
    }*/
    /*.leftSide_menuContainer {width: 30px !important;}*/
    .xs_noPadding {
        padding-right: 0px;
        float: right;
        padding-left: 0px;
    }
    /*.dashboard_leftSideMenu{width:47px;}*/
    /*#ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {display: block !important;left: -2px !important;}*/
    .homeDashboard_logo2 {
        margin-top: 0px;
        margin-right: 0px;
        float: right;
    }
    .dashboardLeft_menuIcon img {margin-top: 0px;}
    .dashboardServices_container {padding: 0px;}
    .dashboardServices_Lable {
        display: block;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        margin-left: 6px;
        float: none;
    }
    .dashboardServices_categoryDropDown {
        margin-left: 5px;
        display: block;
        float: none;
    }
    .dxpcextra-content {width: 308px !important;}
    .service-toptitle-sub {width: 250px !important;font-size: 13px;}
    .dashboard_goBtn {margin-left: 34%}
    /*.logoText1 {margin-top: -3px;margin-right: 0px;}*/
    .servicecategory {width: 90% !important;}
    .AdditionCss {margin-left: -8px !important;}
    .dxpc-content.dxpcextra-content1 {height: auto !important;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .next-cancel-but {margin: 0px;}
    .next-cancel-but .next {width: 110px !important;padding: 4px 0 !important;}
    .cust-main-popup .putting-ticket-sec h4 {margin: 0px;}
    .svcCreate_headerContent {padding: 0 0px;}
    .previousL {padding: 0px 10px;}
    .uploadedFileContainer {margin: 0px 0px 0px 30px;}
    .responsiv_nextbtn .dxbbutton_ugitnavybluedevex div.dxb {padding: 4px 22px !important;}
    .svccreateticket_formwrap {margin: 0px 0px 0px !important;}
    .svccreateticket_formcotainer {margin: 0px !important;}
    .employee-name {margin-top: 5px;}
    .question-name span {margin-bottom: 0px;font-size: 14px;}
    .select-style label {margin-bottom: 0px;font-size: 14px;}
    .editTicket_fileUpload {width: 100% !important;margin-bottom: 0px;}
    .editTicket_fileUpload tr td {border: none !important;padding: 0px 15px !important;}
    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {margin-left:0}
    .marginZero_forMobile { margin: 0px !important;}
    .select-style select {font-size: 14px;}
    .cust-main-popup .putting-ticket-sec h4 > span {font-size: 15px;margin-bottom: 15px;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .main-cont {margin: 10px 0px 5px !important;}
    .inner-cust-dropdown-menu {width: 85%;}
    .select_product {margin: 0px 0 0 0px !important;}
    .question {margin: 0px !important;}
    .svcCreate_accessUsrTable {margin-top: 5px;}
    .applLegend {display: block;}
    .empl_content_xsPadding {padding-left: 6px;}
    .question-value span {font-size: 14px;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .search{padding:0px; margin-left:-10px;}   
    /*.svcDashboard_quickTicketBtn {margin-left: 16px !important;margin-bottom: 5px;}*/

/**********************CSS for Main Dashboard***************************/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        /*position: relative !important;*/
        left: 0px !important;
        top: 0px !important;
    }
    .dropDown_category {width: 75% !important;}
    .dashboardService_catalogeContainer {padding-left: 15px !important;padding-right: 15px !important;}
    /*.pcategorycontainer {
        margin-left: 0px;
        padding-left: 10px !important;
        padding-right: 0px !important;
    }*/
    /*.categorylist-container{width:100% !important;}*/
    .service_dropDown{width:100% !important;}
    /**********************CSS for SVC Dashboard***************************/
    .page-container {min-width: 100px !important;}
    /*.svcAddTicket_icon, .svcDashboard_reportIcon, .svcDashboard_exportIcon {float: left;}*/
    /*.svcDashboard_dropdown {width: 70% !important;}*/
    .svcDashboard_actionBtn {
        /*margin-top:10px;*/
    }
    /*.svcDashboard_btnWrap {text-align: center !important;}*/
    .homeDashboard_msgBoardIconImg {width: 40px;height: 40px;}
    .service_listView {border-top: none !important;margin-top: 5px;}
    .buttonview-container .dxpcLite_UGITNavyBlueDevEx {width: 208px;left: 14px;top: 9%;}
    /*.waitOnmeClass {display: block !important;}*/
    .dxpc-content {height: auto !important;}
    .ticket_contentWrap {border: none;}

    /*************************************Style for home dashboard grid*******************************************************************/
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {padding: 0px 0px 0px 13px;font-size: 13px;}
    .customgridview td.dxgv.dx-al, .customgridview td.dxgv.dx-ac {font-size: 13px;}
    .progressbarhold {padding-left: 0px;text-align: center !important;}
    .service_dropDownWrap{margin-left:5px;}
    .category_block, .service_block{width:100% !important;}
    .dashboard_goBtn_wrap {margin-left: 0% !important;}
    /*.svcModule_title {padding-left:15px !important;}*/
    /*.waitOnmeClass {display: block !important;}*/
    /*.svcDashboard_addTicketBtn{margin-left:15px !important;}*/
    .homeRightPanel_wrap .dxpc-content{width:295px !important;}

    /*************************************Style for SVC Create Popup *******************************************************************/
    .modal-body{height: 100% !important;}
    .fileUploadIcon{width:240px !important;}
    .add-file-doc{margin-top:15%;}
    .responsiv_nextBtn{float:right !important; text-align:center;}
    .col_b_complete{margin: 13px 6px !important;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    /**************************************CSS for SVC comment tab***********************************/
    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -120px;
        right: 5px;
    }
}
@media only screen and (max-width: 320px) {
    /**********CSS for home Dashboard page***********/
    .searchPannelWrap-container {
        /*width: auto;
        margin: 0px auto;*/
        border-bottom: 10px solid #F6F7FB;
        /*float: left;*/
        padding: 12px 10px 20px 10px;
    }

    .prblemStatement-inputWrap {
        width: auto;
    }
    .service_dropDown {width: 100% !important;}
    .category_block, .service_block {width: 100% !important;}
    .dropDown_category{width:91% !important;}
    .dashboard_goBtn_wrap {margin-left: 4% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 50%;}*/
    /*.pointer{width: 103px !important;}*/
    .homeDashboard_search_tableWrap {margin-bottom: 0px !important;padding: 0px 0px 3px 0px !important;}
    /*.svcDashboard_quickTicketBtn {
        font-size: 12px;
        margin-left: 4px !important;
        padding: 5px 7px;
    }*/
    /*.svcDashboard_addTicketBtn {
        width: 140px;
        font-size: 12px;
        padding: 5px 7px;
        margin-right: 3px;
        margin-top: 10px;
    }*/
    /*.svcDashboard_actionBtnWrap {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
        display: block;
    }*/
    .svcModule_title {text-align: center; margin-top:0px}
    /*.waitOnmeClass {display: block !important;}*/
    /*.svcDashboard_btnWrap {text-align: center !important;}*/
    .homeRightPanel_wrap .dxpc-content{width:255px !important;}
    .panel-content-header{width: 226px !important; margin:0px; padding:0px;}
    /********************************CSS for Application Registration page*********************/
    .applReg_statusTitle {
        font-size: 15px !important;
        text-align: center;
    }
    .applicationRegReq_container{padding-left: 15px;}
    .applicationRegReq_statusbtn_wrap {
        float: none !important;
        text-align: center !important;
        margin-top: 10px;
    }
    .dxgvDetailCell_UGITNavyBlueDevEx{padding: 10px 5px;}
    .applAccess_appTabPage .dxtc-content{padding-left:11px !important;}

    /***************************************CSS for TSR create*****************************/
    .popup_wrap{padding-left:15px !important;}
    .createTicket_ulList{height:auto !important}

    /***********************************CSS for svc Edit *************************/
    .action-btn{padding:0px !important;}
    .tab_wrap ul .dxtc-activeTab a {
        padding: 4px !important;
        font-size: 13px;
    }
    .tab_wrap ul li a {
        font-size: 13px;
        padding: 4px !important;
    }
    .svcEdit_actionBtnContainer{width:93px;}
    #errorMsgContainer, .error_msg2 {
        float: none;
    }
    .field_heading legend{padding:0px 10px 10px 10px;}
    .edit_ticket_tabIcon{margin-left:-10px;}
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        float: none !important;
        text-align: left;
    }

    .link-lable {
        border-right: none !important;
    }
     
    /******************************SVC Edit comment tab******************************************/
    .img-container img {
        width: 36px;
        height: 33px;
        display: block;
    }
    .img-container{padding:0px;}
    .comment-data p{word-break:break-all;}
    .comment-tbl .comment-container .comment-action-buttons img {
        right: 7px;
        top: -138px;
    }
}
@media only screen and (max-width: 385px) {
    #myhometabs{
        /*position:relative;*/
        /*top:10px;*/
    } 
    .myticketinner2 table.btn-secondary.dropdown-toggle {
        width: 90% !important;
        position: relative;
        /*top: -10px;*/
    }
    .exportImport_btnsWrap{
        margin-top:0px;
    }
    /*.contentPane .svcCreate_popupScroll{
        height: 425px;
        overflow-y: scroll;
    }*/
    /*.applAccess_wrap.cust-main-popup {*/
        /*width: 284px;
    }*/
    .removeVerticalScroll{
        overflow-y:hidden;
        overflow-x:auto;
    }
    .visualization{
        margin:00px 0px 0px;
    }
}
@media only screen and (min-width:326px) and (max-width:383px) {
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {
        padding: 0px 0px 0px 6px;
        font-size: 11px;
    }
}

@media only screen and (min-width:280px) and (max-width:325px) {
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {
        padding: 5px 0px 4px 0 !important;
        font-size: 12px !important;
    }
}


/* New css */
@media only screen and (min-width:280px) and (max-width:480px) {
    .leftSideBottomMenu-container {
        padding-left: 5px !important;
        top: 46px;
    }

    .homeDashboard_menuListWrap {
        width: 250px !important;
    }

    .homeGrid_dataRow td {
        padding: 0px !important;
    }

    .homeGrid_headerColumn {
        padding: 10px 5px;
    }

    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -54px;
        right: 5px;
    }

    .comment-days {
        padding: 10px 0px;
        margin-left: 0px;
    }

    .leftSide_menuContainer {
        top: 52px;
    }
    /*.leftSideBottomMenu-container {
       top: 20px;
    }*/
    .customNavbar {
        z-index: 999999;
        margin-bottom: 0px;
    }

    .homecontent {
        padding-left: 0px
    }

    .servcieCatalog_listView .ugit-contentcontainer, .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }

    .searchPannelWrap {
        padding: 0px;
        border-bottom: 7px solid #F6F7FB;
        border-right: 0px;
    }

    .homeService-panelContainer {
        border-width: 0px;
    }

    .serviceBtnView-labelWrap {
        width: 100%;
    }

    .colFormd {
        width: 100% !important;
        border: 1px solid;
        border-color: #e7e7e7 !important;
    }

    .cardView-container tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT tr td div.dxcvEmptyCard_UGITNavyBlueDevEx {
        width: 100% !important;
    }

    .service_listView {
        border-top: none !important;
        margin-top: 5px;
        text-align: center;
        float: none;
        margin-bottom: 25px;
    }

    .serviceBoard_btnView {
        height: 81px !important;
    }

    .dashboard_goBtn_wrap {
        margin-bottom: 25px;
    }
    /*****CSS for schedule tab -> duplicate summary popup *****/
    .duplicateSum-btnWrap {
        padding-bottom: 10px;
        padding-left: 5px;
    }
    /*****end css for schedule tab -> dplicate summay popup****/


    /****CSS for dashboard->action dropdown*****/
    .svcDashboard_actionBtnWrap {
    }
    /****End css for dashboard-> action dropdown****/
    .accomp_inputField.closeCancel-fieldWrap {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .rmmSaveAllo-btnContainer {
        padding-right: 0px;
    }

    .editTicket-commentWrap {
        padding-top: 8px;
    }
    /********CSS for uservaluebox dropdown**********/
    .userValueBox-dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 100% !important;
    }
    /******CSS for status popup*******/
    .mailSub {
        padding-left: 0px;
    }
    /******End CSS for status popup****/
    .aspxComboBox-listBox tr td div.dxlbd.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .aspxCoboBox-listboxWrap {
        display: block !important;
    }
    /********CSS for listpicker popup*********/
    .listPicker-searchTxtBox {
        padding-top: 25px;
        padding-left: 0px;
    }

    .listPicker-searchIcon {
        top: 32px;
    }

    .listPicker-closeIcon {
        right: 0px;
    }

    /**********End css for listPicker popup******/
    .qickClose-btnWrap {
        top: 25px;
        right: 10px;
    }

    .batchCreate-submitBtn {
        margin-top: 7px;
    }

    .projectCardViewGrid div.dxAC table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        padding-right: 40px;
    }
    /**************CSS for edit ticket -> Remove on hold*********/
    .next-cancel-but.putOnHoldBTn {
        margin-bottom: 10px;
    }
    /************* End CSS for edit ticket -> remove on hold********/

    /*************CSS for close sub ticket popup **************/
    .closesubTicket-popup div.dxpc-contentWrapper {
        display: table !important
    }
    /************End css for close sub ticket popup***********/
    /*****************CSS for dashboard reportIcon****************/
    .exportImport_btnsWrap {
        margin-top: 0px;
        float: right;
    }
    /****************END css for dashboard reportIcon*************/
    /**************CSS for Dashboard search/Select ***************/
    .selectFromTo_field {
        width: 100%;
    }

    .selectFromTo_inputBox {
        width: 100%;
    }

    .selectFrom_container, .selectTo_container {
        width: 50%;
        padding: 0px 2px 5px 2px;
    }
    /********************END css for Dashboard search/Select**********/
    table.addEditActivity-listBox tr td div.dxlbd.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .addEditActivity div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 96% !important;
        left: 7px !important;
    }

        .addEditActivity div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root div.dxpc-contentWrapper div.dxpc-content {
            width: 100%;
            display: block !important;
        }

    .add-check-list-input div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 98% !important;
    }
    /*****************CSS for userValueBox dropDown****************/
    .userValueBox-dropDown.awardAssign div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 100% !important;
    }

    .userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvHSDC {
        padding-right: 0px !important;
    }

        .userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvHSDC div {
            width: 100% !important;
        }

    userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxAC
    div.dxgvCSD.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .homeDashboard_chartSecWrap .chngTicketType div.dxpc-contentWrapper {
        display: table !important;
        height: 146px !important;
    }
    /************CSS for CPR ->  */
    .waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr .HomeDBAction-container {
        top: 0px !important;
        left: 0px !important;
    }
    /*****CSS for project team -> date field*******/
    /*.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper {
        width: 0 !important;
        height: 0 !important;
    }
    .dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper div.dx-overlay-content.dx-popup-normal.dx-resizable{
        width: 206px !important;
        top: -35px !important;
        left: 108px !important;
    }*/
    /*.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper div.dx-overlay-content.dx-popup-normal.dx-resizable{
        top:-105px !important;
    }*/
    .addComment-btnWrap {
        padding: 25px 0px 0px 0px;
    }

    .cancel .dxb {
        font-size: 12px;
        padding: 3px 10px !important;
    }

    .dxdpLite.dxpclW.homeRightPanel_chartContainer .homeRightPanel_wrap .dxpc-header .dxpc-headerContent span.dxpc-headerText.dx-vam {
        font-size: 14px;
        margin-left: 0px;
    }

    .cprSummary_valueWrap {
        font-size: 13px;
        padding: 0px 5px 5px 5px;
    }

    .section-btn {
        min-height: 0px;
        padding: 0px 10px;
    }

    .action-btn {
        font-size: 13px !important;
        padding: 2px 7px 2px 7px !important;
    }

    .tab_wrap ul li {
        height: 20.6px !important;
    }

    .tab_wrap ul .dxtc-activeTab a {
        padding: 0px 5px !important;
    }

    .tab_wrap ul li a {
        padding: 0px 5px !important;
        font-size: 13px;
    }

    .dxdpLite.dxpclW.homeRightPanel_chartContainer .homeRightPanel_wrap .dxpc-header .dxpc-headerContent span.dxpc-headerText.dx-vam {
        margin-left: 0px;
    }

    .colForTabView {
        width: 100%;
        float: left;
    }
    /***********************CSS for Department dropdown***********/
    .rmmAspxCombox-drpDown.aspxComboBox-dropdown {
        width: 100%;
    }

    .nprprimBenifi_chooseDepartment .usrPro-companyDropDown {
        display: block;
        float: left;
    }

    .nprprimBenifi_chooseDepartment .usrPro-departmentDrop {
        display: block;
        float: left;
    }

    .rmmDepartment-drpDown .nprDropDown div.dxpc-mainDiv.dxpc-shadow div div.dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content {
        display: block;
    }
    /**************CSS for schedule tab ***********************/
    .tskbehaviour-opt.radioBtnlist-wrap {
        display: block;
    }

    .dueDate-fieldWrap .lookUpValue-inputFeild div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        min-width: 270px;
    }

    .reminderDrpDowns {
        padding-bottom: 5px;
    }

    .tskbehaviour-opt.radioBtnlist-wrap tr td {
        display: inline;
        float: left;
        padding-left: 0px;
    }
    /***********CSS for Project team tab ******************/
    .noXSPadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .chkFilterCheck {
        padding-bottom: 10px;
    }
    /**************CSS for resource utilization-> work item drop down**********/
    .accomp_inputField.workItem-dropDownWrp div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        min-width: 353px;
    }


    /*****CSS for RMM Module*******/
    .rejectComment_popUp div.dxpc-contentWrapper {
        display: table !important;
    }

    .rmmModule-discription {
        margin-bottom: 20px;
    }

    .next-cancel-but {
        margin: 0px;
    }

    .rmmHomeDb-btnWrap {
        display: inline-flex;
        float: none;
    }

    .next-cancel-but .next {
        font: 12px 'Poppins', sans-serif !important;
        font-weight: 400 !important;
        padding: 2px 0px 1px 0px;
    }

    .rmm-btn div.dxb img {
        display: none !important;
    }

    .next-cancel-but .next .dxb {
        padding: 2px 4px;
        font-size: 12px;
    }

    .rmmDb-dropDownLabel {
        margin-top: 10px;
    }

    .rmmAction-iconWrap {
        position: absolute;
        top: 6px;
    }

    .errorMsg-literal {
        margin: 0px;
    }

    .rmmDb-viewdropdownWrap {
        margin-left: 3px;
        /*margin-top:10px;*/
    }

    .addgroupicon {
        float: left;
    }

    .RRMactiobBtn-wrap {
        padding-right: 18px;
    }

    .rmmNewUserbtn {
        padding: 16px 12px 15px 0px;
    }

    .RMMCancel-btn .dxb {
        padding: 2px 4px !important;
    }

    .popupBtnWrap {
        margin-top: 0px;
        margin-bottom: 15px;
        bottom: -35px;
        right: 20px;
    }

    .linkBtn-cancel {
        padding: 5px 10px 5px 10px;
    }

    .popupBtn_save {
        padding: 3px 10px 4px 10px;
    }
    /************css for RMM Module*****/
    .footer_actAwardBtn, .footer_actStatusBtn {
        background-image: none !important;
        padding: 2px 7px 2px 7px !important;
        font: 12px 'Poppins', sans-serif !important;
    }

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb img {
        display: none !important;
    }

    .devExt-selectBoxWrap {
        padding-right: 0px;
        margin-top: 18px;
    }

    .projectTeam_linkWrap .btnAddNew {
        border-right: none;
    }
    /********************CSS for Lead RanKing***************/
    .field_successchance_edit {
        width: 92% !important;
    }

    .leadRanking-icon img {
        width: 18px;
    }

    .popupSectionWrap {
        margin-bottom: 90px;
    }

    .schedule-btnWrap {
        bottom: -1px;
    }
    /*****************CSS for schedule tab ****************/
    .scheMark-icon, .scheAdd-icon {
        float: right;
    }

    .schedule-taskTitle {
        width: 100px;
    }
    /****************CSS for CRM project******************/
    .edit_comment_popup_wrap {
        position: relative;
        padding-bottom: 10px;
        padding-top: 5px;
        bottom: 0px;
    }

    .relatedTicket_msg {
        margin-top: 5px;
    }

    .existingTicket_checkbox input[type="checkbox"] {
        margin-left: 0px;
    }

    .chkIncClosedTkts {
        float: none;
        padding-top: 10px;
    }

    .activityBtn-wrap {
        position: absolute;
        bottom: -30px;
    }
    /*.existingBtn-container {
        text-align: center;
        float: none !important;
        display: -webkit-inline-box !important;
    }*/
    .checkList_btnWrap {
        text-align: center;
    }

    .importChk_listBtnWrap {
        margin-top: 15px;
    }

    .existingTicket_btnWrap {
        text-align: center;
    }

    .existingTicket_btnWrap {
        display: -webkit-inline-box;
        width: 100px;
    }

    .chklistRole-container {
        padding-bottom: 20px;
    }

    .chklistRole-popupBtn {
        position: absolute;
        bottom: -72px;
    }

    .CRMBTnWrap {
        clear: both;
        position: absolute;
        bottom: -40px;
    }

    .popupAction-btnWrap {
        position: absolute;
        /*bottom: -150px;*/
        bottom: 10px; /**add for find resource popup*/
        padding: 0px;
        width: 97% !important;
    }

    .externalTeam-content {
        padding-right: 10px;
    }
    /*.externalTeam-popupBtn {
        bottom: -93px;
    }*/

    .projectTeam-popupWrap {
        padding-left: 0px;
    }

    .homeDb_chartView {
        padding-left: 0px;
    }

    .colForMd2 {
        width: 100%;
    }

    .homeDb_chartView tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        padding: 0px;
    }

    .HomeCard_view {
        margin-bottom: 10px;
    }

    .filterImg_wrap {
        display: none;
        float: left;
        width: 100%;
    }
    /*.homeDb_filterImg{
        float:left;
    }*/
    /*************CSS for Schedule tab***********/
    .middle.border {
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .tasktoolbar div.fright {
        float: left !important;
        /*margin-top: 5px;*/
    }
    /************CSS for grid filter**********/
    .FromTo_container {
        display: block;
        width: 100%;
    }

    .searchFilter {
        display: block;
        /*margin-top: 10px;*/
        width: 100%;
        text-align: center;
    }

    .taskSummary_lable {
        margin-left: 0px;
    }

    .adjustableWidth {
        width: 47% !important;
    }

    .paddingNo {
        padding: 0px !important;
    }

    .colForXS {
        width: 100%;
    }

    .homeDashboard_content_wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /*.homeGrid_dropDown{
        margin-left:20%;
    }*/
    /**********CSS for SVC DAshboard*********/
    /*.svcDashboard_addTicketBtn {
        margin-bottom: 5px;
    }*/
    /*****************CSS for PMM-> Scrum Tab popup*************/
    .colXs {
        width: 100%;
        display: block;
    }
    /*********CSS for PMM Budget Tab ***********************/
    .newResource_dateField tr td.dxeButtonEditButtonPressed_UGITNavyBlueDevEx {
        width: 15% !important;
        border: none !important;
    }

    .budget_inputField table {
        display: inline-table !important;
    }
    /***********CSS for PMM Edit-> Sataus Tab******************/
    .issueBtn_rightBtn {
        margin-top: 10px;
    }

    .dxgvControl_UGITNavyBlueDevEx.userValueBox-grid.dxgv, .dxgvControl_UGITNavyBlueDevEx.userValueBox-grid.dxgv tr td table {
        display: block;
        width: 100% !important;
    }

    .accomp-popup table {
        /*display: block;*/
        width: 100% !important;
    }

    /*.accomp-popup table td {
        background: #ecf1f9;
    }*/
    .lookupDropDown-contentRow td {
        background: #fff !important;
    }

    .accomp-popup .ms-formbody {
        background: none;
        border: none;
        padding: 3px 6px 4px;
        vertical-align: top;
    }

    .ms-standardheader {
        text-align: left !important;
    }

    .pmmStatus_lable {
        display: inline-block;
        color: #4A90E2;
        font-size: 12px;
    }

    .pmmStatus_editIcon {
    }

    .pmmStatus_editIcon {
        display: inline-block;
    }

    .pmmStatus_summaryHistory {
        display: inline-block;
    }
    /**********CSS for PMM Edit scrum Tab **********************/
    .pmmScrum_prodBack_RadioBtnwrap {
        top: 7% !important;
    }

        .pmmScrum_prodBack_RadioBtnwrap tr td {
            display: block !important;
        }

    .pmmScrum_sprintBtnWrap, .pmmScrum_releasesBtnWrap {
        margin-top: 10px !important;
    }

    .PmmScrum_btnContainer {
        margin-top: 62% !important;
    }

    .pmmScrum_addBtn, .pmmScrum_deleteBtn {
        margin-bottom: 5px;
    }

    .ticket_header_data b, .ticket_header_data, .ticketTitle_status {
        /*margin-bottom: 10px;*/
        display: inline-block;
        float: none;
        font-size: 13px;
    }

    .ticket_status {
        font-size: 13px;
    }

    .svcCopyClipBoardPopup_container {
        /*width: 100% !important;* commenting while making responsive edit ticket -> action button -> copy link to clipboard popup */
        left: 0px !important;
    }

    .popup-menuLog-inuser-outer {
        width: 160px !important;
        left: -30px !important;
    }

    .returnFeedback {
        width: 100%;
    }

        .returnFeedback textarea {
            width: 100% !important;
        }

        .returnFeedback .buttoncell {
            padding: 10px;
            width: 100%;
            display: block;
        }

    .employee-name textarea {
        width: 100% !important;
    }

    .returnFeedback .buttoncell.buttonAlign ul {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .relatedTicket_dropDown_select select {
        width: 100%;
    }

    .wiki-list-picker table.dxeButtonEditSys {
        display: block;
        width: 100%;
        float: none !important;
        margin: 5px 0px;
    }

    /*.header {
        padding-bottom: 5px;
    }*/

    .applReg_statusTitle {
        text-align: center;
        font-size: 18px;
    }

    .question-value span arrayofservicematrixdata {
        font-size: 14px;
        width: 100%;
        display: block;
        word-break: break-word;
    }

    /*.dxpcLite_UGITNavyBlueDevEx.dxpclW, .dxpcLite_UGITNavyBlueDevEx.dxpclW table, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody tr, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody tr td {
        width: 100% !important;
        display: block !important;
    }* commented because save as template popup not open in mobile view/ 

    .dropDown_Title {
        width: 100%;
    }

    .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }

    /*click event for non svc edit*/
    .dxgvTable_CustomMaterial > tbody > tr > td.edit-ticket-cell {
        display: inline-block !important;
        height: 50px;
        padding: 5px 0px 5px 0px !important;
        width: 100%;
    }

    .customgridview td.dxgv.dx-al, .customgridview td.dxgv.dx-ac {
        /*padding-left: 12px !important;
        padding-right: 10px !important;*/
        text-align: left !important;
    }
    /********************************************mac-> create ticket not visible issue******/
    .homeDashboard_chartSecWrap .dxdpLite {
        visibility: visible !important;
    }

    .new-template-table table {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    /*user dropdown menu for mobile screens*/
    .homeDashboard_headerMenu_row {
        /*display: flex;*/
        clear: both;
        align-items: center;
        justify-content: left;
    }

    .logoText1 {
        margin-top: -3px;
        padding-right: 2px;
    }
    /*hiding user name from header*/
    /*.profile-right-info {
        display: none;
    }*/
    /*hiding the icons from header*/
    .headerContent_profile .rectangle {
        display: none;
    }

    .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item {
        padding-left: 5px;
    }

    .xs-flex-menu {
        display: flex;
        flex-basis: 80%;
    }

    .homeDashboard_headerMenu_row .dxeButtonEdit_UGITNavyBlueDevEx {
        padding: 0 !important;
        margin-bottom: 0px !important;
    }

    .post-thumb {
        margin-right: 0px !important;
        float: none !important;
        display: inline-block;
    }

    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: 0;
    }

    .homeDashboard_search_tableWrap {
        width: 110px !important;
    }

        .homeDashboard_search_tableWrap > tbody > tr {
            display: flex;
            align-items: center;
            flex-flow: row-reverse;
        }
    /***********************save As template popup***********/
    .saveAsTemplate_saveBtn {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff !important;
        padding: 13px 38px !important;
        border: none !important;
        margin-top: 22px;
        font-size: 14px !important;
    }
    /************** action button print popup ***************/

    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }

    /*svg image responsive*/
    svg.visualization g > a text > tspan {
        display: none;
    }

        svg.visualization g > a text > tspan:first-child {
            display: block !important;
            font-size: 42px;
            baseline-shift: -56px;
            font-weight: 600;
        }

    .workFlowImg-wrap {
        padding: 0px;
    }

    .svcContent_container {
        width: 98%;
    }

    .grid-task-btn {
        display: block !important;
        position: initial !important;
        border: none !important;
        background: none !important;
    }

    .ticket_contentWrap.table-responsive {
        padding: 0;
        padding-left: 10px;
    }

    .pointer {
        /*width: 90px !important;*/
        margin-left: 0px !important;
        height: 40px;
        object-fit: contain;
        margin-top: 8px;
    }
    /*chart full width*/
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
        padding-bottom: 15px;
    }

    .dashboardService_catalogeContainer {
        text-align: center;
    }

    .categorylist-container {
        width: 90% !important;
        display: inline-block;
        float: none;
    }
    /*making menu responsive */
    /*.leftSide_menuContainer {
        position: absolute;
        left: 0;
        z-index: 8888;
        top: 0;
    }*/

    .left_menu_wrap .homeDashboard_leftSideMenu_contentWrap .dashboardLeft_menuIcon {
        position: absolute;
        background-color: transparent;
    }

    .dxpnlControl_UGITNavyBlueDevEx.headerPane {
        width: 100%;
        float: right;
    }

    .main-page-section {
        width: 100% !important;
        /*padding: 0px 15px !important;*/
    }

    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        display: block !important;
        /*left: 0px !important;*/
    }

    .menuContentCollaps_left {
        left: 0px !important;
        top: 40px !important;
    }

    .homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded {
        background: #fff;
        transition: 1s all ease;
        -webkit-transition: 1s all ease;
    }

    /*.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
            left: -4px !important;
            background: #fff;
            transition: 1s all ease;
            -webkit-transition: 1s all ease;
        }*/

    /*.dashboard_leftSideMenu {
        background-color: transparent;
    }*/

    /*.dashboard_leftSideMenuExpand {
        width: 250px !important;
        background: #fff;
        transition: .5s all ease;
    }*/

    .right_content {
        width: 100% !important;
    }

    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1_EB.dxpnl-bar {
        position: absolute !important;
        background-color: transparent !important;
    }

    .svcDashboard_dropdown {
        width: 100% !important;
        display: block;
        padding: 5px 14px !important;
        margin-bottom: 10px !important;
    }

    .homeGrid_dropDown tr td img.dxEditors_edtDropDown_UGITNavyBlueDevEx {
        margin-right: 0px;
        margin-top: 0px;
        background-position: right;
    }
    /*Quick ticket popup*/
    .quick-ticket-parent, .quick-ticket-parent .selectTemplateForQuickTicket_popUp, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv tbody,
    .selectTemplateForQuickTicket_popUp table tbody tr,
    .selectTemplateForQuickTicket_popUp table tbody tr td {
        width: 100% !important;
        display: block !important;
    }

    svg.visualization {
        width: 100%;
    }

    .existingTicket_checkbox label::before {
        position: relative;
        right: 0;
        display: inline-block;
    }

    .existingTicket_checkbox label {
        position: relative;
        float: none;
        margin-left: 0px;
    }

        .existingTicket_checkbox label:after {
            position: absolute;
            top: 20px;
            left: 10px;
        }

    .subTicket_PopUp_Container .dxpc-footer {
        margin-top: 40px;
    }

    .existingTicket_savebtn {
        text-align: center;
        margin-left: 37%;
        width: 100px;
        margin-top: 0px;
    }

    .svcDashboardContent_mainWrap {
        padding: 3px;
        margin-top: 10px;
    }

    .new-task-eSVC {
        background: #fff;
        padding-left: 0px;
        padding-right: 0px;
    }

    .dueDate-fieldWrap {
        width: 92%;
    }

    .no-padding-xs {
        padding: 0 !important;
    }

    .all-select select {
        width: 100%;
    }

    .svc_addSubTask_dropDown_wrap {
        padding-left: 0;
        min-height: 5px;
        /*margin-top: 25px;*/ /*Comment for CRM->contact->add new sub item popup(to remove scroll)*/
    }

        .svc_addSubTask_dropDown_wrap table, .svc_addSubTask_dropDown_wrap table tbody, .svc_addSubTask_dropDown_wrap table tbody tr, .svc_addSubTask_dropDown_wrap table tbody tr td {
            display: block;
            width: 100%;
            text-align: center;
        }

    .svc_addSubTask_dropDown select {
        width: 100%;
    }

    .svc_addSubTask_dropDown_lable {
        margin: 0px 0px;
    }

    .relate-to-existing-tckt, .relate-to-existing-tckt > tbody, .relate-to-existing-tckt > tbody > tr, .relate-to-existing-tckt > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }

    .existingTicket_savebtn_wrap {
        width: 100% !important;
    }

    .relate-to-existing-tckt .ms-formtable, .relate-to-existing-tckt .ms-formtable > tbody, .relate-to-existing-tckt .ms-formtable > tbody > tr, .relate-to-existing-tckt .ms-formtable > tbody > tr > td {
        width: 100% !important;
        display: block;
    }

        .relate-to-existing-tckt .ms-formtable td span {
            float: left;
            font-size: Larger;
            font-weight: bold;
            width: 100%;
            text-align: left;
            margin: 5px 0px;
        }

    .dxgvDetailCell_CustomMaterial .dxgvADT tbody td div {
        width: 155px !important;
    }

    .link-lable {
        border-right: none !important;
    }

    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: block !important;
        float: left !important;
        width: 100%;
        text-align: center;
        border: none;
    }
    /*admin dropdown
    .headerContent_profile {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
    }
    */
    .headerContent_profile .rectangle {
        width: 30px !important;
        padding: 15px 0px !important;
    }

    .post-container col-sm-1 col-xs-12 homeDashboard_headerMenu_wrap {
        width: 64%;
        display: flex;
        float: left;
        margin-left: 5px !important;
    }

    .profile-right-info {
        /*width: 145px;*/
        display: inline-block;
        float: right !important;
    }

        .profile-right-info .d-block {
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    /*.post-thumb img {
        height: 18px !important;
        width: 17px !important;
        object-fit: contain;
    }*/
    /**************nonSVC action button-> email popup***************/
    .ms-formtable.email-table > tbody > tr > td.nonSvcEmail_fieldLabel {
        padding: 10px 10px 0px 10px;
    }

    .ms-formtable.email-table > tbody > tr > td.nonSvcEmail_fieldInput {
        padding: 3px 10px 10px 10px;
        border-top: none;
    }

    .ms-formtable.email-table {
        display: block;
    }

        .ms-formtable.email-table > tbody {
            display: block;
        }

        .ms-formtable.email-table tbody > tr {
            display: block;
            width: 100%;
        }

        .ms-formtable.email-table > tbody > tr > td {
            display: block;
            width: 100% !important;
            /*padding: 10px;*/
        }

        .ms-formtable.email-table .dxheContentArea_DevEx.dxheContentAreaSys {
            display: block;
        }

    .email-table .ms-formlabel h3.ms-standardheader {
        font-weight: normal;
        font-size: 14px;
        color: #4A90E2;
        text-align: left;
    }

    .email-table .ms-formbody .dxeButtonEditSys {
        min-width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

        .email-table .ms-formbody .dxeButtonEditSys tbody, .email-table .ms-formbody .dxeButtonEditSys tbody tr, .email-table .ms-formbody .dxeButtonEditSys tbody td.dxeButtonEditButton_UGITNavyBlueDevEx {
            display: block;
            width: 100% !important;
        }

            .email-table .ms-formbody .dxeButtonEditSys tbody td.dxic {
                display: none;
            }

    .email-table .ms-formbody .dxheDesignViewArea {
        display: block;
    }

    .ms-formtable.email-table > tbody > tr > td > input[type="text"] {
        width: 100% !important;
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 35px;
    }

    .email-table .ms-formbody {
        background: none;
    }
    /* quick close popup*/
    .quick-close-pop .ms-formlabel {
        width: 100%;
        text-align: left;
    }

        .quick-close-pop .ms-formlabel h3 {
            font-weight: normal;
            font-size: 16px;
            color: #4A90E2;
            text-align: left;
            margin: 10px 0px;
        }

    .quick-close-pop .ms-formbody {
        background: none;
    }

        .quick-close-pop .ms-formbody input[type="text"], .quick-close-pop .ms-formbody select {
            width: 100% !important;
            background: #ecf1f9;
            border: 1px solid #ccd4e1;
            border-radius: 4px;
            height: 35px;
        }

    .quick-close-pop .ms-formbody {
        border: none
    }
    /*ends here*/
    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }

    .addComment_popUp_parent {
        width: 100% !important;
    }

        /*.addComment_popUp .dxpc-contentWrapper .dxpc-content {
        height: 192px !important;
    }*/

        .addComment_popUp_parent .addComment_popUp .employee-name textarea {
            width: 100% !important;
        }

    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }

    .puOnHold_ticket_name {
        margin-top: 10px;
    }

    .page-container {
        min-width: 100% !important;
    }

    .reassign_popUp_dropDownTable {
        width: 100%;
    }

    /*.reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }*/

    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
        overflow: hidden;
        height: auto;
    }

    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    }

    .new-ticket-table .block_td {
        display: block;
        width: 100%;
    }

    .ticket_container.new-ticket-table > tbody > tr, .ticket_container.new-ticket-table > tbody {
        display: block;
        width: 100%;
    }

    .block-table.field_heading, .block-table.field_heading > tbody, .block-table.field_heading > tbody > tr, .block-table.field_heading > tbody > tr > td {
        display: block;
        width: 100% !important;
        height: auto !important;
        border: none !important;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .duplicateSvc_popupTr {
        background-color: #fff;
        border-radius: 4px;
        padding: 2px;
    }

        .duplicateSvc_popupTr td {
            background-color: #fff;
        }

    .new-ticket-table > tbody > tr + tr > td + td div > span div {
        left: 10px !important;
    }

    .ticket_container.new-ticket-table, .editTicket_addDoc_wrap .fileUploadIcon {
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .editTicket_fileUpload table tr .dxCB {
        display: block;
    }

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
        margin: 0 !important;
        width: 100%;
    }

        .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
            position: relative;
            width: 100% !important;
            float: left;
        }

            .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span a {
                display: block;
            }

    .fileUploadIcon .hyperLinkIcon {
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
        padding-right: 40px;
        margin-left: 0px !important;
    }

    .add-file-doc {
        margin-top: -45px !important;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }
    /* new css 13/2 create svc add document button*/
    .uploadedFileContainer {
        margin: 0px auto !important;
    }

        .uploadedFileContainer > span {
            float: left;
            width: 100% !important;
            position: relative !important;
        }

            .uploadedFileContainer > span > a {
                float: left;
                width: 100% !important;
                max-width: 100% !important;
            }

    .newattachment .fileUploadIcon .uploadedFileContainer > span .cancelUploadedFiles {
        position: absolute;
        right: 0;
        top: 16px;
        margin-top: 0;
    }

    .uploadedFileContainer > span .cancelUploadedFiles {
        position: absolute;
        right: 0;
        top: 7px;
        margin-top: 0;
    }

    .homeRightPanel_wrap .dxpc-content {
        width: 100% !important;
        margin: 0px !important;
        display: block !important;
    }

    .serviceCatParent {
        position: fixed !important;
        left: 0 !important;
        top: 50% !important;
        z-index: 999999 !important;
        height: auto !important;
        right: 0;
        display: block;
        margin: auto;
    }

    .service-toptitle-sub {
        width: 100% !important;
        font-size: 13px;
        text-align: center;
    }

    .xs_noPadding.isPopup.popup_wrap { /**  change for svc edit*/
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .createTicket_ulList {
        padding: 0px 0px 30% 0px !important;
    }

    .panel-content-header {
        padding: 0px 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            /*margin-top: 10px !important;*/
        }

    .page-container {
        padding-bottom: 35px;
    }

    .field_heading legend {
        padding: 7px 10px 0px 10px;
    }

    .fileUploadIcon.editTicket_fileUpload.table tbody, .fileUploadIcon.editTicket_fileUpload.table tbody td {
        display: block;
        width: 100% !important;
    }
    /* copy to clipboard popup css*/
    .copyToclip_parent {
        display: block !important;
        /*position: absolute; (impact on  home dashboard hide all content in mobile view(for 425 to 325 width))*/
        width: 100% !important;
        left: 0 !important;
        /*height: 32px !important;* (impact on  home dashboard hide all content in mobile view(for 425 to 325 width))*/
    }

        .copyToclip_parent .dxpc-contentWrapper {
            height: 100% !important;
        }

            /*.copyToclip_parent .dxpc-contentWrapper .dxpc-content {
                display: block !important;
                border: 1px solid #a8aab4 !important;
                background: #fff !important;
                float: left;
            }*/

            .copyToclip_parent .dxpc-contentWrapper .dxpc-content .copyToclip_popup_commentBox {
                width: 100%;
            }

    /*.dxEditors_edtDropDown_UGITNavyBlueDevEx { /* effect to svc-> edit task Asssign approver drop*/
    /*padding: 7px 20px;*/ /**comment while changeing cpr->project team-> find resource popup also comment whilw changing homedb btn alignment
        background-position: right;
    }*/
    .first_tier_nav.edit_ticket_tabIcon.editPopup_btnWrap {
        padding: 5px;
    }
    /*Action buttons popup*/
    .flex-row-xs {
        display: flex;
    }

    /*.first_tier_nav ul {
        display: flex;
    }*/

    .actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popupMain.dxm-shadow.dxm-popup {
        left: -5px !important;
    }

    .edit_ticket_tabIcon {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-left: 0 !important;
    }

    .buttoncell {
        padding-right: 0;
    }

    .managementcontrol-main textarea.comment_text_wrap {
        width: 100% !important;
    }
    /***********************Dashboard Chart*************************************/
    .none-dashboardaction-icon {
        margin-right: 5%;
    }

    .flex-row-xs .buttoncell {
        min-width: inherit !important;
    }

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb {
        font-size: 12px !important;
        padding: 0px 0px;
        display: inline-block;
    }

    .newTask_assignedTo_dropdown {
        padding-left: 0px;
    }

    .inner-cust-comments .comments {
        overflow: auto;
        height: 260px;
    }
    /************************CSS for SVC summary tab***************************/
    .info-subtitle span {
        margin-left: 0px;
    }

    /****************************CSS for SVC duplicate Popup*****************/
    /*.svcDuplicate_popupTable tr, .svcDuplicate_popupTable tr td{
        background-color: #F6F7FB;
    }*/
    duplicateSvc_popupTr {
        background-color: #fff;
        border-radius: 4px;
        padding: 5px;
    }

    .duplicateSvc_popupTd {
        color: #4a90e2 !important;
        font-weight: 500 !important;
        margin-bottom: 5px;
        font-size: 14px;
        text-align: left;
    }

    .duplicateSvc_popupInputTd .field_DesiredCompletionDate table tr td input.dxeEditAreaSys {
        background: transparent;
    }

    .duplicateSvc_popupInputTd div table.dxeButtonEditSys td {
        background-color: #ecf1f9;
    }

    .duplicateSvc_popupInputTd div table.dxeButtonEditSys {
        border: 1px solid #ccd4e1;
        border-radius: 2px;
    }

    .puOnHold_ticket_name {
        margin-top: 0;
    }
    /*************************CSS for SVC Summary tab******************/
    .question-value {
        margin-bottom: 10px;
    }

    .summaryTab_xsNoPadding {
        padding: 0px !important;
    }
    /****************************CSS for SVC history tab***************************************/
    .history_img img {
        width: 20px;
        height: 20px;
    }

    .history_img label, .img-container label {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    /*************SVC Edit -> Edit task **********************/
    .newTask_dueDate tr td.dxeButtonEditClearButton_UGITNavyBlueDevEx {
        display: none;
    }

    .svcEditask_aprroverBtnWrap {
        text-align: center;
    }

    .editTask_assignApprover_btn {
        margin-top: 10px;
        margin-left: 0px;
    }

    .svcEditTask_approverInput .bg-light-blue tr td img.dxEditors_edtDropDown_UGITNavyBlueDevEx {
        padding: 7px 20px;
    }

    .edit_task_approveDropdown .bg-light-blue {
        padding: 3px 22px 3px 3px !important;
    }

    .approve_reject_container {
        text-align: center;
    }

    .approve-btn, .reject-btn {
        display: inline-block;
    }


    /****************************CSS for NPR Create Ticket****************************/
    .createTicket_listWrap li.nprCancelBtn {
        margin-bottom: 10px !important;
    }

    .nprPrimeBenificiaries_dropDown .nprDropDown .dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys {
        width: 100% !important;
        left: 0px !important;
        display: block !important;
    }

    .nprprimBenifi_chooseDepartment {
        display: block;
        width: 100% !important
    }

    .nprprimBenifi_optionBtn {
        display: block;
        text-align: center;
    }

    .nprprimBenifi_choosenDepartment {
        display: block;
        width: 100% !important;
    }

    .chooseDepartment_list {
        width: auto !important;
        text-align: center;
        float: none;
        display: block;
        /*padding: 0px 20px;*/
        margin: 10px 10px 10px 7px;
    }

    .nprprimBenifi_chooseDepartment .popupleftcts {
        float: none !important;
    }

    .chooseDepartment_lable {
        color: #4a90e2;
        margin-left: 10px;
        font-size: 13px !important;
    }

    .optionBtn_wrap {
        margin: 0px 5px;
        width: auto;
    }

    .optionBtn_addLogo {
        text-align: center;
        margin-top: 23px;
    }

    .choosenDepartment_label b {
        color: #4a90e2;
        font-weight: 500 !important;
        margin-left: 10px;
    }
    .multipledepartmentViewdiv .selected {
        background: #D4FFFF !important;
    }
    multipledepartmentViewdiv {
        border: 1px solid;
        float: left;
        height: 200px;
        overflow-y: auto;
        width: 200px;
        background: #fff;
    }
    .nprLookuplist div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys div.dxpc-mainDiv.dxpc-shadow div.dxpc-contentWrapper div table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxAC div div.dxgvCSD.dxTouchNativeScrollHandle {
        height: auto !important;
        overflow: visible !important;
    }

    /*************************CSS for Sticky Footer Button********/
    .editTicket_footerBtn-xs {
        display: inline-flex !important;
        padding-left: 0px !important;
    }

    .first_tier_nav ul li, .first_tier_nav ul li.tabactive, .first_tier_nav ul li.tabhover {
        margin: 0px 5px;
    }

    .footerBtn_alignXS {
        text-align: center !important;
    }
    /*******CSS for PMM Edit Status tab *****/
    .editPmm_statusTab_gridCheckbox {
        position: relative;
        left: 6px;
        right: 0px;
    }

        .editPmm_statusTab_gridCheckbox input[type="checkbox"] {
            display: inline-block;
            margin: 5px 5px 5px !important
        }
}

@media only screen and (min-width:541px) and (max-width:768px) {
    .menuContentCollaps_left {
        top: 40px !important;
    }

    .homeDashboard_menuListWrap {
        width: 250px !important;
        padding-top: 15px;
    }

    .comment-days {
        padding: 10px 0px;
    }
    /*.leftSide_menuContainer {
        top: 88px;
    }*/
    .searchPannelWrap {
        border-right: 0px;
        border-bottom: 20px solid #F6F7FB;
    }

    .colFormd {
        width: 27.666667% !important;
        border: 1px solid;
        border-color: #e7e7e7 !important;
    }

    .waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr .HomeDBAction-container {
        top: 0px !important;
    }
    /*.svcDashboard_drpDownWrap {
        text-align: center;
        padding: 0px;
    }
    .svcDashboard_addTicketBtn {
        margin-left: 11px;
    }*/
    .dbTicketSatus-widthForsm {
        width: 30%;
    }

    .dbActionBtn-widthForsm {
        width: 70%;
    }

    .svcDashboard_drpDownWrap {
        text-align: left;
    }

    .svcDashboard_quickTicketBtn {
        margin-right: 0px;
    }

    .svcDashboard_addTicketBtn {
        margin-left: 5px;
    }
}
@media only screen and (min-width:481px) and (max-width:620px){
    .mainSection-wrap {
        top: 56%;
        display: block;
    }
    /*********CSS for project plan icon************/
    .noPadding-xs {
        margin-top: 5px;
    }

    .xsrightToolDiv {
        float: left;
    }
    svg.visualization g > a text > tspan {
        display: none;
    }

        svg.visualization g > a text > tspan:first-child {
            display: block !important;
            font-size: 42px;
            baseline-shift: -56px;
            font-weight: 600;
        }

    .workFlowImg-wrap {
        padding: 0px;
    }
    svg.visualization {
        width: 100%;
    }
    .subTicket_PopUp_Container .dxpc-footer {
        margin-top: 40px;
    }
    .inner-cust-comments .comments {
        overflow: scroll;
        height: 260px;
    } 
    .existingTicket_savebtn {
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .svcDashboardContent_mainWrap {
        padding: 10px;
    }

    .new-task-eSVC {
        background: #fff;
    }

    .no-padding-xs {
        padding: 0;
    }

    /*.addComment_popUp_parent {
        width: 100% !important;
    }*/
    .contentPane{
        width:100%;
        height:97%;
        /*overflow-x:hidden;*/
    }
    .newTask_assignedTo_dropdown {
        padding-left: 15px;
    }
    /*admin dropdown*/
    .headerContent_profile {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
    }

    .headerContent_profile .rectangle {
        width: 30px !important;
        padding: 15px 0px !important;
    }

.post-container col-sm-1 col-xs-12 homeDashboard_headerMenu_wrap {
    width: 64%;
    display: flex;
    float: left;
    margin-left: 5px !important;
}

/*.profile-right-info {
    width: 145px;
}*/

    .profile-right-info .d-block {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*.post-thumb img {
        height: 30px !important;
        width: 30px !important;
        object-fit: contain;
    }*/
}
@media only screen and (min-width:481px) and (max-width:667px) {
    /*********CSS for user home Page Dashboard**************/
    .leftSide_menuContainer {
        top: 52px;
    }

    .leftSideBottomMenu-container {
        top: 55px
    }
    .searchPannelWrap-container {
        width: 77%;
        margin: 0px auto;
    }
    .prblemStatement-inputWrap {
        width: 84%;
    }
    .buttonview-container .ugit-contentcontainer{
        width:100%;
    }

    .colForXS {
        width: 49%;
        display: inline-block;
        padding: 0px;
    }
    .priorityHigh, .priorityMedium, .priorityLow, .priorityCritical {
        background-size: 40%;
    }
    /*******CSS for PMM Edit Scrum tab***************/
    .PmmScrum_btnContainer {
        margin-top: 12% !important;
    }
    .pmmScrum_sprintBtnWrap {
        margin-top: 8px !important;
    }
    .pmmScrum_releasesBtnWrap {
        margin-top: 7px !important;
    }
    /*************CSS for Npr Schedule tab button*******/
    .nprschedule_cancelBtn, .nprschedule_saveBtn {
        margin-left: 91% !important;
    }
    /*****************************CSS for SVC Edit-> Edit task************/
    .newTask_dueDate tr td.dxeButtonEditClearButton_UGITNavyBlueDevEx {
        display: none;
    }
    .relate-to-existing-tckt, .relate-to-existing-tckt > tbody, .relate-to-existing-tckt > tbody > tr, .relate-to-existing-tckt > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    float: left;
    }

    .existingTicket_savebtn_wrap {
    width: 100% !important;
    }

    .relate-to-existing-tckt .ms-formtable, .relate-to-existing-tckt .ms-formtable > tbody, .relate-to-existing-tckt .ms-formtable > tbody > tr, .relate-to-existing-tckt .ms-formtable > tbody > tr > td {
    width: 100% !important;
    display: block;
    }

    .relate-to-existing-tckt .ms-formtable td span {
    float: left;
    font-size: Larger;
    font-weight: bold;
    width: 100%;
    text-align: left;
    margin: 5px 0px;
    }
    .relatedTicket_dropDown_select select {
        width: 100%;
    }
    .popup-menuLog-inuser-outer {
        width: 195px !important;
    }

    .returnFeedback {
        width: 100%;
    }
    .edit_ticket_tabIcon {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-left: 0 !important;
    }

    .returnFeedback textarea {
        width: 100% !important;
    }

    .returnFeedback .buttoncell {
        padding: 10px;
        width: 100%;
        display: block;
    }

    .employee-name textarea {
        width: 100% !important;
    }
    .relatedTicket_dropDown_select select {
        width: 100%;
    }
    .relatedTicket_dropDown_select td span{
        display: block;
        width: 100%;
        float: left;
        text-align: left;
    }
    .returnFeedback .buttoncell.buttonAlign ul {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wiki-list-picker table.dxeButtonEditSys {
        display: block;
        width: 100%;
        float: none !important;
        margin: 5px 0px;
    }
 .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }
    /**************Print popup **************************/
    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }
    .header {
        padding-bottom: 5px;
    }
    .applReg_statusTitle {
        text-align: center;
        font-size: 18px;
    }
    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: 0;
    }
    .printPopup_mainContainer .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }
    .logoText1 .pointer {
        height: 37px;
    }
    .grid-task-btn {
        display: block !important;
        position: initial !important;
        border: none !important;
        background: none !important;
    }
    /*chart full width*/
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
    }
    .dashboardService_catalogeContainer{
        text-align:center;
    }
    .categorylist-container {
        width: 47% !important;
        display: inline-block;
        float: none;
    }
    /* making menu responsive */
    /*.leftSide_menuContainer {
        position: absolute;
        left: 0;
        z-index: 8888;
        top: 0;
    }*/

    .left_menu_wrap .homeDashboard_leftSideMenu_contentWrap .dashboardLeft_menuIcon {
        position: absolute;
        background-color: transparent;
    }

    /*.dxpnlControl_UGITNavyBlueDevEx.headerPane {
        width: 90%;
        float: right;
    }*/

    .main-page-section {
        width: 100% !important;
        /*padding: 0px 15px !important;*/
    }
    .service-toptitle-sub {
        width: 100% !important;
        font-size: 13px;
        text-align: center;
    }
    .dashboard_leftSideMenu{
        background-color:transparent;
    }
    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        display: block !important;
        left: -34px !important;
    }

    /*.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded {
        background: #fff;
    }*/

    .homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        left: -4px !important;
        background: #fff;
    }

    .right_content {
        width: 100% !important;
    }

    /*#ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1_EB.dxpnl-bar {
        position: absolute !important;
        background-color: transparent !important;
    }*/
    /*Quick ticket popup*/
    .quick-ticket-parent, .quick-ticket-parent .selectTemplateForQuickTicket_popUp, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv tbody,
    .selectTemplateForQuickTicket_popUp table tbody tr,
    .selectTemplateForQuickTicket_popUp table tbody tr td {
        width: 100% !important;
        display: block !important;
    }
    ./*addComment_popUp_parent {
        width: 100% !important;
        left: 0 !important;
        display: block !important;
    }*/
    .svcDashboard_addTicketBtn {
        margin: 5px;
    }
    .svcDashboardContent_mainWrap {
        padding: 10px;
    }
    /*.addComment_popUp_parent .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }*/
    /*.addComment_popUp_parent .comments .employee-name textarea {
        width: 100% !important;
    }*/
    .link-lable {
        border-right: none !important;
    }
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: block !important;
        float: left !important;
        width: 100%;
        text-align: center;
        border: none;
    }
    .svcDashboard_quickTicketBtn {
        margin-left: 0;
    }
    .svcDashboard_drpDownWrap{
        text-align:center;
    } 
    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }
    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }
    /*.reassign_popUp_dropDownTable {
        width: 100%;
    }*/

    /*.reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }*/
    .puOnHold_ticket_name {
        margin-top: 10px;
    } 
    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    } 
    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
    }
    .new-ticket-table .block_td {
        display: block;
        width: 100%;
    }
    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }
    .ticket_container.new-ticket-table > tbody > tr, .ticket_container.new-ticket-table > tbody {
        display: block;
        width: 100%;
    }

    .block-table.field_heading, .block-table.field_heading > tbody, .block-table.field_heading > tbody > tr, .block-table.field_heading > tbody > tr > td {
        display: block;
        width: 100%;
        height: auto !important;
    }

    .new-ticket-table > tbody > tr + tr > td + td div > span div {
        left: 10px !important;
    }

    .ticket_container.new-ticket-table, .editTicket_addDoc_wrap .fileUploadIcon {
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .editTicket_fileUpload table tr .dxCB {
        display: block;
    }

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
        margin: 0 !important;
        width: 100%;
    }

        .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
            position: relative;
            width: 100% !important;
            float: left;
        }

            .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span a {
                display: block;
            }

    .fileUploadIcon .hyperLinkIcon {
        max-width: 270px;
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            margin-bottom: 10px;
        }
    .svcDashboardContent_mainWrap {
        padding: 10px;
        margin-top: 10px;
    }
    .svcContent_container{
        width:98%;
    }
    .page-container {
        padding-bottom: 35px;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .field_heading legend {
        padding: 15px 10px 10px 10px;
    }
    /* copy to clipboard popup css*/
    .copyToclip_parent {
        display: block !important;
        position: absolute;
        width: 100% !important;
        left: 0 !important;
        height: 32px !important;
}
    .copyToclip_parent .dxpc-contentWrapper {
        height: 100% !important;
    }
    .copyToclip_parent .dxpc-contentWrapper .dxpc-content {
        display: block !important;
        border: 1px solid #a8aab4 !important;
        background: #fff !important;
    }
    /*.isPopup .homeDashboard_leftcontent_wrap {
        padding-left: 25px;
    }*/
    .existingTicket_savebtn_wrap {
    width:100% !important;
    }
    .existingTicket_checkbox label::before {
    position: relative;
    right: 0;
    top: 10px;
    display: inline-block;
    }

    .existingTicket_checkbox label {
    position: relative;
    }

    .existingTicket_checkbox label:after {
    position: absolute;
    top: 20px;
    left: 10px;
    }
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
    }
}
@media only screen and (min-width:668px) and (max-width:767px){
    .searchPannelWrap-container {
        width: 77%;
        margin: 0px auto;
    }

    .prblemStatement-inputWrap {
        width: 84%;
    }

    .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }
    .categorylist-container {
        width: 47% !important;
        display: inline-block;
        float: none;
    }
}
@media only screen and (min-width:481px) and (max-width:767px){
    /**************CSS for User home page dashboard**************/
    .homeService-panelContainer {
        border-width: 0px;
    }

    .searchPannelWrap {
        border-right: none;
    }

    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
    }

    .servcieCatalog_listView .ugit-contentcontainer {
        width: 98%;
    }
    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
        padding-bottom: 15px;
    }
    /******************CSS for New service prime pages******************/
    .mainSection-wrap {
        top: 50%;
        display: block;
    }

    .mainSection-textBlock h2 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .mainSection-textBlock p {
        font-size: 12px;
    }

        .mainSection-textBlock p.lastPara {
            margin: 30px 0px 30px;
        }

    .admindflt-checkWrap {
        margin-bottom: 56px;
    }

    .mainSection-ImageBlock, .mainSection-textBlock {
        width: 100%;
    }

    .admindflt-checkWrap label {
        font: 14px 'Poppins', sans-serif;
    }

    .admindflt-checkWrap input:checked + label::after {
        top: 7px;
        left: 5px;
        width: 5px;
        height: 8px;
    }

    .admindflt-checkWrap label::before {
        padding: 5px;
    }
    /*****************End CSS for new service prime pages**************/
    .headerPage-mesage {
        right: 0px;
    }
    .globalSearch-container {
        width: 168px;
    }
    .float-popup-xs.main-page-section.right_content {
        padding-left: 0px;
        width: 100%; 
        float: left;
    }
    .homeDashboard_leftcontent_wrap.right-content{
        padding-left:0px;
    }
    .leftSide_menuExpandContainer{
        z-index:99;
    }
}
@media only screen and (min-width:590px) and (max-width:768px){
    /*******CSS for User home page dashboard*********/




    .section-bannerImg{
        width:50%;
    }
    .mainSection-ImageBlock{
        text-align:center;
    }
}
@media (min-width:768px) and (max-width:922px) {
    .leftSide_menuContainer {
        top: 89px;
    }
}
@media only screen and (min-width:668px) and (max-width:1024px) {
    /********************CSs for Administer Service Prime ***********************/
    .workflow-container {
        left: -9%;
    }
    /*.img-wrap1 {left: 33%;}
    .img-wrap2 {left: 56%;top: -1.5%;}
    .img-wrap3 {top: 16%;left: 70.5%;}
    .img-wrap4 {top: 44%;left: 72%;}
    .img-wrap5 {bottom: -1%;left: 64%;}
    .img-wrap6 {left: 38%;}
    .img-wrap7{left:12.5%;}
    .img-wrap8{left:-1.5%;}
    .img-wrap9 {top: 29%;left: -2.5%;}
    .img-wrap10 {
        top: 6%;
        left: 10.4%;
    }*/
    .priorityHigh, .priorityMedium, .priorityLow, .priorityCritical {
        background-size: 40%;
    }

    .newResource_dateField tr td.dxeButtonEditButtonPressed_UGITNavyBlueDevEx {
        width: 15% !important;
        border: none !important;
    }

    .accomp-popup table {
        /*display: block;*/
        width: 100%;
    }

    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        margin: auto !important;
        /*width: 100% !important;  COMMENT when change into Admin-> request list popup */
    }


        .svcPopupDialog_wrap > div + div > iframe {
            width: 100% !important;
        }

    .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }

    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }

    .comment-tbl .comment-container .comment-action-buttons img {
        top: -104px;
    }

    .reassign_popUp_dropDownTable {
        width: 100%;
    }

    .reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }

    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
    }

    .puOnHold_ticket_name {
        margin-top: 5px;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    }

    .fileUploadIcon .hyperLinkIcon {
        max-width: 270px;
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            margin-bottom: 10px;
        }

    .page-container {
        padding-bottom: 35px;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .field_heading legend {
        padding: 15px 10px 10px 10px;
    }

    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }

    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }
    /***************************************CSS for SVC history tab***********/
    .history_img img {
        height: 47px;
    }

    /*************CSS for Npr Schedule tab button*******/
    .nprschedule_cancelBtn, .nprschedule_saveBtn {
        margin-left: 91% !important;
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .homeService-panelContainer {
        border-width: 0px;
    }

    .searchPannelWrap {
        border-right: none;
    }
    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
        padding-bottom: 15px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }

    /*******************CSS for new service prime pages**************/
    .mainSection-textBlock, .mainSection-ImageBlock {
        width: 40%;
    }
    /*******************End CSS for new service prime pages**************/
    .title-sectionContainer {
        padding: 90px 0px 0px;
    }

    .leftSide_menuContainer {
        top: 90px;
    }

    .menuContentCollaps_left {
        top: 132px !important;
    }

    .homeDashboard_leftcontent_wrap.right-content {
        padding-left: 0px;
    }

    .svcDashboard_btnWrap {
        margin-left: 10px;
    }
}
@media only screen and (min-width:941px) and (max-width:1024px) {
    .servcieCatalog_listView .ugit-contentcontainer {
        width: 100%;
    }

    .prblemStatement-inputWrap {
        width: 528px;
        margin-left: 15px;
    }
    .headerContent_profile{
        width:75%;
    }
    .headerPage-mesage {
        width: 25%;
    }

    .navbar-header {
        width: 25%;
    }
}
@media only screen and (min-width:1044px) and (max-width:1190px){
    .searchPannelWrap-container {
        width: 90%;
    }
    .prblemStatement-inputWrap {
        width: 91%;
    }
    .title-sectionContainer {
        padding: 54px 0px 0px;
    }
    .leftSide_menuContainer {
        top: 54px;
    }
    .menuContentCollaps_left {
        top: 132px !important;
    }
}
@media only screen and (min-width:1025px) and (max-width:1440px){
    .ques-answer.rightSection {
        float: left;
        width: 90%;
    }
    .headerPage-mesage {
        right: 0px;
        padding: 21px 2px 0px 0px;
    }

}
@media (min-width:1440px) and (max-width:2560px) {
    .actionBtn_agentOption_dropDownWrap {
        left: 31px !important;
        top: 77px !important;
        z-index: 9999;
    }
}
@media (min-width:190px) and (max-width:322px) {
        .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .dxgvCommandColumn_UGITNavyBlueDevEx {
            display: inline-block !important;
            height: 50px !important;
        }

            .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .dxgvCommandColumn_UGITNavyBlueDevEx span {
                margin-top: 15px;
            }

        .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .edit-ticket-cell {
            display: inline-block !important;
            height: 50px;
            padding: 13px 20px !important;
            /*width: 182px !important; commention while making svc home dashboard grid responsive*/
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .edit-ticket-cell .grid_img {
                height: 25px !important;
                width: 25px !important;
                margin: 10px 0px;
            }
        /*.customgridview td.dxgv.dx-ac:first-child {
        width: 20%;
        display: inline-block;
    }*/
        .dxgvDetailRow_CustomMaterial td.dxgvDetailCell_CustomMaterial {
            padding: 0px 8px;
        }
    }


.barChart {
}

.barChart__row {
    display: block;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

    .barChart__row:after {
        content: " ";
        display: table;
        clear: both;
    }

.barChart__label {
    float: left;
    padding-right: 10px;
    width: 50px;
}

.barChart__value {
    float: right;
    padding-left: 10px;
    width: 30px;
}

.barChart__bar {
    display: block;
    overflow: hidden;
    background: grey;
    height: 18px;
}

.barChart__barFill {
    display: block;
    height: 100%;
    width: 0;
    background: red;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-haykal:before {
    content: "\f666"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url(../webfonts/fa-brands-400.eot);
    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../webfonts/fa-regular-400.eot);
    src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.fa, .fas {
    font-weight: 900
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    color: #4A6EE2;
    /*background: #f5f5f5;*/
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
}

.table-wrapper {
    background: #fff;
    padding: 20px 25px;
    margin: 30px 0;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.table-title {
    padding-bottom: 15px;
    background: #435d7d;
    color: #fff;
    padding: 16px 30px;
    margin: -20px -25px 10px;
    border-radius: 3px 3px 0 0;
}

.table-title h2 {
    margin: 5px 0 0;
    font-size: 24px;
}

.table-title .btn-group {
    float: right;
}

.table-title .btn {
    color: #fff;
    float: right;
    font-size: 13px;
    border: none;
    min-width: 50px;
    border-radius: 2px;
    border: none;
    outline: none !important;
    margin-left: 10px;
}

.table-title .btn i {
    float: left;
    font-size: 21px;
    margin-right: 5px;
}

.table-title .btn span {
    float: left;
    margin-top: 2px;
}

table.table tr th, table.table tr td {
    border-color: #e9e9e9;
    padding: 12px 15px;
    vertical-align: middle;
}

table.table tr th:first-child {
    width: 60px;
}

table.table tr th:last-child {
    width: 100px;
}

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
    background: #f5f5f5;
}

table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}

table.table td:last-child i {
    opacity: 0.9;
    font-size: 22px;
    margin: 0 5px;
}

table.table td a {
    font-weight: bold;
    color: #566787;
    display: inline-block;
    text-decoration: none;
    outline: none !important;
}

table.table td a:hover {
    color: #2196F3;
}

table.table td a.edit {
    color: #FFC107;
}

table.table td a.delete {
    color: #F44336;
}

table.table td i {
    font-size: 19px;
}

table.table .avatar {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.pagination {
    float: right;
    margin: 0 0 5px;
}

.pagination li a {
    border: none;
    font-size: 13px;
    min-width: 30px;
    min-height: 30px;
    color: #999;
    margin: 0 2px;
    line-height: 30px;
    border-radius: 2px !important;
    text-align: center;
    padding: 0 6px;
}

.pagination li a:hover {
    color: #666;
}

.pagination li.active a, .pagination li.active a.page-link {
    background: #03A9F4;
}

.pagination li.active a:hover {
    background: #0397d6;
}

.pagination li.disabled i {
    color: #ccc;
}

.pagination li i {
    font-size: 16px;
    padding-top: 6px
}

.hint-text {
    float: left;
    margin-top: 10px;
    font-size: 13px;
}
/* Custom checkbox */
.custom-checkbox {
    position: relative;
}

.custom-checkbox input[type="checkbox"] {
    /*opacity: 0;*/
    position: absolute;
    margin: 5px 0 0 3px;
    z-index: 9;
}

.custom-checkbox label:before {
    width: 18px;
    height: 18px;
}

.custom-checkbox label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    background: white;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-sizing: border-box;
    z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    transform: inherit;
    z-index: 3;
    transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
    border-color: #03A9F4;
    background: #03A9F4;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    border-color: #fff;
}

.custom-checkbox input[type="checkbox"]:disabled + label:before {
    color: #b8b8b8;
    cursor: auto;
    box-shadow: none;
    background: #ddd;
}
/* Modal styles */
.modal .modal-dialog {
    max-width: 400px;
}

.modal .modal-header, .modal .modal-body, .modal .modal-footer {
    padding: 20px 30px;
}

.modal .modal-content {
    border-radius: 3px;
}

.modal .modal-footer {
    background: #ecf0f1;
    border-radius: 0 0 3px 3px;
}

.modal .modal-title {
    display: inline-block;
}

.modal .form-control {
    border-radius: 2px;
    box-shadow: none;
    border-color: #dddddd;
}

.modal textarea.form-control {
    resize: vertical;
}

.modal .btn {
    border-radius: 2px;
    min-width: 100px;
}

.modal form label {
    font-weight: normal;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TROrZKX0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRHrZKX0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRPrZKX0A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRArZKX0A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRBrZKX0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRMrZKX0A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRNrZKX0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRDrZI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGp_-WEg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGt_-WEg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGV_-Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc5ijTnwE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc5yjTnwE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc6SjT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SkvzAbt.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SAvzAbt.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SgvzAbt.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_ScvzAbt.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SYvzAbt.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SsvzAbt.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SovzAbt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SQvzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TTM0uBl.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2T3M0uBl.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TXM0uBl.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TrM0uBl.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TvM0uBl.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TbM0uBl.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TfM0uBl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TnM0g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif Regular'), local('DroidSerif-Regular'), url(https://fonts.gstatic.com/s/droidserif/v8/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v8/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(https://fonts.gstatic.com/s/limelight/v8/XLYkIZL7aopJVbZJHDuoNOlHnnY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(https://fonts.gstatic.com/s/limelight/v8/XLYkIZL7aopJVbZJHDuoOulH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTvs9CE5Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTtc9CE5Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTtM9CE5Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9C.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhHq3-OXg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq8f7-7Ag.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq1f7-7Ag.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq9f7-7Ag.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmqyf7-7Ag.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq-f7-7Ag.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq_f7-7Ag.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmqxf78.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CLwR26eg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CCwR26eg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CKwR26eg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CFwR26eg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CJwR26eg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CIwR26eg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: local('Syncopate Regular'), local('Syncopate-Regular'), url(https://fonts.gstatic.com/s/syncopate/v9/pe0sMIuPIYBCpEV5eFdCBfe_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 700;
  src: local('Syncopate Bold'), local('Syncopate-Bold'), url(https://fonts.gstatic.com/s/syncopate/v9/pe0pMIuPIYBCpEV5eFdKvtKqBP5v.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX2fmRR8Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX_fmRR8Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX3fmRR8Q.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX4fmRR8Q.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX5fmRR8Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX0fmRR8Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX1fmRR8Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX7fmQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fj0C8H-Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fq0C8H-Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fi0C8H-Q.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Ft0C8H-Q.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fs0C8H-Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fh0C8H-Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fg0C8H-Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fu0C8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

    /*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
html, body{
	font-family: 'Poppins', sans-serif;
    font-size: 100%;
  	/*overflow-x: hidden;*/
	/*background:#FFFFFF;*/
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	/* background:#011D4A!mportant; */
}
a:focus, a:active, a:hover ,a.dropdown-toggle{
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	text-decoration:none;
}
a {
    background-color:none;
}
body p {
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
}
a {
  color: #4A6EE2;
  font-weight:400;
}
a:hover { transition: all 200ms ease-in-out; }

/*.page-container {
  min-width: 1260px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0px auto;
}*/
/*.left-content {
    float: right;
    width: 86.2%;
    background: #f6f7fb;
}*/

a.sidebar-icon:hover{
	color:#fff;
}
.page-container.sidebar-collapsed {
  transition: all 100ms linear;
  transition-delay: 300ms;
}
    .page-container.sidebar-collapsed .left-content {
        float: right;
        width: 95%;
        transition: all 200ms ease-in-out;
    }
.page-container.sidebar-collapsed-back {
    transition: all 100ms linear;
}
.page-container.sidebar-collapsed-back .left-content {
  transition: all 100ms linear;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
	float: right;
    width:85%;
}
.page-container.sidebar-collapsed .sidebar-menu {
    width: 65px;
    transition: all 200ms ease-in-out;
    /*transition-delay: 300ms;*/
}
.page-container.sidebar-collapsed-back .sidebar-menu {
  width: 240px;
  transition: all 100ms ease-in-out;
}
/*.page-container.sidebar-collapsed .sidebar-icon {
   transform: rotate(90deg);
   transition: all 300ms ease-in-out;
   margin-right: 0em;
    margin-top: -8px;
	color: #fff;
    -- background: #252525; 
    border-radius: 0;
}
 .page-container.sidebar-collapsed-back .sidebar-icon {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}*/
.page-container .logo1 a.sidebar-icon img.menu-close,
.page-container.sidebar-collapsed-back .logo1 a.sidebar-icon img.menu-close,
.page-container.sidebar-collapsed .logo1 a.sidebar-icon img.menu-open {
    display: none;
}

.page-container.sidebar-collapsed-back .logo1 a.sidebar-icon img.menu-open,
.page-container.sidebar-collapsed .logo1 a.sidebar-icon img.menu-close {
    display: block;
}

.page-container.sidebar-collapsed .logo {
  padding: 21px 0;
  height: 63px;
  box-sizing: border-box;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed #logo {
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: none;
}
.page-container.sidebar-collapsed .down {
    display: none;
}
.page-container.sidebar-collapsed-back #logo {
  opacity: 1;
  transition: all 200ms ease-in-out;
  transition-delay: 300ms;;
}
.page-container.sidebar-collapsed #menu span {
  opacity: 0;
  transition: all 50ms linear;
}
.page-container.sidebar-collapsed-back #menu span {
  opacity: 1;
  transition: all 200ms linear;
  transition-delay: 300ms;
}
.sidebar-menu {
    position: fixed;
    float: left;
    width: 240px;
    top: 0;
    left: 0;
    bottom: 0;
	/* background-color:#b52e31; */
	background-color:#fff;
	/* color: #aaabae; */
	color:#ccc;
    box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-o-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-webkit-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-moz-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
   z-index: 999;
}
label.col-sm-2.control-label {
    font-size: 16px;
    margin-top: 0px;
    
}
#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#menu li {
  position: relative;
  margin: 0;
  border-bottom: 1px ridge rgba(255, 255, 255, 0.15);
  padding: 0;
  padding: 0;
}
#menu li ul {
  opacity: 0;
  height: 0px;
}
    #menu li a {
        font-style: normal;
        font-weight: 400;
        position: relative;
        display: block;
        padding: 13px 20px;
        /* color: #fff; */
        color: #666;
        white-space: nowrap;
        z-index: 2;
        /* background-color: #b52e31; */
        background-color: #fff;
        font-size: 0.9em;
        font-family: 'Poppins', sans-serif;
        border: none;
        /* border-left: 4px solid #b52e31; */
    }
#menu li a:hover {
  color: #ffffff;
  background-color:#252525;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   border-left: 4px solid #4A4A4A;
}
#menu li.active > a {
  background-color: #2b303a;
  color: #ffffff;
}
#menu ul li {
	/* background-color: #B52E31; */
	background-color: #fff;
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li ul {
  position: absolute;
  visibility: hidden;
  left: 100%;
  top: -1px;
  background-color: #2b303a;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.1s linear;
  border-top: 1px solid rgba(69, 74, 84, 0.7);
}
#menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
li#menu-mensagens,li#menu-arquivos {
background-color:#00C6D7!important;
}
#menu li li ul {
  right: 100%;
  visibility: hidden;
  top: -1px;
  opacity: 0;
  transition: opacity 0.1s linear;
}
#menu li li:hover ul {
  visibility: visible;
  opacity: 1;
}

#menu .fa { margin-right: 5px; }

.logo1 {
    width: 100%;
    padding: 10px 10px 20px;
    box-sizing: border-box;
    overflow:hidden;
}
    .logo1 h3 {
        overflow: hidden;
        margin: 20px 0 0;
    }

.sidebar-icon {
    margin-top: -2px;
    /* border: 1px solid #252525; */
    text-align: right;
    line-height: 1;
    font-size: 19px;
    /*padding: 8px 10px;*/
    padding: 8px 0px;
    border-radius: 0px;
    color: #fff;
    /* background: #252525; */
    float: right;
}
.sidebar-collapsed .sidebar-icon {
    padding: 8px 10px;
}

ul#menu i {
    font-size: 1.1em;
    margin-right: 6px;
    width: 10%;
}
ul#menu-academico-sub {
    z-index: 999;
}
li#menu-academico{
 z-index: 999;
}
.panel-body.ont {
    padding: 14px;
}
/*#logo
{
    width: 150px;
    height: 64px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
}*/

.fa-html5 {
  color: #fff;
  margin-left: 50px;
}
.menu {
    text-align: left;
}
/*----*/
.itemContainer{
			width:100%;
			float:left;
		}

		.itemContainer div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}

		.itemContainer a{
			text-decoration:none;
		}

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

		.cartHeaders div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}
.item_add {
  color: #fff;
 
  border:none;
}	
	
.grid_1 img{
	margin-bottom:1em;
}


.box_1{
	float:right;
}
.box_1 h3{
  color: #7A8499;
  font-size: 1em;

    float: left;
}
.box_1 h3 img{
	margin-left: 5px;
}
.box_1 p{

  float: right;
}
.total {
  display: inline-block;
}
/*----*/
/*--checkout--*/
.cart h2{
	font-size:1.5em;
	margin-bottom:1em;
}

.cart-sec{
	
	margin-bottom:3em;
}
.cart-item{
	width:20%;
	float:left;
	margin-right:5%;
	
}
.cart-item img{
	width:100%;
}
.cart-item-info{
	width:75%;
	float:left;
	 
}
.check {
    padding: 1em 0 0;
}
.cart-item-info h3{
	font-size:1em;
	font-weight:600;
}
.cart-item-info h3 a{
	color:#000;
}
.cart-item-info h3 span{
	display:block;
	font-weight:400;
	font-size: 0.85em;
  margin: 0.7em 0;
}
.size_3 {
  width:100%;
}
.delivery {
  margin-top: 3em;
}
.delivery p {
  color: #A6A6A6;
  font-size: 1em;
  font-weight: 400;
  float: left;
}
.delivery span {
  color: #A6A6A6;
  font-size: 1em;
  font-weight: 400;
  float: right;
}
.cart-item-info h4 span{
	font-size:0.65em;
	font-weight:400;
} 

.close1,.close2{
  background: url('../images/close_1.png') no-repeat 0px 0px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.cart-header {  
  position: relative;  
}
.cart-header2 {  
  position: relative;  
}
a.order {
  background:#B52E31;
  padding: 10px 20px;
  
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 600;
  text-align: center;
  margin:3em 0;
}
a.order:hover{
	background:#252525;
}
.total-item,.cart-items{
	margin-top:0em;
	padding-bottom:2em;
}

.total-item h3 {
  color: #333;
  font-size: 1.1em;
  margin-bottom: 1em;
}
.total-item h4{
	font-size:0.8em;
	font-weight:600;
	color:#9C9C9C;
	display:inline-block;
	margin-right:6em;
}
a.cpns{
	background:#B52E31;
	color:#fff;
	
	padding: 10px;
  font-size: 0.8em;
	font-weight:600;
}
a.cpns:hover{
	background: #252525;
}
.total-item p{
	font-size:0.9em;
	font-weight:400;
	margin-top:1em;
	color:#727272;	
}
.total-item p a:hover{
	color:#333;
	text-decoration:underline;
}
a.continue{
	background:#B52E31;
	padding:10px 20px;
	
	font-size:1em;
	color:#fff;
	text-decoration:none;
	display: block;
   font-weight: 600;  
   text-align: center;
   margin-bottom:2em;
}
a.continue:hover{
	background:#252525;
}
ul.total_price{
	padding: 0;
  margin: 1em 0 0 0;
  list-style: none;
}
ul.total_price li.last_price{
	width: 50%;
  float: left;
  
}
ul.total_price li.last_price span{
	font-size: 1.1em;
  color: #000;
}
.price-details{
	border-bottom: 1px solid #DDD9D9;
  padding-bottom: 10px;
}
.price-details h3{
	color:#000;
	font-size:1.2em;
	margin-bottom:1em;
}
.price-details span{
	width: 50%;
  float: left;
 
  font-size: 0.8125em;
  color: #000;
  line-height: 1.8em;
}
.cart-items h1 {
    font-size: 1.5em;
    margin-bottom: 2em;
    color: #B52E31;
}
a.item_add1 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-right-radius: 0;
  /* border-bottom-right-radius: 50%; */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 15px;
  background: url(0) #f54d56;
}
a.item_add1:hover{
	background:rgb(3, 193, 167);
	text-decoration:none;
	color:#fff;
}
.btn_5{
	padding:25px 40px;
	font-size:1.1em;
}
ul.qty{
	padding:0;
	margin:0;
	list-style:none;
}
ul.qty li{
   display: inline-block;
   margin-right: 10%;
}
ul.qty li p{
	font-size:0.8125em;
	color:#555;
}
/*-- header_top --*/
.top_bg{
	background: #252525;
}
.header_top {
    padding: 15px 0 5px;
    width: 83%;
    margin: 0 auto;
}
.top_left{
	float: right;
}
.top_left h2 {
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    margin: 0;
}
.top_left h2 span {
  color: #000000;
  margin-right: 0px;
  padding: 1px 10px;
  background: url(../images/phon.png) no-repeat 4px 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top_right{
	float:left;
	color: #ffffff;
	margin-top: -5px;
}
.top_right ul{
	padding:0;
	list-style:none;
}
.top_right ul li{
	display: inline-block;
	margin-right: 10px;
}
.top_right ul li:last-child{
	margin-right: 0;
}
.top_right ul li a{
	text-align:center;
	padding: 0px 4px;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top_right ul li a:hover{
	color:#ff6978;
	text-decoration: none;
}
.itemContainer{
			width:100%;
			float:left;
		}

		.itemContainer div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}

		.itemContainer a{
			text-decoration:none;
		}

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

		.cartHeaders div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}
.item_add {
  border: none;
  color: #3f3d3d;
  padding: 10px 20px;
  font-size: 0.85em;
  border: none;
  text-align: center;
}
.item_add:hover{
}	
.grid_1 img{
	margin-bottom:1em;
}
span.item_price {
  color: #3f3d3d;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
}
.item_quantity {
  margin: 1em 0;
  border: 1px solid rgb(175, 175, 175);
  font-size: 0.85em;
  padding: 5px 10px;
  display: block;
}
.box_1 {
  float: left;
  margin: 0.55em 0.1em 0;
  width:38%;
}
.box_1 h3 {
  color: #000;
  font-size: 0.85em;
  margin: 0;
  float: left;
}
.box_1 h3 img{
	margin-left: 5px;
}
.box_1 p {
    color: #000;
    font-size: 0.85em;
    float: left;
    margin: 0em 0.3em 0.8em;
    text-align: left;
}
select.item_Size {
  display: block;
  border: 1px solid #999;
  font-size: 0.85em;
  color: #000;
  padding: 5px 10px;
  margin-top: 1em;
}
.item_add  a{
  background: #B52E31;
  border: none;
  color: #fff;
  padding: 10px 20px;
  font-size: 0.85em;
  border: none;
}
/********** Login *************/
#loginContainer {
    position:relative;
}
#loginContainer a span {
    display: block;
    padding: 2px 14px;
    border: 1px solid #555;
    font-weight: 300;
    color: #252525;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
	top: 44px;
	right: 0px;
    display:none;
    z-index:29;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left:10px solid rgba(0, 0, 0, 0);
	border-right:10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}
/* Login Form */
#loginForm {
   width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
    color:#000;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
}
#body label i{
	color:#000;
	font-size:1em;
	font-style:normal;
}
/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #DADADA;
	color: #222;
	background:#FFF;
    padding:6px;
	font-size: 0.8125em;
    -webkit-apperance:none;
}
/* Sign In Button */
#loginForm #login {
	width: auto;
	float: left;
	background:#B52E31 ;
	color: #fff;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #252525;
}
/* Forgot your password */
#loginForm span{
    display:block;
    padding:0px 0px 15px 17px;
}
#loginForm span a{
	color:#000;
	font-size:0.85em;
    font-weight:500;
    background: none;
	border: none;
	box-shadow: none;
}
#loginForm span a:hover{
	text-decoration:underline;
}
input:focus {
    outline:none;
}
/*-- header --*/
.logo {
  float: left;
  margin: 1.5em 0;
}
.header_right {
  float: right;
  width: 40%;
}
.head-t {
  padding: 1em 0;
  width:83%;
  margin:0 auto;
}
/*search*/
.search{
	position: relative;
	/* background: #f3f4f5; */
	/* border: 1px solid #D8D8D8; */
}
.search form{
	width:100%;
}
    .search input[type="text"] {
        margin: 0px 0;
        padding: 8px 0px;
        outline: none;
        color: #737373;
        background: none;
        border: none;
        width: 91.33333%;
        line-height: 1.5em;
        position: relative;
        font-size: 15px;
        -webkit-appearance: none;
        text-transform: capitalize;
        float: right;
        font-family: Catamaran;
        font-weight: 500;
    }
.search input[type="text"]:hover{
	/* background: #ffffff; */
}
.search input[type="submit"]{
	background: url('../../Images/AppIcon/search_icon.png') no-repeat 0px 1px;
	border: none;
	cursor: pointer;
	width: 24px;
	outline: none;
	position: absolute;
	height: 24px;
	top: 6px;
	left: 5px;
}
.log {
  float: left;
  width: 19%;
}
.reg {
  float: left;
  width: 20%;
  margin: 5px 0;
}
/* create_btn */
.create_btn {
  float: left;
  width: 21%;
}
.create_btn a {
  text-transform: capitalize;
  display: inline-block;
  padding: 6px 16px;
  font-size: 0.8725em;
  font-weight:300;
  color: #ffffff;
  background: #252525;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.create_btn a:hover{
	background: #B52E31;
	color:#ffffff; 
	text-decoration:none;
}
.create_btn a img{
	vertical-align: top;
	margin-top: 3px;
}
.reg a {
  vertical-align: middle;
  font-size: 0.85em;
  font-weight: 300;
  text-decoration: none;
   color: #252525;
}
.chrt-two.area {
    padding:1em;
}
a.simpleCart_empty {
    color: #252525;
}
#chartdiv4 {
         width: 100%;
    height: 431px;
    font-size: 14px;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.amChartsLegend.amcharts-legend-div {
    left: 390px!important;
}
.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}	
h2.inner,h3.inner {
    padding: 0;
    margin-top: 0;
    font-weight: 400;
    color: #333;
}
.dev-widget:hover h2,.dev-widget:hover h3{
    color: #fff;
}
#chartdiv1 {
    width: 100%;
    height: 338px;
}
.chrt-two{
    padding: 2em 2em;
    background: #fff;
    width: 49%;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
}
.chrt-three {
    padding:1em;
    background: #fff;
    width: 49%;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
	float:right;
}
.content {
    /*padding: 3em 2em 1em;*/
}
.demo-container {
    box-sizing: border-box;
    width: 100%;
    /*height: 350px; commented for run in background*/
}
.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}
/*---fn-gantt-----*/
/*-- status --*/
.contain {
	width: 100%;
	margin: 0 auto;
}
/*table th:first-child {
	width: 150px;
}*/
.gantt, .gantt2 {
    width: 100%; 
}
.monthly-grid {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
    margin-bottom: 1em;
}
.skil {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
    width: 30%;
}
.gantt:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.panel {
    margin-bottom: 0px !important;
}
.fn-gantt {
    width: 100%;
    border: 1px solid rgba(37, 37, 37, 0.19);
}
.fn-gantt .fn-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* === LEFT PANEL === */
.fn-gantt .leftPanel {
    float: left;
    width: 225px;
    overflow: hidden;
    border-right: 1px solid #DDD;
    position: relative;
    z-index: 20;
}
.fn-gantt .row {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-left: -24px;
}
.fn-gantt .leftPanel .fn-label {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #484A4D;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.fn-gantt .leftPanel .row0 {
    border-top: 1px solid #DDD;
}
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    float: left;
    height: 23px;
    margin: 0;
    border-bottom: 1px solid #DDD;
    background-color: #f6f6f6;
}
.fn-gantt .leftPanel .name {
    width: 109px;
    font-weight: bold;
}
.fn-gantt .leftPanel .desc {
    width: 115px;
}
.fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
    width: 225px;
}
.fn-gantt .spacer {
    margin: -2px 0 1px 0;
    border-bottom: none;
    background-color: #f6f6f6;
}
/* === RIGHT PANEL === */
.fn-gantt .rightPanel {
    overflow: hidden;
}
.fn-gantt .dataPanel {
    margin-left: 0px;
    border-right: 1px solid #DDD;
    background: url(../images/grid.png) 0px 0px;
    background-repeat: repeat;
    background-position: 24px 24px;
}
.fn-gantt .day, .fn-gantt .date {
    overflow: visible;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin: -1px 0 0 -1px;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}
.fn-gantt .holiday {
    background-color: #ffd263;
    height: 23px;
    margin: 0 0 -1px -1px;
}
.fn-gantt .today {
    background-color: #fff8da;
    height: 23px;
    margin: 0 0 -1px -1px;
    font-weight: bold;
    text-align: center;
}
.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
    height: 23px;
    margin: 0 0 0 -1px;
    text-align: center;
}
.fn-gantt .sa, .fn-gantt .sn {
    color: #939496;
    background-color: #f5f5f5;
    text-align: center;
}
.fn-gantt .wd {
    background-color: #f6f6f6;
    text-align: center;
}
.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    float: left;
    overflow: hidden;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 23px;
    margin: 0 0 0 -1px;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}
.fn-gantt-hint {
    border: 5px solid #edc332;
    background-color: #fff5d4;
    padding: 10px;
    position: absolute;
    display: none;
    z-index: 11;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
.fn-gantt .bar {
    background-color: #D0E4FD;
    height: 18px;
    margin: 4px 3px 3px 3px;
    position: absolute;
    z-index: 10;
    text-align: center;
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        -moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
}
.fn-gantt .bar .fn-label {
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    color: #414B57 !important;
    text-align: center;
    font-size: 11px;
}
.fn-gantt .ganttRed {
    background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
    color: #78436D !important;
}
.fn-gantt .ganttGreen {
    background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
    color: #778461 !important;
}
.fn-gantt .ganttOrange {
    background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
    color: #714715 !important;
}
/* === BOTTOM NAVIGATION === */
.fn-gantt .bottom {
    clear: both;
    background-color: #f6f6f6;
    width: 100%;
}
.fn-gantt .navigate {
    border-top: 1px solid #DDD;
    padding: 10px 0 10px 225px;
}
.fn-gantt .navigate .nav-slider {
    height: 20px;
    display: inline-block;
}
.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
    text-align: center;
    height: 20px;
    display: inline-block;
}
.fn-gantt .navigate .nav-slider-left {
    float: left;
}
.fn-gantt .navigate .nav-slider-right {
    float: right;
}
.fn-gantt .navigate .nav-slider-content {
    text-align: left;
    width: 143px;
    height: 20px;
    display: inline-block;
    margin: 0 10px;
}
.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
    position: absolute;
    display: block;
}
.fn-gantt .navigate .nav-slider-bar {
    width: 143px;
    height: 6px;
    background-color: #838688;
    margin: 8px 0 0 0;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
}
.fn-gantt .navigate .nav-slider-button {
    width: 17px;
    height: 60px;
    background: url(../images/slider_handle.png) center center no-repeat;
    left: 0px;
    top: 0px;
    margin: -26px 0 0 0;
    cursor: pointer;
}
.fn-gantt .navigate .page-number {
    display: inline-block;
    font-size: 10px;
    height: 20px;
}
.fn-gantt .navigate .page-number span {
    color: #666666;
    margin: 0 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}
.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
    text-decoration: none;
}
.fn-gantt .nav-link {
    margin: 0 3px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0px;
    background: #595959 url(../images/icon_sprite.png) !important;
    border: 1px solid #454546;
    cursor: pointer;
    vertical-align: top;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
            -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
            box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.fn-gantt .nav-link:active {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
}
.fn-gantt .navigate .nav-page-back {
    background-position: 1px 0 !important;
    margin: 0;
}
.fn-gantt .navigate .nav-page-next {
    background-position: 1px -16px !important;
    margin-right: 15px;
}
.fn-gantt .navigate .nav-slider .nav-page-next {
    margin-right: 5px;
}
.fn-gantt .navigate .nav-begin {
    background-position: 1px -112px !important;
}
.fn-gantt .navigate .nav-prev-week {
    background-position: 1px -128px !important;
}
.fn-gantt .navigate .nav-prev-day {
    background-position: 1px -48px !important;
}
.fn-gantt .navigate .nav-next-day {
    background-position: 1px -64px !important;
}
.fn-gantt .navigate .nav-next-week {
    background-position: 1px -160px !important;
}
.fn-gantt .navigate .nav-end {
    background-position: 1px -144px !important;
}
.fn-gantt .navigate .nav-zoomOut {
    background-position: 1px -96px !important;
}
.fn-gantt .navigate .nav-zoomIn {
    background-position: 1px -80px !important;
    margin-left: 15px;
}
.fn-gantt .navigate .nav-now {
    background-position: 1px -32px !important;
}
.fn-gantt .navigate .nav-slider .nav-now {
    margin-right: 5px;
}
.fn-gantt-loader {
    z-index: 30;
}
.fn-gantt-loader-spinner {
    width: 100px;
    height: 20px;
    position: absolute;
    margin-left: 50%;
    margin-top: 50%;
    text-align: center;
}
.fn-gantt-loader-spinner span {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.row:after {
    clear: both;
}
/*-- //status --*/
/*---fn-gantt-----*/
canvas#bar1 {
    width: 100% !important;
    height: 300px !important;
}
.panel-body {
    padding: 0;
}
 /*-----*/
.mid-content-top {
    width: 68%;
    float: right;
    padding-right: 0;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
}
.middle-content{
 	background: #fff;
 	padding:1em;
}
.middle-content h3 {
    font-size: 1.5em;
    color:#B52E31;
    margin-bottom: 1em;
} 
.content-top-lft {
    padding: 1em;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    width: 49%;
    float: left;
}
h3.sub-tittle {
    font-size: 22px;
    color: #B52E31;
}
/*----*/
/*--content--*/
.content-top-1 {
    background-color: #fff;
   	padding: 1em;
   	margin-bottom: 1em; 
    border: 1px solid #ebeff6;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-top-1:last-child {
   	margin-bottom: 0em; 
}
.content-graph {
    background-color: #fff;
}
/*.panel-title {
    font-size: 22px !important;
    color: #B52E31 !important;
    margin-bottom: 0.5em !important;
    font-family: 'Poppins', sans-serif;
}*/
.content-top-2 {
    position: relative;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    float: right;
    width: 49%;
}
.content-color {
    position: absolute;
    top: 3%;
    right: 6%;
    border:1px solid #F3F3F4;
	padding:1em;
	width:150px;
}
.content-ch,.content-ch1 {
	font-size:0.8em;
	color:#999;
}
.content-ch p,.content-ch1 p{
	float:left;
}
.content-ch i{
	width:10px;
	height:10px;
	border:2px solid #999;
	display: inline-block;
	margin-right:5px;
}
.content-ch1 i{
	width:10px;
	height:10px;
	border:2px solid #FBB03B;
	background:#FBB03B;
	display: inline-block;
	margin-right:5px;
}
.content-ch span,.content-ch1 span{
	float:right;
}
.top-content h5 {
    font-size: 1.3em;
    color: #B3AEAE;
    font-family: 'Poppins', sans-serif;
}
.top-content label {
    font-size: 2.3em;
    color: #000;
}
.content-top {
    padding: 1em 0;
}
/*--pie-chart---*/
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}
.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}
/*----*/
/*--single--*/
.cont{
	display: block;
	float:left;
}
.span_2_of_bottom1 {
	width:68.1%;
}
.lsidebar{
	display: block;
	float:right;
	margin-left:3.333%;
} 	
.span_2_of_bottom {
	width: 66.1%;
}
.span_1_of_bottom {
	width:25.1%;
	border: 1px solid #DDD;
}
.span_2_of_bottom p,
.span_1_of_bottom  p  {
	font-size:0.8125em;
	padding:0.5em 0;
	color: #888;
	line-height: 1.5em;
}
.desc h5 a{
	color:#C0313C;
	font-size: 0.788em;
}
.desc h5 a:hover{
	color:#333;
}
.button {
	border: none;
	background: #45A43E;
	color: #FEF503;
	float: right;
	padding: 7px 15px;
	font-size: 12px;
	cursor: pointer;
	outline: none;
	text-transform:uppercase;
}
.button:hover {
	background:#333;
}
.price-text{
	padding:5% 0;
}
.span_3_of_2 {
	width:60.3333%;
}
.desc1 {
	display: block;
	float: right;
}
p.stock {
	display: block;
	font-size: 0.89em;
	color: #555;
	margin: 10px 0;
}
.row-2 {
	overflow: hidden;
	text-align: left;
	padding-top: 6px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
span.on_sale {
	display: block;
	float: left;
	padding: 15px 6px 0 30px;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	color: #777777;
}
.price1 {
	padding: 4% 0;
}
span.actual1 {
	text-decoration: line-through;
	margin-right: 8%;
	color: #888;
	font-size: 1.2em;
}
.images_3_of_2 {
	width:35.2%;
	float: left;
	margin-right: 2.6%;
}
.single-bottom1 h6, .single-bottom2 h6 {
	background: #F3F3F3;
	padding: 10px;
	color:#B52E31;
	font-size: 1.2em;
}
p.prod-desc {
	color: #3f3d3d;
	padding-top: 2%;
	font-size: 0.89em;
	line-height: 1.8em;
}
.single-bottom1 {
	padding: 3% 0 4%;
}
.product {
	padding: 3% 0 0 0;
}
.product-desc {
	width: 100%;
	float: left;
	border-width: 0 1px 0 0;
}
.product-img {
	width: 21.5%;
	float: left;
	margin-right: 2.5%;
}
.prod1-desc {
	width: 75.2%;
	float: left;
}
.product-desc h5 {
	padding-bottom: 2%;
}
.product-desc h5 a{
	color:#555;
	font-size:20px;
}
.product-desc h5 a:hover{
	color:#B52E31;
	text-decoration:none;
}
p.product_descr {
	color: #3f3d3d;
	font-size: 0.89em;
	line-height: 1.8em;
}
.product_price {
	width:15.3333%;
	float: left;
	padding: 0 0px 0px 16px;
}
.price-access {
	color: #555;
	font-size: 1em;
}
.button1 {
	border: none;
	background:#ff6978;
	padding: 7px 15px;
	color: #FFF;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	margin-top: 9%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button1:hover{
	background:#00405d;
	color: #fff;
}
.desc1 h3{
	color:#B52E31;
	font-size:1.4em;
	text-transform:capitalize;
}
.desc1 p {
  margin-top: 2%;
  font-size: 0.89em;
  color: #3f3d3d;
  line-height: 1.8em;
  letter-spacing: 1px;
}
.desc1 p a{
	margin-left:5px;
	color:#555555;
	text-transform:uppercase;
	font-size: 13px;
	-webkit-text-stroke: 0px;
	letter-spacing: 0px;
}
.desc1 p a:hover{
	color: #00405d;
}
.det_nav {
	margin:  6% 0;
}
.det_nav ul{
	padding:0;
	list-style:none;
}
.det_nav h4{
	line-height:1.8em;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
	margin-bottom: 4%;
}
.det_nav ul li{
	display:inline-block;
	width: 20.33333%;
	margin-left: 4%;
}
.det_nav ul li:first-child{
	margin-left: 0;
}
.det_nav ul li a{
	display:block;
}
.det_nav ul li a img{
	border: 1px solid #DADADA;
}
.btn_form{
	margin: 8% 0 4%;
}
.btn_form a{
	cursor:pointer;
	border:none;
	outline:none;
	display: inline-block;
	font-size: 1em;
	padding: 10px 34px;
	background:#B52E31;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_form a:hover{
	background: #252525;
	text-decoration:none;
}
.desc1  a span{
	font-size:0.8125em;
	color:#555555;
	text-transform:uppercase;
	text-decoration:underline;
}
.desc1 a span:hover{
	color: #00405d;
	text-decoration:none;
}
.det_nav1 h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #555;
  margin: 3% 0 6% 0;
}
.det_nav1 ul li{
	display: inline-block;
	margin-left: 10px;
}
.det_nav1 ul li:first-child{
	margin-left: 0;
}
/* end details */
/* start registration */
.registration {
    padding: 1% 0%;
}
.registration h2{
	font-size:1.5em;
	color:#B52E31;
	text-transform:capitalize;
	margin-bottom: 4%;
}
.reg_fb {
	margin:3% 0;
	display: block;
	background: #3B5998;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.reg_fb img {
	background:#354F88;
	padding: 10px;
	float: left;
}
.reg_fb i {
	color: #ffffff;
	padding: 12px 16px;
	display: inline-block;
	font-size: 1.3em;
	text-transform: capitalize;
	font-style: normal;
}
.reg_fb:hover {
	background:#354F88;
}
.registration_left{
	float: left;
	width: 45.33333%;
	margin-left: 9.333%;
}
.registration_left:first-child{
	margin-left: 0;
}
.registration span{
	color: #252525;
}
.registration_form{
	display: block;
}
.registration_form div{
	padding:10px 0;
}
.sky_form1{
	margin-bottom: -30px;
}
.sky_form1 ul{
	padding:0;
	list-style:none;
}
.sky_form1 ul li{
	float: left;
	margin-left: 20px;
}
.sky_form1 ul li:first-child{
	margin-left: 0;
}
label {
    /*display: block;*/
    margin-bottom: 0;
    font-weight: normal;
    margin-right: 5px;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-size: 0.8925em;
	color: #333333;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	color: #ffffff;
	text-transform: capitalize;
	display: inline-block;
	background:#B52E31;
	padding: 10px 20px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#252525;
}
.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color:#B52E31;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}
/* start shopping bag */
.shoping_bag {
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_bag h4{
	float:left;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
	margin: 13px 0 0;
}
.shoping_bag h4 img{
	
	margin-right: 5px;
}
.shoping_bag h4 span{
	color:#ff6978;
}
.s_art {
	float: right;
	padding: 0;
	list-style: none;
}
.s_art li{
	text-align:center;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
}
.shoping_bag1{
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_left{
	float: left;
	width:68.333%;
	margin-right: 3.3333%;
}
.shoping_right{
	float: right;
	width:14.333%;
}
.shoping1_of_1{
	float: left;
	width: 12.3333%;
	margin-right: 3.3333%;
}
.shoping1_of_2{
	float: left;
	width: 68.3333%;
}
.shoping_left h4{
	margin-bottom: 2%;
}
.shoping_left h4 a{
	text-transform: uppercase;
	color: #00405d;
	font-size:1em;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_left h4 a:hover{
	text-decoration: none;	
	color: #777777;
}
.shoping_left span{
	text-transform: uppercase;
	color: #999999;
	font-size: 0.8725em;
	-webkit-text-stroke: 0.4px;
}
.shoping_left span b{
	color: #555555;
	font-weight: 600;
}
.s_icons{
	margin-top: 2%;	
}
ul.s_icons{
	padding:0;
	list-style:none;
}
.s_icons li{
	display: inline-block;
	margin-left: 10px;
}
.s_icons li:first-child{
	margin-left: 0;
}
.s_icons li a{
	display: block;
	width:30px;
	height:30px;
	background: rgb(187, 187, 187);
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	padding: 1px;
}
.s_icons li a:hover{
	background: #00405d;
}
.s_icons li a img{
	vertical-align: bottom;
}
.shoping_right p{
	color: #333333;
	font-size: 0.8725em;
	text-transform: capitalize;
	line-height: 2.5em;
	-webkit-text-stroke: 0.4px;
}
.shoping_right p.tot{
	font-size: 1.5em;
}
.shoping_right p span{
	color: #ff0000;
	float: right;
}
.shoping_right p a{
	color:#00405d;
}
.shoping_bag {
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_bag1 h2{
	float:left;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
}
.shoping_bag1 h2 a{
	-webkit-text-stroke: 0.4px;
	color: #00405d;
	font-size: 0.8725em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_bag1 h2 a:hover{
	color: #555555;
}
.shoping_bag1 h2 img{
	vertical-align: text-bottom;
	margin-right: 5px;
}
.shoping_bag1 h2 span{
	color: #999999;
}
.shoping_bag2{
	padding: 2% 0;
}
.shoping_left a.btn1{
	margin-top:1%;
	text-transform: capitalize;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.2em;
	color: #ffffff;
	background:#ff6978;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_left a.btn1:hover{
	background: #00405d;
	text-decoration:none;
}
.shoping_right p span.color{
	color: #00405d;
}
h4.title {
  color: #ff6978;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  line-height: 1.2em;
  background: #F7F7F7;
  padding: 1em;
}
p.cart {
  color: #777;
  font-size: 1.2em;
  line-height: 1.8em;
  text-align: left;
}
p.cart a {
  text-decoration: underline;
  color: #ff6978;
}
.check-out {
  padding: 6em 0;
}
/* start contact */
.contact{
	margin:2% 0;
	display: block;
}
.contact h2{
	font-size: 1.5em;
	color: #B52E31;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: capitalize;
}
.map {
    margin: 2% 0% 2% 0;
}
.col{
	display: block;
}
.contact-form{
	position:relative;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	margin-top: 10px;
	color: #777777;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
	text-transform: capitalize;
	font-weight: normal;
}
.contact-form input[type="text"], .contact-form textarea {
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 96.3333%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	margin-top: 10px;
	-webkit-appearance: none;
	border: none;
	outline: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	padding: 12px 25px;
	background:#B52E31;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form input[type="submit"]:hover{
	background: #252525;
	color: #ffffff;
}
/* radios and checkboxes */
.sky-form {
	margin-top: -10px;
}
.row1{
	outline:none;
	padding: 20px;
	overflow: auto;
	height: 200px;
}
.sky-form.col.col-4 ul {
padding: 0;
list-style: none;
}
.sky-form h4{
	margin-top: 10px;
	background: #ECECEC;
	padding: 10px 20px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size:16px;
}
.sky-form section {
	margin-bottom: 20px;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.sky-form .label.col {
	margin: 0;
	padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
/* selects */
.sky-form .select i {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 1px;
	height: 11px;
	background: #fff;
	box-shadow: 0 0 0 12px #fff;
}
.sky-form .select i:after,
.sky-form .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sky-form .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.sky-form .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
	height: auto;
}
/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
	outline:none;
	border:none;
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 13px;
	line-height: 27px;
	color: #555555;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: normal;
	margin-top: 0;
}
.sky-form .radio{
	text-transform: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
	margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
	position: absolute;
	left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.sky-form .radio i {
	border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.sky-form .checkbox input + i:after {
	content: '';
	top: 3px;
	left: 2px;
	width: 10px;
	height: 7px;
	background: url(../images/tick.png) no-repeat;
	text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
}
.sky-form .inline-group {
	margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}
/* icons */

.sky-form [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
	border-color: #e5e5e5;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
	background-color: #2da5da;	
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
	border-color: #8dc9e5;
}
.sky-form .button:hover {
	opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color: #2da5da;
}
/* checked state */
.sky-form .radio input + i:after {
	background-color: #ff6978;	
}
.sky-form .checkbox input + i:after {
	color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #ff6978;	
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
	background: #fff0f0;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
	background: #f0fff0;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
	cursor: default;
	opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}
/* start women */
.w_sidebar{
	border: 1px solid #EBEBEB;
}
.w_nav1 ul{
	padding:0;
	list-style:none;
}
.w_nav1{
	padding: 20px;
}
.w_nav1 h4{
	text-transform:uppercase;
	color:#ff6978;
	font-size: 1em;
	margin-bottom: 5px;
}
.w_nav1 ul li{
	line-height: 1.5em;
}
.w_nav1 ul li a{
	display: block;
	text-transform:uppercase;
	color: #555555;
	font-size: 0.8725em;
}
.w_nav1 ul li a:hover{
	color:#00405d;
}
.w_nav2{
	padding: 20px;
}
.w_nav2  li{
	line-height: 1.5em;
	display: inline-block;
}
.w_nav2 li a{
	display: block;
	padding: 14px;
}
.w_nav2 li a.color1{
	background:	#0AA5E2;
}
.w_nav2 li a.color2{
	background:	#40E0D0;
}
.w_nav2 li a.color3{
	background:	#B03060;
}
.w_nav2 li a.color4{
	background:	#000080;
}
.w_nav2 li a.color5{
	background:	#E60D41;
}
.w_nav2 li a.color6{
	background:	#45BF55;
}
.w_nav2 li a.color7{
	background:	#FF7F00;
}
.w_nav2 li a.color8{
	background:	#8B4513;
}
.w_nav2 li a.color9{
	background:	#FFD700;
}
.w_nav2 li a.color10{
	background:	#9FA8AB;
}
.w_nav2 li a.color11{
	background:	#C0C0C0;
}
.w_nav2 li a.color12{
	background:	#0AA5E2;
}
.w_nav2 li a.color13{
	background:	#FFCBDB;
}
.w_nav2 li a.color14{
	background:	#B87333;
}
.w_nav2 li a.color15{
	background:	#BFB540;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.w_sidebar h3{
	padding:0 20px 10px;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
}
.women_main {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
}
.foot-top li {
  display: inline-block;
  vertical-align: middle;
}
.fooll h1 {
  font-size: 1.1em;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  padding-right: 1em;
}
.foot-top {
    padding: 2em 0;
    border-bottom: 1px solid #e5e4e2;
    border-top: 1px solid #e5e4e2;
    margin-top: 2em;
    width: 95%;
    margin: 0 auto;
}
.stay form input[type="text"] {
  width: 100%;
  color: #3f3d3d;
  outline: none;
  font-size: 1em;
  padding: 0.5em;
  font-weight:300;
  border: 1px solid #e5e4e2;
  -webkit-appearance: none;
}
.btn-1 form input[type="submit"] {
  background: #252525;
  padding: 0.5em;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  display: block;
  outline: none;
  border: none;
  width: 100%;
  text-transform: uppercase;
}
.btn-1 form input[type="submit"]:hover{
	background:#B52E31;
}
.stay-left {
  float: left;
  width: 78%;
  margin-right: 0.5%;
}
.btn-1 {
  float: left;
  width: 21.5%;
}
.footer h4 {
    color: #B52E31;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0 0 1em;
}
.footer {
    padding: 3em 0 0;
    width: 95%;
    margin: 0 auto;
}
i.phone {
  width: 19px;
  height: 21px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -235px -39px;
  vertical-align: middle;
  margin-right: 0.5em;
}
i.add {
  width: 17px;
  height: 24px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -236px -11px;
  vertical-align: middle;
  margin-right: 0.5em;
}
i.mail {
  width: 17px;
  height: 14px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -236px -76px;
  margin-right: 0.5em;
}
.our-st li {
  color: #3f3d3d;
  display: block;
  font-size: 1em;
  font-weight: 300;
  line-height: 2em;
}
.our-st li a{
  text-decoration:none;
  color:#3f3d3d;
}
.our-st li a:hover{
  text-decoration:none;
  color:#b52e31;
}
.cust li {
display:block;
}
.cust li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.cust li a:hover{
	color:#D03333
}
.abt li {
display:block;
}
.abt li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.abt li a:hover{
	color:#D03333
}
.myac li {
display:block;
}
.myac li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.myac li a:hover{
	color:#D03333
}
.cr_btn a {
  text-transform: capitalize;
  display: inline-block;
  padding: 3px 25px;
  font-size: 0.9em;
  font-weight: 300;
  color: #3f3d3d;
  background: #e5e4e2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration:none;
}
.cr_btn1 a {
  text-transform: capitalize;
  display: inline-block;
  padding: 2px 23px;
  font-size: 0.9em;
  font-weight: 300;
  color: #3f3d3d;
  background: none;
  border: 1px solid #e5e4e2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.our-left1 {
  float: left;
  width: 22%;
}
.cr_btn1 a:hover{
   color: #3f3d3d;
  background: #e5e4e2;
    border:1px solid #e5e4e2;
}
.special h3:before {
  height: 8px;
  width: 371px;
  content: '';
  background: url(../images/line.png)no-repeat;
  display: block;
  position: absolute;
  left: 301px;
  top: 87px;
}
.special h3:after {
  height: 8px;
  width: 371px;
  content: '';
  background: url(../images/line.png)no-repeat;
  display: block;
  position: absolute;
  right: 301px;
  top: 87px;
}
.special h3 {
  font-size: 1.5em;
  border: 1px solid #e5e4e2;
  text-align: center;
  padding: 0.5em;
  margin: 0 auto;
  width: 21%;
}
.specia-top {
  margin: 3em 0;
}
.footer p {
    margin: 2.5em 0 0;
    font-size: 1em;
    color: #3f3d3d;
    font-weight: 400;
    line-height: 1.8em;
    text-align: center;
}
.footer p a {
    text-decoration: none;
    color: #3f3d3d;
}
.footer p a:hover{
    color: #b52e31;
}
ul.grid_2 {
  padding: 0;
}
ul.grid_2 li {
  display: inherit;
}
ul.grid_2 li:hover {
  background: #e9e9e9;
  color: #ff6978;
}
ul.grid_2 li h5:hover {
  color: #ff6978;
}
ul.grid_2 li {
  width: 23%;
  float: left;
  margin:0 1%
}
.arriv-info2 a {
  text-decoration: none;
}
.arriv-info2 a h3:hover{
  color:#ff6978;
}
i.facebok {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -8px -10px;
  float: left;
  vertical-align: middle;
}
i.facebok:hover{
  background: url(../images/img-sprite.png)no-repeat -8px -46px;
}
i.twiter {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -48px -12px;
  float: left;
  vertical-align: middle;
}
i.twiter:hover{
  background: url(../images/img-sprite.png)no-repeat -48px -48px;
}
i.be {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -133px -10px;
  float: left;
  vertical-align: middle;
}
i.be:hover{
  background: url(../images/img-sprite.png)no-repeat -133px -46px;
}
i.pp {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -177px -9px;
  float: left;
  vertical-align: middle;
}
i.pp:hover{
  background: url(../images/img-sprite.png)no-repeat -177px -45px;
}
i.goog {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -92px -13px;
  float: left;
  vertical-align: middle;
}
i.goog:hover{
  background: url(../images/img-sprite.png)no-repeat -92px -48px;
}
.social-ic ul {
  padding: 0;
}
.social-ic li {
  display: inline-block;
  margin: 0 0.2em;
}
/*-- start w_content --*/

.women h4{
	float:left;
	font-size:1em;
	text-transform:uppercase;
	color: #333333;
}
.women h4{
	color:#B52E31;
}
.w_nav {
	float:right;
	color:#555555;
	font-size:0.8125em;
	padding:0;
	list-style:none;
}
.w_nav li{
	display: inline-block;
}
.w_nav li a{
	display: block;
	color:#555555;
	text-transform:capitalize;
}
.w_nav li a:hover{
	color: #00405d;
}
.grids_of_4{
	display:block;
	margin: 2% 0;
}
.grid1_of_4{
	float: left;
	width: 23.22222%;
	margin-left: 2.33333%;
	text-align:center;
}
.grid1_of_4:first-child{
	margin-left: 0;
	text-align:center;
}
.grid1_of_4 h4 {
    font-size: 16px;
    margin-top: 14px;
}
.grid1_of_4 h4 a{
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
}
.grid1_of_4 h4 a:hover{
	color:#ff6978;
}
.grid1_of_4 p{
	font-size: 0.8125em;
	color:#3f3d3d;
	line-height: 1.8em;
	margin-bottom:0px;
}
.content_box-grid {
	margin-top: 1em;
}
.view {
   overflow: hidden;
   position: relative;
   margin-bottom: 1em;
}
.view .mask,.view .content {
   position: absolute;
	overflow: hidden;
	top: 188px;
	left: 117px;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
  -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view1{
   overflow: hidden;
   position: relative;
}
.view1 .mask1,.view1 .content {
   position: absolute;
   overflow: hidden;
   top:130px;
   left:90px;
}
.info {
   display: block;
	background: url(../images/label_new.png) no-repeat;
	text-indent: -9999px;
	width: 75px;
	height: 75px;
}
.view-fifth1 img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth1 .mask1 {
  -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth1:hover .mask1 {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
span.text {
  font-size: 1.2em;
  color: #999;
}
span.price-new {
  color: #B52E31;
  margin-right: 15px;
  font-weight: 500;
  font-size: 1.3em;
}
.price-old {
  text-decoration: line-through;
  color: #999;
  font-weight: normal;
  font-size: 17px;
  margin-right: 10px;
}
span.price-tax {
  color: #999;
  font-size: 13px;
}
span.points {
  color: #999;
  font-size: 13px;
}
span.code {
  color: #999;
}
span.brand {
  color: #999;
  line-height: 2em;
}
/*-- validation --*/
.my-div {
	padding: 10px;
}
.input-info h3,.map-info h3{
	color:#B52E31;
    font-size: 1.5em;
    margin-bottom: 15px;
}
.my-div label{
	color: #AFAFAF;
    font-size: 1em;
    margin: 5px 0;
}
.checkbox input[type="checkbox"]{
	margin:4px 0 0 -21px;
}
.validation-grids {
    padding: 0;
}
.validation-grids.validation-grids-right {
    margin-left: 2%;
}
.validation-grids .radio{
    display: inline-block;
    margin: 0.5em 2em 0 0;
}
.help-block {
    font-size: 0.8em;
    color: #AFAFAF;
    margin-left: .5em;
}
.forms-grids h4 {
    color: #B52E31;
}
.btn-primary {
    color: #fff;
    background-color: #252525 !important;
    border-color: #252525 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #b52e31 !important;
    border-color: #b52e31 !important;
}
.btn-danger {
    color: #fff;
    background-color: #B52E31 !important;
    border-color: #B52E31 !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #252525 !important;
    border-color: #252525 !important;
}
.validation-grids .btn-primary{
    background:#B52E31 !important;
    color: #FFF;
    border: none;
    font-size: 0.9em;
    font-weight: 400;
    padding: .5em 1.2em;
    width: 100%;
    margin-top: 1.5em;
    outline: none;
    display:block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	border-radius: inherit;
}
.validation-grids .btn-primary:hover{
	 background:#252525 !important;
}
.bottom .btn-primary {
    margin: 0;
}
.bottom .form-group {
    margin-bottom: 0;
}
.form-group.has-feedback {
    margin-bottom: 15px !important;
}
.form-group.has-error {
    margin-bottom: 15px !important;
}
.form-group.valid-form {
    margin-bottom: 15px !important;
}
.form-group.recover-button {
    margin-top: 15px !important;
}
/*--//validation--*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events:inherit !important;
}
/*--  general forms  --*/
.form-control1, .form-control_2.input-sm{
  border: 1px solid #ccc;
  padding: 5px 8px;
  color: #616161;
  background: #fff;
  box-shadow: none !important;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  resize: none;
}
.general .tab-content {
    padding: 1.5em 0.5em 0;
}
.control3{
	margin:0 0 1em 0;
}
.btn-warning {
  color: #fff;
  background-color:rgb(6, 217, 149);
  border-color:rgb(6, 217, 149);
  padding:8.5px 12px;
}
.tag_01{
  margin-right:5px;
}
.tag_02{
  margin-right:3px;
}
.btn-warning:hover{
  background-color:rgb(3, 197, 135);
  border-color:rgb(3, 197, 135);
}
.btn-success:hover{
  border-color:#E74225 !important;
  background:#E74225 !important;
}
.control2{
  height:200px;
}
.bs-example4 {
  background: #fff;
  padding: 2em;
}
button.note-color-btn {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
}

.show-grid [class^=col-] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.xs h3, .widget_head{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.input-icon.right > i, .input-icon.right .icon {
  right:12px;
  float: right;
}
.input-icon > i, .input-icon .icon {
  position: absolute;
  display: block;
  margin: 10px 8px;
  line-height: 14px;
  color: #999;
}
.form-group input#disabledinput {
	cursor: not-allowed;
}
.forms-panel {
    padding: 0;
}
/*--forms--*/
.forms h3.title1 {
    margin-bottom:0;
}
.forms h4 {
    font-size: 1.3em;
    color: #FFFFFF;
}
.form-title {
    padding: 0.3em 2em;
    background-color: #B52E31;
    border-bottom: 1px solid #B52E31;
}
.form-body {
    padding: 1.5em 2em;
}
.form-body-info{
	padding:0;
}
.inline-form .form-group,.inline-form .checkbox, .form-two .form-group{
    margin-right: 1em;
}
.forms label {
    font-weight: 400;
    display: inline-block;
}
/*.form-control {
    border-radius: inherit;
}*/
.help-block {
    margin-top: 10px;
}
.forms button.btn.btn-default {
    background-color:#252525;
    color: #fff;
    padding: .5em 1.5em;
	border: none;
	outline:none;
	border-radius: inherit;
}
.inline-form.widget-shadow {
    margin-top: 0;
}
.form-three{
    margin-top:0;
    padding: 2em;
}
.general-heading h4{
	color: #B52E31;
    font-size: 1.5em;
    margin:1em 0 0 1em;
}
.progressbar-heading.grids-heading h2 {
    color: #B52E31;
}
::-webkit-input-placeholder{
	color:#C5C5C5 !important;
}
.validation-grids.widget-shadow,.login-form-shadow,.inline-form.widget-shadow {
    border: none !important;
}
/*--//forms--*/
/*--/tabs--*/
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
    border: 1px solid #252525;
    margin: 0 0.25em;
    display: block;
    float: left;
    position: relative;
}

.tabs nav li.tab-current {
    border: 1px solid #B52E31;
    box-shadow: inset 0 2px #B52E31;
    z-index: 100;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}
.tabs nav a {
	    color: #252525;
    display: block;
    font-size: 1.2em;
    line-height: 2.5;
    padding: 0 1.5em;
    white-space: nowrap;
}
.tabs nav a:hover {
	color:#B52E31;
}
.tabs nav li.tab-current a {
	    color: #B52E31;
}
.tabs nav li.tab-current a:hover{
  color:#B52E31;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #252525;
    border-color: #252525;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 15px;
}
.panel-primary.two>.panel-heading {
    border: 1px solid #ddd!important;
    color: #fff;
}
.panel-primary.two>.panel-heading {
    background-color:#B52E31;
    border-color:#B52E31;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #eee;
    border-top: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ddd;
}
.panel-body.two {
    border-top: none!important;
    border-bottom: none;
}
h3.inner-tittle {
    color: #B52E31;
}
h2.inner-tittle {
    color: #B52E31;
    margin-bottom: 2em;
}
.panel-primary {
    border-color: #DADADA !important;
}
.panel-body p {
    font-size: 0.9em;
    color: #777;
    line-height: 1.9em;
}
/* Content */
.content section {
	font-size: 1.25em;
	padding: 3em 1em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}
.content section:before,
.content section:after {
	content: '';
	display: table;
}
.content section:after {
	clear: both;
}
.mediabox i {
    background: #B52E31;
    padding: 0.2em 3em;
    color: #fff;
    font-size: 2.5em;
    text-align: center;
}
/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}
.content section.content-current {
	display: block;
}
.mediabox {
	    float: left;
    width: 33%;
    padding: 0 25px;
    text-align: center;
}
.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.mediabox h3 {
    margin: 0.75em 0 0.5em;
    font-size: 1.2em;
    color: #333;
    font-weight: 400;
}
.mediabox p {
	    margin: 0;
       line-height: 1.9em;
       font-size: 0.75em;
	   color:#777;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
	}
/* Example media queries */
/*--/tool-tips--*/
.tool-tips {
      margin: 1.5em 0 1.5em 0;
}
.bs-example-tooltips {
    margin-bottom: 1em;
    text-align: center;
}
button.btn.btn-default.tip {
    padding: 0.7em 1em;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color:#252525;
    border-color: #ddd;
    padding: 15px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 5px 0;
}
.accordion {
    margin-bottom: 2em;
}
.fo-top-di {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
	padding-bottom: 2em;
	margin-top:1em;
}
@media screen and (max-width: 52.375em) {


	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 0%;
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}


	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}
/*--//tabs--*/

.tabs nav.second  {
     display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background: #B52E31;
    color: #fff;
  width: 150px;
}

.tabs nav.second a {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    cursor: pointer;
        border-bottom: 1px solid rgba(210, 205, 205, 0.17);
}
.tabs nav.second a:hover,
.tabs nav.second  a.selected {
      background:#252525;
    color: #fff;
}

.tabs .context {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 150px;
  color: #6C5D5D;
  width: 0px;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s linear 0s;
}
.tabs .context.visible {
    padding: 20px;
    width: calc(100% - 150px);
    overflow: scroll;
    opacity: 1;
     border: 1px solid #ddd;
        border-left: none;
}
.context.visible p {
    color: #777;
    font-size: 0.95em;
    line-height: 1.9em;
}
.tabs .context p { padding-bottom: 2px; }

.tabs .context p:last-of-type { padding-bottom: 0px; }
.tab-main {
    margin-bottom: 2em;
}
/*--//tabs--*/
.faq h2 {
    font-size: 2em;
    color: #ff6978;
    line-height: 1.8em;
}
.faq h3 {
    font-size: 1.7em;
    color: #ff6978;
    margin-bottom: 0.5em;
    line-height: 1.8em;
}
.faq p {
    font-size: 1em;
    line-height: 1.8em;
    color: #999;
    margin: 1em 0;
}
.faq li {
    display: block;
    color: #999;
    font-size: 1em;
    margin: 1em 0;
}
/*.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}*/
/*.form-control {
    color: #C5C5CF !important;
}*/
/*input[type="date"] {
    width: 95%;
    font-size: 16px !important;
}*/
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    line-height: 27px;
}
.content_box {
    border: 1px solid #D6CBCB;
    padding-bottom: 10px;
}
.content_box h6 {
    font-size: 17px;
    margin: 0;
}
/*---responsive-----*/
@media (max-width:1600px){
	/*.left-content {
		float: right;
		width: 86%;
	}*/
    .page-container.sidebar-collapsed-back .left-content {
        float: right;
        /*width: 85.7%;*/
        width: 84.9%;
    }
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 96%;
	}
}
@media (max-width:1440px){
	/*.left-content {
		float: right;
		width: 84%;
	}*/
	.stay-left {
		float: left;
		width: 74%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 84%;
	}
	#chartdiv1 {
		width: 100%;
		height: 296px;
	}
	.mediabox i {
		padding: 0.2em 2.3em;
	}
}
@media (max-width:1366px){
.head-t {
    width: 88%;
	margin:0 auto;
}
.header_top {
    padding: 15px 0 5px;
    width: 88%;
    margin: 0 auto;
}
.content {
    /*padding: 1.5em 2em 1em;*/
}
#chartdiv1 {
    width: 100%;
    height: 282px;
}
.stay-left {
    width: 66%;
}
.btn-1 {
    width: 16.5%;
}
}
@media (max-width:1280px){
	/*.left-content {
		float: right;
		width: 83%;
	}*/
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 83%;
	}
.stay-left {
    width: 80%;
}
#chartdiv1 {
    width: 100%;
    height: 262px;
}
.create_btn a {
    padding: 6px 10px;
}
.content-top-1 {
    padding: 0.7em 1em;
}
.footer {
    width: 97%;
}
.mediabox i {
    padding: 0.2em 1.8em;
}
.mediabox h3 {
    font-size: 1.1em;
}
}
@media (max-width:1024px){
	.page-container {
		min-width: 1032px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 94%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 78%;
	}
	.left-content {
		float: right;
		width: 78%;
	}
	.header_right {
		width: 57%;
}
.skil {
    width: 37%;
}
.mid-content-top {
    width: 61%;
}
.owl-item {
	width:137px ! important;
}
.top-content label {
    font-size: 1.8em;
}
.graph-container {
    height: 469px;
}
.s-c {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}
.footer h4 {
    font-size: 17px;
}
.content section {
    padding: 1em 0em;
}
.mediabox {
    width: 33%;
    padding: 0 8px;
}
.mediabox i {
    padding: 0.2em 1.5em;
}
.mediabox h3 {
    font-size: 1em;
}
.tabs nav a {
    font-size: 14px;
    padding: 0 9px;
}
/*input[type="date"] {
    width: 93%;
    font-size: 16px !important;
}*/
label.col-sm-2.control-label {
    font-size: 14px;
}
}
@media (max-width:991px){
	#menu li a {
		padding: 12px 20px;
		font-size: 0.85em;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 200px;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 200px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 81%;
	}
	.left-content {
		float: right;
		width: 81%;
	}
	.page-container {
		min-width: 991px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
.top-content {
    width: 50%;
    float: left;
}
.top-content1 {
    width: 50%;
    float: left;
}
.skil {
    width: 100%;
    margin-bottom: 1em;
}
.mid-content-top {
    width: 100%;
}
.owl-item {
    width: 235px ! important;
}
.content-top-lft {
    width: 100%;
    float: left;
	margin-bottom:1em;
}
.content-top-2 {
    float: right;
    width: 100%;
}
.chrt-two {
    width: 100%;
	margin-bottom:1em;
}
.chrt-three {
    width: 100%;
}
#chartdiv1 {
    width: 100%;
    height: 400px;
}
.cust {
    float: left;
    width: 20%;
}
.abt {
    float: left;
    width: 20%;
}
.myac {
    width: 20%;
	float: left;
}
.our-st {
    float: left;
    width: 40%;
}
.tabs nav a {
    padding: 0 8px;
}
}
@media (max-width:800px){
	.page-container {
		min-width:800px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 76%;
	}
	.left-content {
		float: right;
		width: 76%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 93%;
	}
	.logo {
    float: none;
    margin: 1.5em auto;
    width: 100%;
    text-align: center;
}
.header_right {
    width: 100%;
	float:none;
}
.logo img {
    display: inline-block;
}
.owl-item {
    width: 157px ! important;
}
.cust {
    float: left;
    width: 50%;
}
.abt {
    float: left;
    width: 50%;
}
.myac {
    width: 50%;
    float: left;
	margin-top: 1em;
}
.our-st {
    float: left;
    width: 50%;
    margin-top: 1em;
}
.grid1_of_4 {
    width: 48%;
    margin-left: 0%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.tabs nav ul li {
    margin: 3px 0.25em;
}
/*input[type="date"] {
    width: 90%;
}*/
}
@media (max-width:768px){
	.page-container {
		min-width:775px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 200px;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 200px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width:76%;
	}
	.left-content {
		float: right;
		width:76%;
	}
	.women_main {
		padding: 10px;
	}
	.tabs nav a {
		display: initial;
}
.mediabox {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 1.5em;
}
.mediabox h3 {
    margin-top: 1em;
}
.mediabox i {
    padding: 0.2em 2.5em;
}
.tabs nav a {
    padding: 0 1.5em;
}
/*input[type="date"] {
    width: 90%;
}*/
label.col-sm-2.control-label {
    padding: 0;
}
.contact {
    margin: 2% 2%;
}
.faq {
    padding: 1em;
}
.faq h2 {
    font-size: 1.7em;
}
.faq h3 {
    font-size: 1.3em;
}
.registration {
    padding: 1% 2%;
}
.registration h2 {
    font-size: 1.3em;
}
.det {
    padding: 0.8em;
}
.fn-gantt .navigate {
    padding: 10px 0 24px 225px;
}
.fn-gantt .navigate .nav-slider-right {
    float: left;
}
}
@media (max-width:736px){
	.page-container {
		min-width:736px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 180px;
	}
	span.name-caret {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
	}
	.down {
      padding:20px 0 25px;
	}
	.sidebar-icon {
		margin-top: -2px;
		font-size: 19px;
		padding: 8px 9px;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 74%;
	}
	.left-content {
		float: right;
		width: 76%;
	}
	.page-container.sidebar-collapsed .left-content .main-search {
		float: right;
		width: 35%;
		height: 60px;
		padding: 15px 15px 69px 17px;
		position: absolute;
		top: 75px;
		left: 78px;
	}
	.sidebar-menu {
       position:absolute;
	}
	.owl-item {
		width: 151px ! important;
}
label.col-sm-2.control-label {
    float: left;
    width: 20%;
}
.ctl {
    float: left;
    width: 60%;
}
.hp{
    float: left;
    width: 20%;
}
/*input[type="date"] {
    width: 89%;
}*/
}
@media (max-width:667px){
}
@media (max-width:640px){
	.page-container {
		min-width:650px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 170px;
	}
	.sidebar-icon {
		margin-top: -6px;
		font-size: 19px;
		padding: 6px 7px;
		margin-right: 16px;
	}
	li.dropdown.note a {
		padding: 1.3em 1.8em;
		display: block;
	}
	.left-content {
		float: right;
	    width: 92%;
	}
	.page-container.sidebar-collapsed {
		transition: all 100ms linear;
		transition-delay: 300ms;

	}
	.page-container.sidebar-collapsed .left-content {
		    float: right;
    width: 74%;
	}
	.page-container.sidebar-collapsed-back {
		transition: all 100ms linear;
	}
	.page-container.sidebar-collapsed-back .left-content {
		transition: all 100ms linear;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		float: right;
		width: 92%;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		 width:180px;	
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 65px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed .sidebar-icon {
		transition: all 300ms ease-in-out;
		margin-right: 0.1em;
		margin-top: -7px;
		color: #fff;
		background: #252525;
		border-radius: 0;
		transform: rotate(0deg);
	}
	.page-container.sidebar-collapsed-back .sidebar-icon {
		transform: rotate(90deg);
		transition: all 300ms ease-in-out;
		margin-top: -2px;
		font-size: 19px;
		padding: 6px 7px;
		margin: 0px 14px;
	}
	.page-container.sidebar-collapsed .logo {
		padding: 21px 15px;
		height: 63px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	.logo1 {
	    padding: 21px 0;
		height: 63px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	span#logo1 {
		display: none;
	}
	.page-container.sidebar-collapsed-back span#logo {
		display:block;
	}
	.down {
	  display:none;
	}
	.page-container.sidebar-collapsed-back .logo {
		width: 100%;
		padding: 13px 14px;
		height:60px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
	}
    .page-container.sidebar-collapsed #logo {
	      opacity: 0;
		  transition: all 200ms ease-in-out;
	      display:block;
		  float:left;
	}
	.page-container.sidebar-collapsed .down {
				display:block;
			}
			.page-container.sidebar-collapsed #logo {
				opacity:1;
				transition: all 200ms ease-in-out;
				display:block;
			}
			.page-container.sidebar-collapsed-back #logo {
			  opacity: 1;
			  transition: all 200ms ease-in-out;
			  transition-delay: 300ms;
			  display:block;
			}
			.page-container.sidebar-collapsed-back span#logo{
			  opacity: 1;
			  transition: all 200ms linear;
			  transition-delay: 300ms;
			  display:none;
			}
			.page-container.sidebar-collapsed-back #menu span{
			  display:none;
			}
			.page-container.sidebar-collapsed #menu span {
			  display:block;
			}
			.page-container.sidebar-collapsed #menu span {
					opacity: 1;
					transition: all 50ms linear;
					display: inline-block;
					margin-left: 10px;
				}
				#menu span {
				opacity:0;
				transition: all 50ms linear;
				display: inline-block;
				margin-left: 10px;
			}
			span.fa.fa-angle-right,span.fa.fa-angle-double-right {
				float: right!important;
				position:absolute!important;
				right: 15px!important;
			}
            .sidebar-menu {
				width: 65px;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}
			.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		 }
		.page-container.sidebar-collapsed.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		 }
		 .page-container.sidebar-collapsed-back.srch button {
			cursor: pointer;
			background: url('../images/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
			width: 70px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 12%;
		}
	 .sidebar-menu {
          position:absolute;
	  }
	 .page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
		width: 80px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 32%;
	}
	.page-container.sidebar-collapsed .left-content .main-search {
		float: right;
		width: 35%;
		height: 60px;
		padding: 15px 15px 69px 17px;
		position: absolute;
		top: 75px;
		left: 198px;
	}
	#loginBox {
		right: -198px;
	}
	.desc1 h3 {
    font-size: 1.3em;
}
.fn-gantt .navigate .nav-slider-right {
    float: left;
    padding-top: 2em;
    margin-left: -156px;
}
.fn-gantt .navigate .nav-slider-content {
    float: left;
    margin: 6px 10px;
}
.fn-gantt .navigate {
    padding: 10px 0 52px 225px;
}
}
@media (max-width:600px){
	.page-container {
		min-width:600px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 72%;
	}
	.page-container.sidebar-collapsed-back {
		width:72%;
	}
	/*input[type="date"] {
    width: 88%;
    }*/
}
@media (max-width: 568px){
	.page-container {
		min-width:568px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
		width: 80px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 31%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 90%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 70%;
	}
	li.dropdown.note a {
		padding:1.2em 1.8em;
		display: block;
	}
	span.badge {
		font-size: 10px;
		line-height: 17px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10%;
		padding: 2px 0 0;
		left: 67%;
	}
	.logo {
		padding: 18px 0;
		height: 58px;
	}
	.page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 23px 12px rgba(3, 182, 197, 0.68);
		width: 70px;
		height: 60px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 35%;
	}
	.profile_details_left {
		float: right;
		width: 78%;
	}
	.chrt h2, h3.sub-tittle {
		font-size: 1.4em;
	}
	#loginBox {
		right: -210px;
	}
	.tabs nav a {
		padding: 0 0.5em;
	}
	/*input[type="date"] {
    width: 87%;
}*/
}
@media (max-width:480px){
	.page-container {
		min-width:480px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	li.dropdown.note a {
		padding: 1.3em 1.2em;
		display: block;
	} 
	.media-body {
	 font-size: 0.85em;
	}
	h4.media-heading {
		font-size: 1.6em!important;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 72%;
	}
	.page-container.sidebar-collapsed-back {
		width: 70%;
	}
	.left-content {
		float: right;
		width: 87%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 64%;
	}
	.page-container.sidebar-collapseddiv #container10 svg {
      width: 224px!important;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 87%;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		width: 180px;
		z-index: 999999999;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	.cust {
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}
	.abt {
		width: 100%;
	}
	.myac {
		width: 100%;
	}
	.our-st {
		width: 100%;
	}
	#loginContainer a span {
		padding: 2px 10px;
}
.fooll h1 {
    margin-bottom: 1em;
}
.btn-1 {
    width: 19.5%;
}
.footer {
    padding: 2em 0 0;
}
.header_top {
    width: 69%;
}
.top_left {
    float: none;
	text-align:center;
}
.top_left h2 {
    text-align:center;
}
	#loginBox {
		right: -217px;
	}
.fn-gantt .leftPanel {
		float: none;
		width: 100%;
	}
	.fn-gantt .leftPanel .name {
		width: 100%;
	}
	.fn-gantt .leftPanel .desc {
		width: 100%;
	}
	.fn-gantt .dataPanel {
		height: 300px !important;
	}
	.fn-gantt .navigate .nav-slider-content {
		width: 78px;
	}
	.fn-gantt .navigate .nav-slider-bar {
		width: 82px;
	}
	.fn-gantt .navigate {
		padding: 10px 0 41px 7px;
	}
	h2.inner-tittle {
		font-size: 1.5em;
}
.help-block {
    margin-left: 0;
}
input[type="date"] {
    width: 82%;
}
.tabs nav ul li {
    width: calc(30% + 1px);
}
.tabs nav a {
    font-size: 0.8125em;
}
.faq h2 {
    font-size: 1.5em;
    line-height: 1.4em;
}
.registration_left {
    float: left;
    width: 100%;
	margin-left:0;
}
.close1, .close2 {
    top: -23px;
}
.desc1 h3 {
    font-size: 1.2em;
}
.btn_form a {
    padding: 4px 20px;
}
.product-img {
    width: 100%;
    float: left;
    margin-right: 0;
}
.prod1-desc {
    width: 100%;
    float: left;
    margin-top: 1em;
}
.images_3_of_2 {
    width: 100%;
    float: left;
    margin-right: 0;
}
.span_3_of_2 {
    width: 100%;
}
.progressbar-heading.grids-heading h2 {
    font-size: 1.5em;
}
.input-info h3, .map-info h3 {
    font-size: 1.3em;
}
.forms-grids h4 {
    font-size: 1.2em;
}
}
@media (max-width:414px){
	.page-container {
		min-width:414px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.left-content {
		float: right;
		width: 85%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -177px;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		width: 180px;
		z-index: 999999999;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	.header_top {
		width: 79%;
	}
	.logo {
		margin: 0.5em auto;
	}	
	.logo {
		padding: 0px 0;
	}
	#loginContainer a span {
		padding: 2px 6px;
	}
	.box_1 {
		float: right;
		margin: 0.55em 0;
		width: 43%;
	}
	.create_btn {
		float: left;
		width: 30%;
		margin: 1em 0;
	}
	.log {
		float: left;
		width: 22%;
	}
	.header_top {
		padding: 14px 0 10px;
	}
	.content {
		padding: 0.8em 1em 1em;
	}
	#loginBox {
		right: -220px;
	}
	.item_add a {
		padding: 5px 10px;
		font-size: 0.85em;
	}
	.content_box h6 {
		font-size: 15px;
	}
	.forms h4 {
		font-size: 1.1em;
	}
	.form-title {
		padding: 0.1em 1em;
	}
	.form-body {
		padding: 1.5em 1em;
	}
	.form-three {
		padding: 1em;
	}
	.input-info h3, .map-info h3 {
		font-size: 1.3em;
	}
	.my-div {
    padding: 0px;
}
/*.col-xs-12 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}*/
h2.inner-tittle {
    font-size: 1.3em;
    margin-bottom: 1em;
}
label.col-sm-2.control-label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.ctl {
    float: left;
    width: 100%;
    padding: 0;
}
.hp {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0;
}
.tabs nav ul li {
    width: calc(47% + 1px);
}
 .tabs {
    margin: 1em 0 0em;
}
.contact-form input[type="submit"] {
    font-size: 0.8125em;
    padding: 7px 12px;
}
.faq h3 {
    font-size: 1.2em;
}
.faq p {
    font-size: 0.875em;
}
.faq li {
    font-size: 0.875em;
}
.registration h2 {
    font-size: 1.2em;
}
.registration_form input[type="submit"] {
    padding: 6px 17px;
}
.progressbar-heading.grids-heading h2 {
    font-size: 1.4em;
}
.input-info h3, .map-info h3 {
    font-size: 1.2em;
}
.forms-grids h4 {
    font-size: 1.1em;
}
.owl-item {
    width: 137px ! important;
}
}
@media (max-width:384px){
	.profile_details_left {
		float: right;
		width: 65%;
	}
	.page-container {
		min-width:384px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.ribbon1 {
		width: 211px;
		height: 80px;
		margin: 0px auto;
		left: -37px;
		top: -29px;
	}
	.ribbon-fold h4 {
		line-height: 75px;
		font-size: 17px;
	}
	canvas#viewport {
		width: 273px!important;
		height: 450px!important;
	}
	#maps ul {
		list-style-type: none;
		margin: 28px 0 0 0px;
		text-align: left;
	}
	.wrapper-dropdown-3 {
    position: relative;
    width: 64px;
	    padding: 20px 5px;
	}
	.wrapper-dropdown-3:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 5px;
	}
	div#container10 svg {
		width: 245px!important;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 238px!important;
	}
	canvas#partly-cloudy-day {
    width: 30px;
    height: 30px;
	}
	canvas#cloudy{
	  width: 30px;
    height: 30px;
	}
	canvas#rain{
	  width: 30px;
    height: 30px;
	}
	canvas#snow{
	 width: 30px;
    height: 30px;
	}
	.header-head h4 {
    font-size: 0.8em;
	}
	.bottom-head p {
		font-size: 0.75em;
	}
	.a_demo_three {
		font-size: 11px;
		padding: 10px 7px;
		margin-left: 27px;
	}
	.share_size_large {
		width: 74px;
		display: inline-block;
		margin-right: 1em;
		margin-top: 10px;
	}
	.main-grid3 {
       padding: 1em 1em;
	}
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -172px;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 83%;
	}
	.left-content {
		width: 86%;
	}
	.outter-wp {
		padding: 0.5em 1.5em;
		margin-bottom: 2em;
	}
	.page-container.sidebar-collapsed-back {
		width:86%;
	}
	/*input[type="submit"] {
		font-size: 0.9em;
		background-color: #002561;
		border: 1px solid #002561;
		color: #fff;
		padding: 0.4em 0.3em;
	}*/
	canvas#line2 {
		width: 187px!important;
		height: 300px!important;
	}
	canvas#polarArea {
		width: 200px!important;
		height: 200px!important;
	}
	canvas#pie {
		width: 230px!important;
		height: 152px!important;
		margin: 1em 0em;
	}
	ul.dropdown li a {
		padding: 6px 11px!important;
	}
	.error_page {
		position: relative;
		padding: 7em 0 3em 0;
		width: 100%;
	}
	.error-top {
		margin: 3em auto;
		width: 83%;
		padding: 2em 1em;
		position: absolute;
		left: 9%;
		top: 13%;
	}
	h2.inner-tittle.page {
		position: absolute;
		top: -13%;
		left: 27%;
		font-size: 2em;
	}
	.footer {
		margin: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.header_top {
		width: 87%;
	}
	.box_1 {
		width: 47%;
	}
	.search input[type="submit"] {
		top: 5px;
	}
	.search input[type="text"] {
		width: 85.33333%;
	}
	.content {
		padding: 0.8em 0.6em 1em 1.5em;
	}
	.owl-item {
		width: 120px ! important;
	}
	.stay-left {
		width: 71%;
	}
	.btn-1 {
		width: 26.5%;
		margin:0;
	}
	.footer {
		width: 95%;
	}
	.footer p {
		margin: 1.5em 0 0;
	}
	#loginBox {
		right: -235px;
	}
	.grid1_of_4 {
		width: 100%;
		margin-right: 0%;
	}
	.tabs nav a {
    font-size: 0.875em;
}
.content.tab {
    padding: 0.5em;
}
section#section-1 {
    padding: 0em 0.3em;
}
.tabs nav ul li {
    width: 46%;
}
.cart-items h1 {
    font-size: 1.3em;
    margin-bottom: 1em;
}
.delivery {
    margin-top: 1em;
}
.total-item h4 {
    margin-right: 4em;
}
}
@media (max-width:375px){
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -188px;
	}
	ul.dropdown-menu.two.first {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -106px;
	}
	.page-container {
		min-width:375px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	div#container10 svg {
		width: 239px!important;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 230px!important;
	}
	.srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
		width: 56px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 20%;
	}
	.profile_details_left {
		float: right;
		width: 71%;
	}
	.main-search {
		float: right;
		width: 64%;
		height: 60px;
		padding: 9px 10px 67px 10px;
		position: absolute;
		top: 75px;
		left: 75px;
	}
	div#container10 svg {
		width: 216px!important;
	}
	.chrt h2, h3.sub-tittle {
		font-size: 1.2em;
	}
	.weather-head {
      padding: 1em 0em;
	}
	h2.inner-tittle {
		margin: 0 0 0.8em 0;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.mediabox h3 {
		margin: 0.95em 0 0.3em;
		font-size: 0.9em;
		line-height: 1.6em;
	}
	.content section {
		font-size: 1.25em;
		padding: 0em 1em;
	}
	.tabs nav.second {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width:68px;
	}
	.tabs nav.second a {
		padding: 20px 0px;
		text-align: center;
		width: 100%;
		cursor: pointer;
		border-bottom: 1px solid rgba(210, 205, 205, 0.17);
		font-size: 0.9em;
	}
	.tabs .context.visible {
		padding: 20px 10px;
		width: calc(100% - 50px);
	}
	.tabs .context {
		padding: 20px 0px;
		position: absolute;
		top: 0px;
		left: 72px;
	}
	.content section.content-current {
		display: block;
		margin-top: 1em;
	}
	.header-head {
      padding: 1em 0;
	}
	.activity-img {
		padding: 0;
	}
	.activity-desc-sub1:after {
		right: -22%;
		top: 17%;
	}
	.activity-img1 {
		width: 64%;
		padding: 0;
		margin: 0 9px;
	}
	.activity-desc-sub:before {
		left: -21.5%;
		top: 36%;
	}
	h4.title3 {
		font-size: 1.2em;
		padding: 0.5em 1em;
	}
	.header-top.weather2 {
		padding: 0.8em 1em;
	}
	button.btn.btn-default.tip {
		padding: 0.7em 0.7em;
		display: block;
		margin: 0 auto 7px;
		margin: 0 0 7px 0;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		font-size: 0.9em;
		line-height: 1.7em;
	}
	.form-group1,.form-group2.group-mail {
		padding: 0;
	}
	.a_demo_four {
    background-color: #3bb3e0;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 13px 30px;
	}
	.a_demo_three {
		font-size: 9px;
		padding: 10px 7px;
		margin-left: 27px;
	}
	.switch-main {
		margin: 0 3em;
	}
	h2.inner-tittle, h3.inner-tittle {
		font-size: 1.3em;
	}
	.profile-info {
		float: left;
		width: 100%;
		margin-right: 0;
		padding: 0;
	}
	h4.timeline-title a {
		margin: 0;
		padding: 5px 0;
		font-size: 0.95em;
	}
	.main-grid3 p, .main-grid3 p a {
		font-size: 0.7em;
	}
	.error-top span {
		font-size: 1.1em;
	}
	.error-top h3 i {
		font-size: 53px;
	}
	.error-top h3 {
		font-size: 4em;
	}
	.footer p {
		font-size: 0.85em;
		    line-height: 1.9em;
	}
		h2.inner-tittle.page {
		position: absolute;
		top: -18%;
		left: 19%;
		font-size: 2em;
	}
	.hvr-sweep-to-right {
		background: url("../images/fb.png") no-repeat 7px 6px #3b5998;
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
	}
	a.hvr-sweep-to-left {
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
		background: url("../images/tw.png") no-repeat 10px 11px #1ab2e8;
		    text-align: right;
	}
	.login input[type="submit"] {
		font-size: 17px;
		padding: 7px 15px;
		margin-bottom: 0.3em;
	}
	.error-top {
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: 13%;
	}
	.error-top {
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	h2.inner-tittle.page {
		position: absolute;
		top: -15%;
		left: 29%;
		font-size: 2em;
	}
	h3.inner-tittle.t-inner {
		font-size: 1.4em;
	}
	a.hvr-sweep-to-right {
		background: url("../images/fb.png") no-repeat 3px 6px #3b5998;
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
	}
	.sign-up input[type="reset"] {
		font-size: 17px;
		padding: 4px 19px;
		float: none;
		text-align: center;
	}
	.sign-up input[type="submit"] {
		float: none;
		width: 51%;
		font-size: 16px;
		margin-top: 10px;
	}
	.breadcrumb {
		padding: 8px 0px;
		border-radius: 0;
		margin: 0;
	}
	.tabs li a {
		padding: 0.7em;
	}
	td.table-img img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		width: 201%;
		margin: 11px -4px 0 -10px;
	}
	.control2 {
		height:110px;
	}
	/*input[type="submit"] {
      font-size: 0.8em;
	}*/
	p.all {
		font-size: 0.8em;
	}
	canvas#viewport {
		width: 280px!important;
		height: 450px!important;
	}
	#maps {
		position: absolute;
		top: 2px;
		left: 0px;
	}
	#maps li {
		float: left;
		margin-right: 5px;
	}
	.grid figure figcaption {
		padding: 3em 1.5em;
		font-size: 1em;
	}
	div.left_ribbon h3, .ribbon.both_ribbon h3 {
		font-size: 1em;
		font-weight: 400;
	}
	.ribbon3 span {
    display: block;
    font-weight: 400;
		font-size: 19px;
	}
	div.ribbon3 {
		margin: 39px auto;
		width: 52px;
		margin-left: 0;
	}
	.ribbon3 span:after {
		content: "";
		width: 171px;
		}
		.ribbon3 span:before {
		width: 141px;
		height: 60px;
		top: 52px;
		left: 15px;
		transform: skew(15deg) rotate(40deg);
		-webkit-transform: skew(15deg) rotate(40deg);
		-moz-transform: skew(15deg) rotate(40deg);
		-o-transform: skew(15deg) rotate(40deg);
	}
 .ribbon3 span {
		display: block;
		font-weight: 400;
		font-size: 18px;
		margin: 0 19px;
		padding-right: 73px;
	}
	div.ribbon3:before {
		content: "";
		width: 20px;
		top: -24px;
		right: -161px;
		border: 22px solid #EA4C89;
		border-right-color: transparent;
		border-left-color: #052D6D;
	}
	div.ribbon3:after {
    content: "";
    width: 20px;
    bottom: 37px;
    left: -4px;
    border: 22px solid #EA4C89;
    border-left-color: transparent;
    border-right-color: #052D6D;
	}
	div.diamond {
		display: inline-block;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 38px;
		margin: 15px 0;
		position: relative;
		width: 143px;
	}
	.wrapper-dropdown-3 {
		position: relative;
		width: 51px;
		padding: 20px 4px;
		font-size: 0.9em;
	}
	.wrapper-dropdown-3:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -2px;
		border-width: 4px 3px 0 3px;
		border-style: solid;
		border-color: #06909C transparent;
	}
	.weather-bottom1 {
		float: left;
		width: 50%;
		padding: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.fn-gantt .navigate {
    padding: 10px 0 59px 7px;
}
.fn-gantt .navigate .nav-slider-right {
    margin-left: -98px;
}
}
@media (max-width:320px){
	footer p {
		font-size: 0.8em;
		padding-right: 68px;
		line-height: 1.8em;
	}
	.switch-main {
		margin: 0 3em;
	}
	h3.inner-tittle.two {
		margin-top: 18px;
		font-size: 1.3em;
		line-height: 1.4em;
	}
	.page-container {
		min-width:320px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.outter-wp {
		padding: 0.5em 1em;
		margin-bottom: 2em;
	}
	.activity-desc-sub:before {
		left: -21.5%;
		top: 36%;
	}
	.activity-desc-sub1:after {
		right: -22%;
		top: 17%;
	}
	.left-content {
		width: 82%;
	}
	.profile_details_left {
		float: right;
		width: 76%;
	}
	.srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 10px 17px rgba(3, 182, 197, 0.68);
		width: 48px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 23%;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 188px!important;
	}
	.weather-head h6 {
       font-size: 1em
	}
	.weather-head h4 {
		font-size: 0.7em;
	}
	.degree span {
		font-size: 2em;
		margin-left: 0.5em;
	}
	ul.clock-category li {
		list-style: none;
		display: inline-block;
		width: 43%;
	}
	.tabs nav ul li {
		width: 18%;
	}
	h2.inner-tittle.page {
		    position: absolute;
		    top: -14%;
		    left: 25%;
		    font-size: 2em;
	}
	.login input[type="submit"] {
		font-size: 17px;
		font-weight: 400;
		color: #fff;
		cursor: pointer;
		outline: none;
		padding: 7px 15px;
	}
		td.table-img img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		width: 201%;
		margin: 11px -4px 0 -10px;
	}
	/*.float-right, .pull-right {
		float: left!important;
	}*/
	.control2 {
		height: 92px;
	}
	h4.media-heading {
		font-size: 1.4em!important;
	}
	canvas#pie {
		width: 230px!important;
		height: 152px!important;
		margin: 1em -1em;
	}
	canvas#viewport {
		width: 230px!important;
		height: 450px!important;
	}
	.ribbon1 {
		width: 149px;
		height: 80px;
		margin: 0px auto;
		left: -21px;
		top: -29px;
	}
	.ribbon-fold h4 {
		line-height: 75px;
		font-size: 10px;
	}
	.ribbon3 span {
		display: block;
		font-weight: 400;
		font-size: 19px;
	}
	div.ribbon3 {
		margin: 39px auto;
		width: 52px;
		margin-left: -11px;
	}
	.weather-bottom1 {
		float: left;
		width: 50%;
		padding: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.header_top {
		width: 93%;
	}
	.top_right ul li {
		margin-right: 0px;
	}
	.top_right ul li a {
		padding: 0px 4px;
		font-size: 11px;
	}
	.log {
    width: 18%;
}
.reg {
    margin: 2px 0;
}
.reg a {
    font-size: 11px;
}
#loginContainer a span {
    padding: 1px 4px;
    font-size: 12px;
}
.box_1 {
    width: 51%;
}
.box_1 h3 {
    font-size: 12px;
}
.create_btn a {
    padding: 4px 6px;
	font-size:13px;
}
.top_left h2 {
    font-size:11px;
}
.panel-title {
    font-size: 17px !important;
}
.content {
    padding: 0.2em 0.6em 1em 1em;
}
.top-content {
    width: 39%;
    float: left;
}
.content-top-1 {
    padding: 0.7em 0.6em;
}
.top-content label {
    font-size: 1.5em;
}
.top-content h5 {
    font-size: 1em;
}
.middle-content h3 {
    font-size: 20px;
}
.middle-content {
    padding: 0em;
}
.owl-item {
    width: 109px ! important;
}
.social-ic li {
    margin: 0 0em;
}
.foot-top {
    padding: 1.5em 0 0.5em;
}
.myac li a,.abt li a,.cust li a,.our-st li {
    font-size: 0.875em;
}
.footer {
    width: 100%;
}
.fo-top-di {
    padding-bottom: 1em;
}
#menu span {
    display: initial;
}
#loginForm {
    width: 227px;
}
#loginBox {
    right: -185px;
	top:32px;
}
.form-body {
		padding: 1.5em 0em;
	}
	.tabs nav a {
    font-size: 0.8125em;
}
.tabs nav ul li {
    width: 46%;
}
h2.inner-tittle, h3.inner-tittle {
    font-size: 1.2em;
}
.content section {
    padding: 0em 0em;
}
.mediabox {
    padding: 0 0px;
}
.mediabox i {
    padding: 0.2em 1.75em;
}
.tabs {
    margin: 1em 0 0em;
}
.form-control1, .form-control_2.input-sm {
    font-size: 14px;
    height: 35px;
}
.help-block {
    font-size: 14px;
    margin-left: 0em;
}
.contact-form input[type="submit"] {
    font-size: 12px;
    padding: 6px 9px;
}
.context.visible p {
    font-size: 0.875em;
    line-height: 1.8em;
}
.panel-body p {
    font-size: 0.875em;
    line-height: 1.8em;
}
.graph-2 {
    padding: 0;
}
.input-info h3, .map-info h3 {
    margin-bottom: 0px;
}
.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.form-title {
    padding: 0.1em 0.3em;
}
/*.col-sm-8 {
    padding: 0;
}*/
.col-sm-2 {
    padding: 0;
}*/
.form-three {
    padding: 0;
}
.general-heading h4 {
    margin: 1em 0 0 0em;
}
/*label.col-md-2.control-label {
    padding: 0;
}
/*.col-md-8 {
    padding: 0;
}*/
.col-sm-9 {
    padding: 0;
}
/*.col-md-6 {
    padding: 0;
}*/
.faq h2 {
    font-size: 1.2em;
    line-height: 1.3em;
}
.faq h3 {
    font-size: 1.1em;
    margin: 0;
}
.faq {
    padding: 0.5em;
}
.registration_form input[type="submit"] {
    padding: 5px 12px;
    font-size: 14px;
}
a.continue {
    margin-bottom: 1em;
}
a.order {
    margin: 1em 0;
}
.total-item h4 {
    margin-right: 1em;
}
.total-item, .cart-items {
    margin-top: 0em;
    padding-bottom: 0.5em;
}
.cart-items h1 {
    font-size: 1.2em;
    margin-bottom: 1em;
}
.close1, .close2 {
    top: -11px;
}
.delivery span {
    font-size: 13px;
}
.desc1 h3 {
    font-size: 1.1em;
}
.desc1 p {
    font-size: 0.875em;
}
.det_nav1 h4 {
    margin: 5% 0 7% 0;
}
p.prod-desc {
    font-size: 0.875em;
}
p.product_descr {
    font-size: 0.875em;
}
.s-c {
    padding: 0;
}
.fooll h1 {
    padding-right: 0em;
}
.content.tab {
    padding: 0;
}
.row.spacer {
    height: 32px ! important;
}
.fn-gantt .leftPanel .fn-label {
    font-size: 14px;
}
.demo-container {
    box-sizing: border-box;
    width: 100%;
    height: 170px;
} 
.cart-total {
    padding: 0;
}
.cart-items {
    padding: 0;
}
.cart-item-info h3 {
margin-top:0;
}
}

.container_profile {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.thumbnail {
	height:60px;
	width:60px;
	float:left
}
.profile_content {
	/* padding: 10px; */
}

.barChart__barFill { background-color:#F39C12}
.barChart__bar { height: 24px;}
.barChart {
	/* width: 540px;
	height: 300px; */
}




.progress.sm,.progress-sm{height:10px}.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}.progress.xs,
.progress-xs{height:7px;margin-bottom:7px;}.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}.progress.xxs,
.progress-xxs{height:3px}.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}.progress.vertical>.progress-bar{width:100%;position:absolute;bottom:0}.progress.vertical.sm,.progress.vertical.progress-sm{width:20px}.progress.vertical.xs,.progress.vertical.progress-xs{width:10px}.progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-yellow,.progress-bar-warning{background-color:#f39c12}.progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-red,.progress-bar-danger{background-color:#dd4b39}.progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}

.progress-bar {
    border-radius: 10px !important;
    /*background-color: #4A6EE2 !important;*/
    background-color: #4A6EE2;
}




.box-content {
	position: relative;
	padding: 20px;
	margin: 0px 0px 20px 0px;
	background: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	/* State */
	/* Style */
	/* Color */
  }
  .box-content:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
  }
  .box-content .box-title {
	margin: 0px 0px 30px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
  }
  .box-content .box-title .ico {
	margin-right: 8px;
	line-height: 16px;
  }
  .box-content .box-title.with-control .controls {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 0px;
	line-height: 16px;
  }
  .box-content .box-title.with-control .control {
	border: none;
	background: none;
	outline: none;
	height: 16px;
	font-size: 14px;
  }
  .box-content .box-title.with-control .fa-times {
	position: relative;
	top: -1px;
  }
  .box-content .content:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
  }
  .box-content .dropdown.js__drop_down {
	position: absolute;
	right: 20px;
	top: 20px;
  }
  .box-content .dropdown.js__drop_down .dropdown-icon {
	color: #aab2bd;
  }
  .dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
  }
  @media (min-width: 1025px) {
	.box-content .dropdown.js__drop_down .dropdown-icon:hover {
	  color: #435966;
	}
  }
  .box-content .dropdown.js__drop_down .sub-menu {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 100%;
	margin-right: 5px;
	z-index: 20;
	width: 200px;
	margin-top: 2px;
	padding: 10px 0px;
	border: 1px solid rgba(152, 166, 173, 0.15);
	background: #ffffff;
	list-style: none;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	-moz-transform: translate(0, 20px);
	-o-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	-webkit-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  }
  .box-content .dropdown.js__drop_down .sub-menu a {
	display: block;
	padding: 6px 20px 6px 20px;
	color: #435966;
  }
  @media (min-width: 1025px) {
	.box-content .dropdown.js__drop_down .sub-menu a:hover {
	  color: #1d84df;
	}
  }
  .box-content .dropdown.js__drop_down .sub-menu .split {
	margin: 9px 0px 9px 0px;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
  }
  .box-content .dropdown.js__drop_down.active .dropdown-icon {
	color: #435966;
  }
  .box-content .dropdown.js__drop_down.active .sub-menu {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
  }
  .box-content.card-closed .box-title {
	margin-bottom: 0px !important;
  }
  .box-content.card-closed .box-title.with-control .fa-minus:before {
	content: "\f067";
  }
  .box-content.bordered {
	border-top: 4px solid #435966;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.bordered-all {
	border: 1px solid #435966;
	border-top: 4px solid #435966;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.card {
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.card .box-title {
	margin-bottom: 0px;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #ffffff !important;
	background-color: #435966;
  }
  .box-content.card .box-title .ico {
	line-height: 30px;
  }
  .box-content.card .box-title .controls {
	top: 17px;
  }
  .box-content.card .dropdown {
	top: 15px;
  }
  .box-content.card .dropdown .dropdown-icon {
	color: #ffffff;
  }
  .box-content.card .card-content {
	padding: 20px;
  }
  .box-content.card.bordered-all {
	border-top: none;
  }
  .box-content.card .dropdown.js__drop_down .dropdown-icon {
	color: #ffffff !important;
  }
  .box-content.card.white .box-title {
	color: #435966 !important;
	background: #ffffff;
	border-bottom: 1px solid #e6e9ed;
  }
  .box-content.primary {
	border-color: #188ae2;
  }
  .box-content.primary .box-title {
	color: #188ae2;
  }
  .box-content.success {
	border-color: #00bf4f;
  }
  .box-content.success .box-title {
	color: #00bf4f;
  }
  .box-content.info {
	border-color: #00aeff;
  }
  .box-content.info .box-title {
	color: #00aeff;
  }
  .box-content.warning {
	border-color: #fbbc05;
  }
  .box-content.warning .box-title {
	color: #fbbc05;
  }
  .box-content.danger {
	border-color: #ea4335;
  }
  .box-content.danger .box-title {
	color: #ea4335;
  }
  .box-content.muted {
	border-color: #f4f8fb;
  }
  .box-content.muted .box-title {
	color: #f4f8fb;
  }
  .box-content.inverse {
	border-color: #212121;
  }
  .box-content.inverse .box-title {
	color: #212121;
  }
  .box-content.purple {
	border-color: #5b69bc;
  }
  .box-content.purple .box-title {
	color: #5b69bc;
  }
  .box-content.pink {
	border-color: #ff8acc;
  }
  .box-content.pink .box-title {
	color: #ff8acc;
  }
  .box-content.lightdark {
	border-color: #f4f8fb;
  }
  .box-content.lightdark .box-title {
	color: #f4f8fb;
  }

  .morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

.bar-chart-head {
	font-size: 10px;
}

/*.rectangle {
    margin: 5px;
    width: 49px;
    height: 40px;
    color: #4A6EE1;
    border: 1px solid #D0D8E2;
    border-color: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    margin-right: 11px;
    float: left;
    cursor: pointer;
    padding: 25px 0px;
    
}*/

/*.post-container {
    margin: 5px;
    overflow: hidden;
    width: auto;
    background: #FFFFFF;
    box-shadow: 5px 5px 10px #aaaaaa;
    margin-left: 46px;
}*/

/*.post-thumb img {
    float: left;
    clear:left;
    width:50px;
    height:50px;
}*/

.post-title, .post-content {
    float:left;   
	margin-left:10px;
}

.low {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;align-items: center;
	justify-content:center;color: #666;
}
.medium {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}
.high {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}
.done {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}



@media (max-width: 1600px) {
	/*.left-content {
		float: right;
		width: 84.9%;
	}*/
}
/* @media screen and (min-width: 768px) {
	.jumbotron {
		padding: 0;
	}
} */
/***responsive***/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}