/*@import url('https://fonts.cdnfonts.com/css/segoe-ui-4');*/
@font-face {
    font-family: 'segoe ui';
    src: url('docs-font/segoe ui.woff') format('woff'), url('docs-font/segoe ui bold.woff') format('woff'), url('docs-font/segoe ui italic.woff') format('woff');
}

[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #000000;
}

body {
    font-family: 'Segoe UI', sans-serif !important;
    font-weight: normal;
    font-size: 16px !important;
    -webkit-text-stroke: 0;
    -webkit-text-stroke: 0;
    background-color: #EFF2F3;
    color: #000000 !important;
}

strong, b {
    font-weight: bold;
}

.txtComments {
    font-size: 14px
}

.txtNotes {
    font-size: 14px;
}

.navbar-dark {
    background-color: #0A1A33;
}

.navbar {
    font-family: 'Roboto', sans-serif;
}

.navbar-brand {
    padding: 17px 0px;
    font-family: 'Roboto', sans-serif;
}

.user-name a, .navbar-dark .navbar-text a {
    font-weight: normal;
    color: #B8C8D9;
    font-size: 16px;
}

    .user-name a:hover, .user-name a:focus {
        color: #fff;
        text-decoration: none;
    }

    .user-name a i, .user-name a i {
        background: #0A1A33;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        color: #B8C8D9;
        text-align: center;
        line-height: 1.5;
    }

    .user-name a:hover i, .user-name a:focus i {
        background: #B8C8D9;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        color: #003C78;
    }

.navbar-brand h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px;
    font-weight: lighter;
    font-size: 28px;
    line-height: 42px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: 0px !important;
    margin-top: 0px !important;
    background-image: url('../auc_navigator/content/assets/css/images/ui-icons_d8e7f3_256x240.png');
}

.ui-dialog-buttonset .ui-button:not([class*=bg-]):active, .ui-dialog-buttonset .ui-button:not([class*=bg-]):focus, .ui-dialog-buttonset .ui-button:not([class*=bg-]):hover {
    border: 1px solid #0067FF;
    background: #0067FF;
    color: #fff;
}

.ui-dialog {
    padding: 0px;
}

.ui-dialog-titlebar {
    display: inherit;
}

.tab-content-main {
    background-color: #fff !important;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
}

.ui-button:not([class*=bg-]):active, .ui-button:not([class*=bg-]):focus, .ui-button:not([class*=bg-]):hover, .ui-datepicker-buttonpane button:not([class*=bg-]):active, .ui-datepicker-buttonpane button:not([class*=bg-]):focus, .ui-datepicker-buttonpane button:not([class*=bg-]):hover {
    color: #fff;
    border: 1px solid #2268a7;
}

.content-border {
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
}

.mx-w100 {
    max-width: 100%;
}

/*.mce-item-table:not([border]),  .mce-item-table:not([border]) caption,  .mce-item-table:not([border]) td,
 .mce-item-table:not([border]) th, .mce-item-table[border="0"], .mce-item-table[border="0"] caption,
 .mce-item-table[border="0"] td,  .mce-item-table[border="0"] th, table[style*="border-width: 0px"],
 table[style*="border-width: 0px"] caption,  table[style*="border-width: 0px"] td,  table[style*="border-width: 0px"] th {
    border: 0px dashed #bbb;
    outline: 0px;
}*/


.mce-item-table:not([border]), .mce-item-table:not([border]) caption, .mce-item-table:not([border]) td, .mce-item-table:not([border]) th, .mce-item-table[border="0"], .mce-item-table[border="0"] caption, .mce-item-table[border="0"] td, .mce-item-table[border="0"] th, table[style*="border-width: 0px"], table[style*="border-width: 0px"] caption, table[style*="border-width: 0px"] td, table[style*="border-width: 0px"] th {
    border: 0px dashed #bbb;
    outline: 0px;
}

/*.txtSectiontextReadOnly ul li, .txtSectiontextReadOnly ol li, .txtSectiontext ul li, .txtSectiontext ol li, .txtSectionName ul li, .txtSectionName ol li{
    margin-bottom: 8px;
}*/
.Ul_Ol-style ul, .Ul_Ol-style ol {
    text-align: left;
}

.txtSectiontext ul, .Ul_Ol-style ul {
    margin-left: 25px;
    list-style: unset;
}

.txtSectiontext ol, #divCommitteeReport ol, .Ul_Ol-style ol {
    margin-left: 25px;
    list-style: auto;
}

