*, ::after, ::before {
    box-sizing: border-box;
}
/***************************Normalize.css*******************/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background-color: #dedfe0;
}

img, a img {
    outline: none;
    border: none;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

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

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}

.btn-arrow-right {
    padding-left: 36px;
}

.btn-arrow-left {
    padding-right: 36px;
}

    .btn-arrow-right:before,
    .btn-arrow-right:after,
    .btn-arrow-left:before,
    .btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
        content: "";
        position: absolute;
        top: 5px; /* move it down because of rounded corners */
        width: 22px; /* same as height */
        height: 22px; /* button_outer_height / sqrt(2) */
        background: inherit; /* use parent background */
        border: inherit; /* use parent border */
        border-left-color: transparent; /* hide left border */
        border-bottom-color: transparent; /* hide bottom border */
        border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
    }

.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: #dadada;
}

/* input[type="search"] {
     -webkit-appearance:textfield;
     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
     box-sizing:content-box;
}
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.navbar-brand > img {
    display: block;
    margin-top: 8px;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

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

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

header.masthead.bg-primary.text-white.text-center {
    height: 500px;
    position: relative;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.bg-blue {
    background-image: url(../images/bg-blue.png);
    background-position: center top;
    background-repeat: repeat-x !important;
}

.media-left, .media > .pull-left {
    padding-right: 13px;
}

.document-holder {
    margin-top: 10px;
    background-color: transparent;
    clear: both;
    margin-bottom: 60px;
    height: calc(100vh - 102px);
    position: relative;
}

    .document-holder .media {
        border: 1px solid #c8d0e2;
        background: #fff;
        padding: 10px;
        margin: 7px 0;
    }

.document-title {
    color: #314e92;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

    .document-title:hover, .document-title:focus, .document-title:visited {
        color: #232323;
        text-decoration: none;
    }

.doc_extn {
    color: #484848;
    text-decoration: none;
    font-size: 14px;
}

.mrgbtm5 {
    margin-bottom: 5px;
}

.uploaded-time {
    font-size: 12px;
    color: #7e7e7e;
}

.red {
    color: #e31837;
}

#wrap ::placeholder {
    color: #fff;
    opacity: .8;
    /* Firefox */
}

#wrap :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#wrap ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

::placeholder {
    color: #333;
    opacity: .8;
    /* Firefox */
    text-transform: capitalize;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
    text-transform: capitalize;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
    text-transform: capitalize;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #545467;
}

::selection {
    color: #fff;
    background: #545467;
}