.txtSectiontextReadOnly ul, #divCommitteeReport ul {
    margin-left: 25px;
    list-style: unset;
}

.txtSectiontextReadOnly ol, .resolved-tabs ol {
    margin-left: 25px;
    list-style: auto;
}

txtSectiontextPresentView ul {
    margin-left: 25px;
    list-style: unset;
}

txtSectiontextPresentView ol, .resolved-tabs ol {
    margin-left: 25px;
    list-style: auto;
}


.txtSectionName ul {
    margin-left: 25px;
    list-style: unset;
}

.txtSectionName ol {
    margin-left: 25px;
    list-style: auto;
}

.f-20 {
    font-size: 20px;
}

.color-blue {
    color: #0078ae;
}



.divpreviewdocument ul {
    list-style: unset;
    margin-left: 18px;
}

.divpreviewdocument ol {
    list-style: auto;
    margin-left: 15px;
}

.top-bg-284662 {
    background-color: #284662;
    padding: 11px;
}

.gear-btn {
    border: 1px solid #B4C8DE;
    width: 104px;
    text-align: center;
    background: #fff;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 0px;
}

    .gear-btn:hover, .gear-btn:focus {
        border: 1px solid #013161;
    }

    .gear-btn i {
        color: #B4C8DE;
    }

    .gear-btn:hover i, .gear-btn:focus i {
        color: #013161;
    }

.f-24 {
    font-size: 24px;
    font-weight: normal;
}

.nav-tabs-main .nav-item {
    margin-right: 5px;
}

.nav-link {
    padding: 6.2px 5px;
}

.nav-tabs-main .nav-link {
    border: 1px solid transparent;
    border-color: #FFFFFF;
    width: 190px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    background: #FFFFFF;
}

    .nav-tabs-main .nav-item.show .nav-link, .nav-tabs-main .nav-link.active, .nav-tabs-main .nav-link {
        font-size: 16px;
        font-weight: normal;
        color: #000000;
    }

        .nav-tabs-main .nav-link:focus, .nav-tabs-main .nav-link:hover {
            border-color: transparent;
            color: #000000;
        }

        .nav-tabs-main .nav-link.active {
            background-color: #C8D5E3;
            border-color: #C8D5E3 #C8D5E3 #C8D5E3;
        }

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs-main {
    margin-bottom: 0;
    border-bottom: 1px solid #C8D5E3;
}

.bg-c8d5e3 {
    background-color: #c8d5e3;
    padding: 24px 0px;
}

.rounded-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.DOCSMainGrid .gridHeader {
    background: #fff;
    border: 1px solid #B4C8DE;
    font-weight: 600;
    color: #000000;
    border-bottom: 2px solid #B4C8DE;
    font-size: 16px;
    font-family: 'Segoe UI', sans-serif;
}

.DOCSMainGrid .gridHeaderRow div.gridCell:not(:last-child) {
    border-right: 1px solid #B4C8DE;
    font-weight: 600;
}

.DOCSMainGrid .gridHeader .gridHeaderRow div.gridCell {
    padding-left: 10px;
}

.DOCSMainGrid .gridTable .gridBody {
    min-width: 84px;
    overflow-y: scroll;
    border-right: 1px solid #B4C8DE;
    border-left: 1px solid #B4C8DE;
    border-bottom: 1px solid #B4C8DE;
}

.DOCSMainGrid .gridRow div.gridCell:not(:last-child) {
    border-right: 1px solid #B4C8DE;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.font-Segoe-UI {
    font-family: 'Segoe UI', sans-serif;
}

.color-0167F9 {
    color: #0167F9;
}

.color-1F68D9 {
    color: #1F68D9;
}

.color-21B492 {
    color: #21B492;
}

.color-FF0000 {
    color: #FF0000;
}

.color-013161 {
    color: #013161;
}

.color-284662 {
    color: #284662;
}

.color-F6F6F6 {
    color: #F6F6F6
}

.color-0A1A33 {
    color: #0A1A33;
}

.color-B4C8DE {
    color: #B4C8DE;
}

.color-0D2D52 {
    color: #0D2D52;
}

.bg-0A1A33 {
    background: #0A1A33;
}

.bg-9BB2C7 {
    background: #9BB2C7;
}

.bg-A7CCEF {
    background: #A7CCEF;
}

.bg-D8E2EB {
    background: #D8E2EB;
}

.bg-D2DDE8 {
    background: #D2DDE8;
}

.bg-FFF3D6 {
    background: #FFF3D6;
}

.bg-FFFAEF {
    background: #FFFAEF;
}

.bg-B4C8DE {
    background: #B4C8DE;
}

.color-444444 {
    color: #000000;
}

.color-6C87A3 {
    color: #6C87A3;
}

i.color-6C87A3:hover, i.color-6C87A3:focus {
    color: #0167F9;
}

.btn-primary, .btn:hover {
    background: #0067FF;
    color: #fff;
    border: 1px solid #0067FF;
}

.docs-btn, .docs-btn-submit:hover, .docs-btn-submit:focus, .docs-btn-submit:active {
    font-size: 14px;
    border-radius: 4px;
    /*width: 72px;*/
    height: 32px;
    border: 1px solid #999999;
    line-height: 1.5;
    background: #fff;
    color: #4B4B4B;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
}

    .docs-btn:hover, .docs-btn:focus, .docs-btn:active, .docs-btn-submit {
        border: 1px solid #0D67F9;
        background: #0D67F9;
        color: #ffffff;
        font-size: 14px;
        border-radius: 4px;
        height: 32px;
        line-height: 1.5;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-style: normal;
    }

.primary-btn-submit {
    font-size: 14px;
    border-radius: 4px;
    width: 72px;
    height: 32px;
    border: 1px solid #0067FF;
    line-height: 1.5;
    background: #0067FF;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
}

    .primary-btn-submit:hover, .primary-btn-submit:focus, .primary-btn-submit:active {
        border: 1px solid #0D2D52;
        background: #0D2D52;
        color: #ffffff;
    }

.btnSaveReslnCommnets {
    font-size: 12px;
    border-radius: 0px 0px 4px 4px;
    width: 64px;
    height: 24px;
    border: 1px solid #C8D5E3;
    background: #C8D5E3;
    color: #000000;
    font-family: 'Segoe UI', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}

    .btnSaveReslnCommnets:hover, .btnSaveReslnCommnets:focus, .btnSaveReslnCommnets:active {
        border: 1px solid #6886A2;
        background: #6886A2;
        color: #ffffff;
    }
/* Side Bar */
.wrapper {
    display: flex;
    text-decoration: none;
    transition: all 0.4s;
}

nav#sidebar ul {
    float: left;
}

nav#sidebar .custom-control:last-child {
    margin-bottom: 0;
    display: flex;
    align-items: start;
    min-height: 25px;
}


nav#sidebar li {
    float: initial;
    word-break: break-word;
    display: block;
}

    nav#sidebar li label:hover {
        text-decoration: underline;
    }

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #48647e;
    color: #fff;
    transition: all 0.4s;
    /*height: 100vh;*/
}

    #sidebar.active {
        margin-left: -270px;
    }

    #sidebar .sidebar-header {
        padding: 24px 8px;
        background: #48647E;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul.components {
        padding: 20px 0;
        /* border-bottom: 1px solid #47748b; */
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

nav#sidebar li.list-group-item {
    padding-left: 8px !important;
    padding: 0px 0px 6px 0px;
}

    nav#sidebar li.list-group-item .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        left: 0;
        top: 2px;
    }

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

    #sidebar ul li a:hover {
        color: #262933;
        background: #fff;
    }

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    background: #1b1d24;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20%;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #1b1d24;
}

#sidebar .list-group {
    background-color: transparent;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0px;
    /*display: block;*/
}

#content {
    width: 100%;
    padding: 20px;
    min-width: height 100vh;
    transition: all 0.4s;
    padding: 0px;
    word-break: break-word;
}

    #content h2 {
        text-align: center;
        margin-bottom: 50px;
    }

    #content p {
        color: #000000;
        margin-bottom: 0px;
        padding-bottom: 7px;
        line-height: 1.4;
        font-size: 14px;
    }

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }
}