.form-control::-moz-placeholder {
    text-transform: capitalize;
}
/****************************** Calling web-fonts ******************************/
@font-face {
    font-family: 'sansationregular';
    src: url('../../../fonts/Web-fonts/Sansation-Regular-webfont.eot');
    src: url('../../../fonts/Web-fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Web-fonts/Sansation-Regular-webfont.woff') format('woff'), url('../../../fonts/Web-fonts/Sansation-Regular-webfont.ttf') format('truetype'), url('../../fonts/Web-fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationbold';
    src: url('../../fonts/Web-fonts/Sansation-Bold-webfont.eot');
    src: url('../../fonts/Web-fonts/Sansation-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Web-fonts/Sansation-Bold-webfont.woff') format('woff'), url('../../fonts/Web-fonts/Sansation-Bold-webfont.ttf') format('truetype'), url('../../fonts/Web-fonts/Sansation-Bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansation_lightlight';
    src: url('../../fonts/Web-fonts/Sansation-Light-webfont.eot');
    src: url('../../fonts/Web-fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Web-fonts/Sansation-Light-webfont.woff') format('woff'), url('../../fonts/Web-fonts/Sansation-Light-webfont.ttf') format('truetype'), url('../../fonts/Web-fonts/Sansation-Light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, .card-head .pull-left h4, .card-sub-header, .card-header-datetime {
    font-family: 'sansationregular';
}
/******************************* Stying header css *******************************/
.navbar-brand {
    padding: 15px 0px;
}

.menu-bars {
    float: left;
    padding: 7px 20px 0 0;
    font-size: 24px;
    color: #fff;
}
/************************************** Styling Right side content **************************************/

.board-inner .nav-tabs > li {
    width: 20%;
}

    .board-inner .nav-tabs > li > a {
        font-size: 20px;
        text-align: center;
        margin-right: 0;
        border-bottom: 4px solid #d7d7d7;
        padding: 5px 0px;
        height: 47px;
        line-height: 18px;
    }

.nav > li > a .engage-icon-holder {
    background-position: center center;
    width: 25px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.nav-tabs > li.active > a .engage-icon-holder, .nav-tabs > li.active > a:hover .engage-icon-holder, .nav > li > a:focus .engage-icon-holder {
    background-position: center center;
    width: 25px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
}
/*.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:hover::after, .nav-tabs>li>a:hover::after, .nav-tabs>li>a:focus::after {
	content: '\f0d7';
	font-family: "FontAwesome";
	position: absolute;
	bottom: -14px;
	left: 45%;
	right: 50%;
	z-index: 2;
	color: #2a4b92;
}*/
.board-inner .nav-tabs > li:last-child {
    border-right: 0 none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    cursor: default;
}

.side-alerts {
    display: block;
}

.card.card-right {
    padding: 5px 0;
    position: relative
}

    .card.card-right .card-head .media-body h4 {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-family: 'sansationregular';
        line-height: 22px;
        vertical-align: middle;
    }

    .card.card-right .card-footer {
        padding: 10px;
        position: relative;
    }

        .card.card-right .card-footer .dropdown-menu {
            padding: 0;
        }

    .card.card-right .card-head .media-body a.header {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-family: 'sansationbold';
        line-height: 22px;
        font-weight: normal;
        vertical-align: middle;
        text-transform: capitalize;
    }

    .card.card-right .card-head .media-right .flaticon-more::before {
        font-size: 15px;
    }

    .card.card-right .card-head {
        padding: 10px;
    }

    .card.card-right .card-body {
        padding: 0;
    }

    .card.card-right .nav-tabs > li.active > a, .card.card-right .nav-tabs > li.active > a:focus, .card.card-right .nav-tabs > li.active > a:hover, .card.card-right .nav > li > a:focus, .card.card-right .nav > li > a:hover {
        cursor: default;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .card.card-right .nav-tabs > li.active > a:after, .card.card-right .nav-tabs > li.active > a:hover::after, .card.card-right .nav > li > a:hover::after, .card.card-right .nav > li > a:focus::after {
            display: none;
        }

.card-quiz-poll-survey .side-alerts, .card-joiners-workanniversary .side-alerts {
    text-transform: capitalize;
    font-size: 15px;
}

.card.card-right.card-quiz-poll-survey .card-body, .card-joiners-workanniversary.card-body {
    padding: 0px 0;
}

    .card.card-right.card-quiz-poll-survey .card-body .tab-content, .card-joiners-workanniversary .card-body .tab-content {
        padding: 10px 0;
    }

.card-right .cardright-header-img-width {
    width: 24px;
    height: 24px;
}

.card.card-right .media-right .focus {
    font-size: 18px;
}

.card-head {
    position: relative;
    vertical-align: middle;
    border-radius: 2px 2px 0 0;
}

    .card-head.card-head-sm {
        line-height: 3.5em;
    }

.card .style-dark {
    background-color: #dae5ff;
    color: #000;
}

.card-head header {
    display: inline-block;
    padding: 11px 24px;
    vertical-align: middle;
    line-height: 17px;
    font-size: 16px;
    font-weight: 600;
}

.card-head.card-head-sm header {
    font-size: 16px;
    font-weight: 600;
}

.card .card-head.style-dark label {
    color: #000;
}

.bx-white {
    width: 56px;
    height: 56px;
    vertical-align: middle;
    line-height: 19px;
    text-align: center;
    padding-top: 10px;
}

span.bx-date, span.bx-month {
    font-size: 22px;
    text-transform: uppercase;
}

span.bx-month {
    font-size: 14px;
    font-family: 'sansationbold';
}

.card-leaderboard .card-body .leaderboard-scroller .list-title, .card-awards-recongnition .card-scroller .list-title {
    font-family: 'sansationregular';
    font-weight: 500;
}

.leaderboarddiv img {
    margin-right: 6px;
}

.training-date-place {
    margin-left: 10px;
}

.card.card-right.card-training .card-body .media-left {
    padding-right: 15px;
}

.card-head.card-head-xs {
    line-height: 32px;
    min-height: 36px;
    padding-left: 5px;
}

.padding10 {
    padding: 10px;
}

.padding7 {
    padding: 7px;
}

.leaderboard-count {
    position: absolute;
    top: 0;
    left: 15%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.leaderboarddiv {
    position: relative
}

.small-text {
    font-size: 13px;
}

.card-right .card-body .media {
    padding: 10px 10px;
    margin-top: 0;
}

.quiz-tabs {
    padding: 0px 10px 10px;
}

a:focus {
    outline: none;
    outline-offset: unset;
}

.red-title {
    font-size: 13px;
    margin-left: 0px;
}
/*.card-birthdays .birthay-bollons-right,.card-birthdays .birthay-bollons-left*/
.card-birthdays {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

    .card-birthdays .card-head {
        border-bottom: 0
    }

    .card-birthdays .card-body {
        margin-top: 20px;
    }

.card-body {
    padding: 10px;
    position: relative;
    margin-bottom: 24px;
    background-color: #ffffff;
    color: #222;
    /* border: 1px solid #ccc;	 */
    /* border-radius: 2px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) */
}

.card-right .card-body {
    padding: 15px;
}

.inline-block {
    display: inline-block;
}

h4.h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'sansationbold';
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
}

.wish-collegues {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.card-classified .cardright-header-img-width {
    width: 18px;
}

.icon-holder i {
    font-size: 24px;
    font-weight: 600;
}

.bx-white img {
    max-width: 100%;
}

.card-joiners-workanniversary .media-right .btn, .card-news-update .media-right .btn, .card-birthdays .media-right .btn, .card-classified .media-right .btn, .card-idea-oftheday .media-right .btn {
    padding: 0px 12px;
    height: 22px;
    line-height: 20px;
}

.news-title {
}

.news-icon i.flaticon-newspaper {
    font-size: 18px;
    font-weight: 600;
}

.card.feeds-card .card-head .pull-left {
    float: none !important;
}

    .card.feeds-card .card-head .pull-left a.header {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: 600;
    }

.media-body, .media-left, .media-right {
    position: relative;
}

.media-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
}

.innercard-footer {
    padding-top: 10px;
    position: relative;
}

.list {
    margin: 0;
    padding-left: 0;
    list-style: none;
    line-height: 24px;
}

    .list .tile {
        position: relative;
        display: table;
        width: 100%;
        /* min-height: 48px; */
    }

    .list.divider-full-bleed li::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        height: 1px;
        background: rgba(150, 156, 156, 0.3);
    }

    .list .title {
        position: relative;
        display: table;
        width: 100%;
        min-height: 48px;
    }

        .list .title .title-content {
            display: table-cell;
            cursor: pointer;
        }

a:hover {
    text-decoration: none;
}

.list .title .title-content > div {
    display: table-cell;
    vertical-align: top;
    min-width: 56px;
    width: 56px;
    padding: 8px 0;
}

.modal-body .list .title .title-content > div.title-text {
    font-size: 15px;
    padding: 2px 0;
    width: 100%;
}

.list .title .title-text small {
    display: block;
    font-size: 14px;
    line-height: 17px;
    opacity: .9;
    margin-bottom: 6px;
}

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

.list .title .title-icon img {
    width: 40px;
    height: 40px;
    border-radius: 0px;
}

.width80 {
    width: 80% !important;
}

.width20 {
    width: 20%;
    line-height: 54px;
}

.middle-align-likes {
    line-height: 52px;
}

.height3 {
    max-height: 120px;
}

.height4 {
    max-height: 160px;
}

.height6 {
    max-height: 260px;
}

.height8 {
    height: 320px;
}

.height10 {
    height: 400px
}

.height9 {
    height: 360px;
}

.height8 {
    height: 320px;
}

.height7 {
    height: 280px;
}

.height12 {
    height: 480px;
}

.height100vh {
    height: 100vh;
}

.card-scroller {
    max-height: 238px;
    min-height: 60px;
}

.tab-scroller {
    min-height: 60px;
    max-height: 160px;
}

.leaderboard-scroller {
    min-height: 60px;
    max-height: 300px;
}
/********************Custom Scrollbar Styling *********************************/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #7d7e7f;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #dedfe0;
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}
/**********************Responsive Right side content (offcanvas)***********/

.aside {
    min-width: 350px;
    width: 15%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    font-family: Helvetica, Arial, sans-serif;
    border-right: 1px solid #333;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 2000;
    width: 0px;
    min-width: 0px;
    overflow: hidden;
    transition: 0.35s width ease, 0.35s min-width ease;
}

    .aside .aside-header {
        background-color: #1e3466;
        padding: 0.5em;
        padding-left: 0.5em;
        border-bottom: 3px solid #1e3466;
        font-size: 1.2em;
        color: #fff;
    }

    .aside img {
        vertical-align: middle;
    }

    .aside .aside-header .close {
        float: left;
        cursor: pointer;
        opacity: 1;
        padding-top: 9px;
        margin-left: 0;
        padding-bottom: 9px;
    }

.aside-header span {
    font-size: 13px;
    margin-left: 10px;
    opacity: .7;
    text-shadow: none;
}

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

.aside.in {
    width: 15%;
    min-width: 350px;
}

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

    .aside-backdrop.in {
        display: block;
        opacity: 0.5;
    }
/******************************* Styling button css ******************************/
.btn.btn-submit {
    border-radius: 4px;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.btn-submit i {
    margin-right: 5px;
}

.btn.btn-blue {
    border-radius: 4px;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.btn-blue i {
    margin-right: 5px;
}
/* Required */
.hidden1 {
    opacity: 0;
}

.visible {
    opacity: 1;
}
/**************************Navbar Styling****************/
#nav-btn {
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 15px;
    cursor: pointer;
    -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    width: 50px;
    height: 80px;
    vertical-align: middle;
    line-height: 50px;
    padding-top: 24px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
}

    #nav-btn div {
        width: 28px;
        height: 3px;
        margin-bottom: 5px;
        background-color: #fff;
        -webkit-transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
        transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
        transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms;
        transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }

#page-wrapper {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    /*height: 70vh;*/
}

#nav-btn.active div {
    background-color: #fff;
    margin-bottom: 7px;
}

#nav-btn.active #top {
    -webkit-transform: translateY(10px) rotate(-135deg);
    transform: translateY(10px) rotate(-135deg);
}

#nav-btn.active #middle {
    opacity: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-btn.active #bottom {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}

#box {
    position: fixed;
    z-index: 1031;
    overflow: auto;
    top: 0px;
    left: -275px;
    width: 275px;
    opacity: 0;
    padding: 20px 0px;
    height: 100%;
    background-color: #e31837;
    color: #343838;
    -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

    #box.active {
        left: 0px;
        opacity: 1;
    }

#nav-btn, #nav-btn * {
    will-change: transform;
}

#box {
    will-change: transform, opacity;
}
/* Menu styles */
.menu {
    position: fixed;
    top: 75px;
    left: 0;
    width: 275px;
    height: calc(100vh - 120px);
}