@media (min-width: 1440px) {
    .navbar:not(.navbar-component) {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0px;
    border: 1px solid #C8D5E3;
    width: 1rem;
    height: 1rem;
    top: 0.10rem;
}

.custom-control-label::after {
    top: 0.10rem;
    width: 1rem;
    height: 1rem;
}

.border-top-4 {
    border-top: 4px #C8D5E3 solid;
}

.border-bottom-4 {
    border-bottom: 4px #C8D5E3 solid;
}

.border-bottom-cccccc {
    border-bottom: 1px solid #cccccc !important;
}

.border-bottom-fff3d6 {
    border-bottom: 1px solid #fff3d6;
}

.border-B4C8DE {
    border: 1px solid #B4C8DE;
}

.resolved-tabs .nav-tabs-main .nav-link {
    font-size: 14px;
    color: #6985A1;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

    .resolved-tabs .nav-tabs-main .nav-link.active, .resolved-tabs .nav-tabs-main .nav-link:hover, .resolved-tabs .nav-tabs-main .nav-link:focus {
        background-color: #FFF3D6;
        border-color: #FFF3D6 #FFF3D6 #FFF3D6;
    }

    .resolved-tabs .nav-tabs-main .nav-link:hover, .resolved-tabs .nav-tabs-main .nav-link:focus {
        color: #063565;
    }

    .resolved-tabs .nav-tabs-main .nav-item.show .nav-link, .resolved-tabs .nav-tabs-main .nav-link.active {
        color: #0A1A33;
    }

.resolved-tabs .nav-tabs-main {
    margin-bottom: 0;
    border-bottom: 0px solid #C8D5E3;
}

.resolved-tabs .tab-content .tab-comments {
    background: #FFFAEF;
}

.resolved-tabs .txtSectiontext {
    border: 0px solid #858585;
    background: #fff;
    color: #000000;
}

/*.txtSectiontextReadOnly {
     
}*/

txtSectiontextReadOnlyViewMore {
    border: 0px solid #858585;
    background: #fff;
    color: #000000;
}

.resolved-tabs .tox-tinymce, .accordion .tox-tinymce, #SummaryOfComments .tox-tinymce {
    border: 0;
    /*border-bottom: 0;
	border-right: 0px solid #e0d5bc;
	border-top: 0px;*/
}

.tox-tinymce .tox .tox-editor-header, .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-right: 1px solid #e0d5bc;
}


.comments-padding {
    padding: 9px 10px
}

.resolved-tabs .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #e0d5bc;
}

.tox-toolbar__primary {
    background-color: #FFF3D6 !important;
}

textarea {
    background-color: #fff;
    width: 100%;
    text-align: left;
    border-radius: 0px !important;
    border: 1px solid #B4C8DE;
    box-shadow: none;
    white-space: normal;
}

    textarea::placeholder {
        color: #94B8E1;
    }

a.collaps-bars i, a.collaps-bars:hover i, a.collaps-bars:focus i {
    color: #284662;
}

a.collaps-left-arrow i {
    color: #C8D5E3;
    background: none;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-align: center;
    line-height: 1.5;
}

a.collaps-left-arrow .Icon_awesome-arrow-left-hover {
    display: none;
}

a.collaps-left-arrow:hover .Icon_awesome-arrow-left-hover, a.collaps-left-arrow:focus .Icon_awesome-arrow-left-hover {
    display: block;
}

a.collaps-left-arrow:hover .Icon_awesome-arrow-left, a.collaps-left-arrow:focus .Icon_awesome-arrow-left {
    display: none;
}

a.collaps-left-arrow:hover i, a.collaps-left-arrow:focus i {
    background: #C8D5E3;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    color: #284662;
}

.basicTablePadding5 > thead > tr > th, .basicTablePadding5 > tbody > tr > td {
    border: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: top;
}

.table-v-scroll {
    max-height: calc(100vh - 380px);
    overflow-y: auto;
    background: #fff;
    margin-top: -1px;
}

.div-v-scroll {
    max-height: calc(100vh - 340px);
    overflow-y: auto;
    overflow-x: hidden;
}

.div-v-scroll-Disposition {
    max-height: 310px;
    overflow-y: auto;
}
/*.dispaly-none {
    padding-left: 10px;
    position: absolute;
    background: #D2DDE8;
    width: 250px;
    top: -10px;
    height: 78px;
    line-height: 74px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.collaps-bars:hover .dispaly-none, a.collaps-bars:focus .dispaly-none {
    padding-left: 10px;
    position: absolute;
    background: #D2DDE8;
    width: 250px;
    top: -10px;
    height: 78px;
    line-height: 74px;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .2s linear .2s;
    -webkit-transition: opacity .2s linear .2s;
    -moz-transition: opacity .2s linear .2s;
    -ms-transition: opacity .2s linear .2s;
}*/
.dispaly-none {
    display: none;
}

a.collaps-bars:hover .dispaly-none, a.collaps-bars:focus .dispaly-none {
    display: block;
    padding-left: 10px;
    position: absolute;
    background: #D2DDE8;
    width: 250px;
    top: -10px;
    /*height: 78px;
    line-height: 74px;*/
    left: 0;
    display: flex;
    align-items: center;
    z-index: 99;
}

/*#btnDocDashboard {
    color: #0167F9;
    font-size: 16px;
 
}*/
.btnDocDashboard:hover, .btnDocDashboard:focus {
    text-decoration: none;
    color: #0167F9;
}

#SummaryOfComments table.basicTablePadding5, #OverallComments table.basicTablePadding5 {
    color: #000000;
    font-size: 14px;
}

    #SummaryOfComments table.basicTablePadding5 > thead > tr > th, #OverallComments table.basicTablePadding5 > thead > tr > th {
        font-family: 'Segoe UI', sans-serif !important;
        font-weight: 600;
    }

    #SummaryOfComments table.basicTablePadding5 > thead > tr > th, #SummaryOfComments table.basicTablePadding5 > tbody > tr > td {
        border: 1px solid #B4C8DE;
        border-bottom: 2px solid #B4C8DE;
        word-break: break-word;
    }

        #SummaryOfComments table.basicTablePadding5 > tbody > tr > td:nth-child(1) {
            vertical-align: middle;
        }

.divAuthComments {
    max-height: 150px;
    overflow-y: auto;
}

.divAuthText {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

#SummaryOfComments table .trsection a {
    color: #0167F9;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 10px;
    display: flex;
}

.showSummaryComments {
    border: none;
    background: transparent;
    cursor: pointer;
}

.divDocumentName {
    background: #9BB2C7 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 10px;
    color: #0A1A33 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#SummaryOfComments .chosen-container .chosen-drop {
    border: 1px solid #013161;
}

#SummaryOfComments .chosen-container-single .chosen-single {
    border: 1px solid #B4C8DE;
}

    #SummaryOfComments .chosen-container-single .chosen-single:focus, #SummaryOfComments .chosen-container-single .chosen-single:hover, #SummaryOfComments .chosen-container-single .chosen-search input[type="text"]:focus, #SummaryOfComments .chosen-container-single .chosen-search input[type="text"]:hover {
        border: 1px solid #13406C;
    }


.status-btn {
    width: 103px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    border: 1px solid #B4C8DE;
    border-radius: 30px;
    background: #FFFFFF;
    font-weight: normal;
    cursor: pointer;
}

.approve-extractbg-white {
    width: 103px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    border: 1px solid #B4C8DE;
    border-radius: 30px;
    background: #FFFFFF;
    font-weight: normal;
    color: #444444;
}

.approve-extractbg-blue {
    width: 103px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    border: 1px solid #B4C8DE;
    border-radius: 30px;
    background: #6886A2;
    font-weight: normal;
    color: white !important;
}

.status-btn:hover, .status-btn:focus {
    background-color: #6886A2;
    color: white;
    border: 1px solid #6886A2;
}

.sub-ul li {
    margin-right: 30px;
    margin-left: 30px;
}

    .sub-ul li a.nav-link {
        padding-right: 0px;
        padding-left: 0px;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        color: #000000;
        font-size: 16px;
    }

.divResolutionDocs .basicTablePadding5 > thead > tr > th,
.divFieldReview .basicTablePadding5 > thead > tr > th,
.divPoliciesDocs .basicTablePadding5 > thead > tr > th {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Segoe UI', sans-serif !important;
    position: sticky;
    top: 0;
    background: #fff;
}

.divResolutionDocs .basicTablePadding5 > tbody > tr > td {
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Segoe UI', sans-serif !important;
}

.v-align-middle {
    vertical-align: middle !important;
}



/*.ol-m-left ol {
    margin-left: 10px;
    list-style: auto;
}

.ol-m-left ul {
    margin-left: 10px;
    list-style: initial;
}*/

.user-profile {
    position: absolute;
    top: 78px;
    width: 200px;
    right: 0px;
    padding: 10px;
    z-index: 9999;
}

    .user-profile ul li a {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        color: #B8C8D9 !important;
        padding: 8px 10px;
        display: block;
    }

        .user-profile ul li a:hover, .user-profile ul li a:focus {
            background: #B8C8D9;
            border-radius: 4px;
            color: #003C78 !important;
        }

/*.div_outline_content ul {
    list-style-type: initial;
    margin-left: 25px;
}

.div_outline_content ol {
    list-style-type: auto;
    margin-left: 25px;
}*/