.menu__wrap {
    position: absolute;
    top: 3.5em;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}

.menu__level {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: scroll;
    width: calc(100% + 50px);
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .menu__level:focus {
        outline: none;
    }

.menu__level--current {
    visibility: visible;
}

.menu__item {
    display: block;
    width: calc(100% - 30px);
}

.menu__link {
    font-weight: 500;
    position: relative;
    display: block;
    padding: 1em 2.5em 1em 1.5em;
    color: #ffffff;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
    text-transform: capitalize;
}

    .menu__link[data-submenu]::after {
        content: '\f134';
        font-family: 'Flaticon';
        position: absolute;
        right: 0;
        padding: 0.25em 1.25em;
        color: #bdbdbd;
    }

    .menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {
        color: #fff;
    }

.menu__link--current::before {
    content: '\00B7';
    font-size: 3.5em;
    line-height: 0;
    position: absolute;
    top: 45%;
    left: 0.1em;
    height: 2px;
    color: #fff;
}

.menu__link.menu__link--current {
    color: #fff;
}

[class^='animate-'], [class*=' animate-'] {
    visibility: visible;
}

.animate-outToRight .menu__item {
    -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate-outToLeft .menu__item {
    -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate-inFromLeft .menu__item {
    -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-inFromRight .menu__item {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.menu__breadcrumbs {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    padding: 1.5em 0.75em 1.5em 1.7em;
}

    .menu__breadcrumbs a {
        font-weight: bold;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #ffffff;
    }

        .menu__breadcrumbs a:last-child {
            pointer-events: none;
        }

        .menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus {
            color: #fff;
        }

        .menu__breadcrumbs a:not(:last-child)::after {
            content: '\f134';
            font-family: 'Flaticon';
            display: inline-block;
            padding: 0 0.5em;
            color: #bdbdbd;
        }

        .menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {
            color: #fff;
        }

.menu__back {
    font-size: 1.05em;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 2.25em;
    margin: 0;
    padding: 1.365em 0.65em 0 0;
    cursor: pointer;
    color: #2a2b30;
    border: none;
    background: none;
}

.menu__back--hidden {
    pointer-events: none;
    opacity: 0;
}

.menu__back:hover, .menu__back:focus {
    color: #fff;
    outline: none;
}
/* Open and close buttons */
.action {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
}

    .action:focus {
        outline: none;
    }

.action--open {
    font-size: 1.5em;
    top: 1em;
    left: 1em;
    display: none;
    color: #fff;
    position: fixed;
    z-index: 1000;
}

.action--close {
    font-size: 1.1em;
    top: 1.25em;
    right: 1em;
    display: none;
    color: #45464e;
}

.menu__link i {
    margin-right: 5px;
    font-size: 23px;
    width: 30px;
    display: inline-block;
}

.menu__breadcrumbs a i {
    display: none;
}

@media screen and (max-width: 40em) {
    .action--open, .action--close {
        display: block;
    }

    .menu--open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

/*********** Sub Nav Bar ***********/
.navbar-collapse.collapse {
    background-color: #2a4b92;
    margin-left: -1px;
    display: block;
}

.flex-row {
    display: inline-block;
    padding: 8px;
    color: #fff;
    text-transform: none;
}

.navBarBtn {
    margin-top: 6px;
}

.uploadBtn {
    margin-left: 18px;
    padding: 2px;
    float: right
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.menuIcon {
    font-size: 19px;
}

.flex-row a {
    color: #fff;
}

.flex-row:active {
    background-color: #e31837;
}

.impMessageContainer {
    /* margin-top:95px; */
}

.raiseRequest {
    padding: 2px;
    float: right
}

.impMessage {
    background-color: #98999f;
    padding: 5px;
    color: white;
    border: 1px solid black;
}

.less-padding {
    padding: 0;
    padding-right: 2px;
}

.impMessageBorder {
    border: 1px solid black;
    float: left;
    border-top: 0;
}

.msgDate {
    text-align: right;
}

.impMessageHeight {
    height: 65px;
    overflow: auto;
}

.msgTitle {
    font-weight: bold;
    float: left
}

.quickLinkItems {
    border: 1px solid black;
    border-top: 0;
    font-weight: bold;
    padding: 3px;
}
/*****************Search Box Styling*******************/
#wrap {
    margin: 0px 0px 0px 25px;
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
    width: 100%;
    right: 80px; /*Added on 03-04*/
}

.search {
    display: inline-block;
    border: none;
    outline: none;
    color: #2a4b92 !important;
    padding: 3px;
    padding-right: 30px;
    width: 0px;
    position: absolute;
    top: -7px;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    height: 50px;
    font-family: 'sansationregular';
}

    .search:focus:hover {
        border-bottom: 1px solid #BBB;
    }

    .search:focus {
        width: calc(100% - 52px);
        z-index: 1;
        border-bottom: 1px solid #BBB;
        cursor: text;
    }

        .search:focus .nav-btn {
            display: none;
        }

.search_submit {
    height: 35px;
    width: 35px;
    display: inline-block;
    color: red;
    float: right;
    background: url(../images/search.png) no-repeat;
    text-indent: -10000px;
    border: none;
    outline: none;
    position: absolute;
    top: 6px;
    /* right: 50px; */
    z-index: 2;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity .4s ease;
}

    .search_submit:hover {
        opacity: 1;
    }

.loggedinuser {
    padding-top: 5px;
}

    .loggedinuser a span {
        color: #fff;
    }

.user-img-container {
    border: 1px solid #e05246;
    width: 43px;
    height: 43px;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color: #4285f4;
}

.nav-right .pull-right {
    width: 100%;
    text-align: right;
}

.loggedinuser {
    display: inline-block;
}

.respo-right-content {
    display: none;
}

.center-logo .text-center {
    margin-top: 7px;
}

.nav-tabs > li > a {
    border-radius: 0;
}

.loggedinuser .dropdown-menu > li > a {
    padding: 8px 20px;
}

.loggedinuser .dropdown-menu {
    border-radius: 0;
    background-color: #eaefff;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #d1d8eb;
}
/**********************header favorite icon css***********/
.favoriteicon_dms {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0px 16px;
}

.main-content {
    margin-top: 20px;
    background-color: transparent;
    clear: both;
    position: relative;
}
/***********Footer***********/
.copyright.text-white {
    padding: 3px 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #dedfe0;
}

.socialbtns, .socialbtns ul {
    margin: 0;
    padding: 0px;
}

    .socialbtns li {
        margin: 0;
        padding: 0px 5px 0 0;
    }

    .socialbtns li {
        list-style: none outside none;
        display: inline-block;
    }

    .socialbtns .fa {
        width: 20px;
        height: 20px;
        color: #000;
        background-color: #FFF;
        border: 1px solid #000;
        text-align: center;
        vertical-align: middle;
        line-height: 18px;
        border-radius: 50%;
        font-size: 13px;
    }

        .socialbtns .fa:hover {
            color: #FFF;
            background-color: #000;
            border: 1px solid #000;
        }

    .socialbtns .fa-linkedin:hover {
        color: #fff;
        background-color: #0077B5;
        border: 1px solid #0077B5;
    }

    .socialbtns .fa-twitter:hover {
        color: #fff;
        background-color: #00aced;
        border: 1px solid #00aced;
    }

    .socialbtns .fa-facebook:hover {
        color: #fff;
        background-color: #3b5998;
        border: 1px solid #3b5998;
    }

    .socialbtns li:last-child .fa {
        background-color: transparent;
        border: 0 none;
        border-radius: 0;
        font-size: 20px;
        width: auto !important;
    }

        .socialbtns li:last-child .fa:hover {
            background-color: transparent;
            border: 0 none;
            color: #cc181e;
        }

.copyright small {
    font-size: 12px;
}

.prev::after, .next::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-style: solid;
    border-color: #000;
    width: 0.8em;
    height: 0.8em;
    margin: -0.4em 0 0 -0.4em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.next, .prev {
    position: relative;
}

    .next::after {
        border-width: 0.16em 0.16em 0 0;
    }

    .prev::after {
        border-width: 0 0 0.16em 0.16em;
    }

.datepicker .next, .datepicker .prev {
    background-color: #d9d9d9;
}

.datepicker {
    padding: 0;
}

    .datepicker td {
        color: #7d8bb4;
        font-size: 13px;
        text-align: center;
    }

.dow:first-child {
    color: #e05253;
}

.tooltipster-sidetip .tooltipster-box {
    background: #dae5ff;
    border: 1px solid #96c61c;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    padding: 8px;
}

.input-group.date .btn.btn-submit:focus {
    outline: 0;
    outline-offset: unset;
}
/********Form Controls************/
.input-group.date .form-control {
    border-right: 0 none;
}

    .input-group.date .form-control:focus {
        border: 1px solid #ccc;
        border-right: 0 none;
        box-shadow: none;
    }

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #ededed;
    border-color: #ededed;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 14px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.datepicker table tr td.active.active, .datepicker table tr td.active {
    color: #fff;
}

.btn-toogle-dropdown {
    height: 40px;
}

.btn-adv-search {
    height: 39px;
}

button.btn.btn-default.dropdown-toggle.btn-toogle-dropdown {
    border: 0 none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.adv-search-textbx:hover, .adv-search-textbx:focus {
    outline: none;
    box-shadow: none;
}

.card-footer .pull-right {
    position: relative;
}

.card-details-wrapper .dropdown-menu {
    min-width: 330px;
}

.card-details {
    border: 1px solid #e2e0e0;
    margin-bottom: 10px;
    clear: both;
    position: relative;
}
/************Back to Top Styling***********/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
    box-shadow: 0px 2px 5px 1px #000;
}

    #return-to-top img {
        width: 15px;
    }



/***Dropzone Styling****/
/* * The MIT License * Copyright (c) 2012 Matias Meno <m@tias.me> */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/* DMS Core starts here*/

html, body, div, span, object, iframe, h1, h2, h3, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

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

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.fontSize14 {
    font-size: 14px;
}

.displayInlineBlock {
    display: inline-block;
}

.borderNone {
    border: 0;
}

.borderNoneImportant {
    border: none !important;
}

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.fullHeight {
    height: 100%;
}

.displayBlock {
    display: block;
}

.fullWidth {
    width: 100%;
}

.fullWidthImp {
    width: 100% !important;
}

.textCenter {
    text-align: center;
}

.fontBold {
    font-weight: bold;
}

.posRel {
    position: relative;
}

.posAbs {
    position: absolute;
}

.posFixed {
    position: fixed;
}

.cursorPointer {
    cursor: pointer;
}

.displayNone {
    display: none;
}

.displayBlockImportant {
    display: block !important;
}

.colorWhite {
    color: #fff;
}

.colorGrey {
    color: #999;
}

.colorBlue {
    color: #4075e6;
}

.halfWidth {
    width: 50%;
}

.textRight {
    text-align: right;
}

.quarterWidth {
    width: 25%;
}

.clearfix {
    clear: both;
}

.overflowHidden {
    overflow: hidden;
}

.verticalTop {
    vertical-align: top;
}

.verticalMiddle {
    vertical-align: middle;
}

.paddingTop0 {
    padding-top: 0 !important;
}

.padding0 {
    padding: 0;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}


.knowledgeContainer {
    margin: 0 auto;
    width: 100%;
    /* background-color: #0072c6; */
    float: left;
    margin-top: 4px;
}

.main-wrapper {
    margin-left: 15px;
    margin-right: 15px;
}

.knowledgeManagementLogo, .companyLogo {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.knowledgeManagementLogo {
    padding: 0 10px 0 0;
}

.searchIcon {
    background-position: 0 -2883px;
    height: 16px;
    width: 16px;
}

.searchKmFolders {
    background-position: 0px 0px;
    /*background-image: url(Images/search_icon.png);*/
    background-image: url(../images/search_icon.png);
    height: 22px;
    width: 22px;
    margin-right: -27px;
    margin-top: 0px;
    z-index: 99;
}

.moreIcon {
    background-position: 0px 0px;
    background-image: url(../images/more_icon.png);
    height: 22px;
    width: 22px;
}

.downloadIcon {
    background-position: 0px 0px;
    background-image: url(../images/download_icon.png);
    height: 22px;
    width: 22px;
    margin: 0 10px 0 0;
}

.viewIcon {
    background-position: 0px 0px;
    background-image: url(../images/view.png);
    height: 22px;
    width: 22px;
    margin: 0 15px 0 0;
}

.draftIcon {
    background-position: 0px 0px;
    background-image: url(../images/draft.png);
    height: 22px;
    width: 22px;
    margin: 0 15px 0 0;
}

.ntdraftedIcon {
    background-position: 0px 0px;
    background-image: url(../images/ntdrafted.png);
    height: 22px;
    width: 22px;
    margin: 0 15px 0 0;
}

.excelIcon {
    background-position: 0px 0px;
    background-image: url(../images/excelicon.png);
    height: 36px;
    width: 36px;
}

.genericIcon {
    background-position: 0px 0px;
    background-image: url(../images/generic.png);
    height: 36px;
    width: 36px;
}

.pptIcon {
    background-position: 0px 0px;
    background-image: url(../images/pptIcon.png);
    height: 36px;
    width: 36px;
}

.pdfIcon {
    background-position: 0px 0px;
    background-image: url(../images/pdficon.png);
    height: 36px;
    width: 36px;
}

.wordIcon {
    background-position: 0px 0px;
    background-image: url(../images/wordicon.png);
    height: 36px;
    width: 36px;
}

.imgIcon {
    background-position: 0px 0px;
    background-image: url(../images/img.png);
    height: 36px;
    width: 36px;
}

.supportIcon {
    background-position: 0px 0px;
    background-image: url(../images/faq_icon.png);
    height: 22px;
    width: 22px;
}

.uploadDocIcon {
    background-position: 0px 0px;
    background-image: url(../images/upload_gray_icon.png);
    height: 22px;
    width: 22px;
}

.editIcon {
    background-position: 0px 0px;
    background-image: url(../images/stepper_edit.png);
    height: 22px;
    width: 22px;
    margin: -2px -1px;
}

.sitemapIcon {
    background-position: 0px 0px;
    background-image: url(../images/sitemap_icon.png);
    height: 22px;
    width: 22px;
}

.glossaryIcon {
    background-position: 0px 0px;
    background-image: url(../images/glossary_icon.png);
    height: 22px;
    width: 22px;
}

.teamIcon {
    background-position: 0px 0px;
    background-image: url(../images/team_icon.png);
    height: 22px;
    width: 22px;
}

.contactIcon {
    background-position: 0px 0px;
    background-image: url(../images/contact_icon.png);
    height: 22px;
    width: 22px;
}

.accountIcon {
    background-position: 0px 0px;
    background-image: url(../images/Account_icon.png);
    height: 22px;
    width: 22px;
}

.closeIcon {
    background-position: 0px 0px;
    background-image: url(../images/cross_icon_white.png);
    height: 22px;
    width: 22px;
    margin-left: -25px;
}

.closeIconBlue {
    background-position: 0px 0px;
    background-image: url(../images/cross_icon_Gray.png);
    height: 22px;
    width: 22px;
    margin-left: -18px;
}

.filterIconActive {
    background-position: 0px 0px;
    background-image: url(../images/filter_icon_blue.png);
    height: 22px;
    width: 22px;
}

.supportIconActive {
    background-position: 0px 0px;
    background-image: url(../images/faq_icon_blue.png);
    height: 22px;
    width: 22px;
}

.navigationIconActive {
    background-position: 0px 0px;
    background-image: url(../images/menu_icon_blue.png);
    height: 22px;
    width: 22px;
}

.fabPlusIcon {
    background-position: 0px 0px;
    background-image: url(../images/upload_white_icon.png);
    height: 24px;
    width: 24px;
    margin: 17px;
}

.notificationIcon {
    background-position: 0px 0px;
    background-image: url(../images/alert_white_icon.png);
    height: 22px;
    width: 22px;
}

.rightMenuBar ul li {
    padding: 15px 10px;
}

.knowledgeManagementContentContainer {
    background-color: #fff;
    border: 1px solid #ddd;
    /*margin-bottom: 30px;*/
    border-top: 0;
}

.left_section {
    width: 400px;
    height: 200px;
}

.left-container {
    height: calc(100vh - 102px);
}

.right-container {
    width: calc(100% - 400px);
    border-left: 1px solid #ddd;
    height: calc(100vh - 102px);
}

    .right-container ul li.doc_list {
        min-height: 70px;
        border-bottom: 1px solid #ddd;
        padding: 16px;
    }

.folderContent {
    padding: 10px 0 0 15px;
}

.folderContentInfo {
    padding-top: 10px;
    font-size: 12px;
}

.right-container h3 {
    font-size: 16px;
}

.separatorLine {
    padding: 0 10px;
    color: #ddd;
}

.folderContentInfo label {
    color: #999;
    margin-bottom: 5px;
}

.right-container ul.files li .folderContent {
    width: 87%;
}

.loadMoreContent {
    padding: 15px;
}

    .loadMoreContent a {
        color: #3b4f8e;
    }

.horizontalSeparator {
    padding-top: 10px;
}

.closeLeftPanal {
    background-image: url(../images/closeLeftPanal_icon2.png);
}

.openLeftPanal {
    background-image: url(../images/openLeftPanal_icon2.png);
}

.openLeftPanal, .closeLeftPanal {
    top: 40%;
    left: 0;
    background-position: 0px 0px;
    height: 48px;
    width: 16px;
}

.searchContainer {
    height: 53px;
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
    background: #e4eafe;
}

    .searchContainer input {
        font-size: 14px;
        padding-right: 20px;
    }

    .searchContainer a.searchIcon {
        margin-top: -15px;
    }

.left_section .checktree ul {
    margin-top: 5px;
    margin-bottom: 0px;
}

.left_section .checktree li label {
    font-size: 16px;
}

.rightMenuBarSlider, .supportSidebarDetails {
    background-color: #00508b;
    width: 340px;
    right: 0px;
    top: 0;
    z-index: 99;
    top: 0px;
}

.padding20 {
    padding: 20px;
}

.selectFilterOption select {
    border: 0;
}

.savedFilterListContents {
    width: 75%;
    border-left: 1px solid #ddd;
}

.documentTypeName {
    color: #159dfc;
}

input[type=search], #searchBoxContainer, #folderSearchBoxContainer {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    visibility: hidden;
}

input::-webkit-search-decoration, input::-webkit-search-cancel-button {
    display: none;
}

input[type=search], #searchBoxContainer, #folderSearchBoxContainer {
    background: transparent;
    border: solid 1px #0072c6;
    width: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.applyTransition {
    display: inline-block !important;
    width: 400px !important;
    background-color: #0072c6 !important;
    border: 0 !important;
    outline: none !important;
    border-bottom: solid 1px #159dfc !important;
    color: #fff !important;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
    -webkit-transition: all 0.5s !important;
    margin-left: 15px !important;
    visibility: visible !important;
}

.closeSearchBar {
    outline: none !important;
    width: 0 !important;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
    -webkit-transition: all 0.5s steps(1, start);
    margin-left: 0 !important;
    border-bottom: solid 1px #159dfc !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}

.applyTransitionForSearchFolder {
    width: 315px !important;
    background-color: transparent;
    border: 0 !important;
    outline: none !important;
    border-bottom: 1px solid #ddd !important;
    color: #000;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
    -webkit-transition: all 0.5s !important;
    visibility: visible !important;
    margin-left: 30px;
}

.closeFloderIcon {
    background-position: 0px 0px;
    background: url(../images/faq_icon.png) no-repeat;
    height: 22px;
    width: 22px;
    margin-left: -25px;
}

input[type=checkbox] {
    /*display: none;*/
}

input[type="checkbox"]:checked + label {
    height: 22px;
    width: 100%;
    display: inline-block;
    padding: 2px 0px 0px 30px;
}

.filterName {
    line-height: 25px;
}

.fixedActionButton {
    position: fixed;
    /* right: 30px;
	bottom: 30px; */
    right: 0;
    bottom: 102px;
    background: #e31837;
    border-radius: 0%;
    height: 60px;
    margin-bottom: 0;
    width: 60px;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.ddautoHeight {
    height: auto !important;
}

.dropdown-content {
    border-radius: 2px; /* background: #fafafa; */
}

.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 982;
    will-change: width, height;
    border: 1px solid #ebebeb;
}

ul {
    padding: 0;
}

ul {
    list-style-type: none;
}

.dropdown-content li {
    line-height: 1.5;
}

.dropdown-content li {
    padding: 0 10px;
}

.dropdown-content li {
    cursor: default;
    box-sizing: border-box;
}

.dropdown-content li {
    clear: both;
    color: #000;
    cursor: pointer;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none;
}

    .dropdown-content li > a {
        color: #000;
    }

    .dropdown-content li > a, .dropdown-content li > span {
        font-size: 1rem;
        color: #000;
        display: block;
        padding: 10px;
    }

.doc_list h3 {
    font-size: 16px;
    margin-bottom: 7px;
    white-space: nowrap;
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-sm-4 {
    float: left;
    width: 33.33333333%;
    position: relative; /*padding-right: 15px;*/ /*padding-left: 15px;*/
}

.col-md-label {
    width: 16.11%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-footer {
    /*padding-bottom: 0;*/
}

.col-md-input {
    width: 80.3%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.row.floatL.fullWidth {
    padding: 20px 0;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingLeftRight15 {
    padding: 0 15px;
}

.paddingTop {
    padding-top: 5px;
}

.fontWeight600 {
    font-weight: 600;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingLeft0 {
    padding-left: 0;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.dropdown-content li:hover {
    background-color: #eee;
}

.borderTop {
    border-top: 1px solid #ddd;
}

.list-group a {
    color: #666666;
    text-decoration: none;
}

.list-group .fa fa-folder-o {
    text-decoration: none;
}

.list-group .fa-folder-o:before {
    content: "\f114";
    margin-right: 12px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

    .list-group-item:hover {
        background-color: #ededed;
        cursor: pointer;
    }

    .list-group-item:first-child {
        border-top: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .list-group-item:last-child {
        border-bottom: none;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.advance_search {
    width: 40px;
    display: inline-block; /*Added on 03-04*/
    vertical-align: text-bottom; /*Added on 03-04*/
}

    .advance_search a /*Added on 03-04*/ {
        line-height: 30px;
        height: 46px;
        vertical-align: text-bottom;
        margin-right: 10px;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #adaaad;
    outline: 0;
}
/*DMS Core ends here*/



/*Modal Styling starts here*/

.modal-content {
    border-radius: 0;
    border: 4px solid #96c61c !important;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #dce7ff;
    background-color: #dce7ff;
    color: #000;
    text-transform: capitalize;
}

label sup {
    color: red;
    font-size: 18px;
    top: 0;
}
/*Modal Styling ends here*/

/*form elements*/
.btn-danger {
    color: #fff;
    background-color: #96c61c;
    border-color: #96c61c;
}

    .btn-danger:hover, .btn-danger.focus, .btn-danger:focus, .btn-danger:active {
        color: #fff;
        background-color: #96c61c !important;
        border-color: #96c61c !important;
    }

[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    /*left: 0px;*/
}

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-right: 14px;
        padding-bottom: 0px;
    }

        [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 3px solid #c0c0c0;
            border-radius: 100%;
            background: #c0c0c0;
        }

        [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 18px;
            height: 18px;
            background: #fff;
            position: absolute;
            top: 0px;
            left: 0px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            border: 3px solid #2a4b92;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/***Dropzone Styling****/
/* * The MIT License * Copyright (c) 2012 Matias Meno <m@tias.me> */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 96px;
    border: 1px solid #ccc;
    background: white;
    padding: 10px;
    border-radius: 4px;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer;
        }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover {
        border-style: solid;
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 1em 0;
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px 0;
        min-height: 100px;
    }

        .dropzone .dz-preview:hover {
            z-index: 1000;
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1;
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd);
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview.dz-image-preview {
            background: white;
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -ms-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 0em;
                font-size: 16px;
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.4);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -moz-transition: opacity 0.4s ease-in;
            -ms-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in;
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out;
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom, #be2626, #a92222);
            padding: 0.5em 1.2em;
            color: white;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626;
            }

.timepicker-div .inline-block {
    width: 70%;
    float: left;
    margin-left: 20px;
}

.timepicker-div label {
    float: left
}
/*********Custom Checkbox*************/
/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    /*left: 0px;*/
}

    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
        position: relative;
        padding: 2px 0px 0px 30px;
        cursor: pointer;
        margin-bottom: 0;
        font-weight: 500;
        height: 22px;
    }
        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 1.25em;
            height: 1.25em;
            border: 2px solid #ccc;
            background: #fff;
            border-radius: 0;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
            content: "\f00c";
            font-family: 'FontAwesome';
            position: absolute;
            top: 5px;
            left: .275em;
            font-size: 15px;
            line-height: 0.8;
            color: #cd4135;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #fff;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #3b4f8e;
}
/* hover style just for information */
.custom-checkbox label:hover:before {
    border: 2px solid #4778d9 !important;
}

.card-fav .dropdown-menu {
    min-width: 320px;
    padding: 10px;
    background-color: #eaefff;
}

.custom-checkbox {
    margin-bottom: 8px;
}

[type="checkbox"]:checked + label::before {
    border: 2px solid #3b4f8e;
}

[type="checkbox"]:checked + label::after {
    left: 1px;
    color: #2a4b92;
}

.dropdown.open .custom-checkbox {
    margin-bottom: 15px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

ul li {
    list-style-type: none;
}

.btngrp .btn:first-child {
    margin-right: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.border-gr {
    border: 1px solid #C9C9C9;
    padding-top: 15px;
}
/*table styling*/

thead {
    background-color: #f0f0f0;
    color: #000;
}

.width10 {
    width: 10% !important;
}

.width5 {
    width: 5% !important;
}

.width50 {
    width: 50% !important;
}

.width60 {
    width: 60% !important;
}

.width30 {
    width: 30%;
}

.width20 {
    width: 20% !important;
}

.width40 {
    width: 40% !important;
}

table.dataTable thead th {
    text-transform: capitalize;
}

.table > thead > tr > th {
    vertical-align: middle;
}

.table-bordered > thead > tr > th {
    border: 0 none;
}

.dropdown-fix {
    right: 0px;
    left: auto;
}

.list-group-item a::after {
    content: '\f134';
    font-family: 'Flaticon';
    position: absolute;
    right: 0;
    padding: 0.25em 1.25em;
    color: #bdbdbd;
}

.folderContent h3 a {
    color: #333;
}

.margin-top-60 {
    margin-top: 60px;
}

.no-items {
    padding-top: 25%;
    padding-left: 38%;
    padding-bottom: 25%;
}
/*Agenda text LHS*/




.list-title {
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 10px;
}

.main-list {
    border-bottom: 1px solid #cbcbcb;
    padding: 14px 10px;
    font-size: 15px;
}

    .main-list:first-child {
        border-top: 1px solid #cbcbcb;
    }

    .main-list:hover {
        background: #ececec;
        cursor: pointer;
    }

    .main-list a {
        color: #262626;
    }

        .main-list a:hover {
            color: #4462a6;
        }

.hide1 {
    display: none;
}
/*
added on 6-4-18*/

.department-grp {
    max-height: 200px;
    padding-bottom: 20px;
}

.stepwizard-row {
    display: table;
    width: 100%;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.33%;
}

    .stepwizard-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.stepwizard-content {
    border: none !important;
    float: left !important;
    margin-top: 0 !important;
    padding: 15px !important;
    width: 100% !important;
}

.back_text {
    color: #fff;
    font-size: 15px;
}

.list-group {
    height: calc(100vh - 102px);
}

.topics .dropdown-menu .dropdown-item {
    display: block;
}

.topics .dropdown-menu {
    padding: 4px;
    left: -124px;
}
/*.dropdown-menu.filter{
	width: 388px;
	padding: 8px;
	left: -317px;
}*/
.dropdown-menu.dropdown-menu-right {
    width: 388px;
    padding: 8px;
    left: -317px;
}

.no-padding {
    padding: 0;
}

.select {
    /* margin: 50px; */
    width: 200px;
    padding: 5px 35px 5px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/openFolder_icon.png") 96% / 7% no-repeat #eee;
}

    /* CAUTION: IE hackery ahead */
    .select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .select {
        background: none\9;
        padding: 5px\9;
    }
}

.dateselect, .text1 {
    width: 200x;
    padding: 5px 35px 5px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 34px;
}

.knowledgeManagementContentContainer .text1,
.knowledgeManagementContentContainer .select,
.knowledgeManagementContentContainer .multiselect,
.knowledgeManagementContentContainer .dateselect {
    width: 100%;
}

.form-inline .form-group {
    margin-bottom: 15px;
    /*margin-right: 14px;*/
    display: block;
}

.form-inline .select {
    /*width: 178px;*/
    font-size: 14px;
}

.form-inline .form-control {
    width: 100%;
}

.left_section1 {
    height: 85vh;
    width: 354px;
}

.left_section2 {
    /*height: 85vh;*/
    width: 354px;
}

.right-container1 {
    width: calc(100% - 354px);
    border-left: 1px solid #ddd;
    height: calc(100vh - 102px);
}

.datepicker-dropdown {
    z-index: 1050 !important;
}

.cross {
    color: red;
}

.texts {
    margin-bottom: 5px;
    font-size: 1.08em;
    line-height: 1.8em;
}

.req-icon {
    padding-left: 20px;
    padding-top: 19px;
    font-size: 24px;
    color: #cecece;
}

.displayInline {
    display: inline !important;
}

a {
    color: #2a4b92;
}

.text6 .form-control-plaintext {
    border: 0;
    margin-top: 10px;
}

.texts b {
    margin-right: 15px;
}

.table-icos {
    font-size: 17px;
}

.links {
    font-size: 14px;
    /*	text-decoration: underline;
*/
}

.flex-row.active {
    background-color: #96c61c;
}

.username {
    float: right;
    padding: 10px 7px;
    padding-right: 0;
    color: #000;
    font-size: 14px;
    text-transform: none;
}

.background_blue_heading {
    background: #dce7ff;
}

.date1 {
    font-size: 13px;
    font-weight: normal;
}

.row1 {
    display: flex; /* equal height of the children */
}

.col1 {
    flex: 1; /* additionally, equal width */
}

.border-grey {
    border: 1px solid #ccc;
}

.tile-text {
    color: #222;
}

.lineHeight2 {
    line-height: 1.5em;
}

.lineHeight15 {
    line-height: 1.5em;
}

.banner-bg {
    background: url(../images/homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-grey1 {
    background-color: #dae5ff;
    border-color: #dae5ff;
}

.header h4 {
    font-size: 16px;
}

.listbox {
    border: 1px solid rgb(112, 112, 112);
    padding: 10px;
    ;
}

    .listbox ul {
        line-height: 0.8em;
    }

        .listbox ul li [type="checkbox"]:checked + label {
            margin-bottom: 0;
        }

.edit-button {
    position: absolute;
    right: 18px;
    font-size: 20px;
    z-index: 1;
}

.edit-button-dashboard {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 20px;
    z-index: 1;
    color: #d1d1d1;
}

.pdf-row {
    display: flex; /* equal height of the children */
}

.pdf-col {
    flex: 1; /* additionally, equal width */
    padding: 1em;
    border: solid;
}

.canvasjs-chart-credit {
    display: none;
}

.fix {
    position: absolute;
    background-color: white;
    width: 180px;
    height: 29px;
    bottom: 10px;
    z-index: 999;
    left: 0;
}

.chartWrapper {
    margin-bottom: 10px;
}

.pieStyle {
    margin: 0 auto;
    width: 500px;
    height: 400px;
}

.pieWrapper {
    margin: 0 auto;
}

td.jqplot-table-legend {
    vertical-align: middle;
    padding-right: 10px;
}

    td.jqplot-table-legend a {
        color: #222222;
        font-size: 12px;
    }

table.jqplot-table-legend {
    border: 0;
}

.border-right-grey {
    border-right: 1px solid #d0cfcf;
}

.multiselect-container > li > a {
    background: #eee;
}

    .multiselect-container > li > a > label {
        color: #000 !important;
    }

.multiselect-container.dropdown-menu {
    right: 0px !important;
    left: auto;
}

.orange {
    color: #ff5d20;
}

.mR15 {
    margin-right: 15px;
}

/* FORM ELEMENTS CSS - 25-02-2019 */
.main-content-wrapper {
    padding: 20px 0px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile-6 + label {
    padding: 0;
}

    .inputfile-6 + label span {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
        line-height: 35px;
        padding-left: 10px;
        font-size: 13px;
        font-weight: normal;
        width: 70%;
    }

    .inputfile-6 + label strong {
        height: 100%;
        display: inline-block;
        float: right;
        padding: 6px 15px;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }

    .inputfile-6 + label strong {
        background-color: #999;
        color: #ffffff;
    }

.box {
    position: relative;
}

    .box strong {
        position: absolute;
        right: 0;
        line-height: 20px !important;
        height: 34px !important;
    }
/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

    [type="radio"]:not(:checked) + span,
    [type="radio"]:checked + span {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
        transition: .28s ease;
        user-select: none;
    }

[type="radio"] + span:before,
[type="radio"] + span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
    border-radius: 50%;
}

[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after {
    border: 2px solid #969696;
    background: #969696
}

[type="radio"]:not(:checked) + span:after {
    transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + span:before {
    border: 2px solid transparent;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
    border: 2px solid #e31837;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
    background-color: #fefefd;
}

[type="radio"]:checked + span:after {
    transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + span:after {
    transform: scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + span:before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + span:before {
    border: 2px solid rgba(0, 0, 0, 0.42);
}

[type="radio"].with-gap:disabled:checked + span:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled + span {
    color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:not(:checked) + span:before {
    border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:checked + span:after {
    background-color: rgba(0, 0, 0, 0.42);
    border-color: #949494;
}

.search-box {
    position: relative;
}

    .search-box i {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.mB20 {
    margin-bottom: 20px;
}

/* 29-03-2019 */
.announcement-list-group a {
    color: #666666;
    text-decoration: none;
}

.announcement-list-group .fa fa-bullhorn {
    text-decoration: none;
}

.announcement-list-group .fa-bullhorn:before {
    content: "\f0a1";
    margin-right: 12px;
}

.announcement-heading h3 {
    font-size: 16px;
    background: #dae5ff;
    padding: 10px;
}

.announcement-pagination li {
    display: inline-block;
    margin-right: 5px;
}

    .announcement-pagination li a {
        border: 1px solid #dae5ff;
        width: 33px;
        height: 33px;
        display: inline-block;
        text-align: center;
        line-height: 33px;
        border-radius: 50%;
        background: #dae5ff;
        color: #000;
    }

.announcementIcon {
    background-position: 0px 0px;
    background-image: url(../images/announcement_icon.png);
    height: 36px;
    width: 36px;
}

.announcement-content h3 {
}

.announcement-content span {
    font-size: 13px;
    color: #2a4b92;
}

.announcement-content p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
}

/**************** 19-04-2019 *****************/

.left-custom-tabs .nav > li.active > a {
    background: #dae5ff;
    color: #000;
}

.tab-content #approve, .tab-content #request {
    padding: 20px 15px;
}

.tab-content #clauses .search-result {
    height: 80vh;
    max-height: 300px;
}

.search-result {
    padding: 0px;
}

    .search-result .search-result-inside h4 {
        margin: 0px 0px 10px;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
        padding: 0px 10px;
        line-height: 23px;
    }

    .search-result .media {
        zoom: 1;
        overflow: hidden;
        line-height: 18px;
        margin-top: 0px;
        padding: 6px 10px;
        border-bottom: 1px solid #eee;
    }

        .search-result .media .media-left {
            padding-right: 0px;
        }

        .search-result .media.active {
            background: #eee;
        }

    .search-result .media-right {
        vertical-align: middle;
    }

.searchValue {
    font-size: 13px;
    color: #2a4b92;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    text-shadow: none;
    background-color: transparent;
}

    .breadcrumb li a {
        text-decoration: underline;
        font-size: 13px;
        color: #092745;
    }

.fright-ellipsis {
    padding: 0px 0px 10px 20px;
}

.tooltip_templates {
    display: none;
}

.tooltipster-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tooltipster-content ul li a {
        color: #2a67a9;
        font-weight: 500;
        display: block;
        margin: 0;
        padding-bottom: 5px;
    }

.seeMore {
    display: inline-block;
    padding-top: 0px;
}

    .seeMore > i {
        font-size: 18px;
    }

.left-button {
    padding: 0px 10px 10px;
}

    .left-button button.tn-default {
        margin: 0px 5px 10px 0px;
        width: 47%;
    }

    .left-button button.btn-danger {
        margin: 0px 5px 10px 0px;
    }

.btn-save, .btn-save:hover, .btn-save:focus, .btn-save:active {
    background: #2a4b92 !important;
    border-color: #2a4b92 !important;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left:5px;
}

.btn-review, .btn-review:hover, .btn-review:focus, .btn-review:active {
    background: #666 !important;
    border-color: #666 !important;
}

.btn-save {
    font-size: 13px;
}

.bg-light-blue {
    background: #dae5ff;
    border-color: #dae5ff;
    color: #000;
    padding: 5px 15px;
}

.review {
    padding: 0px 10px 0px 10px;
}

.review-comment h3 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #2a4b92;
}

    .review-comment h3 span {
        font-size: 12px;
        float: right;
        color: #000;
        font-weight: 400;
    }

.review-comment p {
    font-size: 13px;
    margin-bottom: 5px;
}

.child-review-comment {
    padding-left: 20px;
}

    .child-review-comment .review-comment h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

.view-comments {
    display: inline-block;
    margin: 0px 10px;
    color: #2a4b92;
    border-bottom: 1px solid #2a4b92;
}

.right-head .dropdown .dropdown-menu {
    top: 30px;
    right: 0px;
    left: auto;
}

.clauses-content {
    padding: 10px;
    border: 1px solid #ddd;
}

    .clauses-content p {
        font-size: 15px;
    }

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/loader.gif') 50% 50% no-repeat rgb(255,255,255,0.6);*/
    opacity: 1;
}

.announcement-height {
    height: 385px;
}

.select-drop {
    margin-bottom: 10px;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

/* 14-02-2020 */
.left-custom-tabs .nav > li > a {
    padding: 7px 5px;
    margin-right: 0px;
    font-size: 13px;
    color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #eee;
}

/*Added for  coments section class start*/
.tab-content #comments {
    /*height:80vh;*/
}

.comments-names {
    background: #eee;
    padding: 10px 15px;
    padding-right: 0px;
    margin: 0px 0px 10px;
    border-radius: 10px;
}

    .comments-names ul li {
        line-height: 23px;
        font-size: 13px;
        padding-right: 15px;
        width: 100%;
    }

        .comments-names ul li span {
            width: 95%;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .comments-names ul li a {
            float: right;
            color: #333;
            font-size: 12px;
        }

.close-comments-grid {
    float: right;
    color: #333;
    font-size: 16px;
}
/*Added for  coments section class end*/

.reviewer-names {
    background: #eee;
    padding: 10px 15px;
    padding-right: 0px;
    margin: 0px 0px 10px;
    border-radius: 10px;
}

    .reviewer-names ul li {
        line-height: 23px;
        font-size: 14px;
        padding-right: 15px;
    }

        .reviewer-names ul li a {
            float: right;
            color: #333;
            font-size: 12px;
        }

.close-review-grid {
    float: right;
    color: #333;
    font-size: 16px;
}

.tab-content {
    padding: 0px;
    border: 1px solid #ddd;
}

.contents-button {
    margin-bottom: 5px;
}

    .contents-button ul {
        background: #dae5ff;
    }

        .contents-button ul li {
            display: inline-block;
        }

            .contents-button ul li a {
                background: #dae5ff;
                color: #2a4b92;
                padding: 4px 10px 3px;
                display: inline-block;
                text-decoration: none;
                font-size: 17px;
                text-align: center;
            }

                .contents-button ul li a span {
                    font-size: 12px;
                    display: block;
                }

.request-grid label {
    font-size: 14px;
}

.request-grid p {
    font-size: 13px;
}
/*.clause-result ul {
    width:50%;
}*/
.clause-result ul li {
    background: #eee;
    line-height: 25px;
    margin-bottom: 5px;
    padding: 6px 12px;
}

.clause-result ul li a {
    float: right;
    color: #96c61c;
}
.down-again {
    color: #81ab16;
    font-weight: 600;
    border-bottom: 1px solid #81ab16;
}

.down-again:hover {
    color: #81ab16;
}
.review-query {
    background: #eee;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.review-query h5 {
    font-weight: 700;
}

#reviews .panel-title [aria-expanded="true"], #accordion1 .panel-title [aria-expanded="true"] {
    background: #dae5ff;
    color: #000;
}

#reviews span.count {
    background: #2a4b92;
    color: #fff;
    width: 20px;
    display: inline-block;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
}

#reviews .panel-title [aria-expanded="true"] span.count {
    background: #2a4b92;
    color: #ffffff;
}

#reviews .panel-title > a {
    padding: 10px 15px !important;
}

.rev-recd {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .rev-recd span {
        color: #FF0000;
        float: right;
    }

.sendto-grid {
    background: #eee;
    padding: 10px 15px;
    margin: 0px 0px 10px;
    border-radius: 10px;
}

    .sendto-grid ul li {
        line-height: 23px;
        font-size: 14px;
        padding-right: 10px;
    }

        .sendto-grid ul li a {
            float: right;
            color: #333;
            font-size: 12px;
        }

    .sendto-grid input {
        margin-top: 10px;
    }

#reviews2 p label {
    display: block;
}

.inside-tabs .nav-tabs > li > a {
    background: #eee;
    color: #000;
    padding: 6px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .inside-tabs .nav-tabs > li > a:after {
        display: none;
    }

.inside-tabs .nav-tabs > li.active > a {
    background: #96c61c;
    color: #fff;
}

.inside-tabs .tab-content {
    border: 1px solid #ddd;
}


.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    /*visibility: hidden;
  opacity: 0;*/
    z-index: 9;
}

    .overlay.light {
        background: rgba(255, 255, 255, 0.5);
    }

    .overlay .cancel {
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: default;
    }

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 10px auto;
    padding: 30px 20px 10px;
    background: #fff;
    width: 50%;
    position: relative;
}

.light .popup {
    border-color: #aaa;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.popup h2 {
    margin-top: 0;
    color: #666;
}

.popup .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    right: 0px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #666;
}

    .popup .close:hover {
        opacity: 1;
    }

.popup .content {
    max-height: 400px;
    /*overflow: auto;*/
}

.popup p {
    margin: 0 0 1em;
}

    .popup p:last-child {
        margin: 0;
    }

.branding a {
    display: block;
    padding-top: 15px;
}

@media only screen and (min-width:0px) and (max-width:768px) {
    .popup {
        width: 100%;
    }

    .main-content {
        margin-top: 10px;
    }

    .branding a {
        text-align: center;
    }
}

/*Loader CSS added content 07-march-2020*/
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.6); 
    opacity: 1;
}

.se-pre-con div {
    top:50%;
    position:relative;
    left:40%;
}

    .login-alerts {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    margin-top: 10px;
    border-radius: 6px;
}

    .login-alerts p {
        color: #155724;
    }

.action-check-grid {
    padding: 10px 15px;
}

.check-head {
    border-bottom: 1px solid #2a4b92;
    margin-bottom: 15px;
}

    .check-head h4 {
        margin: 0px;
    }

.delete-icon, .delete-icon:hover {
    color: red;
    display: inline-block;
}

.due-scroll {
    height: 130px;
}
/* END 02-04-2020 */
/*--------04-04-2020-------*/


/* 06-04-2020 */
.accordion .panel-title [aria-expanded="true"] {
    background: #dae5ff;
    color: #000;
}

.ea-head {
    font-size: 16px;
    color: #2a4b92;
}
/* END 06-04-2020 */

/* 09-04-2020 */

.rel-doc h4 {
    color: #2a4b92;
    border-bottom: 1px solid #2a4b92;
    display: inline-block;
    margin-top: 5px;
    font-size: 15px;
}

.rel-doc ul {
    padding-left: 15px;
}

    .rel-doc ul li {
        line-height: 23px;
        list-style: disc;
    }

        .rel-doc ul li a {
            color: #000;
        }

/* END 09-04-2020 */

.reviewernames ul li {
    line-height: 23px;
    font-size: 14px;
    padding-right: 15px;
    margin-bottom: 5px;
}

    .reviewernames ul li a.view {
        float: right;
        font-size: 12px;
        background: #96c61c;
        color: #ffffff;
        display: inline-block;
        padding: 0px 7px;
        border-radius: 4px;
    }

.mB0 {
    margin-bottom: 0px !important;
}

/* 18-04-2020 */
.report-grid {
    margin-bottom: 15px;
}

.report-list li {
    display: inline-block;
    margin-right: 5px;
}

    .report-list li.input {
        width: 20%;
    }

.report-height {
    height: 150px;
}
/* END 18-04-2020 */

.multiselect-container.dropdown-menu li label {
    white-space:normal;
    word-wrap:break-word;
}

.look-up {
font-weight: 600;
display: inline-block;
margin-top: 5px;
}