.split-btn {
    border: 1px solid #B4C8DE;
    background: #fff;
    border-radius: 4px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    padding: 3px 10px;
}

    .split-btn:hover, .split-btn:focus {
        border: 1px solid #B4C8DE;
        background: #ffffff;
        border-radius: 4px;
        color: #738194;
    }

.Close-All-btn, .Close-All-btn:hover, .Close-All-btn:focus {
    background: #6886A2;
    color: #fff;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
    border: 0;
    border-radius: 30px;
    padding: 5px 20px;
    cursor: pointer;
}

#accordian #faq .card {
    margin-bottom: 3px;
    border: 0;
}

    #accordian #faq .card .card-header {
        border: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        border-radius: 2px;
        padding: 0;
    }

        #accordian #faq .card .card-header .btn-header-link {
            display: block;
            text-align: left;
            background: #FFF3D6;
            color: #000000;
            padding: 5px 20px;
        }

            /* #accordian #faq .card .card-header .btn-header-link:after {
                content: "\f107";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                float: right;
            }*/

            #accordian #faq .card .card-header .btn-header-link.collapsed {
                background: #FFF3D6;
                color: #000000;
            }

            /*#accordian #faq .card .card-header .btn-header-link.collapsed:after {
                    content: "\f106";
                }*/

            #accordian #faq .card a.btn:hover, #accordian #faq .card:focus, #accordian #faq .card .card-header .btn-header-link:hover, #accordian #faq .card .card-header .btn-header-link:focus {
                box-shadow: none;
                border: 1px solid #FFF3D6;
            }

    #accordian #faq .card .collapsing {
        background: #fff;
        line-height: 30px;
    }

    #accordian #faq .card .collapse {
        border: 0;
    }

        #accordian #faq .card .collapse.show {
            background: #FFFFFF;
            color: #000000;
            padding: 10px 0px;
        }

    #accordian #faq .card i {
        font-size: 20px;
    }


.Societies-btn {
    color: #000000;
    background: #fff;
    border: 0px;
    padding: 2px 12px;
    border-radius: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

    .Societies-btn:hover, .Societies-btn:focus {
        background: #284662;
        color: #FFFFFF;
        border: 0px;
    }

.bg-gradient-C8D5E3 {
    background: transparent linear-gradient(271deg, #FFFFFF 0%, #CDD9E6 14%, #C8D5E3 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
}

/*.bg-gradient-C8D5E3::after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        top: 0;
        right: -24px;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 24px solid #fff;
    }*/

.model-border {
    border: 1px solid #0167F9;
    border-radius: 4px;
}

.model-table.table {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Segoe UI', sans-serif;
    border: 1px solid #9BB2C7;
}

    .model-table.table thead th {
        font-weight: 500;
    }

    .model-table.table thead th, .model-table.table tbody td {
        /*border: 1px solid #9BB2C7;*/
        padding: 10px;
        background: #fff;
        outline: 1px solid #9BB2C7;
    }

    .model-table.table tbody td {
        vertical-align: top;
    }

.w-220 {
    width: 220px;
}

.w-300 {
    width: 300px;
}

.btn-w-168 {
    width: 168px;
}

.right-traingle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 26px solid #fff;
}

.right-traingle-final-vote {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #fff;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #C7D3DF;
    background: #ffffff;
    display: inline-flex;
    padding: 4px;
}

.tdTestimony-radio-btn input[type='radio'] {
    display: inline-table;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: -1px auto;
    border-radius: 50%;
}

input[type="radio"]:checked:before {
    background: #0268FA;
}

input[type="radio"]:checked {
    border-color: #0268FA;
    background-color: transparent;
}

.Collaborating-Societies-btn-cancel {
    color: #4B4B4B;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #999999;
    border-radius: 4px;
    background: #fff;
}

    .Collaborating-Societies-btn-cancel:hover, .Collaborating-Societies-btn-cancel:focus {
        color: #fff;
        background: #0067FF;
        border: 1px solid #0067FF;
    }

.Collaborating-Societies-btn-save {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #0067FF;
    border-radius: 4px;
    background: #0067FF;
}

    .Collaborating-Societies-btn-save:hover, .Collaborating-Societies-btn-save:focus {
        color: #fff;
        background: #0D2D52;
        border: 1px solid #0D2D52;
    }

.btn-ViewAll-and-Compare {
    color: #0A1A33;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #B4C8DE;
    border-radius: 4px;
    background: #ffffff;
    width: 90px;
    outline: none;
    padding: 7px 0px;
    text-align: center;
    cursor: pointer;
}

    .btn-ViewAll-and-Compare:hover, .btn-ViewAll-and-Compare:focus, .btn-ViewAll-and-Compare:active {
        border: 1px solid #0D67F9;
        background: #0D67F9;
        color: #ffffff;
    }

    .btn-ViewAll-and-Compare.btnTaggedUser {
        width: 125px;
    }

.top-0 {
    top: 0px;
}

.top-3 {
    top: 3px;
}

.top-7 {
    top: 7px;
}

.top-12 {
    top: 12px;
}

.top-20 {
    top: -20px;
}

.right-26 {
    right: -26px;
}

.right-12 {
    right: 12px;
}

.bottom-2 {
    bottom: 2px;
}

.socitiy-dropdown .chosen-container {
    width: 100% !important;
}

.dropbtn {
    color: #000000;
    padding: 10px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    background: #fff !important;
    border: 1px solid #B4C8DE;
    display: flex;
    align-items: center;
    outline: none !important;
}

.dropbtn-vertical {
    padding: 8px 10px;
}

.dropbtn.dropbtn-vertical.dropdown-toggle:after {
    content: "";
}

.settings-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99999;
    right: 0;
    border: 1px solid #b4c8de;
    border-radius: 4px;
}

    .dropdown-content a {
        color: #000000;
        padding: 10px 16px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

.settings-dropdown:hover .dropdown-content {
    display: block;
}

.settings-dropdown:hover .dropbtn {
    background-color: #c8d5e3;
}

.NA-dropdown .dropdown-content {
    min-width: 130px;
}

.NA-dropdown .dropbtn {
    border: 1px solid #999999;
}

.h-48 {
    height: 48px;
}

.societies-parent-div {
    max-height: 200px;
    overflow-y: auto;
}

.ml--8 {
    margin-left: -8px;
}

#div_AllUsers .Grid-Caption-Refresh > button.ui-state-default .ui-icon:hover::after {
    content: "";
}

#div_AllUsers .ui-button:not([class*=bg-]):active, #div_AllUsers .ui-button:not([class*=bg-]):focus, #div_AllUsers .ui-button:not([class*=bg-]):hover {
    border: 0px;
}

#div_AllUsers .btn_grid_create.ui-button:not([class*=bg-]):active, #div_AllUsers .btn_grid_create.ui-button:not([class*=bg-]):focus, #div_AllUsers .btn_grid_create.ui-button:not([class*=bg-]):hover,
#div_AllUsers .ui-widget-header .btn_show_hide_grid.ui-button:not([class*=bg-]):focus, #div_AllUsers .ui-widget-header .btn_show_hide_grid.ui-button:not([class*=bg-]):hover {
    border: 1px solid #2268a7;
}

#div_AllUsers .ui-spinner-button:after {
    content: "";
}

.btn:hover .base {
    fill: #0ba;
}

.Icon-view-eye:hover path, .edit-icon-pencil:hover path {
    fill: #0076FF;
}

#lblExtr {
    background-color: #F28527;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
}

.label-policy-extr {
    background-color: #F28527;
    color: #FFFFFF;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    height: 32px;
    line-height: 1.5;
    vertical-align: middle;
    margin-right: 5px;
}

#lblStage {
    background-color: #FFFAEF;
    color: #000000;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
}

.ViewAll_Show, .Compare_Show, .SecondAuthor {
    /*  max-height: 483px;*/
    overflow-y: auto;
}

.dragginglistinfoDocs {
    display: block;
    font-size: 16px;
    font-weight: 800 !important;
    padding: 5px;
    color: #000000;
    width: 210px;
    height: auto;
    background-color: #CCCCCC;
    border: 0px;
    margin: 0px;
    word-break: break-word;
    white-space: break-spaces;
}

.font-weight-semibold {
    font-weight: 600;
}

.tutorials-btn {
    text-align: center;
    background: #fff;
    color: #000000;
    border-radius: 5px;
    border: 1px solid #7F99BC;
    cursor: pointer;
    font-size: 14px;
    padding: 0.2em 0.5em !important;
}

    .tutorials-btn:hover, .tutorials-btn:focus {
        background: #0D2F68;
        border: 1px solid #0D2F68;
        color: #fff;
    }

.ui-widget-content {
    color: #000000;
}

    .ui-widget-content .ulactiomenu li span:hover {
        color: #ffffff !important;
    }

.chosen-container-single .chosen-single, .chosen-container .chosen-results, .select2-dropdown, .select2-results__option.select2-results__option--highlighted, .Gridtable > thead > tr > td,
.Gridtable > tbody > tr, .Gridtable:not(.Chaild-Grid-table) > .ui-widget-header, .Gridtable:not(.Chaild-Grid-table) > tfoot > .ui-widget-header, .ulactiomenu li span, .destnContnr .ui-widget-header, .topicsublabel, .DashBoardBtn,
.gridHeader, .gridFooter .gridFooterRight, .nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover {
    color: #000000 !important;
}

.select2-results__option[aria-selected=true] {
    color: #ffffff !important;
}

ul.bullet-list {
    margin-left: 20px;
}

    ul.bullet-list li {
        list-style-type: disc;
        margin-bottom: 5px;
    }

.divReviewCycle .card {
    border: 1px solid #9BB2C7;
    border-radius: 6px;
    margin: 0px;
}

.divReviewCycle .card-body {
    padding: 0px;
}

.divReviewCycle .card-title {
    background: #48647E;
    padding: 10px;
    color: #F6F6F6;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    margin-bottom: 0px;
}

.divReviewCycle .card-body a {
    color: #006CFF;
}

    .divReviewCycle .card-body a:hover, .divReviewCycle .card-body a:focus {
        text-decoration: none;
    }

button.ui-button.btncreative {
    background: #0067FF !important;
    border: 1px solid #0168F9 !important;
    padding: 6px !important;
}

    button.ui-button.btncreative:hover {
        background: #0D2D52 !important;
        border: 1px solid #0D2D52 !important;
    }

.border-top-9BB2C7 {
    border-top: 1px solid #9BB2C7;
}

.div-col-height {
    height: 52px;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.checkbox-tag-position {
    position: absolute;
    top: 3px;
    right: 3px;
}

.p-r-115px {
    padding-right: 125px;
}

.preview-document-drp-down {
    width: 180px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 6px 0.875rem;
    height: auto !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('images/custom-checkmark.jpg') !important;
    width: 13px;
    height: 13px;
    background-size: auto;
    top: 3px;
    left: -29px;
}

.sendmail-table table.basicTable {
    width: 100%;
    text-align: center;
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}

    .sendmail-table table.basicTable th {
        /* Apply both top and bottom borders to the <th> */
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        font-weight: 600;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #CCCCCC;
    }

    .sendmail-table table.basicTable td {
        /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        text-align: left;
        vertical-align: middle;
        padding: 10px;
    }

    .sendmail-table table.basicTable th:first-child, .sendmail-table table td:first-child {
        /* Apply a left border on the first <td> or <th> in a row */
        border-left: 1px solid #CCCCCC;
    }

    .sendmail-table table.basicTable thead th {
        position: sticky;
        top: 0;
        background: #ffffff;
    }
/*=================*/

.Additional-Materials table.basicTable {
    width: 100%;
    text-align: center;
    border-collapse: separate !important; /* Don't collapse */
    border-spacing: 0;
}

    .Additional-Materials table.basicTable th {
        /* Apply both top and bottom borders to the <th> */
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        font-weight: 600;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #CCCCCC;
    }

    .Additional-Materials table.basicTable td {
        /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        text-align: left;
        vertical-align: middle;
        padding: 10px;
    }

    .Additional-Materials table.basicTable th:first-child, .Additional-Materials table td:first-child {
        /* Apply a left border on the first <td> or <th> in a row */
        border-left: 1px solid #CCCCCC;
    }

    .Additional-Materials table.basicTable thead th {
        position: sticky;
        top: 0;
        background: #ffffff;
        z-index: 999;
    }
/*=====================*/

.divCPIModuleQuestions table.basicTable {
    width: 100%;
    text-align: center;
    border-collapse: separate !important; /* Don't collapse */
    border-spacing: 0;
}

    .divCPIModuleQuestions table.basicTable th {
        /* Apply both top and bottom borders to the <th> */
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        font-weight: 600;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #CCCCCC;
    }

    .divCPIModuleQuestions table.basicTable td {
        /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        text-align: left;
        vertical-align: middle;
        padding: 10px;
    }

        .divCPIModuleQuestions table.basicTable th:first-child, .divCPIModuleQuestions table.basicTable td:first-child {
            /* Apply a left border on the first <td> or <th> in a row */
            border-left: 1px solid #CCCCCC;
        }

    .divCPIModuleQuestions table.basicTable thead th {
        position: sticky;
        top: 0;
        background: #ffffff;
        z-index: 999;
    }