﻿* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: normal;
    color: #2a2a2a;
    font-weight: 400
}

.clearfix {
    clear: both;
    display: table
}

header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

header nav ul li {
    display: table-cell;
    padding: 0 1px
}

header nav ul li a {
    display: block;
    background-color: #1582dc;
    color: #fff;
    padding: 12px 10px
}

header nav ul li:hover a,
header nav ul li.active a {
    background-color: #15db81;
    color: #fff;
    text-decoration: none
}

.priority-tab .nav-pills {
    justify-content: space-between
}

.priority-tab .nav-pills .nav-link {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.priority-tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.priority-menu-holder {
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    width: 100%
}

.home strong {
    color: #15db81;
    font-size: 30px
}

.home .col {
    height: 100%
}

.home .col img {
    width: 60px
}

.priority-flex-button {
    margin-bottom: 0;
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.priority-buttons button {
    width: 60%;
    padding: 12px;
    font-size: 21px;
    line-height: 20px
}

.priority-button-holder hr {
    width: 100%
}

.btn-active-left {
    margin-left: 15px
}

.priority-menu-inner h3 {
    float: left;
    margin-bottom: 20px
}

.priority-button-inner .nav-pills {
    flex-wrap: nowrap;
    justify-content: space-between;
}

.priority-button-inner .nav-pills .nav-link {
    text-align: center;
    color: #fff;
    padding: 4px 4px;
}

.priority-button-inner .nav-pills .nav-item:first-child {
    margin-left: 0
}

.priority-button-inner .nav-pills .nav-item:last-child {
    margin-right: 0
}

.priority-button-inner .nav-pills .nav-item {
    margin: 0 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.priority-tab-content {
    margin-top: 20px
}

.priority-tab-inner {
    border: 1px solid #004da0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*margin-top: 20px;*/
    height: 100%
}

.mod-tab-inner {
    height: auto
}

.priority-tab-header {
    padding: 15px;
    background-color: #004da0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    position: relative
}

.priority-tab-header h5 {
    color: #fff;
    margin-bottom: 0
}

.edit-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    color: #fff
}

.edit-btn:hover {
    color: #fff
}

.priority-tab-innercont {
    padding: 15px
}

.priority-tab-innercont button {
    display: inline-block;
    margin: 10px
}

.priority-tab-innercont ol li p {
    display: inline-block;
}

.inner_editor_p {
    display: flex;
    /* Added on 06.04.2023 for bullet point fixing */
    flex-direction: column;
    padding-left: 17px;
    position: relative;
}

.inner_editor_span {
    margin-right: 5px;
    /* Added on 06.04.2023 for bullet point fixing */
    position: absolute;
    left: 0px;
}

.inner_editor_p ul {
    list-style: inherit;
    list-style-position: inside;
}

/* .inner_editor_p ol {
    list-style: inherit;
    list-style-position: inside;
} */
.worked-list-details ul {
    list-style: inherit;
    list-style-position: inside;
}

/* .worked-list-details ol {
    list-style: inherit;
    list-style-position: inside;
} */
.tab-button-left {
    border-right: 1px solid #004da0;
    text-align: center
}

.tab-button-left:last-child {
    border-right: none
}

.priority-list-mod ol,
ul {
    list-style-type: none
}

.priority-tab-innercont a {
    display: inline-block;
    /* color: #000 */
}

.priority-tab-innercont li {
    padding-left: 10px;
    margin-bottom: 10px
}

.priority-tab-innercont h6 {
    margin-top: 0.5rem
}

.buttons-group button {
    display: inline-block
}

.btn-same-size {
    width: 150px
}

.p-central-align p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.priority-tab-innercont .fa {
    margin-right: 20px
}

.fa-file-text {
    color: #1582dc
}

.file-upload {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    border-radius: 3px !important;
    background: #171a1d;
    text-transform: uppercase;
    font-size: 13px;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none;
    padding: .5rem 1rem !important;
    font-family: Arial, sans-serif;
    display: inline-block;
    vertical-align: middle
}

.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

#fileuploadurl {
    display: inline-block;
    border: none;
    vertical-align: middle;
    background: none;
    box-shadow: none;
    font-size: 11px;
    padding-left: 0;
    width: 100%;
    padding-right: 0;
    text-align: center
}

.fa-upload {
    display: block;
    margin: 0 auto;
    margin-right: 0 !important;
    color: #1582dc
}

.card-title-uppercase h2 {
    text-transform: uppercase
}

.header-bg h3 {
    background-color: #343e50;
    padding: 10px;
    color: #fff;
    margin-top: 10px
}

.help-block {
    font-size: 13px
}

.button-grp {
    margin-top: 15px
}

.counter-input {
    position: relative
}

.counter-input input,
.counter-input textarea {
    position: relative;
    padding-left: 20px
}

.counter-input p {
    position: absolute;
    top: 10px;
    left: 10px
}

.label-heading h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: normal;
    color: #2a2a2a;
    font-weight: 400
}

input[type=checkbox] {
    margin-right: 10px
}

.top-header {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%
}

.top-header button {
    float: right
}

.priority-menu-mod h3 {
    float: left
}

.priority-menu-mod a {
    margin-left: 5px
}

.priority-menu-mod a .fa {
    margin-top: 3px
}

.priority-button-inner .nav-pills .nav-link.active {
    border-bottom: 3px solid #040404;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.table td {
    vertical-align: middle
}

.tab-button-left:last-child {
    border-right: none
}

.tab-nav {
    display: flex;
    width: 100%
}

.tab-nav li {
    display: table-cell;
    vertical-align: middle
}

input[type=checkbox] {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    top: 4px
}

input[type=radio] {
    top: 0;
    margin-right: 5px
}

.filter-base {
    margin-top: 15px
}

.filter-top-sub {
    padding: 10px 15px
}

.filter-top-sub h6 {
    color: #868686
}

.filter-top-sub-nopad {
    padding-bottom: 0
}

.filter-top-sub-notoppad {
    padding-top: 0;
    padding-bottom: 0
}

.filter-top-left-sub {
    height: 100%;
    background-color: #fff;
    text-align: center;
    border-right: 0;
    padding: 10px 15px
}

.filter-top-left-sub h6 {
    color: #000
}

.btn-white {
    background-color: #fff;
    color: #000
}

.filter-left-btn-grp button {
    margin-bottom: 15px;
    margin-top: 15px
}

.filter-left-btn-grp button.active {
    background-color: #15db81;
    color: #fff
}

.filter-left-btn-grp button:first-child {
    margin-top: 0
}

.filter-left-btn-grp button:last-child {
    margin-bottom: 0
}

.is-striped {
    background-color: rgba(233, 200, 147, 0.2)
}

.strategy-cell {
    width: 400px
}

.rank-cell {
    width: 80px
}

.desc-cell {
    width: 500px
}

.crtc-cell {
    width: 140px
}

.bsp-cell {
    width: 140px
}

.unimp-cell {
    width: 140px
}

.agency-cell {
    width: 140px
}

.diff-cell {
    width: 140px
}

.resource-cell {
    width: 140px
}

.ext-cell {
    width: 140px
}

.Rtable {
    display: table;
    flex-wrap: wrap;
    padding: 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2)
}

.Rtable .Rtable-row {
    width: 100%;
    display: flex
}

.Rtable .Rtable-row .Rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style: none
}

.Rtable .Rtable-row .Rtable-cell.column-heading {
    background-color: #737373;
    color: white;
    padding: 1em
}

.Rtable .Rtable-row .Rtable-cell .Rtable-cell--heading {
    display: block
}

.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content a {
    font-size: 2em;
    color: #333
}

.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content .webinar-date {
    font-weight: 700
}

.link-menu {
    font-weight: 700;
    display: block;
    margin-bottom: 20px
}

.link-menu li first-child {
    padding-right: 100px
}

.link-menu li:last-child {
    padding-right: 0
}

.link-menu li a {
    background-color: transparent !important;
    color: #1582dc !important;
    padding: 0;
    margin: 0 !important;
    display: inline-block;
    border-bottom: 2px solid transparent
}

.link-menu li a:hover,
.link-menu li.active a {
    border-bottom: 2px solid #1582dc;
    text-decoration: none !important
}

.link-menu li a i {
    font-size: 30px
}

.priority-buttons.assign-button button {
    font-size: 13px;
    line-height: 16px
}

.priority-tab-inner.odd {
    border-color: #a01f00
}

.priority-tab-inner.odd .priority-tab-header {
    background-color: #a01f00
}

.cmt-box {
    background-color: #ccc;
    width: 300px;
    height: 400px;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    border: 2px solid #ccc;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9999
}

.cmt-box-area {
    background-color: #f9f9f9;
    padding: 10px;
    margin: 5px
}

.cmt-box-header {
    display: table;
    width: 100%
}

.cmt-box-header figure {
    width: 50px;
    display: table-cell
}

.cmt-box-header figure img {
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.cmt-box-header span {
    display: table-cell;
    vertical-align: middle;
    color: #848282;
    font-size: 13px;
    font-weight: 600
}

.cmt-box-cnt {
    padding: 10px 0 0;
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 20px
}

.no-flexbox .Rtable {
    display: block
}

.no-flexbox .Rtable.Rtable-cell {
    width: 100%
}

.checkbox-label {
    font-size: 10px;
    margin-bottom: 0
}

.checkbox-label input[type="checkbox"] {
    margin-right: 10px;
}

.filter-top-sub hr {
    margin-top: 0;
    margin-bottom: 5px
}

.filter-left-btn-grp {
    margin-bottom: 0
}

.business-units {
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.btn-cont {
    margin-bottom: 30px
}

.business-units a span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.business-units a .fa {
    position: absolute;
    top: 51%;
    left: 88%;
    transform: translate(-50%, -50%)
}

.business-units a {
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table;
    padding: 20px
}

.bu-base-btn a {
    border-radius: .25rem;
    font-size: 18px;
    text-decoration: none;
    width: auto;
    height: auto;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(185, 185, 185, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(185, 185, 185, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(185, 185, 185, 0.75)
}

.bu-base-btn a:hover,
.bu-base-btn a:focus {
    background-color: transparent;
    border: 1px solid #138496
}

.business-units-active a:first-child {
    margin-right: 15px
}

.custom-table {
    display: table;
    width: 100%;
    text-align: left
}

.custom-table-cell {
    display: table-cell
}

.filter-bottom .table .thead-dark th {
    vertical-align: middle
}

.business-unit-button-group-top {
    border: 1px solid #004da0;
    margin: 15px 0
}

.business-units-active {
    background-color: #004da0;
    padding: 15px
}

.business-units-btn-grp-right {
    padding-top: 21px
}

.business-units-btn-grp-right button {
    margin-right: 15px
}

.business-units-btn-grp-right .btn-active {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, .5)
}

.business-units-active .fa-arrow-circle-left {
    color: #fff;
    vertical-align: middle
}

.btn-mod {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.table td {
    vertical-align: middle
}

.form-heading {
    margin-bottom: 30px
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    display: none
}

.headerButtonBg_1 {
    border: 1px solid #2aa744;
    color: #28a745
}

.headerButtonBg_2 {
    border: 1px solid #1c82dc;
    color: #1c82dc
}

.headerButtonBg_3 {
    border: 1px solid #800006;
    color: #800006
}

.headerButtonBg_4 {
    border: 1px solid #2e4e4f;
    color: #2e4e4f
}

.headerButtonBg_5 {
    border: 1px solid #702fa0;
    color: #702fa0
}

.headerButtonBg_6 {
    border: 1px solid #d36921;
    color: #d36921
}

.headerButtonBg_7 {
    border: 1px solid #00205f;
    color: #00205f
}

.headerButtonBg_8 {
    border: 1px solid #7f7f7f;
    color: #7f7f7f
}

.headerButtonBg_9 {
    border: 1px solid #c0030f;
    color: #c0030f
}

.headerButtonBg_10 {
    border: 1px solid #365524;
    color: #365524
}

.headerButtonBg_11 {
    border: 1px solid #fcc100;
    color: #fcc100
}

.headerButtonBg_12 {
    border: 1px solid #5a9bd5;
    color: #5a9bd5
}

.headerButtonBg_13 {
    border: 1px solid #a8d18d;
    color: #a8d18d
}

.headerButtonBg_14 {
    border: 1px solid #833c11;
    color: #833c11
}

.headerButtonBg_15 {
    border: 1px solid #8469e6;
    color: #8469e6
}

.headerButtonBg_16 {
    border: 1px solid #259bb1;
    color: #259bb1
}

.headerButtonBg_17 {
    border: 1px solid #d90969;
    color: #d90969
}

.headerButtonBg_18 {
    border: 1px solid #FF0000;
    color: #FF0000
}

.headerButtonBg_19 {
    border: 1px solid #DC143C;
    color: #DC143C
}

.headerButtonBg_20 {
    border: 1px solid #2E8B57;
    color: #2E8B57
}

.headerButtonBg_21 {
    border: 1px solid #6B8E23;
    color: #6B8E23
}

.headerButtonBg_22 {
    border: 1px solid #808000;
    color: #808000
}

.headerButtonBg_23 {
    border: 1px solid #556B2F;
    color: #556B2F
}

.headerButtonBg_24 {
    border: 1px solid #3CB371;
    color: #3CB371
}

.headerButtonBg_25 {
    border: 1px solid #006400;
    color: #006400
}

.headerButtonBg_26 {
    border: 1px solid #008080;
    color: #008080
}

.headerButtonBg_27 {
    border: 1px solid #008B8B;
    color: #008B8B
}

.headerButtonBg_28 {
    border: 1px solid #20B2AA;
    color: #20B2AA
}

.headerButtonBg_29 {
    border: 1px solid #66CDAA;
    color: #66CDAA
}

.headerButtonBg_30 {
    border: 1px solid #00BFFF;
    color: #00BFFF
}

.headerButtonBg_31 {
    border: 1px solid #1E90FF;
    color: #1E90FF
}

.headerButtonBg_32 {
    border: 1px solid #4682B4;
    color: #4682B4
}

.headerButtonBg_33 {
    border: 1px solid #4169E1;
    color: #4169E1
}

.headerButtonBg_34 {
    border: 1px solid #000080;
    color: #000080
}

.headerButtonBg_35 {
    border: 1px solid #191970;
    color: #191970
}

.headerButtonBg_36 {
    border: 1px solid #483D8B;
    color: #483D8B
}

.headerButtonBg_37 {
    border: 1px solid #6495ED;
    color: #6495ED
}

.headerButtonBg_38 {
    border: 1px solid #9932CC;
    color: #9932CC
}

.headerButtonBg_39 {
    border: 1px solid #808080;
    color: #808080
}

.headerButtonBg_40 {
    border: 1px solid #696969;
    color: #696969
}

.headerButtonBg_41 {
    border: 1px solid #778899;
    color: #778899
}

.headerButtonBg_42 {
    border: 1px solid #708090;
    color: #708090
}

.headerButtonBg_43 {
    border: 1px solid #000000;
    color: #000000
}

.headerButtonBg_44 {
    border: 1px solid #D2B48C;
    color: #D2B48C
}

.headerButtonBg_45 {
    border: 1px solid #BC8F8F;
    color: #BC8F8F
}

.headerButtonBg_46 {
    border: 1px solid #F4A460;
    color: #F4A460
}

.headerButtonBg_47 {
    border: 1px solid #DAA520;
    color: #DAA520
}

.headerButtonBg_48 {
    border: 1px solid #CD853F;
    color: #CD853F
}

.headerButtonBg_49 {
    border: 1px solid #D2691E;
    color: #D2691E
}

.headerButtonBg_50 {
    border: 1px solid #8B4513;
    color: #8B4513
}

.headerButtonBg_51 {
    border: 1px solid #A0522D;
    color: #A0522D
}

.headerButtonBg_52 {
    border: 1px solid #A52A2A;
    color: #A52A2A
}

.headerButtonBg_53 {
    border: 1px solid #663399;
    color: #663399
}

.headerButtonBg_54 {
    border: 1px solid #483D8B;
    color: #483D8B
}

.headerButtonBg_55 {
    border: 1px solid #BA55D3;
    color: #BA55D3
}

.headerButtonBg_56 {
    border: 1px solid #CD5C5C;
    color: #CD5C5C
}

.headerButtonBg_57 {
    border: 1px solid #B22222;
    color: #B22222
}

.headerButtonBg_58 {
    border: 1px solid #BDB76B;
    color: #BDB76B
}

.headerButtonBg_59 {
    border: 1px solid #663399;
    color: #663399
}

.headerButtonBg_60 {
    border: 1px solid #483D8B;
    color: #483D8B
}

.user-dropdown {
    display: inline-block
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #004da0;
    border-radius: 50%;
    display: inline-block
}

.dot:focus {
    outline: none
}

.critical_dot {
    height: 25px;
    width: 25px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.critical_dot:focus {
    outline: none
}

.important_dot {
    height: 20px;
    width: 20px;
    background-color: #004da0;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.important_dot:focus {
    outline: none
}

.relevant_dot {
    height: 15px;
    width: 15px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.relevant_dot:focus {
    outline: none
}

.critical_dimond {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-color: #e65239;
    border: 0;
    transform: rotate(45deg);
}

.veryimportant_dimond {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #02205f;
    border: 0;
    transform: rotate(45deg);
}

.important_dimond {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: 2px solid #000;
    transform: rotate(45deg);
}

.relevant_dimond {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: #3aa99e;
    border: 0;
    transform: rotate(45deg);
}

.text-dimond {
    padding-left: 6px
}

.text-critical {
    color: #e65239
}

.text-veryimportant {
    color: #02205f
}

.text-important {
    color: #000
}

.text-relevant {
    color: #3aa99e
}

.critical_dimond_small {
    width: 20px;
    height: 20px;
    margin: 0 5px !important;
}

.veryimportant_dimond_small {
    width: 18px;
    height: 18px;
    margin: 0 5px !important;
}

.important_dimond_small {
    width: 16px;
    height: 16px;
    margin: 0 5px !important;
}

.relevant_dimond_small {
    width: 14px;
    height: 14px;
    margin: 0 5px !important;
}

@media (max-width: 1199px) {
    .form-group .fc-icon {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.table-report .table td,
.table-report .table th {
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    font-weight: normal
}

.table-report .table td a {
    width: 100%
}

.report-header {
    margin-top: 30px;
    margin-bottom: 30px
}

.report-header a {
    float: left;
    margin-right: 15px
}

.addon-mod {
    position: static;
    right: 0;
    padding: 7px 12px;
    background-color: #e0e0e0;
    border: 1px solid #c1c1c1;
    border-left: 0;
    cursor: pointer
}

.datepicker td,
.datepicker th {
    width: 35px
}

.datepicker-dropdown {
    padding: 0.5em 1em
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-top img {
    width: 35px
}

.card-top {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    padding: 10px
}

.card-top figure {
    margin-bottom: 4px
}

.card-top h5 {
    margin-bottom: 0;
    font-size: 14px
}

.home-top strong {
    color: #15db81;
    font-size: 15px
}

.card-header {
    background-color: #1582dc;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.form-check input[type=checkbox] {
    top: 0;
    position: relative
}

.summary-container {
    display: table;
    margin: 30px auto 0
}

.summary {
    padding: 15px;
    display: table-cell;
    width: auto;
    text-align: center
}

.summary h6 {
    margin-bottom: 0
}

.footer-holder {
    padding: 15px 0;
    text-align: center
}

.footer-holder p {
    margin-bottom: 0;
    font-size: 12px;
    color: #616161
}

.footer-brand h6 {
    color: #000
}

.footer-brand {
    margin-right: 0
}

.user-inner-brand h2 {
    color: #000;
    margin-bottom: 0
}

.btn-green {
    background-color: #15db81;
    color: #fff
}

.btn-blue {
    background-color: #1582dc;
    color: #fff
}

.business-units-btn-grp-right button.active {
    background-color: #15db81;
    color: #fff
}

.filter-left-btn-grp a .fa {
    padding-left: 5px
}

.filter-left-btn-grp a:hover {
    color: #fff;
    background-color: #0960a9
}

.btn-active {
    width: 100%
}

.btn-active.active::after {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    content: '\f00c';
    position: absolute;
    top: 20%;
    left: 5%
}

.flex-header {
    display: flex;
    justify-content: center;
    align-items: center
}

.content p {
    color: #fff
}

.content-right {
    display: table-cell;
    padding-left: 30px
}

.content-right-inner {
    margin-bottom: 10px
}

.content-right ul li a::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    transform: rotate(45deg);
    left: -18px;
    top: 8px
}

.footer-brand h6 {
    color: #000
}

.report-btn-grp {
    margin-bottom: 10px
}

.report-btn-grp img {
    float: left
}

.report-btn-grp a {
    color: #fff;
    font-size: 15px;
    width: auto;
    padding: 15px
}

.report-btn-grp a:hover,
.report-btn-grp a:focus {
    color: #efefef;
    text-decoration: underline
}

.report-top-left {
    justify-content: center;
    display: flex;
    flex-direction: column;
    background-color: #004da0
}

.reports {
    height: 100%
}

.report-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    height: 100%;
    padding: 15px
}

.report-card a {
    border-radius: 35px;
    font-size: 12px;
    text-decoration: none;
    width: 115px;
    display: inline-block;
    margin: 5px auto;
    position: relative;
    padding: 8px;
    height: auto
}

.report-card-check-holder {
    width: 90%;
    text-align: left
}

.report-card-check-holder .checkbox-label {
    text-align: left
}

.report-card-check-holder input[type=checkbox] {
    position: relative;
    top: 2px
}

.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.timeline::after {
    content: '';
    position: absolute;
    width: 3px;
    background-color: #d1d3d4;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px
}

.time-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%
}

.time-container::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -9px;
    background-color: white;
    border: 4px solid #c2c2c3;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75)
}

.left {
    left: 0
}

.right {
    left: 50%
}

.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #fff;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #2fa5ad
}

.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #fff;
    border-width: 10px 10px 10px 0;
    border-color: transparent #34a1c3 transparent #34a1c3
}

.right::after {
    left: -12px
}

.content {
    width: 100%;
    padding: 0;
    background-color: #fff;
    position: relative;
    border-radius: 6px;
    display: table;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.content p {
    color: #fff
}

.content-right {
    display: table-cell;
    padding-left: 30px
}

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

.content-right ul li a {
    color: #313131;
    text-decoration: none;
    position: relative;
    font-size: 13px
}

.content-right ul li a::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    transform: rotate(45deg);
    left: -18px;
    top: 8px
}

.check-mod input[type=checkbox] {
    float: none;
    position: relative;
    top: 0;
    margin-left: 20px
}

.btn-gray {
    background-color: gray;
    color: #fff
}

.priority-button-inner .nav-pills .nav-link:hover {
    border-bottom: 3px solid #040404;
    background-color: #007bff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.prio-header-right {
    float: right;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: .25rem;
    font-size: 15px;
    cursor: pointer
}

.pbg-hr hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.popover {
    padding: 20px;
    z-index: 20
}

.li_mod:hover {
    text-decoration: none
}

.li_mod_black {
    color: #000
}

.table-btn {
    display: block;
    width: 230px
}

.table-btn:hover {
    color: #fff
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto
}

.table-scroll table {
    width: 100%;
    min-width: 2440px;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0
}

.table-scroll--unit table {
    min-width: 1200px
}

.table-wrap {
    position: relative
}

.table-scroll th,
.table-scroll td {
    padding: 10px 10px;
    border: 0;
    background: #fff;
    vertical-align: middle
}

.table-scroll td {
    vertical-align: top
}

.table-scroll thead {
    border-bottom: 1px solid #d4d4d4
}

.table-scroll thead th {
    background: #fff;
    color: #212121;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 5px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-decoration: underline
}

.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #212529;
    color: #fff;
    z-index: 4
}

th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #fff
}

thead th:first-child,
tfoot th:first-child {
    z-index: 40
}

.table-scroll tbody tr:nth-of-type(odd) td {
    background-color: #efefef;
    border-top: 1px solid ##efefef
}

.filter-bottom ul,
ol {
    list-style-position: inside
}

.filter-top .checkbox-label {
    white-space: nowrap;
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden
}

.filter-top input[type=checkbox] {
    margin-bottom: 5px
}

.filter-top-sub-notoppad h6 {
    margin-bottom: 0
}

.external-mod-table ul {
    list-style-type: disc
}

.main-table li {
    text-overflow: ellipsis;
    width: 240px;
    overflow: hidden;
    white-space: nowrap;
    list-style-position: inside
}

.table-scroll tbody tr:nth-of-type(odd) th {
    background-color: #efefef;
    border-top: 1px solid #dee2e6
}

.tableColumnExColor {
    color: blue
}

.auto-height-table {
    height: auto
}

.main-table ol,
ul {
    margin-bottom: 0
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.fixed {
    position: absolute;
    top: 51px;
    z-index: 99
}

.sticky-fixed {
    position: fixed;
    top: 0;
    z-index: 99
}

.sticky+.content {
    padding-top: 102px
}

.tableColumnExColor {
    color: #007bff
}

.li_mod_black:hover,
.li_mod_black:focus {
    color: #000;
    text-decoration: none
}

.bu-header {
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    position: relative
}

.bu-heading {
    text-align: center
}

.bu-heading-btn-right {
    position: absolute;
    right: 0
}

.header-prev {
    display: inline-block
}

.header-prev h4 {
    white-space: nowrap
}

.header-prev-right {
    float: right
}

.header-prev-right .fa {
    margin-right: 10px;
    vertical-align: middle
}

.header-prev-right a {
    color: #212529
}

.header-prev-right a:hover,
.header-prev-right a:focus {
    color: #004da0;
    text-decoration: none
}

.internal-header {
    margin-bottom: 0
}

.btn-cont img {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 80px;
    object-fit: cover
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
    background-color: #fff
}

.business-unit-table,
.table-report {
    height: 350px
}

.business-unit-table table,
.table-report table {
    min-width: 1100px
}

.business-unit-table .btn,
.table-report .btn {
    display: block
}

.left-col {
    text-align: center
}

.left-col img {
    width: 50px;
    height: auto
}

.left-col h4 {
    font-size: 16px
}

.right-col .report-btn-grp {
    background: #0960a9;
    margin-bottom: 0;
    padding: 10px
}

.right-col .report-btn-grp img {
    width: 30px
}

.right-col .report-btn-grp a {
    padding: 5px;
    font-size: 13px
}

.reporting-top,
.report-card {
    border: 3px solid #0960a9
}

.reports .col-sm-6.col-md-3 {
    margin-bottom: 10px
}

.reporting-top .filter-top-sub h6 {
    font-size: 13px
}

.reporting-table table {
    min-width: 1200px
}

.reporting-table .btn {
    display: block
}

.white-btn {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.prio-btn-right {
    display: inline-block;
    vertical-align: top
}

.prio-header-right {
    padding: 9px 10px
}

.row-eq-height {
    clear: both;
    margin-bottom: 30px
}

.green {
    color: #33C033
}

.red {
    color: #F03636
}

.navbar-brand h2 {
    font-size: 26px
}

.summary-container .summary {
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    padding: 15px 10px
}

.summary-container .summary h6 {
    font-size: 13px;
    transform: skew(20deg);
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg)
}

.summary-container .summary.bg_1 {
    background-color: #1b4afb !important
}

.summary-container .summary.bg_2 {
    background-color: #4f8f01 !important
}

.summary-container .summary.bg_3 {
    background-color: #b02d24 !important
}

.summary-container .summary.bg_4 {
    background-color: #f19434 !important
}

.summary-container .summary.bg_5 {
    background-color: #311655 !important
}

#add_general_date {
    background-color: #e9e9e9;
    color: #000;
    border-radius: 5px !important;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #b8b8b8;
    margin-bottom: 10px;
    margin-left: 25px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 123px
}

#navbarSupportedContent .navbar-nav {
    position: relative
}

#navbarSupportedContent .navbar-nav a {
    font-size: 13px
}

.dropdown-menu .dropdown-item .count {
    display: inline-block;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    line-height: 20px;
    width: 18px;
    height: 18px;
    font-size: 8px;
    text-align: center;
    font-weight: 700
}

.new-tag {
    background-color: red;
    color: #fff;
    font-weight: 700;
    font-size: 9px;
    display: inline-block;
    border-radius: 5px;
    padding: 0 5px;
    line-height: 12px;
    margin-left: 5px
}

.btn-set-follower {
    background-color: #1b4afb !important;
    color: #fff !important
}

.navbar-nav.ml-auto {
    position: absolute;
    right: 0;
    top: 4px;
    width: auto
}

.link-menu li a i {
    color: #b1b0b0
}

.link-menu li.active a i {
    color: #1582dc
}

.user-logged .top-header .container {
    padding: 0
}

.contributorSpanLink {
    padding-left: 20px;
    color: #1582dc;
    font-weight: 700
}

.contributorSpanLink a {
    text-decoration: none
}

.eq-w-box {
    min-width: 202px;
    height: 122px;
    margin: 10px
}

.table-scroll--space {
    margin: 10px 0
}

.back-btn {
    position: absolute;
    right: 15px
}

.table-title {
    margin-top: 10px
}

.reporting--label {
    position: relative;
    padding: 0
}

.label-heading {
    position: absolute;
    left: 33px;
    top: -16px;
    background-color: #fff;
    padding: 0 5px
}

.left-col div {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.right-col {
    text-align: center
}

.right-col div {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.field-label:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0960a9
}

.edit_class {
    width: 200px
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center
}

#loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100
}

.bp_close {
    position: absolute;
    top: -8px;
    right: 8px;
    font-size: smaller;
    font-weight: none
}

.si_close {
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: smaller;
    font-weight: none
}

.ui-state-active {
    background-color: #ffa;
    left: 0;
    z-index: -1
}

#frmMiniForm .header-bg h3 {
    font-size: 12px;
    font-weight: 600;
    padding: 5px
}

#frmMiniForm label {
    font-size: 11px
}

.relationship-table {
    position: relative
}

.relationship-table table {
    width: 100%
}

.relationship-table table thead {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

.relationship-table table th {
    width: 25%;
    padding: 10px 5px;
    font-size: 15px
}

.relationship-table-pco table th {
    width: 20%
}

.relationship-table table td {
    padding: 5px
}

.relationship-table table th span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}

.relationship-table table th span a {
    font-size: 18px;
    color: #989898;
    display: block;
    height: 0;
    line-height: 0
}

.relationship-table table th span a i {
    line-height: 0;
    height: 0
}

.relationship-table table th span a:hover,
.relationship-table table th span a.active {
    color: #000
}

.relationship-table table th span a.sort-up {
    margin-bottom: 5px
}

.relationship-table .table-title {
    transform: skew(-20deg);
    background-color: #1982dc;
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 0;
    display: inline-block;
    padding: 5px 25px
}

.o-loader {
    position: fixed;
    /* background-color: rgba(0, 0, 0, .8); */
    z-index: -9999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

.o-loader.active {
    opacity: 1;
    z-index: 9999999
}

.loader-content {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.loader-content img {
    width: 35px;
    height: 35px
}

body.noscroll {
    overflow: hidden
}

.date-base {
    background-color: #f9f9f9;
    padding: 30px 0
}

.content-left,
.content-right {
    width: 100%;
    display: block
}

.content-left {
    box-shadow: none;
    border-radius: 0;
    background-color: #2fa6ad;
    text-align: left;
    padding: 10px
}

.content h5 {
    color: #fff;
    margin-bottom: 0;
    margin-right: 10px;
    display: inline-block;
    background-color: #1f929a;
    padding: 10px
}

.content h2 {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase
}

.content-right {
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .2)
}

.content-right h6 {
    color: #8a8a8a;
    font-weight: 500;
    margin-bottom: 0
}

.content-right ul li a::before {
    background-color: #35db81
}

.time-container.right .content-left {
    background-color: #34a1c3
}

.time-container.right .content-left h5 {
    background-color: #268eaf
}

/*Button Bg color*/
.bg_1 {
    background-color: #2aa744 !important;
    color: #fff !important;
    border: 1px solid #02801c;
    box-shadow: inset 0 0 2px #80f799 !important
}

.bg_2 {
    background-color: #00205f !important;
    color: #fff !important;
    border: 1px solid #01194a;
    box-shadow: inset 0 0 2px #ecf2ff !important
}

.bg_3 {
    background-color: #800006 !important;
    color: #fff !important;
    border: 1px solid #4e0202;
    box-shadow: inset 0 0 2px #fb9f9f !important
}

.bg_4 {
    background-color: #2e4e4f !important;
    color: #fff !important;
    border: 1px solid #172727;
    box-shadow: inset 0 0 2px #9bf0f3 !important
}

.bg_5 {
    background-color: #702fa0 !important;
    color: #fff !important;
    border: 1px solid #3d0765;
    box-shadow: inset 0 0 2px #e9caff !important
}

.bg_6 {
    background-color: #d36921 !important;
    color: #fff !important;
    border: 1px solid #b7500a;
    box-shadow: inset 0 0 2px #fbe4d4 !important
}

.bg_7 {
    background-color: #365524 !important;
    color: #fff !important;
    border: 1px solid #1c380c;
    box-shadow: inset 0 0 2px #8cff4a !important
}

.bg_8 {
    background-color: #7f7f7f !important;
    color: #fff !important;
    border: 1px solid #696969;
    box-shadow: inset 0 0 2px #f1f1f1 !important
}

.bg_9 {
    background-color: #c0030f !important;
    color: #fff !important;
    border: 1px solid #8e0103;
    box-shadow: inset 0 0 2px #fdf5f5 !important
}

.bg_10 {
    background-color: #1c82dc !important;
    color: #fff !important;
    border: 1px solid #024f92;
    box-shadow: inset 0 0 2px #bce0ff !important
}

.bg_11 {
    background-color: #fcc100 !important;
    color: #fff !important;
    border: 1px solid #deb019;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_12 {
    background-color: #5a9bd5 !important;
    color: #fff !important;
    border: 1px solid #2b6ca7;
    box-shadow: inset 0 0 2px #ddefff !important
}

.bg_13 {
    background-color: #a8d18d !important;
    color: #fff !important;
    border: 1px solid #76b54e;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_14 {
    background-color: #833c11 !important;
    color: #fff !important;
    border: 1px solid #3e1a05;
    box-shadow: inset 0 0 2px #ffe8db !important
}

.bg_15 {
    background-color: #8469e6 !important;
    color: #fff !important;
    border: 1px solid #5d44bd;
    box-shadow: inset 0 0 2px #e4ddfd !important
}

.bg_16 {
    background-color: #259bb1 !important;
    color: #fff !important;
    border: 1px solid #0d7f94;
    box-shadow: inset 0 0 2px #d1f6fd !important
}

.bg_17 {
    background-color: #d90969 !important;
    color: #fff !important;
    border: 1px solid #a5034e;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_18 {
    background-color: #FF0000 !important;
    color: #fff !important;
    border: 1px solid #a50101;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_19 {
    background-color: #DC143C !important;
    color: #fff !important;
    border: 1px solid #9e0020;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_20 {
    background-color: #2E8B57 !important;
    color: #fff !important;
    border: 1px solid #0d6534;
    box-shadow: inset 0 0 2px #c6fdde !important
}

.bg_21 {
    background-color: #6B8E23 !important;
    color: #fff !important;
    border: 1px solid #445f0e;
    box-shadow: inset 0 0 2px #e2f7b8 !important
}

.bg_22 {
    background-color: #808000 !important;
    color: #fff !important;
    border: 1px solid #5a5a00;
    box-shadow: inset 0 0 2px #f9f9d1 !important
}

.bg_23 {
    background-color: #556B2F !important;
    color: #fff !important;
    border: 1px solid #273113;
    box-shadow: inset 0 0 2px #f0ffd3 !important
}

.bg_24 {
    background-color: #3CB371 !important;
    color: #fff !important;
    border: 1px solid #097d3d;
    box-shadow: inset 0 0 2px #daffea !important
}

.bg_25 {
    background-color: #006400 !important;
    color: #fff !important;
    border: 1px solid #0a3100;
    box-shadow: inset 0 0 2px #e3ffdc !important
}

.bg_26 {
    background-color: #008080 !important;
    color: #fff !important;
    border: 1px solid #126564;
    box-shadow: inset 0 0 2px #ccfbfa !important
}

.bg_27 {
    background-color:
        /*#008B8B*/
        #024610 !important;
    color: #fff !important;
    border: 1px solid
        /*#016968*/
        #024610;
    box-shadow: inset 0 0 2px #d0f7f6 !important
}

.bg_28 {
    background-color:
        /*#20B2AA*/
        #011e38 !important;
    color: #fff !important;
    border: 1px solid
        /*#038880*/
        #011e38;
    box-shadow: inset 0 0 2px #e4fffd !important
}

.bg_29 {
    background-color:
        /*#66CDAA*/
        #540102 !important;
    color: #fff !important;
    border: 1px solid
        /*#45a584*/
        #540102;
    box-shadow: inset 0 0 2px #e2fff5 !important
}

.bg_30 {
    background-color:
        /*#00BFFF*/
        #01575d !important;
    color: #fff !important;
    border: 1px solid
        /*#02a2e6*/
        #01575d;
    box-shadow: inset 0 0 2px #f4fcff !important
}

.bg_31 {
    background-color:
        /*#1E90FF*/
        #37015f !important;
    color: #fff !important;
    border: 1px solid
        /*#0467c7*/
        #37015f;
    box-shadow: inset 0 0 2px #e7f3ff !important
}

.bg_32 {
    background-color:
        /*#4682B4*/
        #845b40 !important;
    color: #fff !important;
    border: 1px solid
        /*#1d5f96*/
        #845b40;
    box-shadow: inset 0 0 2px #cae6fd !important
}

.bg_33 {
    background-color:
        /*#4169E1*/
        #475f90 !important;
    color: #fff !important;
    border: 1px solid
        /*#033eef*/
        #475f90;
    box-shadow: inset 0 0 2px #c7d4fb !important
}

.bg_34 {
    background-color:
        /*#000080*/
        #41b9ff !important;
    color: #fff !important;
    border: 1px solid
        /*#01015f*/
        #41b9ff;
    box-shadow: inset 0 0 2px #f1f1fd !important
}

.bg_35 {
    background-color:
        /*#191970*/
        #8c4446 !important;
    color: #fff !important;
    border: 1px solid
        /*#070769*/
        #8c4446;
    box-shadow: inset 0 0 2px #ededff !important
}

.bg_36 {
    background-color:
        /*#483D8B*/
        #66944b !important;
    color: #fff !important;
    border: 1px solid
        /*#2c1d86*/
        #66944b;
    box-shadow: inset 0 0 2px #e0dbff !important
}

.bg_37 {
    background-color:
        /*#6495ED*/
        #9e883d !important;
    color: #fff !important;
    border: 1px solid
        /*#3b7ef5*/
        #9e883d;
    box-shadow: inset 0 0 2px #e5eeff !important
}

.bg_38 {
    background-color:
        /*#9932CC*/
        #477094 !important;
    color: #fff !important;
    border: 1px solid
        /*#7509ab*/
        #477094;
    box-shadow: inset 0 0 2px #f2ddfd !important
}

.bg_39 {
    background-color:
        /*#808080*/
        #8ca07e !important;
    color: #fff !important;
    border: 1px solid
        /*#656464*/
        #8ca07e;
    box-shadow: inset 0 0 2px #d8d7d7 !important
}

.bg_40 {
    background-color:
        /*#696969*/
        #fbad7d !important;
    color: #fff !important;
    border: 1px solid
        /*#484848*/
        #e29768;
    box-shadow: inset 0 0 2px #d0d0d0 !important
}

.bg_41 {
    background-color:
        /*#778899*/
        #897fad !important;
    color: #fff !important;
    border: 1px solid
        /*#5d7084*/
        #897fad;
    box-shadow: inset 0 0 2px #d1e6fb !important
}

.bg_42 {
    background-color:
        /*#708090*/
        #6e858a !important;
    color: #fff !important;
    border: 1px solid
        /*#4b5661*/
        #6e858a;
    box-shadow: inset 0 0 2px #cedfef !important
}

.bg_43 {
    background-color: #000000 !important;
    color: #fff !important;
    border: 1px solid #000;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_44 {
    background-color:
        /*#D2B48C*/
        #8c7978 !important;
    color: #fff !important;
    border: 1px solid
        /*#bd9867*/
        #8c7978;
    box-shadow: inset 0 0 2px #fff7ec !important
}

.bg_45 {
    background-color: #BC8F8F !important;
    color: #fff !important;
    border: 1px solid #a56e6d;
    box-shadow: inset 0 0 2px #ffedec !important
}

.bg_46 {
    background-color:
        /*#F4A460*/
        #536b5d !important;
    color: #fff !important;
    border: 1px solid
        /*#d47320*/
        #536b5d;
    box-shadow: inset 0 0 2px #fffbf8 !important
}

.bg_47 {
    background-color: #DAA520 !important;
    color: #fff !important;
    border: 1px solid #c79310;
    box-shadow: inset 0 0 2px #fdf5e3 !important
}

.bg_48 {
    background-color: #CD853F !important;
    color: #fff !important;
    border: 1px solid #a96422;
    box-shadow: inset 0 0 2px #ffe9d3 !important
}

.bg_49 {
    background-color:
        /*#D2691E*/
        #615346 !important;
    color: #fff !important;
    border: 1px solid
        /*#a94802*/
        #615346;
    box-shadow: inset 0 0 2px #fff0e5 !important
}

.bg_50 {
    background-color:
        /*#8B4513*/
        #ffa500 !important;
    color: #fff !important;
    border: 1px solid
        /*#6b2d01*/
        #ffa500;
    box-shadow: inset 0 0 2px #fff0e6 !important
}

.bg_51 {
    background-color: #A0522D !important;
    color: #fff !important;
    border: 1px solid #77310f;
    box-shadow: inset 0 0 2px #fdd9c8 !important
}

.bg_52 {
    background-color: #A52A2A !important;
    color: #fff !important;
    border: 1px solid #6b0909;
    box-shadow: inset 0 0 2px #fdf1f1 !important
}

.bg_53 {
    background-color: #663399 !important;
    color: #fff !important;
    border: 1px solid #390c67;
    box-shadow: inset 0 0 2px #f5eefd !important
}

.bg_54 {
    background-color: #483D8B !important;
    color: #fff !important;
    border: 1px solid #1e145a;
    box-shadow: inset 0 0 2px #f3f1ff !important
}

.bg_55 {
    background-color: #BA55D3 !important;
    color: #fff !important;
    border: 1px solid #831a9c;
    box-shadow: inset 0 0 2px #fcf0ff !important
}

.bg_56 {
    background-color: #CD5C5C !important;
    color: #fff !important;
    border: 1px solid #b53e3e;
    box-shadow: inset 0 0 2px #fdebeb !important
}

.bg_57 {
    background-color: #B22222 !important;
    color: #fff !important;
    border: 1px solid #880d0e;
    box-shadow: inset 0 0 2px #ffeaea !important !important
}

.bg_58 {
    background-color: #BDB76B !important;
    color: #fff !important;
    border: 1px solid #a7a154;
    box-shadow: inset 0 0 2px #fff !important
}

.bg_59 {
    background-color:
        /*#663399*/
        #645077 !important;
    color: #fff !important;
    border: 1px solid
        /*#421a69*/
        #645077;
    box-shadow: inset 0 0 2px #f3e9fd !important
}

.bg_60 {
    background-color:
        /*#483D8B*/
        #103cb7 !important;
    color: #fff !important;
    border: 1px solid
        /*#251c5a*/
        #103cb7;
    box-shadow: inset 0 0 2px #e4e0f9 !important
}

.summary-container .summary.bg_1,
.summary-container .summary.bg_2,
.summary-container .summary.bg_3,
.summary-container .summary.bg_4,
.summary-container .summary.bg_5 {
    border: 0;
    box-shadow: none
}

.npr0 {
    padding-right: 0
}

.prioritization-management .filter-top {
    background-color: #0099cc;
    color: #fff;
    border: 3px solid #0960a9
}

.prioritization-management .flex-header {
    margin-left: -15px
}

.prioritization-management .flex-header h1 {
    font-size: 36px
}

.prioritization-management .filter-top-sub h6 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
}

.prioritization-management .filter-top .checkbox-label {
    font-size: 12px;
    vertical-align: middle
}

.prioritization-management .filter-top .checkbox-label input[type="checkbox"],
.prioritization-management .filter-top .checkbox-label input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer
}

.prioritization-management .short-by {
    margin-left: -15px;
    background-color: #1f87b3;
    text-align: center;
    padding: 5px 0;
    margin-top: 0px
}

.filter-top-sub-right {
    border-left: 1px solid #fff;
}

.prioritization-management .short-by h6 {
    line-height: normal;
    margin-bottom: 0
}

.prioritization-management .table-scroll thead th {
    line-height: 14px
}

.filter-left-btn-grp a {
    background-color: #1582dc;
    -webkit-appearance: none;
    width: 100%;
    padding: 6px 0 6px 34px;
    font-size: 15px;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    border: 1px solid #155f9e;
    box-shadow: inset 0 0 2px #bbe0ff;
    color: #fff !important
}

.filter-left-btn-grp a.active {
    background-color: #0960a9;
    border: 1px solid #01294e;
    box-shadow: inset 0 0 2px #65b5ff
}

.prioritization-management .table-scroll {
    height: auto !important
}

.create-user h3 {
    color: #757575;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center
}

.create-user h3 span {
    color: #000
}

.create-user .create-user__form {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 15px;
    box-shadow: 3px 3px 0 #e4e3e3
}

.create-user .create-user__form label {
    text-align: right;
    display: block;
    font-size: 13px
}

.create-user .create-user__form input {
    font-size: 14px
}

.create-user .create-user__form .c-label {
    padding-right: 0
}

.business-unit .filter-top {
    background-color: #fff;
    border: 3px solid #0960a9
}

.business-unit .filter-top-left-sub {
    border-right: 0
}

.business-unit .filter-left-btn-grp a {
    color: #fff !important
}

.business-unit .flex-header {
    margin-left: -15px
}

.business-unit .flex-header h1 {
    font-size: 26px;
    font-weight: 600
}

.business-unit .filter-left-btn-grp a {
    color: #fff !important
}

.business-unit .header-prev-right {
    margin-top: 25px
}

.business-unit .header-prev-right a {
    font-size: 14px
}

.business-unit .header-prev-right .fa {
    font-size: 24px;
    margin-right: 5px
}

.business-unit .veryimportant_dot {
    height: 20px;
    width: 20px;
    background-color: #007bff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    color: #004da0
}

.important_dot {
    background-color: #000;
    height: 15px;
    width: 15px
}

.relevant_dot {
    background-color: #fff;
    height: 10px;
    width: 10px;
    border: 1px solid #000
}

.indicate-info {
    list-style-type: none;
    margin: 25px 0 0;
    padding: 0 0 0 49px
}

.indicate-info li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

.business-unittitle {
    display: inline-block;
    margin: 0;
    padding: 3px 20px;
    color: #fff;
    position: relative;
    bottom: -10px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    font-size: 22px
}

.business-unittitle__critical {
    background-color: #FF0000
}

.business-unittitle__veryimportant {
    background-color: #007bff
}

.business-unittitle__important {
    background-color: #000
}

.business-unittitle__relevant {
    border: 2px solid #000;
    color: #000;
    background-color: #fff
}

.filter-top {
    border: 3px solid #0960a9;
    background-color: transparent
}

.flex-header h1 {
    font-size:
        /*2.5rem*/
        38px;
    text-transform: uppercase
}

.prioritization-management .filter-top .filter-topsec {
    height: 134px;
    overflow: hidden;
    overflow-y: scroll
}

.filter-sec.hide {
    display: none
}

.navbar-nav .dropdown-menu {
    z-index: 9999
}

.external-partner .flex-header {
    margin-left: -15px
}

.external-partner .flex-header h1 {
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase
}

.external-partner .veryimportant_dot {
    height: 20px;
    width: 20px;
    background-color: #007bff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    color: #004da0
}

.external-partner .header-prev-right {
    margin-top: 25px
}

.external-partner .header-prev-right a {
    font-size: 14px
}

.external-partner .header-prev-right .fa {
    font-size: 24px;
    margin-right: 5px
}

.planning-whiteboard .priority-menu-holder {
    margin-top: 0;
    border-bottom: 3px solid #ccc;
    padding: 15px
}

.planning-whiteboard a {
    text-decoration: none !important;
    /*position: relative;*/
    /*display: inline-block;*/
    /*width: auto;*/
}

.planning-whiteboard .priority-menu-mod h3 {
    float: left;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0
}

.planning-whiteboard .priority-menu-mod a .fa {
    margin-top: 0
}

.planning-whiteboard .priority-buttons button {
    width: 85%;
    position: relative;
    color: #fff !important;
    font-size: 18px;
    line-height: 22px
}

.planning-whiteboard .priority-buttons .add_priority_details {
    font-size: 16px;
    margin-left: 0 !important;
    top: -3px !important;
    /*position: absolute !important;*/
    position: relative !important;
    /*right: -18px !important;*/
    right: -3px !important
}

/*.planning-whiteboard .priority-buttons a {
    display: inline-block;
}*/
.planning-whiteboard .priority-sub-buttons button {
    margin-right: 3px;
    color: #fff !important;
    font-size: 14px;
    line-height: 10px;
    margin-top: 3px;
    margin-bottom: 5px;
    transform: skew(-25deg);
    border-radius: 0;
}

.planning-whiteboard .priority-sub-buttons button span {
    display: inline-block;
    transform: skew(25deg);
    padding: 9px 0;
}

.btn-skew {
    transform: skew(-25deg);
    border-radius: 0;
}

.btn-skew span {
    display: inline-block;
    transform: skew(25deg);
}

.s-imp-btn-skew {
    width: 93% !important;
    margin-left: 10px;
}

.planning-whiteboard .add_new_strategic_imperative span {
    display: block;
    color: #000;
    font-size: 11px;
    line-height: 12px !important;
    font-weight: 600
}

.planning-whiteboard .header-prev-right {
    padding-top: 5px
}

.planning-whiteboard .header-prev-right a i {
    color: #909090;
    display: inline-block;
    margin-right: 5px !important
}

.planning-whiteboard .header-prev-right a:hover i {
    color: #1c82dc
}

.planning-whiteboard .priority-button-group {
    padding: 8px 15px;
    border-bottom: 1px solid #e2e2e2
}

.planning-whiteboard .pbg-hr {
    display: none
}

.planning-whiteboard .add_priority_details i,
.planning-whiteboard .add_new_strategic_imperative i {
    color: #909090
}

.planning-whiteboard .add_priority_details i:hover,
.planning-whiteboard .add_new_strategic_imperative:hover i {
    color: #1c82dc
}

.planning-whiteboard .button-grp {
    margin-bottom: 15px
}

.planning-whiteboard .priority-menu-holder h3 {
    margin-bottom: 0;
    text-transform: uppercase
}

.planning-whiteboard .parking-lot-btns {
    padding: 0
}

.planning-whiteboard .parking-lot-btns .ui-droppable {
    padding: 0 15px !important
}

.planning-whiteboard .parking-lot-btns .ui-droppable a {
    margin: 5px !important;
    position: relative
}

.planning-whiteboard .parking-lot-btns .ui-droppable a .add_priority_details {
    margin-left: -2px !important
}

.planning-whiteboard .parking-lot-btns {
    border-bottom: 0
}

.planning-whiteboard .parking-lot-btns button {
    color: #fff !important
}

.strategic-blueprint .priority-buttons button {
    margin-top: 0;
    width: 85%;
    /* transform: skew(-25deg);
    border-radius: 15px 0; */
}

.strategic-blueprint .priority-menu-holder {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #ccc;
    padding-bottom: 2px
}

.calendar-grid-view {
    padding: 0;
    background-color: #fff
}

.calendar-grid {
    padding: 15px 0;
    background-color: #fff;
    border: 3px solid #0960a9;
    margin: 0 0 15px;
    height: 113px;
    overflow: hidden
}

.calendar-grid_leftbtn button {
    width: 100%
}

.calendar-grid_rightbtn .btn {
    width: 174px;
    font-size: 12px;
    display: inline-block;
    color: #fff !important;
    line-height: 14px;
    float: left
}

.calendar-grid_rightbtn .btn-all {
    width: 174px;
    font-size: 12px;
    border: 2px solid #1982dc;
    color: #000 !important;
    line-height: 14px
}

#calendar .fc-center {
    width: 100%
}

#calendar .fc-center h2 {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -50px;
    margin-bottom: 0
}

#calendar .fc-view-container {
    margin-top: -25px
}

#issue_button,
#external_button,
#graphical_button {
    color: #fff;
    background-color: #1582dc;
    border: 1px solid #155f9e;
    box-shadow: inset 0 0 2px #bbe0ff;
    font-size: 11px;
    border-radius: 5px !important;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    cursor: pointer
}

#issue_button.active,
#external_button.active,
#graphical_button.active {
    background-color: #0960a9;
    border: 1px solid #01294e;
    box-shadow: inset 0 0 2px #65b5ff;
    position: relative;
    color: #fff
}

#issue_button.active:after,
#external_button.active:after,
#graphical_button.active:after {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    content: '\f00c';
    position: absolute;
    top: 20%;
    left: 4%;
    font-size: 14px
}

.c-listbox-type.business-unit_active {
    background-color: #28a645
}

.c-listbox-type.business-unit_inactive {
    background-color: #dc3545
}

.c-priority-box__footer h5 {
    display: inline-block
}

.c-priority-box__footer a {
    display: inline-block;
}

.c-priority-box__footer a button {
    font-size: 12px
}

.c-list-box__footer a {
    text-decoration: none !important
}

.fc-event-container .btn.add_general_date {
    color: #000000 !important;
    background-color: #c9c9c9 !important;
    border-color: #c9c9c9 !important
}

.business-myadmin .priority-menu-holder {
    margin-top: 0;
    padding: 15px 0;
    border-bottom: 2px solid #ccc
}

.business-myadmin .priority-menu-holder .priority-menu-mod h5 {
    text-transform: uppercase
}

.business-myadmin .priority-button-group .priority-buttons button {
    width: 85%;
    position: relative;
    color: #fff !important;
    font-size: 18px;
    line-height: 22px
}

.business-myadmin .priority-button-group .priority-buttons .add_priority_details {
    font-size: 16px !important;
    color: #909090 !important
}

.business-myadmin .priority-button-group .priority-buttons .add_priority_details:hover {
    color: #0879f9 !important
}

.business-myadmin .priority-buttons .green span {
    color: #5d5d5d !important
}

.business-myadmin .priority-buttons.assign-button button {
    width: auto;
    position: relative;
    color: #fff !important;
    font-size: 14px;
    line-height: 6px
}

.priority-menu {
    width: 150px;
    display: none;
    background-color: #1f85dc;
    padding: 1px;
    color: #fff !important;
    text-align: center;
    font-size: 15px;
    margin: 10px auto 0;
    text-decoration: none !important;
    display: none
}

.prioritization-management .filter-bot .bot-flt .checkbox-label {
    width: auto;
    overflow: visible;
}

.business-unitform {
    background-color: #343e50;
    padding: 15px
}

.form-menu.sticky-top {
    top: 20px
}

.form-menu h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px
}

.business-unitform__menu {
    margin: 0;
    padding: 0;
    border-left: 3px solid rgba(242, 242, 242, 0.4);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.business-unitform__menu li {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    height: 31px;
    position: relative
}

.business-unitform__menu li a {
    color: #fff;
    font-family: "Poppins-Medium";
    font-size: 15px;
    padding-left: 18px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif
}

.business-unitform__menu li a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%
}

.business-unitform__menu li a:before {
    content: "";
    width: 3px;
    height: 31px;
    position: absolute;
    left: -3px;
    top: 0
}

.business-unitform__menu li.current a {
    color: #62f6ff
}

.business-unitform__menu li.current a:before {
    background-color: #62f6ff
}

.c-tactics {
    padding: 30px 0
}

.c-tacticsBox {
    margin-bottom: 30px
}

.c-tacticsBox h3 {
    display: inline-block;
    background-color: #1582dc;
    color: #fff;
    font-size: 20px;
    padding: 5px 30px;
    transform: skew(-20deg);
    margin-bottom: 0;
    position: relative;
    left: 6px
}

.c-tacticsInfo {
    border: 2px solid #ccc
}

.c-tacticsInfo h4 {
    font-size: 16px;
    background-color: #f8f9ff;
    display: inline-block;
    padding: 8px 15px;
    font-weight: 600
}

.c-tacticsInfo h4 span {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc
}

.c-tacticsInfo .btn {
    display: block;
    width: 100%
}

.c-tacticsInfo .btn:hover {
    color: #fff !important
}

.c-tacticsInfo .row {
    margin: 0;
    padding: 5px 0
}

.c-tacticsInfo .row:nth-child(odd) {
    background-color: #f2f2f2
}

.c-tacticsInfo p {
    margin-bottom: 0;
    padding: 5px 0 5px 30px;
    width: 780px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-tacticsInfo--wrp {
    border-bottom: 1px dashed #ccc;
    padding: 15px;
}

.c-tacticsInfo--wrp:last-child {
    border-bottom: 0
}

.tactic_red {
    color: red
}

.tactic_blue {
    color: blue
}

.tactic_green {
    color: green
}

.c-tacticsInfo .row .col-md-3 {
    text-align: right
}

.issue-header h1 {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 400
}

.c-tactics--status {
    padding: 15px 0
}

.c-tactics--status .c-tacticsInfo {
    border: 0
}

.c-tactics--status .c-tacticsInfo--wrp {
    padding: 15px 0;
    border: 2px solid #ccc;
    margin-bottom: 15px
}

.c-tactics--status .btn {
    display: block;
    width: 100%
}

.c-tactics--status .btn:hover {
    color: #fff !important
}

.c-tactics--statusHeader {
    margin: 0
}

.c-tactics--status h2 {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 0 20px 10px;
    border-bottom: 1px solid #ccc;
}

.scroll-box {
    height: auto !important
}

.scroll-content {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.setting-page h2 {
    color: #757575;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}

.setting-page h2 span {
    color: #000
}

.setting-box {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    padding: 15px;
    box-shadow: 3px 3px 0 #e4e3e3;
}

.setting-box label {
    text-align: right;
    display: block;
    padding-top: 4px;
    font-size: 13px
}

.setting-box input {
    margin-bottom: 12px;
    font-size: 14px
}

.npr0 {
    padding-right: 0
}

.setting-box h3 {
    font-size: 16px;
    text-transform: uppercase
}

.setting-box .checkbox-label {
    padding: 0 15px
}

.setting-box .checkbox-label input {
    margin-right: 5px
}

.setting-box figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f1f1f1;
    margin: 0 auto 10px;
    padding: 15px
}

.reporing-top {
    border: 3px solid #ccc;
    padding: 15px;
    margin-bottom: 30px;
    position: relative;
}

.reporing-top h2 {
    font-weight: 700;
    text-transform: none;
}

.reporing-top h3 {
    font-size: 16px;
    text-transform: none;
    color: #000;
    margin: 20px 0;
    text-decoration: underline;
}

.priority-checkboxgroup {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0;
}

.priority-checkboxgroup:last-child {
    border-bottom: 0;
}

.priority-checkboxgroup label {
    font-size: 13px;
    color: #000;
}

.priority-checkboxgroup label input {
    margin-right: 5px !important;
}

.priority-checkboxgroup label span {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.print-btn-asword {
    position: absolute;
    right: 0;
    top: 12px;
    text-align: right;
}

.setting-box h4 {
    font-size: 18px
}

.setting-box h6 {
    font-size: 14px
}

.c-business-listbox {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 0 #ccc;
    margin: 15px 0;
    position: relative
}

.c-list-box__header {
    padding: 10px 15px;
    text-align: center
}

.c-list-box__header h3 {
    font-size: 16px;
    font-weight: 600;
    color: #565656;
    text-transform: uppercase;
    margin-bottom: 0
}

.c-list-box__body img {
    /*width: 100%;
    height: auto;*/
    width: 120px;
    height: 100px;
    object-fit: fill;
    margin: 0 auto;
    display: block;
}

.c-listbox-type {
    position: absolute;
    top: -20px;
    right: 0;
    background-color: #28a645;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
}

.c-list-box__footer {
    padding: 10px 15px;
    text-align: right
}

.business-unitform-field.tab-content {
    display: none;
    background: #fff;
    padding: 15px;
}

.business-unitform-field.tab-content.current {
    display: inherit;
}

.business-unitform-field .tab-heading {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-color: #33ffffff;
}

.headingHighlight {
    background-color: #f0ea86;
}

.business-unitform-field .prev:focus,
.business-unitform-field .next:focus {
    box-shadow: none;
}

/*CSS added as on 10.12.2019*/
.external-mod-table .externals-column ul li {
    width: 170px
}

.external-mod-table .externals-column2 p {
    width: 200px
}

.external-mod-table .externals-column3 ul li {
    width: 200px
}

.external-mod-table .externals-columnNine ul li {
    width: 160px
}

.priority-secHeading {
    font-size: 24px;
    line-height: 24px;
    text-transform: none
}

.internal-resource-secHeading {
    font-size: 24px;
    line-height: 24px;
    text-transform: none;
    text-decoration: underline;
}

.sec-margin {
    margin-left: 30px;
}

.space-add {
    margin-bottom: 15px;
}

/*CSS added as on 11.12.2019*/
.user-menu {
    list-style-type: none;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}

.user-menu li {
    display: table-cell;
    width: 50%;
    padding: 0 1px
}

.user-menu li a {
    display: block;
    background-color: #1582dc;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-decoration: none !important;
    border: 1px solid #085394
}

.user-menu li a:hover,
.user-menu li a.active {
    background-color: #15db81;
    border: 1px solid #0ba550
}

.update-btn {
    border-left: 3px solid #0960a9
}

.business-units .btn-cont img {
    object-fit: fill
}

/*CSS added 17.12.2109*/
.footer-link {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    text-align: left;
}

.footer-link li {
    display: block;
    padding: 0 5px
}

.footer-link li a {
    color: #1582dc !important
}

.c-common-page {
    margin: 30px 0;
    background: #fbfbfb;
    padding: 15px
}

.c-common-page h2,
.c-common-page h3 {
    color: #222;
    font-size: 24px
}

.c-common-page ul {
    padding-left: 25px
}

.c-common-page ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.c-common-page ul li:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    color: green;
    position: absolute;
    top: 4px
}

.c-common-page ol {
    list-style-type: decimal;
    padding-left: 35px;
    list-style-position: outside;
}

.c-common-page ol li {
    margin-bottom: 10px
}

/*Home*/
.home-box {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 0 #ccc;
    background-color: #fff
}

.home-box__heading h2 {
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 15px 10px;
    color: #fff;
    border-bottom: 1px dashed #ccc;
    background-color: #3b557d;
}

.home-box__body {
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 15px
}

.home-box__body ul {
    padding: 0;
    margin: 0
}

.home-box__body ul li {
    padding: 10px;
    background-color: #f1f1f1;
    margin-bottom: 5px
}

.home-box__body ul li p {
    margin-bottom: 0
}

.home-box__body ul li span {
    display: inline-block;
    background-color: #a5a3a3;
    color: #fff;
    padding: 0px 5px;
    transform: skew(-10deg);
}

.home-box__body ul li:nth-child(2n+2) {
    background-color: #fff
}

/*CSS added 28.01.2020*/
.report-page .report-box {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 0 1px #717070, inset 0 0 5px #fff;
}

.report-page .report-box h5 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    color: #000
}

.report-page .report-box h5:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0
}

/*css added 31.1.2020*/
.onepage-report .reporing-top {
    border: 0;
    padding: 0
}

.onepage-report .priority-menu-holder {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 2px solid #ccc !important
}

.onepage-report .print-btn-asword {
    right: auto;
    top: 0;
    left: -15px
}

.onepage-report .priority-tab-header {
    padding: 5px;
    background-color: #d3dbe6 !important;
    border-bottom: 1px solid #ccc
}

.onepage-report .priority-tab-header h5 {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.onepage-report .priority-tab-header h5 span {
    display: inline-block;
    padding-left: 10px;
    /*color: #ff0000*/
}

.onepage-report .priority-tab-inner {
    border: 1px solid #ccc
}

.onepage-report .row.onepagerreportingblock {
    margin-top: 5px
}

.onepage-report .priority-tab-innercont {
    padding: 5px
}

.onepage-report .priority-tab-innercont p {
    margin-bottom: 5px
}

.onepage-report ol {
    list-style-position: outside;
    padding-left: 15px
}

.onepage-report .priority-tab-innercont li {
    padding-left: 10px;
    margin-bottom: 5px
}

.onepage-report .priority-tab-innercont li:last-child {
    margin-bottom: 0
}

.onepage-report .priority-tab-innercont {
    margin-bottom: 5px
}

.onepage-report p:empty,
.onepage-report p:blank {
    display: none;
}

.onepage-report p,
.onepage-report ol,
.onepage-report ul {
    font-size: 13px !important;
}

.onepage-report .priority-tab-innercont a {
    margin-left: 15px
}

.onepage-report .priority-tab-innercont a button {
    margin: 0
}

.onepage-report strong {
    font-size: 12px !important
}

.onepage-report ol,
.onepage-report ul {
    margin-bottom: 5px
}

.onepage-report ol:last-child,
.onepage-report ul:last-child {
    margin-bottom: 0
}

.onepage-report ol h3 {
    margin: 0
}

.onepage-report p:last-of-type {
    margin-bottom: 0 !important
}

.onepage-report .btn-wrap {
    position: absolute;
    left: 60px;
    top: -3px;
    z-index: 1
}

.two-part {
    overflow: auto;
}

.two-part li {
    float: left;
    width: 48%;
    padding-right: 15px
}

.form-not-completed {
    border: 2px solid #dc3545 !important;
}

/* Responsive
==================================== */
@media (max-width: 1199px) {
    .priority-menu-mod h3 {
        font-size: 24px
    }

    .priority-buttons button {
        width: 75%
    }

    .filter-left-btn-grp a {
        font-size: 10px
    }

    .bu-header {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .business-units {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .link-menu li {
        padding-right: 80px
    }

    .priority-menu-holder {
        margin-top: 10px;
        padding-bottom: 10px
    }

    .priority-menu-inner h3 {
        float: none
    }

    .filter-left-btn-grp a {
        font-size: 12px
    }

    .filter-top .flex-header h1 {
        margin-left: 0 !important
    }

    input[type=radio] {
        top: 0;
        margin-right: 0;
        vertical-align: middle
    }

    .cke {
        width: 100% !important
    }

    .business-unitform__menu li a {
        font-size: 13px
    }

    .business-unitform .btn {
        font-size: 12px
    }

    /* .planning-whiteboard .priority-menu-holder h3,
    .planning-whiteboard .priority-menu-holder a {
        display: none;
    } */
    /* .planning-whiteboard .priority-menu-mod {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    } */
    .planning-whiteboard .priority-menu-holder .header-prev-right a {
        display: inline-block
    }

    .planning-whiteboard .add_priority_details i {
        display: none
    }

    .planning-whiteboard .add_new_strategic_imperative {
        display: none
    }

    .planning-whiteboard .button-grp {
        display: none
    }

    .parkinglot {
        display: none
    }

    .c-tacticsInfo p {
        width: 640px
    }

    .priority-checkboxgroup label span {
        width: 120px
    }
}

@media (max-width: 991px) {
    .f-img {
        width: 75%
    }

    .summary h6 {
        font-size: 14px
    }

    .login-frm {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .user-logged .f-img {
        width: 45%
    }

    header nav ul {
        font-size: 11px
    }

    .home h5 {
        font-size: 14px
    }

    .home h5 strong {
        font-size: 20px
    }

    .priority-menu-mod h3 {
        font-size: 16px
    }

    .priority-menu-mod a .fa {
        margin-top: -2px;
        font-size: 16px
    }

    .header-prev-right a {
        font-size: 10px
    }

    .priority-buttons button {
        font-size: 16px
    }

    .btn {
        font-size: 12px
    }

    .filter-top .checkbox-label {
        width: 65px
    }

    .filter-top-sub h6 {
        font-size: 14px
    }

    .business-units .row.equal-height-container {
        display: block;
        text-align: center;
        width: 100%
    }

    .business-units .bu-base-btn {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        /*width: 33%;*/
        display: inline-block
    }

    .link-menu li {
        padding-right: 40px
    }

    .top-header h2 {
        font-size: 1rem !important;
    }

    .planning-whiteboard .priority-menu-holder h3 {
        font-size: 16px
    }

    .planning-whiteboard .header-prev-right {
        margin-top: 0
    }

    .planning-whiteboard .priority-buttons button {
        font-size: 16px
    }

    header nav ul li a {
        padding: 8px 5px
    }

    .summary-container .summary,
    .summary-container .summary h6 {
        transform: skew(0deg);
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -ms-transform: skew(0deg)
    }

    .filter-left-btn-grp a {
        font-size: 13px
    }

    .indicate-info {
        padding-left: 0
    }

    .indicate-info li {
        padding: 0 8px
    }

    #calendar .fc-center h2 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .col-md-3.filter-top-left {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    .col-md-9.flex-header {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }

    .business-unitlist-page .col-md-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .business-myadmin .priority-menu-holder .priority-menu-mod h5 {
        font-size: 13px
    }

    .business-myadmin .priority-button-group .priority-buttons button {
        font-size: 13px;
        line-height: 14px
    }

    .business-unitform .col-md-4,
    .business-unitform .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .business-unitform .col-md-8 {
        margin-top: 10px
    }

    .back-btn {
        position: static;
        display: inline-block;
        margin-bottom: 15px
    }

    .c-tacticsInfo p {
        width: 470px
    }

    .c-tactics--status h2 {
        font-size: 14px
    }

    .priority-checkboxgroup label span {
        width: 80px;
    }

    .setting-page .col {
        flex-grow: 0
    }
}

@media (max-width: 767px) {
    .navbar-brand h2 {
        font-size: 20px
    }

    .summary {
        padding: 10px;
        vertical-align: middle
    }

    .summary h6 {
        font-size: 11px
    }

    .home .col img {
        width: 50px
    }

    .user-logged .container {
        max-width: 100%
    }

    .user-dropdown {
        padding-top: 7px
    }

    header nav ul {
        font-size: 9px
    }

    .home {
        display: block;
        text-align: center
    }

    .home .col {
        width: 30%;
        display: inline-block;
        margin-bottom: 10px;
        padding: 0 5px
    }

    .priority-menu-holder {
        margin-top: 15px
    }

    .priority-buttons button {
        width: 50%;
        margin-bottom: 10px
    }

    .btn {
        margin-bottom: 10px
    }

    .tab-nav {
        font-size: 9px;
        font-weight: 700
    }

    .priority-tab-content {
        margin-top: 0
    }

    .priority-button-inner .nav-pills .nav-item {
        margin: 0 2px
    }

    .tab-button-left {
        border-right: 0
    }

    .filter-top .checkbox-label {
        width: 110px
    }

    .filter-row1 {
        width: 49%;
        float: left
    }

    .filter-row2 {
        float: left;
        width: 49%
    }

    .bot-flt {
        display: inline-block;
        width: auto
    }

    .is-fixed {
        position: static !important
    }

    .table-scroll table tbody tr th {
        width: 100px !important
    }

    .filter-bot h6 {
        margin-bottom: 5px
    }

    .table-btn {
        width: 135px
    }

    .header-fixer {
        height: auto !important
    }

    /*.btn-cont img {
        width: 100%;
        height: auto;
        object-fit: none
    }*/
    .business-units .bu-base-btn {
        width: 30%;
        padding: 0 5px
    }

    .bu-base-btn a {
        display: block;
        padding: 15px
    }

    .bu-heading-btn-right {
        right: 15px
    }

    .flex-header h1 {
        font-size: 2rem
    }

    .reporting-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0
    }

    .link-menu li a i {
        display: block;
        height: 30px
    }

    .headerbot-menu ul li a {
        height: auto;
        font-size: 10px
    }

    .link-menu {
        margin-bottom: 15px
    }

    .link-menu li {
        padding: 0 15px;
        vertical-align: top
    }

    .link-menu li:last-child {
        padding: 0 15px
    }

    .navbar-nav.ml-auto {
        top: 13px
    }

    .summary-container .summary {
        padding: 5px
    }

    .summary-container .summary h6 {
        font-size: 10px
    }

    .top-header h2 {
        margin-bottom: 10px !important
    }

    .top-header {
        margin-bottom: 0
    }

    .row-eq-height {
        margin-bottom: 0
    }

    .strategic-blueprint .priority-menu-mod h3 {
        display: none
    }

    .strategic-blueprint .priority-buttons button {
        width: 300px
    }

    .priority-tab-inner {
        height: auto
    }

    .headerbot-menu {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 2px solid #ccc
    }

    .headerbot-menu ul li {
        display: inline-block;
        padding: 0;
        margin: 1px;
        width: 19%;
        vertical-align: top
    }

    .headerbot-menu ul li a {
        padding: 5px 2px
    }

    .pt-3.pb-3 {
        display: none
    }

    .prioritization-management .short-by {
        margin-right: 15px;
        margin-left: 15px;
        text-align: left
    }

    .prioritization-management .short-by h6 {
        margin-bottom: 10px
    }

    .prioritization-management .filter-top .checkbox-label {
        margin-bottom: 10px
    }

    .create-user {
        padding-top: 20px
    }

    .create-user .create-user__form label {
        text-align: left
    }

    .filter-left-btn-grp a {
        font-size: 16px;
        width: 220px;
        display: block;
        margin: 0 auto 10px
    }

    .business-unit .header-prev-right,
    .external-partner .header-prev-right {
        margin-top: -24px;
        margin-bottom: 15px;
        margin-right: 15px
    }

    .business-unit .flex-header h1 {
        margin-right: -15px
    }

    .filter-top .flex-header {
        margin-left: 0 !important
    }

    .eq-w-box {
        margin: 10px 0
    }

    .right-col .report-btn-grp {
        width: 150px;
        margin: 10px auto 0;
        position: static;
        transform: translateY(0)
    }

    .calendar-grid-view .calendar-grid {
        height: 180px
    }

    #issue_button,
    #external_button {
        width: 250px;
        margin: 0 auto 10px;
        display: block
    }

    .calendar-grid .col-md-2 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%
    }

    .calendar-grid .col-md-2.calendar-grid_leftbtn {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #add_general_date {
        top: 100%;
        margin-top: 15px;
        z-index: 999
    }

    .col-md-3.filter-top-left,
    .col-md-9.flex-header {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .relationship-table {
        overflow-x: auto
    }

    .relationship-table table th,
    .relationship-table table td {
        vertical-align: top
    }

    .relationship-table th:first-child {
        position: static
    }

    .relationship-table .table-title {
        transform: skew(0deg)
    }

    .content-right ul {
        padding-left: 15px
    }

    .notification-page .navbar-nav.ml-auto {
        top: 22px
    }

    .business-unitlist-page h2 {
        text-align: center;
        margin-top: 10px
    }

    .business-unitlist-page .col-md-2.text-right {
        text-align: center !important
    }

    .setting-page .btn.btn-info {
        margin-top: 10px
    }

    .setting-menu {
        margin-top: 10px
    }

    .setting-menu ul li a {
        height: auto
    }

    .label-heading {
        position: static;
        margin-top: 10px
    }

    .left-col div {
        position: static;
        transform: translateY(0)
    }

    .right-col div {
        position: static;
        transform: translateY(0);
        margin-top: 10px
    }

    .right-col {
        margin-top: 10px
    }

    .business-myadmin .priority-menu-holder {
        padding: 0;
        border-bottom: 0
    }

    .business-myadmin .priority-menu-holder .priority-menu-mod h5 {
        display: none
    }

    .business-myadmin {
        text-align: center
    }

    .business-myadmin .priority-buttons.assign-button button {
        width: auto
    }

    .business-myadmin .priority-buttons.assign-button {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .business-myadmin .priority-buttons {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .planning-whiteboard {
        text-align: center
    }

    .planning-whiteboard .priority-button-group button {
        width: 250px
    }

    .planning-whiteboard .priority-button-group .priority-sub-buttons button {
        width: auto
    }

    .policylist {
        padding-top: 15px
    }

    /*Responsive changes 31.10.2019*/
    .planning-whiteboard .priority-button-group button {
        width: 260px
    }

    .planning-whiteboard .priority-button-group button span {
        width: 235px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        text-align: center
    }

    .planning-whiteboard .priority-button-group .priority-sub-buttons button {
        width: 125px;
        margin-left: 7px
    }

    .planning-whiteboard .priority-button-group .priority-sub-buttons button span {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        text-align: center
    }

    .planning-whiteboard.strategic-blueprint .priority-button-group .priority-sub-buttons button {
        margin-left: 0
    }

    .strategic-blueprint .priority-menu-holder {
        display: none
    }

    .top-header h2 {
        display: none !important
    }

    .btn-set-follower {
        width: 117px;
        position: absolute;
        right: 15px;
        top: -90px
    }

    .prio-btn-right {
        display: none
    }

    .btn.btn-active-left {
        margin-left: 0
    }

    .content-right ul li a::before {
        left: -12px
    }

    .business-myadmin .priority-buttons.assign-button {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .business-myadmin .priority-buttons {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .business-myadmin .priority-button-group .priority-buttons button {
        width: 260px
    }

    .business-myadmin .priority-buttons.assign-button button {
        width: 150px
    }

    .planning-whiteboard .priority-menu-holder {
        display: none
    }

    .whiteborad-page {
        border-top: 2px solid #ccc
    }

    .btn-active.active::after {
        left: 2%
    }

    .c-tacticsInfo p {
        width: auto;
        overflow: visible;
        white-space: unset;
        padding-left: 0
    }

    .reporing-top {
        margin-bottom: 20px;
    }

    .reporing-top h2 {
        text-align: left;
        font-size: 17px;
    }

    .reporing-top h3 {
        display: none;
    }

    .priority-checkboxgroup .row {
        padding-left: 15px;
    }

    .priority-checkboxgroup label span {
        width: auto;
    }

    .setting-box {
        margin-bottom: 20px;
    }

    .setting-page .col {
        flex-grow: 1
    }

    .issueForm {
        padding: 0
    }

    /*css added 11.12.2019*/
    .o-home .priority-tab-inner {
        margin-bottom: 20px
    }

    .priority-button-inner .nav-pills {
        margin-bottom: 20px
    }

    .for-mob {
        margin-bottom: 20px
    }

    .update-btn {
        border-top: 3px solid #0960a9;
        border-left: 0
    }

    .update-btn div {
        position: static;
        transform: translateY(0);
    }

    .setting-forMob {
        margin: 0
    }

    .privacy-page .top-header h2 {
        display: inline-block !important
    }

    .c-common-page {
        margin: 0
    }

    .filter-top .flex-header h1 {
        margin-left: 15px !important;
        margin-right: 15px
    }

    .two-part li {
        float: none;
        width: 100%
    }

    .onepage-report .btn-wrap {
        position: static;
        padding-top: 5px
    }

    .onepage-report .reporing-top h2 {
        text-align: center;
        margin-top: 10px
    }

    .onepage-report .print-btn-asword {
        top: -4px
    }

    .fc-issue-name h2 {
        display: inline-block !important;
    }
}

@media (max-width: 750px) {
    .is-striped {
        background-color: white
    }

    .Rtable--collapse {
        display: block;
        width: 100%;
        padding: 1em;
        box-shadow: none
    }

    .Rtable--collapse .Rtable-row {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2em;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2)
    }

    .Rtable--collapse .Rtable-row .Rtable-cell {
        width: 100% !important;
        display: flex;
        align-items: center
    }

    .Rtable--collapse .Rtable-row .Rtable-cell .Rtable-cell--heading {
        display: inline-block;
        flex: 1;
        max-width: 120px;
        min-width: 120px;
        color: #43BAC0;
        font-weight: 700;
        border-right: 1px solid #ccc;
        margin-right: 1em
    }

    .Rtable--collapse .Rtable-row .Rtable-cell .Rtable-cell--content {
        flex: 2;
        padding-left: 1em
    }

    .Rtable--collapse .topic-cell {
        background-color: #43BAC0;
        color: white;
        font-weight: 700;
        order: -1
    }

    .Rtable--collapse .topic-cell .Rtable-cell--content {
        padding-left: 0 !important
    }

    .Rtable--collapse .Rtable-row--head {
        display: none
    }
}

@media (max-width: 639px) {
    .critical_dot {
        width: 20px;
        height: 20px
    }

    .indicate-info li {
        font-size: 10px;
        padding: 0 3px
    }

    .business-unit .veryimportant_dot {
        width: 15px;
        height: 15px
    }

    .important_dot {
        width: 10px;
        height: 10px
    }

    .filter-top .flex-header h1 {
        font-size: 30px
    }

    .business-unitlist-page .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 600px) {
    .timeline::after {
        left: 31px
    }

    .time-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px
    }

    .time-container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent
    }

    .left::after,
    .right::after {
        left: 15px
    }

    .right {
        left: 0%
    }

    .timeline::after,
    .time-container::after,
    .right::before,
    .left::before {
        display: none
    }

    .time-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .setting-form .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .c-tacticsBox h3 {
        font-size: 16px;
        padding: 5px 10px
    }
}

@media (max-width: 567px) {
    .navbar-brand {
        width: 116px;
        margin: 0 auto
    }

    .f-img {
        width: 100%
    }

    .footer-holder img {
        width: 100%
    }

    .home .col {
        width: 48%
    }

    .user-logged .f-img {
        width: 60%
    }

    header nav ul {
        font-size: 8px;
        font-weight: 600
    }

    header nav ul li a {
        padding: 17px 0;
        height: 45px
    }

    .pt-5 {
        padding-top: 15px !important
    }

    .pb-5 {
        padding-bottom: 15px !important
    }

    .tab-nav {
        display: table;
        table-layout: fixed;
        font-size: 8px;
        font-weight: 700
    }

    .priority-button-inner .nav-pills .nav-item {
        padding: 0 1px;
        margin: 0
    }

    .priority-button-inner .nav-pills .nav-link {
        padding: 5px;
        background-color: gray;
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        height: 45px
    }

    .btn-gray {
        background-color: transparent
    }

    .priority-button-inner .nav-pills .nav-link.active {
        background-color: #007bff
    }

    .priority-menu-inner h3 {
        font-size: 20px
    }

    .relationship-table table th,
    .relationship-table table td {
        font-size: 12px
    }

    .notification-page .top-header {
        margin-top: 0
    }

    .notification-page .navbar-nav.ml-auto {
        top: 0
    }
}

@media (max-width: 480px) {
    .headerbot-menu ul li a {
        font-size: 8px;
        padding: 9px 5px;
        height: 40px
    }

    .bu-heading h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .business-partnerslist h2 {
        font-size: 24px;
        text-align: center;
        margin: 15px 0
    }

    .headerbot-menu ul li {
        position: relative
    }

    .headerbot-menu ul li span {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

    .business-units .btn-cont img {
        width: 100%;
        height: 80px
    }
}

@media (max-width: 479px) {
    .priority-buttons button {
        width: 100%
    }

    .business-units .bu-base-btn {
        width: 49%
    }

    .flex-header h1 {
        font-size: 1.5rem
    }

    .checkbox-label {
        font-size: 9px
    }

    .navbar-nav.ml-auto {
        top: -30px
    }

    .link-menu {
        margin-top: 30px
    }

    .link-menu li {
        padding: 0 10px
    }

    .link-menu li:last-child {
        padding: 0 10px
    }

    .priority-tab-header {
        padding: 10px
    }

    .priority-tab-header h5 {
        font-size: 18px;
        padding-right: 35px
    }

    .priority-tab-innercont {
        padding: 10px
    }

    .priority-tab-innercont h3 {
        font-size: 18px
    }

    .link-menu li a {
        height: 56px
    }

    .edit-btn {
        right: 5px;
        top: 3px
    }

    .bu-header {
        display: block
    }

    .bu-heading-btn-right {
        position: static;
        text-align: center
    }

    .eq-w-box {
        height: auto !important
    }

    .indicate-info {
        margin-top: 0
    }

    .indicate-info {
        margin-right: -15px
    }

    .business-unit .header-prev-right,
    .external-partner .header-prev-right {
        margin-top: 0;
        margin-right: 10px
    }

    .filter-top .flex-header h1 {
        font-size: 24px
    }

    .business-units .bu-base-btn {
        width: 43%
    }

    .eq-w-box {
        min-width: 100px
    }

    .reporting-top .col-6.col-sm-5.col-md-3,
    .reporting-top .col-6.col-sm-7.col-md-9 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .business-unitlist-page .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .business-partnerslist h2 {
        font-size: 20px;
        text-align: center;
        margin-top: 10px
    }

    .business-partnerslist table th:last-child {
        width: 195px !important
    }

    .c-tacticsInfo h4 {
        font-size: 17px
    }

    .reporing-top h2 {
        font-size: 15px
    }
}

@media (max-width: 360px) {
    .tab-nav {
        font-size: 6.8px
    }

    .strategic-blueprint .priority-buttons button {
        width: 255px
    }

    .business-partnerslist h2 {
        font-size: 20px
    }

    .c-tacticsInfo h4 {
        font-size: 16px;
    }
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    body {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        line-height: normal;
        color: #2a2a2a;
        font-weight: 400
    }

    .priority-flex-button {
        margin-bottom: 0;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .priority-buttons button {
        width: 60%;
        padding: 12px;
        font-size: 21px;
        line-height: 20px
    }

    .priority-button-holder hr {
        width: 100%
    }

    .btn-active-left {
        margin-left: 15px
    }

    .priority-menu-inner h3 {
        float: left;
        margin-bottom: 20px
    }

    .priority-button-inner .nav-pills {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .priority-button-inner .nav-pills .nav-link {
        text-align: center;
        color: #fff
    }

    .priority-button-inner .nav-pills .nav-item:first-child {
        margin-left: 0
    }

    .priority-button-inner .nav-pills .nav-item:last-child {
        margin-right: 0
    }

    .priority-button-inner .nav-pills .nav-item {
        margin: 0 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .priority-tab-content {
        margin-top: 20px
    }

    .priority-tab-inner {
        border: 1px solid #004da0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-top: 20px;
        height: 100%
    }

    .mod-tab-inner {
        height: auto
    }

    .priority-tab-header {
        padding: 15px;
        background-color: #004da0;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        position: relative
    }

    .priority-tab-header h5 {
        color: #fff;
        margin-bottom: 0
    }

    .bg_1 {
        background-color: #2aa744;
        color: #fff
    }

    .bg_2 {
        background-color: #00205f;
        color: #fff
    }

    .bg_3 {
        background-color: #800006;
        color: #fff
    }

    .bg_4 {
        background-color: #2e4e4f;
        color: #fff
    }

    .bg_5 {
        background-color: #702fa0;
        color: #fff
    }

    .bg_6 {
        background-color: #d36921;
        color: #fff
    }

    .bg_7 {
        background-color: #365524;
        color: #fff
    }

    .bg_8 {
        background-color: #7f7f7f;
        color: #fff
    }

    .bg_9 {
        background-color: #c0030f;
        color: #fff
    }

    .bg_10 {
        background-color: #1c82dc;
        color: #fff
    }

    .bg_11 {
        background-color: #fcc100;
        color: #fff
    }

    .bg_12 {
        background-color: #5a9bd5;
        color: #fff
    }

    .bg_13 {
        background-color: #a8d18d;
        color: #fff
    }

    .bg_14 {
        background-color: #833c11;
        color: #fff
    }

    .bg_15 {
        background-color: #8469e6;
        color: #fff
    }

    .bg_16 {
        background-color: #259bb1;
        color: #fff
    }

    .bg_17 {
        background-color: #d90969;
        color: #fff
    }

    .bg_18 {
        background-color: #FF0000;
        color: #fff
    }

    .bg_19 {
        background-color: #DC143C;
        color: #fff
    }

    .bg_20 {
        background-color: #2E8B57;
        color: #fff
    }

    .bg_21 {
        background-color: #6B8E23;
        color: #fff
    }

    .bg_22 {
        background-color: #808000;
        color: #fff
    }

    .bg_23 {
        background-color: #556B2F;
        color: #fff
    }

    .bg_24 {
        background-color: #3CB371;
        color: #fff
    }

    .bg_25 {
        background-color: #006400;
        color: #fff
    }

    .bg_26 {
        background-color: #008080;
        color: #fff
    }

    .bg_27 {
        background-color: #008B8B;
        color: #fff
    }

    .bg_28 {
        background-color: #20B2AA;
        color: #fff
    }

    .bg_29 {
        background-color: #66CDAA;
        color: #fff
    }

    .bg_30 {
        background-color: #00BFFF;
        color: #fff
    }

    .bg_31 {
        background-color: #1E90FF;
        color: #fff
    }

    .bg_32 {
        background-color: #4682B4;
        color: #fff
    }

    .bg_33 {
        background-color: #4169E1;
        color: #fff
    }

    .bg_34 {
        background-color: #000080;
        color: #fff
    }

    .bg_35 {
        background-color: #191970;
        color: #fff
    }

    .bg_36 {
        background-color: #483D8B;
        color: #fff
    }

    .bg_37 {
        background-color: #6495ED;
        color: #fff
    }

    .bg_38 {
        background-color: #9932CC;
        color: #fff
    }

    .bg_39 {
        background-color: #808080;
        color: #fff
    }

    .bg_40 {
        background-color: #696969;
        color: #fff
    }

    .bg_41 {
        background-color: #778899;
        color: #fff
    }

    .bg_42 {
        background-color: #708090;
        color: #fff
    }

    .bg_43 {
        background-color: #000000;
        color: #fff
    }

    .bg_44 {
        background-color: #D2B48C;
        color: #fff
    }

    .bg_45 {
        background-color: #BC8F8F;
        color: #fff
    }

    .bg_46 {
        background-color: #F4A460;
        color: #fff
    }

    .bg_47 {
        background-color: #DAA520;
        color: #fff
    }

    .bg_48 {
        background-color: #CD853F;
        color: #fff
    }

    .bg_49 {
        background-color: #D2691E;
        color: #fff
    }

    .bg_50 {
        background-color: #8B4513;
        color: #fff
    }

    .bg_51 {
        background-color: #A0522D;
        color: #fff
    }

    .bg_52 {
        background-color: #A52A2A;
        color: #fff
    }

    .bg_53 {
        background-color: #663399;
        color: #fff
    }

    .bg_54 {
        background-color: #483D8B;
        color: #fff
    }

    .bg_55 {
        background-color: #BA55D3;
        color: #fff
    }

    .bg_56 {
        background-color: #CD5C5C;
        color: #fff
    }

    .bg_57 {
        background-color: #B22222;
        color: #fff
    }

    .bg_58 {
        background-color: #BDB76B;
        color: #fff
    }

    .bg_59 {
        background-color: #663399;
        color: #fff
    }

    .bg_60 {
        background-color: #483D8B;
        color: #fff
    }

    .headerButtonBg_1 {
        border: 1px solid #2aa744;
        color: #28a745
    }

    .headerButtonBg_2 {
        border: 1px solid #1c82dc;
        color: #1c82dc
    }

    .headerButtonBg_3 {
        border: 1px solid #800006;
        color: #800006
    }

    .headerButtonBg_4 {
        border: 1px solid #2e4e4f;
        color: #2e4e4f
    }

    .headerButtonBg_5 {
        border: 1px solid #702fa0;
        color: #702fa0
    }

    .headerButtonBg_6 {
        border: 1px solid #d36921;
        color: #d36921
    }

    .headerButtonBg_7 {
        border: 1px solid #00205f;
        color: #00205f
    }

    .headerButtonBg_8 {
        border: 1px solid #7f7f7f;
        color: #7f7f7f
    }

    .headerButtonBg_9 {
        border: 1px solid #c0030f;
        color: #c0030f
    }

    .headerButtonBg_10 {
        border: 1px solid #365524;
        color: #365524
    }

    .headerButtonBg_11 {
        border: 1px solid #fcc100;
        color: #fcc100
    }

    .headerButtonBg_12 {
        border: 1px solid #5a9bd5;
        color: #5a9bd5
    }

    .headerButtonBg_13 {
        border: 1px solid #a8d18d;
        color: #a8d18d
    }

    .headerButtonBg_14 {
        border: 1px solid #833c11;
        color: #833c11
    }

    .headerButtonBg_15 {
        border: 1px solid #8469e6;
        color: #8469e6
    }

    .headerButtonBg_16 {
        border: 1px solid #259bb1;
        color: #259bb1
    }

    .headerButtonBg_17 {
        border: 1px solid #d90969;
        color: #d90969
    }

    .headerButtonBg_18 {
        border: 1px solid #FF0000;
        color: #FF0000
    }

    .headerButtonBg_19 {
        border: 1px solid #DC143C;
        color: #DC143C
    }

    .headerButtonBg_20 {
        border: 1px solid #2E8B57;
        color: #2E8B57
    }

    .headerButtonBg_21 {
        border: 1px solid #6B8E23;
        color: #6B8E23
    }

    .headerButtonBg_22 {
        border: 1px solid #808000;
        color: #808000
    }

    .headerButtonBg_23 {
        border: 1px solid #556B2F;
        color: #556B2F
    }

    .headerButtonBg_24 {
        border: 1px solid #3CB371;
        color: #3CB371
    }

    .headerButtonBg_25 {
        border: 1px solid #006400;
        color: #006400
    }

    .headerButtonBg_26 {
        border: 1px solid #008080;
        color: #008080
    }

    .headerButtonBg_27 {
        border: 1px solid #008B8B;
        color: #008B8B
    }

    .headerButtonBg_28 {
        border: 1px solid #20B2AA;
        color: #20B2AA
    }

    .headerButtonBg_29 {
        border: 1px solid #66CDAA;
        color: #66CDAA
    }

    .headerButtonBg_30 {
        border: 1px solid #00BFFF;
        color: #00BFFF
    }

    .headerButtonBg_31 {
        border: 1px solid #1E90FF;
        color: #1E90FF
    }

    .headerButtonBg_32 {
        border: 1px solid #4682B4;
        color: #4682B4
    }

    .headerButtonBg_33 {
        border: 1px solid #4169E1;
        color: #4169E1
    }

    .headerButtonBg_34 {
        border: 1px solid #000080;
        color: #000080
    }

    .headerButtonBg_35 {
        border: 1px solid #191970;
        color: #191970
    }

    .headerButtonBg_36 {
        border: 1px solid #483D8B;
        color: #483D8B
    }

    .headerButtonBg_37 {
        border: 1px solid #6495ED;
        color: #6495ED
    }

    .headerButtonBg_38 {
        border: 1px solid #9932CC;
        color: #9932CC
    }

    .headerButtonBg_39 {
        border: 1px solid #808080;
        color: #808080
    }

    .headerButtonBg_40 {
        border: 1px solid #696969;
        color: #696969
    }

    .headerButtonBg_41 {
        border: 1px solid #778899;
        color: #778899
    }

    .headerButtonBg_42 {
        border: 1px solid #708090;
        color: #708090
    }

    .headerButtonBg_43 {
        border: 1px solid #000000;
        color: #000000
    }

    .headerButtonBg_44 {
        border: 1px solid #D2B48C;
        color: #D2B48C
    }

    .headerButtonBg_45 {
        border: 1px solid #BC8F8F;
        color: #BC8F8F
    }

    .headerButtonBg_46 {
        border: 1px solid #F4A460;
        color: #F4A460
    }

    .headerButtonBg_47 {
        border: 1px solid #DAA520;
        color: #DAA520
    }

    .headerButtonBg_48 {
        border: 1px solid #CD853F;
        color: #CD853F
    }

    .headerButtonBg_49 {
        border: 1px solid #D2691E;
        color: #D2691E
    }

    .headerButtonBg_50 {
        border: 1px solid #8B4513;
        color: #8B4513
    }

    .headerButtonBg_51 {
        border: 1px solid #A0522D;
        color: #A0522D
    }

    .headerButtonBg_52 {
        border: 1px solid #A52A2A;
        color: #A52A2A
    }

    .headerButtonBg_53 {
        border: 1px solid #663399;
        color: #663399
    }

    .headerButtonBg_54 {
        border: 1px solid #483D8B;
        color: #483D8B
    }

    .headerButtonBg_55 {
        border: 1px solid #BA55D3;
        color: #BA55D3
    }

    .headerButtonBg_56 {
        border: 1px solid #CD5C5C;
        color: #CD5C5C
    }

    .headerButtonBg_57 {
        border: 1px solid #B22222;
        color: #B22222
    }

    .headerButtonBg_58 {
        border: 1px solid #BDB76B;
        color: #BDB76B
    }

    .headerButtonBg_59 {
        border: 1px solid #663399;
        color: #663399
    }

    .headerButtonBg_60 {
        border: 1px solid #483D8B;
        color: #483D8B
    }

}

.print-btn {
    color: #212529;
    position: absolute;
    right: 15px;
    text-decoration: none !important
}

.print-btn i {
    color: #909090;
    display: inline-block;
    margin-right: 5px !important;
    vertical-align: middle
}

.print-btn-header {
    right: 25px;
    top: 30px
}

.print-btn:hover,
.print-btn:hover i {
    color: #004da0
}

.print-btn--status {
    right: 25px;
}

@media (max-width: 479px) {
    .print-btn {
        font-size: 0
    }

    .print-btn i {
        font-size: 25px
    }
}

/*Landing Page*/
.f-landing-header {
    position: relative;
    padding: 20px 0 10px
}

.f-landing-line {
    display: table;
    width: 150px;
}

.f-landing-line span {
    display: table-cell;
    width: 20%;
    height: 10px;
    transform: skew(-20deg);
}

.f-landing-line span.line-1 {
    background-color: #1b4afb
}

.f-landing-line span.line-2 {
    background-color: #4f8f01
}

.f-landing-line span.line-3 {
    background-color: #b02d24
}

.f-landing-line span.line-4 {
    background-color: #f19434
}

.f-landing-line span.line-5 {
    background-color: #311655
}

.c-landing-btn {
    position: relative;
}

.f-landing-logo {
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center
}

.f-landing-logo li {
    width: 18%;
    border: 3px solid #214a88;
    margin: 5px;
    padding: 10px;
    background-color: #fafafa;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
    font-weight: 600;
    color: #214a88;
    box-shadow: 0 0 5px #c7c7c7;
    vertical-align: top
}

.f-landing-logo li p {
    margin-bottom: 0
}

.f-landing-logo li p:first-letter {
    text-decoration: underline;
    color: #ff0000
}

.l-info {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    padding: 30px 0 30px 180px;
    border-bottom: 1px solid #efefef;
}

.l-info span {
    background-color: #1582dc;
    width: 150px;
    padding: 15px 10px;
    color: #fff;
    transform: skew(-20deg);
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: 10px;
    line-height: 18px;
    height: 60px;
    border: 0 !important;
}

.l-info span.bg_1 {
    background-color: #1b4afb !important
}

.l-info span.bg_2 {
    background-color: #4f8f01 !important
}

.l-info span.bg_3 {
    background-color: #b02d24 !important
}

.l-info span.bg_4 {
    background-color: #f19434 !important
}

.l-info span.bg_5 {
    background-color: #311655 !important
}

.f-landing-footer {
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
    text-align: center;
}

.f-landing-footer li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 800;
    text-transform: uppercase;
    padding: 10px 0;
    color: #000;
    position: relative
}

.f-landing-footer li:after {
    content: "";
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/arrow-footer.png) no-repeat right 0;
    margin: 0 15px
}

.f-landing-footer li:last-child:after {
    display: none;
}

.f-landing-footer li:first-letter {
    font-size: 18px
}

.f-landing-copytext {
    text-align: center;
    font-size: 12px;
    color: #616161
}

.f-landing-line-footer {
    margin: 25px auto 10px;
    width: 210px
}

@media (max-width: 1199px) {
    .f-landing-logo li {
        width: 17%
    }

    .f-landing-logo li p {
        font-size: 11px
    }

    .f-landing-logo li img {
        width: 50px
    }

    .l-info {
        padding: 19px 0 20px 180px
    }

    .l-info--last {
        padding-bottom: 45px
    }
}

@media (max-width: 991px) {
    .l-info {
        font-size: 14px
    }

    .f-landing-logo li {
        padding: 5px
    }

    .f-landing-logo li p {
        font-size: 8px
    }

    .f-landing-logo li img {
        width: 40px
    }

    .f-landing-footer li:after {
        margin: 0 10px
    }

    .l-info--last {
        padding-bottom: 20px
    }
}

@media (max-width: 479px) {
    .f-landing-logo {
        margin-bottom: 10px
    }

    .f-landing-logo li {
        margin: 0;
        width: 19%
    }

    .f-landing-logo li p {
        font-size: 6.5px
    }

    .f-landing-logo li img {
        width: 30px
    }

    .l-info span {
        width: 135px;
        font-size: 12px;
        padding: 10px
    }

    .l-info {
        font-size: 12px;
        line-height: 16px;
        padding-top: 15px;
        padding-left: 170px
    }

    .f-landing-footer li {
        font-size: 11px
    }

    .f-landing-footer li:first-letter {
        font-size: 16px
    }

    .f-landing-footer li:after {
        width: 15px;
        margin: 0 3px
    }

    .l-info--last {
        padding-bottom: 35px
    }
}

.margin-left-5 {
    margin-left: 5px;
}

.mytooltip {
    padding: 0;
    margin: 0;
    text-align: center;
}

#pop {
    padding: 2px;
    color: #9f9f9f;
    font-size: 15px;
}

.labelstate {
    display: inline-block;
    padding: .3em .8em .4em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    cursor: pointer;
    margin-bottom: 4%;
}

.colorbasic {
    display: inline-block;
    margin: 0em 1em 2.4em;
    background-color: #00c0ef !important;
}

.colorpremium {
    display: inline-block;
    margin: 0em 1em 2.4em;
    background-color: #f39c12 !important;
}

.resource-menu ul li a {
    padding: 12px 30px;
    display: block;
    background: #ffb300;
    color: white;
    font-weight: 600;
}

.resource-menu ul li {
    display: inline-block;
}

.internalresource.active {
    border: 3px solid #bd0000;
}

.c-tacticsBox .mainpriority {
    display: inline-block;
    font-size: 12px;
    padding: 5px 16px;
    transform: skew(-20deg);
    margin-bottom: 0;
    position: relative;
    left: 6px;
    font-family: inherit;
    width: auto;
    font-weight: 600;
}

.c-tacticsBox .subpriority {
    display: inline-block;
    font-size: 12px;
    padding: 5px 16px;
    margin-bottom: 0;
    position: relative;
    left: 6px;
    font-family: inherit;
    width: auto;
    font-weight: 600;
}

.important_dot_internal {
    background-color: #000;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.sec-margin20 {
    margin-left: 20px;
}


.home-box__body table tr {
    padding: 10px;
    background-color: #f1f1f1;
    margin-bottom: 5px;
}

.home-box__body table tr td .btn {
    padding: 0.375rem 2.75rem;
    width: 100%;
}

.home-box__body table tr th:first-child {
    width: 27%;
}

.home-box__body table tr th {
    background-color: #fff;
}

.home-box__body table tr td {
    padding: 10px;
}

.home-box__body table tr {
    padding: 10px;
    background-color: #f1f1f1;
    margin-bottom: 5px;
}

.home-box__body table tr:nth-child(2n+2) {
    background-color: #fff;
}

.home-box__body table tr td a {
    padding: 9px 30px;
}

.home-box__body table tr td a {
    padding: 10px 50px;
    text-decoration: none;
}

.home-box__body table tr td .normal {
    background: #ffb300;
    color: black;
}

.home-box__body table tr td .expire {
    background: #ea0000;
    color: white;
}

.home-box__body table tr td a:hover {
    background: #0092ea;
    color: white;
}

.userblock {
    background-color: #3c8dbc !important;
    color: #fff !important;
    padding: .2em .6em .3em;
    font-weight: 700;
    border-radius: .25em;
    font-size: 12px;
    width: 62%;
    display: inline-block;
    text-align: center;
}

.poweruserblock {
    background-color: #f39c12 !important;
    color: #fff !important;
    padding: .2em .6em .3em;
    font-weight: 700;
    border-radius: .25em;
    font-size: 12px;
    width: 62%;
    display: inline-block;
    text-align: center;
}

.groupownerblock {
    background-color: #4F8F01 !important;
    color: #fff !important;
    padding: .2em .6em .3em;
    font-weight: 700;
    border-radius: .25em;
    font-size: 12px;
    width: 62%;
    display: inline-block;
    text-align: center;
}

.ownerblock {
    background-color: #39C7FB !important;
    color: #fff !important;
    padding: .2em .6em .3em;
    font-weight: 700;
    border-radius: .25em;
    font-size: 12px;
    width: 62%;
    display: inline-block;
    text-align: center;
}


.c-tactics--status .resource-menu {
    text-align: center
}

.c-tactics--status .c-tactics--statusHeader {
    max-width: 750px;
    margin: 0 auto
}

.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp {
    max-width: 750px;
    margin: 0 auto
}

.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp .resourceborder {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0;
    background-color: transparent !important
}

.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp .resourceborder:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important
}

.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp .resourceborder .col-md-7,
.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp .resourceborder .col-md-5 {
    margin-bottom: 0 !important
}

.c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp .btn {
    width: auto;
    display: inline-block;
}

@media (max-width: 767px) {
    .c-tactics--status .resource-menu {
        text-align: left
    }
}

#reportSections .c-tactics--status .resource-menu {
    text-align: left
}

#reportSections .c-tactics--status .resource-menu ul {
    margin-bottom: 22px;
    margin-top: 22px;
    display: table;
    table-layout: fixed;
    width: 75%;
    text-align: center
}

#reportSections .c-tactics--status .resource-menu ul li {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    padding: 0 1px;
}

#reportSections .c-tactics--status .resource-menu ul li a {
    padding: 12px 10px;
    display: block;
    background: #b3b3b3;
    color: #fff;
    font-weight: 600
}

#reportSections .c-tactics--status .resource-menu ul li a.internalresource.active {
    border: 0;
    background: #311655 !important
}

#reportSections .c-tactics--status .c-tactics--statusHeader,
#reportSections .c-tactics--status .c-tacticsInfo .c-tacticsInfo--wrp {
    max-width: 100%
}

#reportSections .c-tactics--status .c-tacticsInfo .row .col-md-3 .btn {
    display: block;
    width: 100%
}

.homecontainer h1 {
    font-size: 2.8rem;
    font-weight: bold;
    color: rgb(0, 122, 251);
}

.homecontainer .subheader-title {
    font-size: 1.8rem;
    color: rgb(0, 122, 251);
}

.bg-purple {
    background-color: #605ca8 !important;
}

.colorgreen {
    background-color: #4F8F01;
}

.coloryellow {
    background-color: #F39C12;
}

.colorblue {
    background-color: #1582DC;
}

.colorlightblue {
    background-color: #39C4F9;
}

.colorpremiumhome {
    background-color: #f39c12 !important;
}

.colorbasichome {
    background-color: #00c0ef !important;
}

.labelstatehome {
    display: block;
    padding: 0.3em 1.9em 0.4em;
    font-size: 100%;
    font-weight: 730;
    line-height: 2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    cursor: pointer;
    margin-bottom: 0;
    width: 50%;
}

.strategic-diagnosticsLeft {
    border: 2px solid #1582dc
}

.strategic-diagnosticsLeft h2 {
    background-color: #1582dc;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    margin-bottom: 0
}

.strategic-diagnosticsLeft ul {
    list-style-type: none;
    padding: 20px;
    margin: 0;
    font-size: 16px
}

.strategic-diagnosticsLeft ul li {
    margin-bottom: 15px
}

.strategic-diagnosticsLeft ul li a {
    color: #000;
    text-decoration: none
}

.strategic-diagnosticsLeft ul li:hover a,
.strategic-diagnosticsLeft ul li.active a {
    color: #1582dc
}

.strategic-topbx {
    margin-bottom: 15px
}

.strategic-topbx label {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.strategic-topbx textarea {
    resize: none;
    border: 1px solid #ccc;
    height: 120px;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 15px;
}

.strategic-reportBox {
    margin: 10px 0
}

.strategic-reportCnt {
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 0
}

.strategic-reportCnt ul ul {
    padding-left: 15px
}

.strategic-reportView .filter-left-btn-grp {
    text-align: center
}

.strategic-reportView .filter-left-btn-grp a {
    width: auto;
    padding: 6px 34px 6px 34px;
    margin: 5px
}

.strategic-relevant {
    background-color: #ffd9d9
}

.strategic-important {
    background-color: #fff3d9
}

.strategic-low {
    background-color: #f2ffd9
}

.strategic-imp {
    background-color: #fffbe5
}

.strategic-veryimp {
    background-color: #f2feff
}

.solution-board-listing div {
    padding: 10px;
    /* border-top: 1px solid #ccc; */
}

.solution-board-listing div:first-child,
.solution-board-listing div:nth-child(2) {
    border-top: 0;
}

.no-pad {
    padding: 0
}

.hightlight {
    padding: 15px
}

.hightlight h5 {
    text-decoration: underline;
    margin-bottom: 15px;
    font-weight: 500
}

.hightlight strong.heading {
    border-bottom: 1px solid #333;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.hightlight ul {
    font-weight: 600;
    padding: 0 0 0 10px;
    margin: 0;
    list-style-type: none
}

.strategic-reportBot {
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 15px
}

.bot-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 250px
}

.bot-box h5 {
    padding: 10px;
    background-color: #f2ffd9;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.strategic-label {
    text-align: center;
    padding: 8px 0
}

.strategic-label.low {
    background-color: #a5de4a
}

.strategic-label.medium {
    background-color: #ffbebe
}

.strategic-label.high {
    background-color: #ff5858
}

.bot-box ul {
    padding: 10px;
    font-weight: 600
}

.bot-box.imp h5 {
    background-color: #ff797d
}

.high-profile {
    border: 0
}

.high-profile h5 {
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding-bottom: 5px
}

.high-profile .btn {
    padding: 0 35px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 200px;
    font-size: 18px;
    line-height: 18px;
    height: 50px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(152, 176, 217, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(152, 176, 217, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(152, 176, 217, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#98b0d9', GradientType=0);
    border: 1px solid #688dce;
    box-shadow: 0 0 5px #688dce;
    color: #000;
    font-weight: 500
}

@media (max-width: 767px) {
    .strategic-diagnosticsRight {
        margin-top: 30px
    }

    .bot-box {
        margin-bottom: 15px;
        height: auto
    }
}


.filter-top--modify {
    padding: 10px 15px
}

.filter-top--modify .flex-header {
    display: block;
    margin-left: 0
}

.filter-top--modify .flex-header h1 {
    text-transform: none;
}

.filter-top--modify .indicate-info {
    padding: 0;
    margin: 0
}

.filter-top--modify .indicate-info li:first-child {
    padding-left: 0
}

.filter-top--modify .indicate-info li:last-child {
    padding-right: 0
}

.filter-top--modify .filter-top-left-sub {
    display: flex;
    padding: 0;
    float: right
}

.filter-top--modify .filter-left-btn-grp a {
    width: auto;
    padding: 6px 20px 6px 34px;
    margin-left: 10px
}

.filter-top--modify .filter-top-left-sub h6 {
    margin-top: 10px;
}

.filter-top--modify .header-prev-right {
    margin-top: 0
}

@media (max-width: 1199px) {
    .filter-top--modify .filter-top-left-sub {
        display: block
    }
}

@media (max-width: 991px) {
    .filter-top--modify .filter-top-left-sub h6 {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .filter-top--modify .flex-header h1 {
        text-align: center;
        margin: 0
    }

    .filter-top--modify .filter-top-left {
        text-align: center;
        margin-top: 10px
    }

    .filter-top--modify .filter-top-left-sub {
        display: inline-block;
        float: none
    }

    .filter-top--modify .indicate-info {
        text-align: center
    }

    .filter-top--modify .header-prev-right {
        float: none;
        text-align: center;
        margin: 10px 0 0
    }
}


.btn-active-btn {
    color: #fff;
    background-color: #1ad200;
    border-color: #1ad200;
    border-radius: 1.25rem;
    ;
}

.device-core-sale {
    background-color: #1981dd;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 0
}

.secondary-product-assortment {
    background-color: #2aa744;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 0
}

.fc-issue-name {
    padding-right: 0
}

.fc-issue-name h2 {
    font-size: 16px
}

.fc-issue-name {
    padding-right: 0
}

.fc-issue-name h2 {
    font-size: 16px
}

.link-menu li {
    padding: 0 30px
}

.link-menu li:first-child {
    padding-left: 0
}

.link-menu li:last-child a i,
.link-menu li:nth-child(4) a i {
    font-size: 0;
    position: relative;
    bottom: -6px;
}

.link-menu li:last-child a i img,
.link-menu li:nth-child(4) a i img {
    vertical-align: unset
}

@media (max-width: 1199px) {
    .link-menu li {
        padding: 0 35px
    }
}

@media (max-width: 991px) {
    .link-menu li {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .link-menu li a i img {
        vertical-align: top
    }
}

.bot-box {
    min-height: 0
}

.bot-boxWrap {
    min-height: 250px
}

.fc-resource {
    border-right: 1px solid #ccc
}

.fc-resource:last-child {
    border-right: 0
}

.fc-left-text {
    position: absolute;
    left: -100px;
    transform: rotate(-90deg);
    top: 315px;
}

.fc-textHigh {
    position: absolute;
    top: 40px;
    left: 180px;
}

.fc-textLow {
    position: absolute;
    top: 40px;
    left: -100px
}

@media (max-width: 767px) {
    .bot-boxWrap {
        height: auto;
        min-height: 0 !important
    }

    .fc-resource {
        border-right: 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px
    }

    .fc-resource:last-child {
        border-bottom: 0
    }

    .fc-left-text {
        display: none
    }
}

.fc-relevantBox img {
    width: 50px;
    height: auto
}

.fc-relevantBox figure {
    margin-bottom: 10px
}

.criticaltactics_status .active {
    border-bottom: 3px solid black;
}

.criticaltactics_status .tactic_headlink {
    cursor: pointer;
}

.tab-content>.active {
    display: block;
}

.tactic_headlink:not(:first-child) {
    margin-left: 10px;
}

.tactic_headlink {
    font-size: 17px;
    display: inline-block;
    font-weight: 600;
}

.tactic_headlink_priority,
.internalresource_headlink_priority {
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.tactic_headlink_priority a,
.internalresource_headlink_priority a {
    display: inline-block;
    background-color: #1582dc;
    color: #fff;
    font-size: 20px;
    padding: 5px 30px;
    transform: skew(-20deg);
    margin-bottom: 0px;
    position: relative;
    left: 6px;
}

.tactic_headlink_priority .active span,
.internalresource_headlink_priority .active span {
    border-bottom: 3px solid white;
}

.c-tactics--btnlinks a {
    font-size: 18px;
    margin: 0 2px;
}

@media (max-width: 1199px) {
    .fc-status-txt .tactic_headlink {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .fc-status-txt {
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .fc-status-txt .tactic_headlink {
        margin-left: 0;
        display: block;
    }
}

.fc-relevantBox img {
    width: 50px;
    height: auto;
}

.fc-relevantBox figure {
    margin-bottom: 10px;
}

#reportSections .c-tactics--status .resource-menu--modify ul {
    width: auto;
    table-layout: auto;
}

#reportSections .c-tactics--status .resource-menu--modify ul li a {
    background-color: transparent;
    color: #0000ff;
    position: relative;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
}

#reportSections .c-tactics--status .resource-menu--modify ul li a:before {
    content: "";
    width: 12px;
    height: 13px;
    display: inline-block;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 4px;
}

#reportSections .c-tactics--status .resource-menu--modify ul li a.active {
    text-decoration: underline;
}

#reportSections .c-tactics--status .resource-menu--modify ul li a.active:before {
    background-color: #0000ff;
}

#reportSections .c-tactics--status .resource-menu--modify ul li a.internalresource.active {
    background-color: transparent !important;
}

#reportSections .c-tactics--status .resource-menu--modify ul:not(:first-child) {
    padding-left: 10px;
}

/*CSS added 31.7.2020*/
.dashboard-group {
    padding: 5px;
    background-color: #ececec;
    border: 2px solid #ccc;
    margin-bottom: 20px;
}

.home-box {
    margin-bottom: 15px;
}

.home-box:last-child {
    margin-bottom: 0;
}

.dashboard-group .home-box__heading h2 {
    font-size: 20px;
}

.myissue-tactic {
    list-style-type: none;
    margin: 0;
    padding: 0 25px !important;
    font-size: 0;
    text-align: center;
}

.myissue-tactic li {
    display: inline-block;
    width: 50%;
    background-color: transparent !important;
    font-size: 14px;
    vertical-align: top;
    line-height: 20px;
    padding: 2px !important;
}

.myissue-tactic li a {
    display: block;
    border: 2px solid #ccc;
    border-radius: 10px;
    width: 110px;
    color: #000;
    padding: 10px;
    height: 104px;
    position: relative;
    margin: 0 auto;
}

.myissue-tactic li a div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 10px;
    right: 10px;
}

.myissue-tactic li a.resolving {
    background-color: #f00;
    color: #fff;
}

.myissue-tactic li a.ontrack {
    background-color: #1981dd;
    color: #fff;
}

.myissue-tactic li a.completed {
    background-color: #4ec503;
    color: #fff;
}

.myissue-tactic li a span {
    font-weight: 600;
    display: block;
    background-color: transparent;
    margin-top: 5px;
    color: #000;
    font-style: normal;
}

.myissue-tactic li a.resolving span,
.myissue-tactic li a.ontrack span,
.myissue-tactic li a.completed span {
    color: #fff;
}

.dashboard-group .home-box__heading {
    position: relative;
}

.dashboard-group .home-box__heading .edit-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
}

.mgmt-update {
    margin: 0 -5px !important;
}

.mgmt-update li {
    background-color: transparent !important;
    border-bottom: 1px solid #ccc;
    display: flex;
    cursor: pointer;
}

.mgmt-update li:last-child {
    border-bottom: 0;
}

.mgmt-update li p {
    display: inline-block;
}

.mgmt-update li span {
    display: inline-block;
    transform: skew(0) !important;
    border-radius: 15px;
    background-color: #f00 !important;
    color: #fff;
    margin-right: 5px;
    padding: 5px;
    font-size: 10px;
    height: 14px !important;
}

.new-assignments {
    margin: 0 -5px !important;
}

.dashboard-group .home-box .home-box__body {
    padding: 5px;
}

.dashboard-group .home-box__heading h2 {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .dashboard-group {
        margin-bottom: 30px;
    }
}

.mobile-mode-table {
    border-collapse: collapse;
}

@media (max-width: 767px) {
    .mobile-mode-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .mobile-mode-table tr {
        display: block;
    }

    .mobile-mode-table tr th {
        display: none;
    }

    .mobile-mode-table tr td {
        display: block;
        text-align: right;
    }

    .mobile-mode-table tr td::before {
        content: attr(data-label);
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
    }

    .mobile-mode-table tr td:last-child {
        border-bottom: 0;
    }

    table.mobile-mode-table tr td .normal {
        display: inline-block;
    }
}

.modaltactic .row {
    padding: 5px 0;
    margin-right: 0;
}

.modaltactic .row .btn {
    display: block;
    width: 100%;
}

.modaltactic .row .col-md-8 p {
    margin-bottom: 0;
    padding: 10px 0;
}

.modaltactic .row:nth-child(odd) .col-md-8 {
    background-color: #f1f1f1;
}

.modal-content-fctactic {
    border: 2px solid #000;
    border-radius: 0;
}

.modal-content-fctactic .modal-header {
    border: 0
}

.modal-content-fctactic .modal-header strong {
    color: #000000;
    border-bottom: 2px solid #ccc;
}

.modal-content-fctactic .modal-header .close {
    margin: -8px;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000;
    color: #000
}


/*CSS added 3.8.2020 - Easy to Forgot*/
.easy-forget {
    border: 2px solid #ccc;
    padding: 5px;
}

.easy-forget table {
    margin-bottom: 0
}

.easy-forget .btn {
    width: 100%
}

/*Css added 3.8.2020 - Quick Win*/

.quickwin_reportBox {
    border: 2px solid #ccc
}

.quickwin_reportCnt {
    border: 0;
}

.hightlight h5 {
    font-size: 16px;
    font-weight: 600
}

.bot-box h5 {
    background-color: transparent;
}

.highresource {
    position: relative;
}

.highresource:after {
    content: "";
    border-bottom: 250px solid #fbfb81;
    border-left: 250px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
}

.bot-boxWrap {
    position: relative;
    z-index: 1
}

@media (max-width: 1199px) {
    .highresource:after {
        border-left-width: 208px
    }
}

@media (max-width: 991px) {
    .highresource:after {
        display: none
    }

    .bot-boxWrap ul {
        padding-top: 10px !important
    }
}

@media (max-width: 767px) {
    .hightlight strong.heading {
        display: none
    }

    .hightlight ul li {
        margin-bottom: 5px
    }

    .hightlight ul li:before {
        content: attr(data-label) ":";
        font-weight: bold;
        width: 40%;
        padding-right: 10px;
        display: inline-block;
    }
}

/*css added 3.8.2020 - Easy to Send*/
.hightlight h5 {
    font-size: 16px;
    font-weight: 600
}

.bot-box.imp {
    min-height: 230px
}

.bot-box.imp h5 {
    background-color: transparent;
}

.bot-box.imp h5 strong {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    display: block;
    color: #000
}

@media (max-width: 767px) {
    .bot-box.imp {
        min-height: 0;
    }

    .hightlight strong.heading {
        display: none
    }

    .hightlight ul li {
        margin-bottom: 5px
    }

    .hightlight ul li:before {
        content: attr(data-label) ":";
        font-weight: bold;
        padding-right: 10px;
        display: block;
        margin-bottom: 5px;
    }
}

/*css added 5.8.2020*/

.fc-stream h2 {
    text-decoration: underline;
    margin-bottom: 30px
}

.fc-stream p {
    font-size: 20px;
    margin-bottom: 30px
}

.fc-protectTimeline label {
    display: block;
    font-size: 16px;
    font-weight: 600
}

.fc-protectTimeline input[type="text"],
.fc-protectTimeline input[type="number"],
.fc-protectTimeline textarea,
.fc-protectTimeline select {
    height: 34px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    width: 100%
}

.fc-protectTimeline textarea {
    resize: none;
    padding: 5px 10px
}

.addBtn,
.editBtn {
    position: absolute;
    right: 0;
    top: 40px;
}

.editBtn {
    font-size: 20px;
    top: 35px;
    right: -5px
}

.fc-stream-activity {
    padding: 30px 0
}

.fc-stream-activity p {
    font-size: 16px;
    font-weight: 600
}

.fc-stream-activity p a {
    font-size: 14px;
    font-weight: 500;
}

.addobjective {
    margin: 15px 0
}

.addobjective p {
    font-size: 14px;
    display: block;
    margin-bottom: 5px
}

.addobjective textarea {
    width: 100%;
    border: 1px solid #ccc;
    height: 70px;
    padding: 10px;
    display: block;
}

.timeline-datepicker {
    position: relative;
}

.timeline-datepicker input[type="text"] {
    /* width: 100px;
                 display: inline-block;*/
    font-size: 14px;
    color: #000;
    border-radius: 0
}

.timeline-datepicker .addon-mod {
    padding: 6px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/*css added 6.8.2020*/
.modal-workstream .modal-header strong {
    border-bottom: 0
}

.modal-workstream .modal-workstream-list {
    margin-bottom: 20px;
    position: relative;
}

.modal-workstream .modal-workstream-list h4,
.modal-workstream .modal-workstream-list h5 {
    font-size: 13px;
    margin-bottom: 15px;
}

.modal-workstream .modal-workstream-list h5 {
    padding-left: 10px;
    margin-bottom: 10px;
}

.modal-workstream .modal-workstream-list p {
    padding-left: 30px;
}

.modal-workstream .modal-workstream-list .solution-exchange-p p {
    padding-left: 65px;
}

.modal-workstream .modal-workstream-list ol {
    padding-left: 20px
}

.modal-workstream .modal-workstream-list h5 span {
    font-weight: 600;
}

.modal-workstream .modal-workstream-list h5 span.inprogress {
    color: #0000ff
}

.modal-workstream .modal-workstream-list .twocol {
    display: flex;
}

.modal-workstream .modal-workstream-list .twocol strong {
    width: 80px;
}

.modal-workstream .modal-workstream-list .fourcol {
    display: flex;
}

.modal-workstream .modal-workstream-list .fourcol strong {
    width: 160px;
}

.desireworkstream span {
    font-size: 12px;
    border: 2px solid #323232;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 10px;
    line-height: 14px;
    height: 20px;
    color: #1582DC;
    font-weight: 600;
}

/* Style 10.8.2020 */
.editTop label {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block;
}

.editTop input[type="text"] {
    height: 34px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    width: 68%;
}

.editBox {
    background-color: transparent;
    padding: 6px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    border: 1px solid #ccc;
}

.editBox .editBtn {
    position: absolute;
    right: 8px;
    color: #323232;
    top: 4px;
}

/*CSS added 12.8.2020*/
.fc-icon {
    text-align: center;
}

.fc-icon label {
    display: block;
}

.fc-icon label span {
    font-size: 12px;
    border: 1px solid #323232;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    line-height: 18px;
    height: 22px;
    color: #1582DC;
}


.btn-fc {
    padding: 8px 25px;
    color: #fff;
    display: inline-block;
    border: 1px solid #83848e
}

.btn-fc:hover {
    color: #fff;
    opacity: .8
}

.btn-round {
    border-radius: 25px
}

.btn-yellow {
    background-color: #fcc300
}

.btn-red {
    background-color: #e00f00
}

.btn-blue {
    background-color: #0a3cff
}

.btn-purple {
    background-color: #d40d6b
}

.btn-green {
    background-color: #34a739
}

/*7.8.2020*/
.fc-contactwrap {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 15px;
    box-shadow: 3px 3px 0 #e4e3e3;
}

.fc-contactwrap label {
    display: block;
    font-size: 13px;
}

.fc-contactwrap label span {
    color: red;
}

.fc-bui {
    list-style-type: none;
    text-align: left;
}

.fc-bui li {
    border-bottom: 1px dashed #ccc;
    display: table
}

.fc-bui li:last-child {
    border-bottom: 0
}

.fc-bui li span {
    display: inline-block;
    width: 110px;
    vertical-align: middle;
    text-align: left;
}

.fc-bui li div {
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: middle;
    position: relative;
}

.fc-bui li button {
    border: 0;
    padding: 5px 10px;
}

.fc-bui li button span {
    display: block;
    width: 85px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

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

.fc-list-activities li {
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px
}

.fc-list-activities li:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px
}

.form-top {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px
}

.form-heading {
    margin: 0 0 15px
}

.form-field {
    margin: 0 0 15px
}

.form-field label {
    margin: 0;
    padding-top: 10px
}

.form-field .form-control {
    font-size: 14px
}

.form-field .form-field-text {
    padding-top: 10px;
    display: block;
}

.form-field input[type="checkbox"] {
    float: none;
    margin: 10px 0 0
}

.form-bot {
    border-top: 1px solid #ccc;
    margin: 15px 0 0;
    padding-top: 15px
}

.mob-head {
    display: none;
}

@media (max-width: 767px) {
    .form-heading {
        display: none
    }

    .form-field label {
        margin-bottom: 10px
    }

    .form-field .form-control {
        margin-bottom: 10px
    }

    .mob-head {
        display: block;
        font-weight: 700;
        margin-bottom: 10px
    }

    .form-field .text-center {
        text-align: left !important
    }

    .form-field .form-field-text {
        padding-top: 0;
        margin-bottom: 10px
    }

    .form-field input[type="checkbox"] {
        margin-top: 0
    }
}

/*CSS added 23.9.2020*/
.toplabel .editBtn {
    position: static;
    color: #323232;
    font-size: 16px;
    margin-left: 5px
}

@media (max-width: 767px) {
    .toplabel {
        position: static
    }
}

.cell-active {
    background-color: #ffffad !important;
}

.sorting {
    background: url(../../assets/images/sort_both.png) no-repeat right center;
    padding-right: 20px;
    position: relative;
    z-index: 1;
}

.sort_asc {
    background: url(../../assets/images/sort_asc.png) no-repeat right center;
    padding-right: 20px;
}

.sort_desc {
    background: url(../../assets/images/sort_desc.png) no-repeat right center;
    padding-right: 20px;
}

.fix-table {
    position: relative;
    text-align: left;
    width: 100%;
}

.fix-table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff !important;
}

/*lineno.2551*/
/* .planning-whiteboard .priority-sub-buttons button {
        margin-top: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 15px;
    } */
.btn-nobg {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
    transform: skew(0deg);
    width: 100%;
    margin-left: 0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
}

.btn-nobg.s-imp-btn-skew {
    text-transform: none;
}

.btn-nobg span {
    transform: skew(0deg);
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_1,
.btn-nobg.bg_1 {
    color: #2aa744 !important
}

.btn-nobg.bg_2,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_2 {
    color: #1c82dc !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_3,
.btn-nobg.bg_3 {
    color: #800006 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_4,
.btn-nobg.bg_4 {
    color: #2e4e4f !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_5,
.btn-nobg.bg_5 {
    color: #702fa0 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_6,
.btn-nobg.bg_6 {
    color: #d36921 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_7,
.btn-nobg.bg_7 {
    color: #00205f !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_7,
.btn-nobg.bg_8 {
    color: #7f7f7f !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_9,
.btn-nobg.bg_9 {
    color: #c0030f !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_10,
.btn-nobg.bg_10 {
    color: #365524 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_11,
.btn-nobg.bg_11 {
    color: #fcc100 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_12,
.btn-nobg.bg_12 {
    color: #5a9bd5 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_13,
.btn-nobg.bg_13 {
    color: #a8d18d !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_14,
.btn-nobg.bg_14 {
    color: #833c11 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_15,
.btn-nobg.bg_15 {
    color: #8469e6 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_16,
.btn-nobg.bg_16 {
    color: #259bb1 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_17,
.btn-nobg.bg_17 {
    color: #d90969 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_18,
.btn-nobg.bg_18 {
    color: #FF0000 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_19,
.btn-nobg.bg_19 {
    color: #DC143C !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_20,
.btn-nobg.bg_20 {
    color: #2E8B57 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_21,
.btn-nobg.bg_21 {
    color: #6B8E23 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_22,
.btn-nobg.bg_22 {
    color: #808000 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_23,
.btn-nobg.bg_23 {
    color: #556B2F !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_24,
.btn-nobg.bg_24 {
    color: #3CB371 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_25,
.btn-nobg.bg_25 {
    color: #006400 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_26,
.btn-nobg.bg_26 {
    color: #008080 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_27,
.btn-nobg.bg_27 {
    color: #024610 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_28,
.btn-nobg.bg_28 {
    color: #011e38 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_29,
.btn-nobg.bg_29 {
    color: #540102 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_30,
.btn-nobg.bg_30 {
    color: #01575d !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_31,
.btn-nobg.bg_31 {
    color: #37015f !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_32,
.btn-nobg.bg_32 {
    color: #845b40 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_33,
.btn-nobg.bg_33 {
    color: #475f90 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_34,
.btn-nobg.bg_34 {
    color: #41b9ff !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_35,
.btn-nobg.bg_35 {
    color: #8c4446 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_36,
.btn-nobg.bg_36 {
    color: #66944b !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_37,
.btn-nobg.bg_37 {
    color: #9e883d !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_38,
.btn-nobg.bg_38 {
    color: #477094 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_39,
.btn-nobg.bg_39 {
    color: #8ca07e !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_40,
.btn-nobg.bg_40 {
    color: #fbad7d !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_41,
.btn-nobg.bg_41 {
    color: #897fad !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_42,
.btn-nobg.bg_42 {
    color: #6e858a !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_43,
.btn-nobg.bg_43 {
    color: #000000 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_44,
.btn-nobg.bg_44 {
    color: #8c7978 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_45,
.btn-nobg.bg_45 {
    color: #BC8F8F !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_46,
.btn-nobg.bg_46 {
    color: #536b5d !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_47,
.btn-nobg.bg_47 {
    color: #DAA520 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_48,
.btn-nobg.bg_48 {
    color: #CD853F !important
}

.btn-nobg.bg_49,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_49 {
    color: #615346 !important
}

.btn-nobg.bg_50,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_50 {
    color: #ffa500 !important
}

.btn-nobg.bg_51,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_51 {
    color: #A0522D !important
}

.btn-nobg.bg_52,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_52 {
    color: #A52A2A !important
}

.btn-nobg.bg_53,
.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_53 {
    color: #663399 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_54,
.btn-nobg.bg_54 {
    color: #483D8B !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_55,
.btn-nobg.bg_55 {
    color: #BA55D3 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_56,
.btn-nobg.bg_56 {
    color: #CD5C5C !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_57,
.btn-nobg.bg_57 {
    color: #B22222 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_58,
.btn-nobg.bg_58 {
    color: #BDB76B !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_59,
.btn-nobg.bg_59 {
    color: #645077 !important
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-nobg.bg_60,
.btn-nobg.bg_60 {
    color: #103cb7 !important
}

/*lineno 1831*/
.relationship-table .table-title {
    transform: skew(0deg);
    background-color: transparent;
    color: #000;
    padding: 0;
    font-weight: 700;
    border-bottom: 2px solid #000;
    margin: 10px 10px 0;
}

#reportSections .relationship-table {
    border: 1px solid #ccc;
    margin: 10px 0;
}

#reportSections .relationship-table.relationship-table-pco {
    border: 0;
}

.relationship-table.relationship-table-pco .table-title {
    margin: 0;
}

/*Line 5998*/
.tactic_headlink_priority a,
.internalresource_headlink_priority a {
    transform: skew(0deg);
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 18px;
    padding: 5px 0 0 0;
    font-weight: 600;
}

.tactic_headlink_priority .active span,
.internalresource_headlink_priority .active span {
    border-bottom: 2px solid #0000ff;
}

.tactic_headlink_priority a:before,
.internalresource_headlink_priority a:before {
    content: "";
    width: 12px;
    height: 13px;
    display: inline-block;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 4px;
}

.tactic_headlink_priority .active:before,
.internalresource_headlink_priority .active:before {
    background-color: #0000ff;
}

.tactic_headlink_priority a.bg_1,
.internalresource_headlink_priority a.bg_1 {
    color: #2aa744 !important
}

.tactic_headlink_priority a.bg_2,
.internalresource_headlink_priority a.bg_2 {
    color: #1c82dc !important
}

.tactic_headlink_priority a.bg_3,
.internalresource_headlink_priority a.bg_3 {
    color: #800006 !important
}

.tactic_headlink_priority a.bg_4,
.internalresource_headlink_priority a.bg_4 {
    color: #2e4e4f !important
}

.tactic_headlink_priority a.bg_5,
.internalresource_headlink_priority a.bg_5 {
    color: #702fa0 !important
}

.tactic_headlink_priority a.bg_6,
.internalresource_headlink_priority a.bg_6 {
    color: #d36921 !important
}

.tactic_headlink_priority a.bg_7,
.internalresource_headlink_priority a.bg_7 {
    color: #00205f !important
}

.tactic_headlink_priority a.bg_8,
.internalresource_headlink_priority a.bg_8 {
    color: #7f7f7f !important
}

.tactic_headlink_priority a.bg_9,
.internalresource_headlink_priority a.bg_9 {
    color: #c0030f !important
}

.tactic_headlink_priority a.bg_10,
.internalresource_headlink_priority a.bg_10 {
    color: #365524 !important
}

.tactic_headlink_priority a.bg_11,
.internalresource_headlink_priority a.bg_11 {
    color: #fcc100 !important
}

.tactic_headlink_priority a.bg_12,
.internalresource_headlink_priority a.bg_12 {
    color: #5a9bd5 !important
}

.tactic_headlink_priority a.bg_13,
.internalresource_headlink_priority a.bg_13 {
    color: #a8d18d !important
}

.tactic_headlink_priority a.bg_14,
.internalresource_headlink_priority a.bg_14 {
    color: #833c11 !important
}

.tactic_headlink_priority a.bg_15,
.internalresource_headlink_priority a.bg_15 {
    color: #8469e6 !important
}

.tactic_headlink_priority a.bg_16,
.internalresource_headlink_priority a.bg_16 {
    color: #259bb1 !important
}

.tactic_headlink_priority a.bg_17,
.internalresource_headlink_priority a.bg_17 {
    color: #d90969 !important
}

.tactic_headlink_priority a.bg_18,
.internalresource_headlink_priority a.bg_18 {
    color: #FF0000 !important
}

.tactic_headlink_priority a.bg_19,
.internalresource_headlink_priority a.bg_19 {
    color: #DC143C !important
}

.tactic_headlink_priority a.bg_20,
.internalresource_headlink_priority a.bg_20 {
    color: #2E8B57 !important
}

.tactic_headlink_priority a.bg_21,
.internalresource_headlink_priority a.bg_21 {
    color: #6B8E23 !important
}

.tactic_headlink_priority a.bg_22,
.internalresource_headlink_priority a.bg_22 {
    color: #808000 !important
}

.tactic_headlink_priority a.bg_23,
.internalresource_headlink_priority a.bg_23 {
    color: #556B2F !important
}

.tactic_headlink_priority a.bg_24,
.internalresource_headlink_priority a.bg_24 {
    color: #3CB371 !important
}

.tactic_headlink_priority a.bg_25,
.internalresource_headlink_priority a.bg_25 {
    color: #006400 !important
}

.tactic_headlink_priority a.bg_26,
.internalresource_headlink_priority a.bg_26 {
    color: #008080 !important
}

.tactic_headlink_priority a.bg_27,
.internalresource_headlink_priority a.bg_27 {
    color: #024610 !important
}

.tactic_headlink_priority a.bg_28,
.internalresource_headlink_priority a.bg_28 {
    color: #011e38 !important
}

.tactic_headlink_priority a.bg_29,
.internalresource_headlink_priority a.bg_29 {
    color: #540102 !important
}

.tactic_headlink_priority a.bg_30,
.internalresource_headlink_priority a.bg_30 {
    color: #01575d !important
}

.tactic_headlink_priority a.bg_31,
.internalresource_headlink_priority a.bg_31 {
    color: #37015f !important
}

.tactic_headlink_priority a.bg_32,
.internalresource_headlink_priority a.bg_32 {
    color: #845b40 !important
}

.tactic_headlink_priority a.bg_33,
.internalresource_headlink_priority a.bg_33 {
    color: #475f90 !important
}

.tactic_headlink_priority a.bg_34,
.internalresource_headlink_priority a.bg_34 {
    color: #41b9ff !important
}

.tactic_headlink_priority a.bg_35,
.internalresource_headlink_priority a.bg_35 {
    color: #8c4446 !important
}

.tactic_headlink_priority a.bg_36,
.internalresource_headlink_priority a.bg_36 {
    color: #66944b !important
}

.tactic_headlink_priority a.bg_37,
.internalresource_headlink_priority a.bg_37 {
    color: #9e883d !important
}

.tactic_headlink_priority a.bg_38,
.internalresource_headlink_priority a.bg_38 {
    color: #477094 !important
}

.tactic_headlink_priority a.bg_39,
.internalresource_headlink_priority a.bg_39 {
    color: #8ca07e !important
}

.tactic_headlink_priority a.bg_40,
.internalresource_headlink_priority a.bg_40 {
    color: #fbad7d !important
}

.tactic_headlink_priority a.bg_41,
.internalresource_headlink_priority a.bg_41 {
    color: #897fad !important
}

.tactic_headlink_priority a.bg_42,
.internalresource_headlink_priority a.bg_42 {
    color: #6e858a !important
}

.tactic_headlink_priority a.bg_43,
.internalresource_headlink_priority a.bg_43 {
    color: #000000 !important
}

.tactic_headlink_priority a.bg_44,
.internalresource_headlink_priority a.bg_44 {
    color: #8c7978 !important
}

.tactic_headlink_priority a.bg_45,
.internalresource_headlink_priority a.bg_45 {
    color: #BC8F8F !important
}

.tactic_headlink_priority a.bg_46,
.internalresource_headlink_priority a.bg_46 {
    color: #536b5d !important
}

.tactic_headlink_priority a.bg_47,
.internalresource_headlink_priority a.bg_47 {
    color: #DAA520 !important
}

.tactic_headlink_priority a.bg_48,
.internalresource_headlink_priority a.bg_48 {
    color: #CD853F !important
}

.tactic_headlink_priority a.bg_49,
.internalresource_headlink_priority a.bg_49 {
    color: #615346 !important
}

.tactic_headlink_priority a.bg_50,
.internalresource_headlink_priority a.bg_50 {
    color: #ffa500 !important
}

.tactic_headlink_priority a.bg_51,
.internalresource_headlink_priority a.bg_51 {
    color: #A0522D !important
}

.tactic_headlink_priority a.bg_52,
.internalresource_headlink_priority a.bg_52 {
    color: #A52A2A !important
}

.tactic_headlink_priority a.bg_53,
.internalresource_headlink_priority a.bg_53 {
    color: #663399 !important
}

.tactic_headlink_priority a.bg_54,
.internalresource_headlink_priority a.bg_54 {
    color: #483D8B !important
}

.tactic_headlink_priority a.bg_55,
.internalresource_headlink_priority a.bg_55 {
    color: #BA55D3 !important
}

.tactic_headlink_priority a.bg_56,
.internalresource_headlink_priority a.bg_56 {
    color: #CD5C5C !important
}

.tactic_headlink_priority a.bg_57,
.internalresource_headlink_priority a.bg_57 {
    color: #B22222 !important
}

.tactic_headlink_priority a.bg_58,
.internalresource_headlink_priority a.bg_58 {
    color: #BDB76B !important
}

.tactic_headlink_priority a.bg_59,
.internalresource_headlink_priority a.bg_59 {
    color: #645077 !important
}

.tactic_headlink_priority a.bg_60,
.internalresource_headlink_priority a.bg_60 {
    color: #103cb7 !important
}

.c-tacticsInfo .c-tacticsInfo--wrp .tactic_blue.tactic-heading {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    background-color: transparent;
    padding: 0 10px;
}

.c-tacticsInfo .c-tacticsInfo--wrp .tactic_blue.tactic-heading span {
    border-bottom: 2px solid #000;
}

.c-tacticsInfo .c-tacticsInfo--wrp .tactic_blue.tactic-heading span i {
    display: none;
}

.btn-no-piority {
    margin-left: 15px !important;
}

/*lineno 577*/
.business-units a {
    font-size: 22px;
    box-shadow: 0px 0px 10px 0px rgba(185, 185, 185, 0.95);
}

.planning-whiteboard .priority-buttons button.btn-nobg.btn-skew {
    text-transform: none;
}

/*css added 16.10.2020*/
.business-unittitle {
    transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    font-weight: 600;
    color: #000;
    background-color: transparent;
    text-decoration: underline;
}

.business-unittitle:before {
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #000;
    margin-right: 5px;
    vertical-align: middle;
}

.business-unittitle__critical {
    color: #FF0000;
}

.business-unittitle__critical:before {
    background-color: #FF0000;
}

.business-unittitle__veryimportant {
    color: #007bff;
}

.business-unittitle__veryimportant:before {
    background-color: #007bff;
}

.business-unittitle__important {
    color: #000;
}

.business-unittitle__important:before {
    background-color: #000;
}

.business-unittitle__relevant {
    border: 0;
    color: #a2a2a2;
}

.business-unittitle__relevant:before {
    border-color: #a2a2a2;
}

.btn.noskew {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 3px !important;
    transform: skew(0deg) !important;
}

/* for template domain listing page new css - 29.10.2020 */

.template-box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    background-color: #fff
}

.template-box h5 {
    font-weight: 600;
    color: #0056b3;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

.template-heading {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

.template-heading li {
    display: inline-block;
    width: 50%;
    font-size: 10px;
    font-weight: 600;
    padding: 5px;
    color: #000 !important
}

.template-heading li:first-child {
    width: 40%
}

.template-heading li:last-child {
    width: 60%
}

.template-cnt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 265px;
    overflow: hidden;
    overflow-y: scroll;
}

.template-cnt li {
    padding: 5px;
    border-bottom: 1px solid #ccc
}

.template-cnt li div {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.template-cnt li div:nth-child(odd) {
    width: 40%;
}

.template-cnt li div:nth-child(even) {
    width: 60%;
    padding-left: 10px
}

.template-cnt .btn {
    font-size: 10px;
    width: 100%;
    padding: 5px 3px;
}

.template-cnt .btn-small {
    font-size: 8px;
    padding: 4px 5px;
    width: auto;
    margin-right: 5px
}

.template-cnt .btn-skew span {
    transform: skew(25deg);
}

.template-box:hover {
    box-shadow: 0 0 5px #ccc;
    text-decoration: none;
}

.template-box:hover h5 {
    text-decoration: none;
}

.fc-template-option a {
    text-decoration: none;
}

.fc-template-option {
    background-color: #f1f1f1;
    padding-top: 15px;
}

@media (max-width:1199px) {
    .fc-template-option .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:767px) {
    .fc-template-option .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


header nav ul li:hover .btn-disable {
    background-color: #1582dc;
    opacity: .3
}

.template-box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    background-color: #fff
}

.template-box h5 {
    font-weight: 600;
    color: #0056b3;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

.template-heading {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

.template-heading li {
    display: inline-block;
    width: 50%;
    font-size: 10px;
    font-weight: 600;
    padding: 5px;
    color: #000 !important
}

.template-heading li:first-child {
    width: 40%
}

.template-heading li:last-child {
    width: 60%
}

.template-cnt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 265px;
    overflow: hidden;
    overflow-y: scroll;
}

.template-cnt li {
    padding: 5px;
    border-bottom: 1px solid #ccc
}

.template-cnt li div {
    display: inline-block;
    width: 50%;
}

.template-cnt li div:nth-child(odd) {
    width: 40%;
}

.template-cnt li div:nth-child(even) {
    width: 60%;
    padding-left: 10px
}

.template-cnt .btn {
    font-size: 10px;
    width: 100%;
    padding: 5px 3px;
}

.template-cnt .btn-small {
    font-size: 8px;
    padding: 4px 5px;
    width: auto;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.template-cnt .btn-skew span {
    transform: skew(25deg);
}

.template-box:hover {
    box-shadow: 0 0 5px #ccc;
    text-decoration: none;
}

.template-box:hover h5 {
    text-decoration: none;
}

.fc-template-option a {
    text-decoration: none;
}

.fc-template-option {
    background-color: #f1f1f1;
    padding-top: 15px;
}

@media (max-width:1199px) {
    .fc-template-option .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:767px) {
    .fc-template-option .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*css added 6.11.2020*/
.advocacy-list {
    border-top: 2px solid #ccc;
    padding: 30px 0;
}

.advocacy-list:last-of-type {
    border-bottom: 2px solid #ccc;
}

.template-box-advocacy {
    background-color: transparent;
    border: 0;
    margin-bottom: 0
}

.template-box-advocacy:hover {
    box-shadow: none;
}

.template-box-advocacy .template-heading li {
    font-size: 15px;
    color: #505050
}

.template-box-advocacy .template-heading li:last-child {
    padding-left: 30px
}

.template-box-advocacy .template-cnt {
    height: auto;
    overflow: visible;
}

.template-box-advocacy .template-cnt li {
    padding: 10px
}

.template-box-advocacy .template-cnt li:last-child {
    border-bottom: 0
}

.template-box-advocacy .template-cnt li div {
    vertical-align: middle;
}

.template-box-advocacy .template-cnt li div:nth-child(even) {
    padding-left: 30px
}

.template-box-advocacy .template-cnt .btn {
    font-size: 14px;
    padding: 8px 5px
}

.template-box-advocacy .template-cnt .btn-small {
    font-size: 12px;
    padding: 5px 10px
}

.advocacy-list-text h5 {
    font-weight: 500;
    color: #000;
    text-decoration: underline;
    margin-bottom: 20px
}

.advocacy-list-text p {
    color: #000;
    padding-left: 30px;
    font-weight: 400;
    margin-bottom: 20px
}

.advocacy-list-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.advocacy-list-text ul li {
    display: inline-block;
    padding-right: 10px
}

@media (max-width: 1199px) {
    .advocacy-list-text ul li .btn-fc {
        padding: 8px 10px
    }
}

@media (max-width: 991px) {
    .advocacy-list .order-md-2 {
        order: 0
    }

    .advocacy-list .col-md-7,
    .advocacy-list .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .advocacy-list-text ul li .btn-fc {
        padding: 8px 15px
    }
}

@media (max-width: 479px) {
    .template-box-advocacy .template-cnt li {
        padding: 8px
    }

    .advocacy-list {
        padding: 15px 0
    }

    .template-box-advocacy .template-heading li {
        font-size: 12px
    }
}

/* Added for the landing page css */
.homecontainer {
    text-align: center;
    /* margin: 0 0 20px */
}

.fc-cntwrap h2 {
    font-size: 3rem;
    font-weight: 600;
    text-align: left;
    display: inline-block;
}

.fc-cntwrap-text {
    text-align: left;
    margin-bottom: 35px
}

.fc-cntwrap-text p {
    font-size: 18px
}

.fc-cntwrapVideo video {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #d1d6dc;
    box-shadow: 5px 5px 15px #f2f2f2
}

.gray-bg {
    background-color: #f1f1f1
}

.fc-twopart {
    padding: 50px 0;
}

.fc-twopart .fc-cntwrap-text {
    margin-bottom: 0;
}

.fc-cntwrap-valign {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
    padding: 0 30px
}

.fc-cntwrap-valign h2 {
    font-size: 2rem;
}

.fc-cntwrap-valign p {
    font-size: 16px
}

.fc-banner {
    background-color: #1b60fb;
    padding: 70px 0
}

.fc-banner h2 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px
}

.fc-banner h2 span {
    font-style: italic
}

.fc-banner .btn {
    font-size: 20px;
    background-color: #71da12
}

.footer-section {
    padding: 20px 0 50px 0;
}

.footer-link-top {
    text-align: left
}

.footer-link-top li a {
    color: #000 !important
}

.fc-twopart:nth-child(even) .fc-tb {
    order: 2;
}

.fc-cntwrap-img figure img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .fc-twopart {
        padding: 50px 0
    }

    .fc-twopart:nth-child(even) .fc-tb {
        order: 0;
    }

    .fc-cntwrap-valign {
        position: static;
        transform: translateY(0);
        padding: 0
    }

    .fc-banner {
        padding: 50px 0
    }
}

@media (max-width: 576px) {
    .homecontainer h1 {
        font-size: 3rem;
    }

    .homecontainer .subheader-title {
        font-size: 1.2rem
    }

    .fc-twopart {
        padding: 30px 0
    }

    .fc-banner {
        padding: 30px 0
    }

    .footer-section {
        padding: 30px 0
    }

    .fc-cntwrap h2 {
        font-size: 2.5rem
    }

    .fc-cntwrap-valign h2 {
        font-size: 1.5rem
    }

    .fc-banner h2 {
        font-size: 2rem;
        margin-bottom: 30px
    }
}

@media (max-width: 480px) {
    .homecontainer h1 {
        font-size: 2.2rem;
    }

    .homecontainer .subheader-title {
        font-size: 1rem
    }

    .fc-cntwrap h2 {
        font-size: 2rem
    }
}

.footer-link-top {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: none;
}

.footer-link-top li {
    padding: 0 15px
}

.footer-link-top li a {
    color: #1582dc !important
}

@media (max-width: 576px) {
    .footer-link-top {
        font-size: 13px
    }

    .footer-link-top li {
        padding: 0 10px
    }
}

/*CSS added 6.11.2020*/
.footer-link-top {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.footer-link-top li {
    padding: 0 15px
}

.footer-link-top li a {
    color: #1582dc !important
}

@media (max-width: 576px) {
    .footer-link-top {
        font-size: 13px
    }

    .footer-link-top li {
        padding: 0 10px
    }
}

/*30.11.2020*/
.fc-landing-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fc-landing-menu li {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    position: relative;
}

.fc-landing-menu li a {
    font-size: 17px;
    font-weight: 600
}

.fc-landing-menu .f-landing-line {
    width: 100%;
    opacity: 0
}

.fc-landing-menu .f-landing-line span {
    height: 7px
}

.fc-landing-menu li:last-child {
    float: right;
    margin-top: -13px
}

.fc-landing-menu li.active .f-landing-line {
    opacity: 1
}

@media (max-width: 991px) {
    .fc-landing-menu li {
        padding: 0 5px
    }
}

.fc-version .btn-nobg.btn-skew {
    text-transform: none;
}

/*css added 8.12.2020*/
.fc-logo {
    display: inline-block;
    margin-right: 15px
}

.fc-logo .f-landing-line {
    width: 100%;
    opacity: 0
}

.fc-logo.active .f-landing-line span {
    height: 7px
}

.fc-logo a {
    font-size: 17px;
    font-weight: 600
}

.fc-logo.active .f-landing-line {
    opacity: 1
}

.fc-landing-menu {
    display: inline-block;
}

.fc-landing-menu li {
    position: static;
}

.fcm-menu {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 20px;
    display: none
}

.fcm-menu span {
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #007bff;
}

.fcm-menu span:before,
.fcm-menu span:after {
    content: "";
    position: absolute;
    height: 5px;
    background-color: #007bff;
    display: block;
    width: 100%
}

.fcm-menu span:before {
    top: -8px
}

.fcm-menu span:after {
    bottom: -8px
}

.m-close span {
    height: 0
}

.m-close span:before {
    top: 0;
    transform: rotate(45deg);
}

.m-close span:after {
    bottom: -5px;
    transform: rotate(-45deg);
}

@media (max-width: 991px) {

    .fc-landing-menu li a,
    .fc-logo a {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .fcm-menu {
        display: block
    }

    .fc-landing-menu {
        display: none;
        text-align: center;
        background-color: #fff;
        padding-top: 10px
    }

    .fc-landing-menu li {
        display: block
    }

    .fc-landing-menu li:last-child {
        display: block;
        float: none;
        margin: 0
    }

    .fc-landing-menu li a.c-landing-btn {
        position: static;
    }

    .footer-link-top {
        display: block;
    }
}

.fc-cnt-page video {
    width: 100% !important;
    height: auto !important
}

.fc-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.fc-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fc-cnt-page img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 479px) {
    .homecontainer h1 {
        font-size: 2rem;
    }
}

.delivery_dot {
    width: 20px;
    height: 20px;
    background-color: #619b45;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #4d7937
}

.delivery_text {
    color: #619b45;
    line-height: 20px
}

.prevension_dot {
    width: 20px;
    height: 20px;
    background-color: #023df5;
    display: inline-block;
    border: 1px solid #d9d8d6
}

.prevension_text {
    color: #023df5;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

.access_dot {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 20px solid #000;
    background-color: transparent;
    border-top: 0;
    display: inline-block;
    vertical-align: middle
}

.detection_dot {
    width: 20px;
    height: 20px;
    background-color: #ff9033;
    display: inline-block;
    transform: rotate(45deg);
    border: 1px solid #d9d8d6
}

.detection_text {
    color: #ff9033;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

#reportingBoderDataTable td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.sticky-top {
    z-index: 9;
}

/*Menu css 5.2.2021*/
.headerbot-menu ul {
    table-layout: unset;
}

.headerbot-menu ul li {
    width: 14.28%;
    background-color: #1582dc;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    vertical-align: middle
}

.headerbot-menu ul li a {
    background-color: transparent !important;
    padding: 10px;
    line-height: 16px
}

@media (max-width: 991px) {
    .headerbot-menu ul li a {
        padding: 5px;
        line-height: 14px
    }
}

@media (max-width: 767px) {
    .headerbot-menu ul li {
        display: table-cell
    }
}

@media (max-width: 480px) {
    .headerbot-menu ul li a {
        height: auto !important;
        padding: 5px;
        line-height: 10px
    }

    .headerbot-menu ul li a span {
        word-break: break-word;
        position: static;
        transform: translateY(0) !important;
    }
}

.setting-box h4 {
    color: #000;
    text-decoration: none !important
}

a:hover .setting-box h4 {
    color: #000;
    text-decoration: none !important
}

.report-page .report-box a {
    text-decoration: none !important
}

.report-page .report-box a:hover .setting-box,
.report-page .report-box a.selected .setting-box {
    border-color: #e65239
}

.top-header button[type="button"]:focus {
    outline: none !important
}

@media (max-width: 1199px) {
    .top-header h2 {
        font-size: 1.5rem;
        margin-bottom: 0 !important;
        /* margin-top: 25px !important */
    }

    .fc-issue-name {
        margin-top: 0 !important;
        padding-bottom: 10px;
    }

    .top-header .col-md-6.text-right {
        margin-top: 0 !important;
    }

}

.eq-w-box.btn-con.bu-text {
    max-width: 202px
}

.eq-w-box.btn-con.bu-text a.btn-info {
    background-color: rgb(38 164 233);
    border-color: #26a4e9;
}

@media (max-width: 991px) {
    .eq-w-box.btn-con.bu-text {
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
    .eq-w-box.btn-con.bu-text {
        width: 30%;
        padding: 0 5px
    }

    .eq-w-box.btn-con.bu-text a {
        font-size: 18px
    }
}

@media (max-width: 479px) {
    .eq-w-box.btn-con.bu-text {
        width: 43%;
    }

    .eq-w-box.btn-con.bu-text a {
        font-size: 16px
    }
}

.idea-contact-me {
    width: 175px;
    font-size: 12px;
    padding: 4px 8px;
    background-color: transparent;
    color: red;
    border-color: #c3ab00;
    font-weight: bold;
    line-height: 14px;
}

.idea-contact-me:hover {
    width: 175px;
    font-size: 12px;
    padding: 4px 8px;
    background-color: transparent;
    color: rgb(43, 2, 2);
    border-color: #c3ab00;
    font-weight: bold;
    line-height: 14px;
}

.solution-exchange-link {
    width: auto;
    cursor: pointer;
    display: inline-block;
    border: 2px blue solid;
    border-radius: 15px;
    padding: 2px 30px;
}

.reminder-link {
    display: inline-block;
    text-decoration: underline;
    color: #0b2de9 !important;
    position: relative;
    top: -10px;
}

.reminder-link i img {
    width: 20px;
}

.reminder-link i {
    margin-right: 5px;
    vertical-align: middle;
}

.dificulty-notes a {
    vertical-align: top;
}

.inner-critical-tactics {
    display: flex;
    margin-bottom: 1rem;
}

.inner-critical-tactics span {
    display: inline-block;
    width: 15px;
    vertical-align: top;
}

.content-critical-tactics {
    display: inline-block;
    width: calc(100% - 22px);
    vertical-align: top;
}

.inner-critical-tactics p {
    margin-bottom: .2rem;
    display: inline-block;
}

.inner-critical-tactics strong {
    /* display: block; */
}

.inner-critical-tactics .content-critical-tactics p strong {
    display: inline;
}

.desired-outcome-project-tab {
    display: flex;
    justify-content: left;
    padding-top: 5px;
    padding-left: 15px;
}

.desired-outcome-project-tab span {
    margin-right: 5px;
    margin-bottom: 5px;
}

.inner-desired-outcome {
    text-align: left;
}

.inner-desired-outcome .inner_editor_span {
    padding: 0;
    margin: 0;
    border: 0;
    height: auto;
    line-height: normal;
    width: 15px;
    border-radius: 0;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}

.desired-outcome-order {
    text-align: right;
    padding: 10px 15px 10px 10px;
}

.desired-outcome-order input[type="number"] {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-right: 10px;
    width: 50px;
    padding-left: 10px;
}

.listingTighten li p {
    display: inline;
    margin-bottom: 0px;
}

/* .popover{
        height: 300px;
        overflow-y: scroll   
    } */

.solution-exchange-add-btn {
    position: absolute;
    right: 55px;
}

.close.solution-exchange-close-btn {
    margin: 6px 0px 0px 0px !important;
}

.solution-exchange-heading-span {
    display: inline-block;
    font-size: 18px;
    padding-top: 10px;
}

.fc-solution-top {
    margin-bottom: 10px
}

.fc-solution-top .btn {
    border-radius: 25px;
    background-color: #aaaaaa;
    color: #fff;
    font-size: 14px
}

.fc-solution-top .btn.active {
    background-color: #0a5bff
}

.fc-solution-mid {}

.fc-solution-mid p {
    font-size: 15px;
    color: #333;
    margin-bottom: 0
}

.fc-solution-mid p em {
    font-size: 13px;
    color: #222
}

.fc-solution-connect {
    border: 2px solid #415e9c;
    margin: 5px 0;
    padding: 5px 0;
}

.fc-solution-connect .col-md-3,
.fc-solution-connect .col-md-9 {
    padding-left: 10px;
    padding-right: 10px
}

.mlr0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center;
}

.fc-solution-connect h2 {
    font-weight: 700;
    color: #333;
    font-size: 20px;
    text-decoration: underline;
}

.fc-solution-connect .col-md-9 {
    font-size: 0
}

.fc-solution-connect a {
    width: 25%;
    display: inline-block;
    padding: 3px
}

.fc-solution-connect a .btn {
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    font-size: 14px;
}

.fc-solution-connect a .btn span {
    display: inline-block;
    width: 164px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fc-solution-cnt .col-md-8 {
    padding-right: 2.5px
}

.fc-solution-cnt .col-md-4 {
    padding-left: 10px
}

.fc-solution-cnt h3 {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline
}

.fc-solution-cnt .fc-solution-left-box,
.fc-solution-cnt .fc-solution-right-box {
    padding: 10px;
    border: 2px solid #415e9c;
    margin-bottom: 5px;
    position: relative;
}

.fc-solution-cnt p {
    font-size: 12px;
    color: #222;
    margin-bottom: .5em
}

.fc-solution-cnt p span {
    text-decoration: underline;
    font-weight: 600;
}

.fc-solution-cnt p a {
    color: #338fff;
    text-decoration: underline
}

.fc-txt-blue {
    color: #338fff
}

.fc-txt-merun {
    color: #800006
}

.fc-txt-blue-dark {
    color: #1260cf
}

.fc-left-border {
    border-left: 1px solid #415e9c
}

.fc-cnt-left {
    padding-right: 2.5px
}

.fc-cnt-right {
    padding-left: 2.5px
}

.link-solution-add {
    position: absolute;
    right: 5px;
    top: 0;
}

.p-data-class {
    display: table;
    width: 100%;
}

.p-data-class .p-data-content-class,
.p-data-class i {
    display: table-cell;
    vertical-align: top;
}

.p-data-class i {
    width: 20px;
    text-align: right;
    font-size: 20px;
    color: #ff0000;
    cursor: pointer;
}

#parking_lot_div {
    min-height: 60px;
    width: 100%;
}

.fc-solution-cnt .ui-droppable-hover {
    background-color: #fafaa2;
    padding: 10px;
    margin: 5px;
}

.tabs-content .ui-droppable-hover {
    background-color: #fafaa2;
    padding: 10px;
    margin: 5px;
}

.section-p-data {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.section-p-data:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.desire-modal-heading-description {
    display: table;
    width: 100%;
}

.desire-modal-heading-description strong {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    padding-right: 5px;
}

.desire-modal-heading-description p {
    display: table-cell;
    vertical-align: top;
}

.desire-modal-heading-description-h4 {
    display: table;
    /* width: 100%; */
}

.desire-modal-heading-description-h4 strong {
    display: table-cell;
    vertical-align: top;
    padding-right: 5px;
}

.desire-modal-heading-description-h4 p {
    display: table-cell;
    vertical-align: top;
    padding-left: 0px !important;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}

.modal-workstream .modal-workstream-list .fourcol p {
    margin-bottom: 0px;
}

.solution-exchange-company-heading p {
    padding-left: 5px !important;
}

.solution-exchange-company-heading strong {
    width: auto !important;
}

/* .solution-board-box {
        list-style-type: none;
    } */

.solution-board-box li {
    /* display: table; */
    width: 100%;
}

.solution-board-box li span,
.solution-board-box li p {
    display: inline-block;
    vertical-align: top;
}

.solution-board-box li span {
    width: auto;
}

.solution-board-box li p {
    width: calc(100% - 30px);
}

.p-data-class i.fa-info-circle {
    color: #338fff;
}

#rfpDroppable .custom-modal {
    right: 0;
    left: auto;
}

#ideasDroppable .custom-modal {
    right: 0;
    left: auto;
}

#providersDroppable .custom-modal {
    right: 0;
    left: auto;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.5rem 3rem;
    margin-left: 10px;
}

.custom-more {
    position: relative;
    display: inline-block;
}

.custom-modal {
    width: 500px;
    position: absolute;
    bottom: 100%;
    display: none;
    background-color: white;
    padding: 10px;
    border: 2px solid #ccc;
    z-index: 1;
    box-shadow: 0 0 15px #b9b6b6;
}

.custom-modal.active {
    display: block;
}

.section-info-data {
    /* background-color: #ccc; */
    padding: 5px 10px;
    margin-top: -7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.p-data-class .p-data-content-class p {
    padding-right: 5px;
}

.drag-drop-btn {
    width: 50px;
    height: 50px;
    background-color: #1a73e8;
    display: block;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 50px;
    border-radius: 5px 0 0 5px;
    z-index: 10;
    transition: all .5s;
    color: #fff;
    text-decoration: none;
}

.drag-drop-btn.move {
    right: 320px;
}

.drag-drop-btn.move img {
    width: 20px
}

.drag-drop-btn i img {
    vertical-align: middle;
}

.drag-drop-panel {
    width: 320px;
    height: 100vh;
    position: fixed;
    right: -320px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 0 25px #eaeaea;
    border: 1px solid #f1f1f1;
    overflow-y: scroll;
    z-index: 9;
    transition: all .5s;
    border-radius: 5px 0 0 5px;
}

.drag-drop-panel::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.drag-drop-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.drag-drop-panel::-webkit-scrollbar-thumb {
    background: #888;
}

.drag-drop-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.drag-drop-panel.active {
    right: 0;
}

.drag-drop-panel .tabs-nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 5px 0 0 0;
}

.drag-drop-panel .tabs-nav li {
    display: inline-block;
    color: #333;
}

.drag-drop-panel .tabs-nav a {
    display: block;
    padding: 5px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    font-size: 12px;
}

.drag-drop-panel .tabs-nav li.active {
    color: #1a73e8
}

.drag-drop-panel .tabs-nav li.active a {
    color: inherit;
    border-bottom-color: #1a73e8
}

.drag-drop-panel .tabs-content {
    padding: 15px;
    margin-top: -1px;
    overflow: hidden
}

.drag-drop-panel .tabs-content div:not(:first-child) {
    display: none
}

.drag-drop-panel .tabs-content div.p-data-class:not(:first-child) {
    display: block;
}

.drag-drop-panel .tabs-content div div {
    display: block !important
}

.drug-drop-upload-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.ui-droppable-active a {
    z-index: 10;
}

.tabs-content a {
    margin: 5px;
    display: inline-block;
}

#priority_items_executive .ui-sortable-helper {
    /* background-color: yellow; */
    display: inline-block !important;
    width: auto !important;
    /* left: -320px !important; */
    /* margin-left: 320px !important; */
}

.cke {
    visibility: hidden;
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: "Circular-Loom";

    src: url("https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Book-cd7d2bcec649b1243839a15d5eb8f0a3.woff2") format("woff2");
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: "Circular-Loom";

    src: url("https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Medium-d74eac43c78bd5852478998ce63dceb3.woff2") format("woff2");
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: "Circular-Loom";

    src: url("https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Bold-83b8ceaf77f49c7cffa44107561909e4.woff2") format("woff2");
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: "Circular-Loom";

    src: url("https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Black-bf067ecb8aa777ceb6df7d72226febca.woff2") format("woff2");
}

.fc-funding .priority-buttons a,
.fc-funding .priority-sub-buttons a {
    position: relative;
}

.fc-count {
    position: absolute;
    right: -7px;
    top: -25px;
    z-index: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background-color: #fff !important;
    color: #333 !important;
    font-size: 12px;
}

.fc-count.fc-count-small {
    font-size: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.fc-funding-filter {
    background-color: #0099cc;
    border: 0;
}

.fc-funding-filter h6 {
    color: #fff;
    font-weight: 600
}

.fc-funding-filter .col-md-9 {
    border-left: 1px solid #fff
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid #fff
}

.styled-checkbox:checked+label:before {
    background-color: transparent;
}

.styled-checkbox:checked+label:after {
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    background: url(../images/check-cross.png) no-repeat 0 0;
    left: 4px;
    top: 4px;
}

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

.unstyled li {
    margin: 0;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.unstyled li input[type="checkbox"] {
    position: absolute;
}

.funding-solution-modal {
    margin-bottom: 10px !important;
}

.funding-solution-modal p {
    margin-bottom: 1px !important;
}

.funding-solution-modal h4 {
    margin-bottom: 2px !important;
}

.showShortDes {
    position: absolute;
    right: 0;
    top: -3px;
    margin-right: 3px;
}

.showShortDes img {
    width: 15px;
}

.showShortDesReport {
    /* position: absolute; */
    right: 0;
    top: -3px;
    margin-right: 3px;
}

.showShortDesReport img {
    width: 15px;
}

.heightTwice {
    border: 1px solid #004da0;
    border-radius: 5px;
    padding: 0px;
    margin: 0px 15px;
    flex: 0 0 47.2%;
    max-width: 47.2%;
}

.heightTwice .priority-tab-inner {
    border: 0px;
}

.twoByOneBox .priority-tab-inner {
    height: unset;
}

/* .headerbot-menu ul li:nth-child(5),
    .headerbot-menu ul li:nth-child(6),
    .headerbot-menu ul li:nth-child(7) {
        background-color: #5aa9ea !important;
        border-top: 2px solid #1a45e9;
        border-bottom: 2px solid #1a45e9;
    } */

.headerbot-menu ul li:hover a,
.headerbot-menu ul li.active a {
    background-color: transparent !important;
}

.headerbot-menu ul li:hover,
.headerbot-menu ul li.active {
    background-color: #15db81 !important;
}

/* .headerbot-menu ul li:nth-child(5) {
        border-left: 2px solid #1a45e9;
    } */

/* .headerbot-menu ul li:last-child {
        border-right: 2px solid #1a45e9;
    } */

.mainTabMenu li a {
    font-size: 11px;
    padding: 7px !important;
    line-height: 13px !important;
}

.solution-exchange-p ul {
    list-style: inherit;
    padding-left: 82px;
}

.solution-exchange-p ol {
    padding-left: 65px !important;
}

/* 17.02.2023 */
.private-sector {
    padding-top: 20px;
    padding-bottom: 50px;
}

.private-sector .setting-page-head h5,
.private-sector .report-page .report-box h5 {
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: none;
}

.private-sector .setting-page-head .header-prev-right {
    float: right;
    position: absolute;
    top: -48px;
    right: 0;
}

.private-sector .setting-page-head .header-prev-right a {
    font-size: 30px;
}

.private-sector .report-box {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.private-sector .report-box.top-box {
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 10px;
}

.private-sector .setting-box {
    background-color: #f2f2f2 !important;
    border: 2px solid #c6d9f1;
    padding: 10px 15px;
    box-shadow: none;
}

.private-sector .setting-box h4 {
    font-size: 18px;
}

.private-sector .report-page {
    margin-bottom: 0;
    /* padding-bottom: 10px; */
    /* border-bottom: 1px dashed #000; */
}

.private-sector .report-page:last-child {
    border-bottom: none;
}

.private-sector .setting-box figure {
    height: 150px;
    width: auto;
    margin: 0 auto 0px;
    padding: 15px 6px 0px 6px;
}

.private-sector .setting-box figure img {
    height: 120px;
    width: auto;
}

.company-unit .filter-top {
    margin-bottom: 12px;
    padding: 13px;
}

.company-unit .filter-top .row {
    align-items: center;
    position: relative;
}

.company-unit .filter-top .row .col-md-2 {
    position: absolute;
    top: 0;
    right: 0;
}

.company-unit .header-prev-right a {
    border: none;
}

.company-unit .filter-top figure {
    margin-bottom: 0;
}

.company-unit .flex-header h1 {
    font-size: 32px;
    color: #000;
    font-weight: 900;
}

.company-unit a {
    font-size: 22px;
    box-shadow: none;
    border: 3px solid #0960a9;
    border-radius: 0;
}

.company-unit {
    justify-content: flex-start;
}

.company-unit .eq-w-box {
    margin: 0 10px 10px 0;
}

.company-unit .bu-base-btn a:active,
.company-unit .bu-base-btn a:hover {
    background: transparent !important;
    border: 3px solid #0960a9;
}

.company-unit .business-units {
    justify-content: flex-start;
}

.commitment-unit .filter-top {
    border: none;
    text-align: center;
    position: relative;
}

.commitment-unit .flex-header h1 {
    font-size: 28px;
    text-transform: capitalize;
    margin: 50px 0;
    font-weight: 500;
    text-align: center !important;
}

.commitment-unit .flex-header h2 {
    font-size: 28px;
    text-transform: capitalize;
    margin: 50px 0;
    font-weight: 500;
    text-align: center !important;
}

.commitment-unit .filter-top .header-prev-right {
    position: absolute;
    top: 0px;
    right: 0;
}

.commitment-unit .filter-top .header-prev-right a {
    font-size: 30px;
}

.commitment-unit .btn-cont img {
    width: auto;
}

.commitment-unit .bu-base-btn a {
    box-shadow: none !important;
    border: none !important;
}

.commitment-unit .bu-base-btn a:active,
.company-unit .bu-base-btn a:hover {
    background: transparent !important;
    border: none !important;
}

.commitment-unit .btn-cont:first-child {
    margin-right: 20px;
    border-right: 1px solid #5485bf;
}

.commitment-unit .btn-cont h4 {
    color: #000;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.commitment-unit .btn-cont img {
    height: 300px;
}

.commitment-unit .filter-top .header-prev-right {
    z-index: 10;
}

.commitment-unit .filter-top .header-prev-right .fa {
    font-size: 40px;
}

.commitment-unit .btn-cont:first-child {
    padding-right: 20px;
}

.company-unit .filter-top--modify .header-prev-right {
    display: flex;
    align-items: center;
}

.company-unit .filter-top .header-prev-right .fa {
    margin-left: 10px;
    font-size: 40px;
}

.company-unit .business-units {
    justify-content: center;
}

.commitment-unit .bu-base-btn a:active,
.company-unit .bu-base-btn a:hover {
    border: 3px solid #0960a9 !important;
}

.company-listing .eq-w-box a {
    border: 1px solid transparent;
    box-shadow: 0px 0px 10px 0px rgb(185 185 185 / 95%);
    border-radius: 5px;
}

.commitment-unit .bu-base-btn a:active,
.company-unit .bu-base-btn a:hover {
    border: 1px solid #0960a9 !important;
}

.private-summary .priority-tab-innercont button {
    margin: 0 0 4px 0;
}

.private-summary .priority-tab-innercont>div {
    margin-left: 0 !important;
}

.private-summary .inner_editor_p p:last-child {
    margin-bottom: 0;
}

.priority-listing .business-unit-table .btn,
.table-report .btn {
    font-size: 15px;
    margin-right: 10px;
}

.strategic-blueprint {
    font-size: 16px;
    line-height: 18px;
    padding: 8px;
}

.private-summary-details {
    flex-direction: row;
    flex-flow: row wrap;
}

.cap-header {
    text-transform: capitalize;
}

.li-used-style .section-p-data {
    flex-direction: column
}

.li-used-style .section-p-data ul {
    list-style: inherit;
    list-style-position: inside;
}

.li-used-style .drop-li-style .p-data-content-class {
    flex-direction: column
}

.li-used-style .drop-li-style ul {
    list-style: inherit;
    list-style-position: inside;
}

.private-sector-view-cls .private-sector-b-cls {
    display: inline-block;
}

.private-sector-view-cls .private-sector-b-cls+p {
    display: inline;
}

.hrBorder {
    border: 0.5px solid #b1b1b1;
}

.popup-td-investment {
    min-width: 75px;
    padding: 4px;
}

.popup-td-right-investment {
    border-right: 1px solid #696464;
}

.indexSpan {
    margin-right: 4px;
}

.indexTd {
    display: flex;
}

.btn-pading-off {
    padding: 7px 15px;
}

.setting-remove-margin {
    padding-left: 0px;
}

#strategyStatement ul {
    list-style-type: inherit !important;
    list-style-position: inside !important;
}


/* -- Global footer menu -- */
.main-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* -- Global button type UI -- */
.btn-outline {
    padding: 4px 8px;
    border: 3px solid #0a3cff;
    background: transparent;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    color: #0a3cff;
    font-weight: 400 !important;
    transition: .3s all;
}

.btn-rounded-none {
    border-radius: 0;
}

.btn-fill {
    padding: 4px 8px;
    border: 3px solid #0a3cff;
    background: #0a3cff;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400 !important;
    transition: .3s all;
}

.btn-outline:hover {
    background: #0a3cff;
    color: #fff;
}

/* Landing page footer modifications */
.footer-row {
    align-items: flex-start;
    row-gap: 2.5rem;
}

.footer-row .footer-link {
    margin: 0;
}

.footer-row .footer-link li {
    width: fit-content;
}

.footer-row .footer-link li,
.footer-row .footer-link li a {
    transition: .4s all;
}

.footer-row .footer-link li:hover a,
.footer-row .footer-link li:active a {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #1582dc;
    transition: .4s all;
}

.footer-row .footer-link .footer-link-active a {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #1582dc;
}

.footer-logo {
    width: fit-content;
    display: inline-block;
    text-align: center;
    margin-inline: auto;
}

.footer-logo .footer-logo-txt {
    font-size: 2.3rem;
    color: #022060;
    font-weight: 700;
    text-decoration: none;
}

.footer-logo .f-landing-line {
    width: 100%;
    display: table;
}

.footer-logo .f-landing-line span {
    height: 7px;
}

.footer-logo .f-landing-line span.line-1 {
    background-color: #1b4afb;
}

.footer-logo .f-landing-line span {
    display: table-cell;
    width: 20%;
    height: 1rem;
    transform: skew(-20deg);
}

.footer-logo p {
    margin-bottom: 0;
    font-size: 12px;
    color: #616161;
    padding-top: 10px;
    bottom: 0;
    position: relative;
}

.footer-right-brand {
    margin-left: auto;
}

.footer-right-brand p {
    font-size: 8px;
    line-height: normal;
    margin-bottom: 0;
    padding-top: 4px;
    color: #000;
}

.footer-right-brand h4 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8rem;
    margin-bottom: 0;
    letter-spacing: 5px;
    color: #000;
}

.footer-right-brand .f-landing-line {
    width: 100%;
}

.footer-right-brand .f-landing-line span {
    height: 6px;
}

.footer-right-brand-subtitle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    margin-top: 6px;
}

.footer-right-brand-subtitle span:first-child {
    color: #b02d24;
}

.footer-right-brand-subtitle span:nth-child(2) {
    color: #311655;
}

.footer-right-brand-subtitle span:last-child {
    color: #4f8f01;
}

/* Login Herader part */
.login-header {
    width: fit-content;
    text-align: center;
    margin-top: 1rem;
    margin-inline: auto;
}

.login-header a {
    text-decoration: none;
    display: inline-block;
    transition: .3s all;
}

.login-header h1 {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    color: #00144d;
}

.login-header p {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    color: #007bff;
}

/* --Global header section -- */
.login-header-global {
    width: fit-content;
    text-align: center;
    margin-top: 1rem;
    margin-inline: auto;
}

.login-header-global a {
    text-decoration: none;
    display: inline-block;
    transition: .3s all;
}

.login-header-global h1 {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    color: #007bff;
}

.login-header-global p {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    color: #007bff;
}

/* -- priority Inner page modifications --  */
.priority-header-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.priority-header-logo img {
    max-width: 230px;
    height: auto;
    background-size: cover;
    background-position: center;
}

.priority-header-section .f-landing-line {
    opacity: 1;
}

.priority-header-section ul li {
    padding: 0;
}

.priority-header-section ul li:last-child {
    position: relative;
    float: none;
    margin-top: 0;
    padding-right: 0;
}

.priority-header-section ul li ul {
    position: relative !important;
    top: 0 !important;
}

.priority-menu-holder.priority-menu-heading-section {
    padding-top: 0;
    margin-bottom: 0;
}

.priority-header-title {
    max-width: 100%;
    flex-basis: 100%;
}

.priority-header-title h2 {
    position: relative;
    top: 0;
    left: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #00144d;
}

.priority-menu-heading-filter-btn sup {
    top: -.5em !important;
}

.priority-wrapper-container {
    max-width: 100%;
    margin: 0 auto;
}

.priority-wrapper-contnent {
    min-height: auto;
    display: block;
}

/* -- govt funding map page modification -- */
.calendar-grid.map-priority-cal-grid {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    flex-wrap: wrap;
}

.calendar-grid_leftbtn {
    width: auto !important;
}

.govt-funding-map #map {
    top: 0;
}

.venture-capital-report #map {
    top: 0;
}

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 3px
}

.step-form-div-wrapper {
    padding: 2rem 1.25rem;
    box-shadow: 0 20px 30px #d6e0ff;
    border: 1px solid #007bff8c;
    border-radius: 0.75rem;
}

.step-form-div {
    background: white;
    border: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    display: none;
    -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.step-form-div label {
    width: 100%;
}

.step-form-div input[type="radio"] {
    display: none;
}

.step-form-div .subscription-card {
    border: 1px solid #dddddd;
    transition: .3s all;
}

.step-form-div .subscription-card:hover {
    margin-top: -10px;
    cursor: pointer;
    box-shadow: 0 10px 25px #00144d33;
}

.step-form-div input[type="radio"]:checked+.subscription-card {
    border: 1px solid #00144d;
    cursor: pointer;
    box-shadow: 0 10px 25px #00144d33;
}

.form-card {
    text-align: left
}


#msform input,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 1rem;
    letter-spacing: 1px;
    transition: .3s all;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #00144d;
    outline-width: 0;
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 1rem;
    color: #00144d;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: normal;
    text-align: left;
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left;
    font-size: 0.625rem;
    margin-bottom: 0;
    color: #007bff;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    counter-reset: step-progress-count;
}

#progressbar .active-step-form-tab {
    color: #0a3cff;
}

#progressbar li {
    list-style-type: none;
    font-size: 1rem;
    width: 100%;
    position: relative;
    color: gray;
    font-weight: 500;
    text-transform: uppercase;
}

#progressbar li::before {
    counter-increment: step-progress-count;
    content: counter(step-progress-count);
}

#progressbar li.active-step-form-tab::before {
    content: "✔";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active-step-form-tab:before,
#progressbar li.active-step-form-tab:after {
    background: #0a3cff;
}

.active-step-form-div {
    display: block;
    position: relative;
    z-index: 99;
    -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.step-form-div [data-animation="fade"] {
    -webkit-animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.step-form-div[data-animation="fade"].active-step-form-div {
    -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.btn {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    outline: none;
    font-size: 1rem;
    transition: .3s all;
}

.btn-main {
    color: #fff;
    background: #00144d;
}

.btn-main:hover {
    color: #fff;
}

.btn-second {
    border: 1px solid #00144d;
    color: #00144d;
}

.btn-second:hover {
    background: #00144d;
    color: #fff;
}

.priority-tab-innercont hr {
    /* height: 1px; */
    background-color: #afa0a0;
    /* border: none;
    border-radius: 2px; */
}

/* -- Modal overlay with div content -- */

.modal-content-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 99;
    backdrop-filter: blur(3px);
}

.modal-content-overlay .modal-dialog {
    margin-top: 18%;
}

.modal-close-btn {
    position: relative;
    z-index: 999;
    min-width: 30px;
}

.modal-inner-content {
    width: auto;
    margin: 15px;
    position: relative;
    height: auto;
    background: #3aaa49;
    margin-top: 18%;
    border: 4px solid gray;
    padding: 16px;
    text-align: center;
}

.modal-inner-content h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    text-decoration: underline;
    color: #fff;
    margin-bottom: 3rem;
}

.modal-inner-content p {
    text-align: center;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.modal-inner-content .modal-access-btn {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2rem;
    text-align: center;
    padding: 12px 8px;
    font-size: 14px;
    color: #fff;
    background: #0a3cff;
    border: none;
    outline: none;
    transition: .3s all;
}

.modal-inner-content .modal-access-btn:hover {
    opacity: .8;
}

.modal-inner-content-footer {
    display: block;
    background: #fff;
    padding: 8px 6px;
}

.modal-inner-content-footer p {
    color: #2a2a2a;
    text-align: left;
    margin-bottom: 0;
    font-size: 14px;
}

.modal-inner-content-footer a {
    text-decoration: underline;
    color: #007bff;
}


.tab-overlay-wrapper {
    width: 100%;
    height: auto;
    position: relative;
}

.tab-overlay-wrapper::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 99;
    backdrop-filter: blur(3px);
}

.tab-content.priority-tab-content {
    position: relative;
}

/* -- Msg Bot Popup -- */
.msg-bot-popup {
    width: 300px;
    height: auto;
    position: fixed;
    z-index: 9999;
    bottom: 5%;
    /* left: 3%; */
    right: 3%;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid gray;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.msg-bot-popup-header {
    width: 100%;
    height: auto;
    padding: 2rem 1rem;
    background: #009bcf73;
    text-align: center;
    border-radius: 50% / 0 0 30% 30%;
    position: relative;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: wrap;
}

.msg-bot-popup-header h4 {
    max-width: 250px;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: capitalize;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.msg-bot-popup-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none !important;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    transition: .3s all;
}

.msg-bot-popup-close-btn:hover {
    color: #000;
    border-color: #000;
}

.msg-bot-popup-body {
    padding: 1.5rem 1rem;
    padding-top: 2.5rem;
}

.msg-bot-popup-body-content-wrapper {
    height: 205px;
    overflow: auto;
    text-align: center;
    padding-right: 8px;
}

.msg-bot-popup-body-content-wrapper p {
    font-size: 14px;
    color: #000;
}

.msg-bot-popup-footer {
    text-align: center;
    margin: 0 auto;
}

/*---- CUSTOM ANIMATION ----*/

.fadeInRight {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


.fadeInLeft {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


@media (min-width: 576px) {
    .msg-bot-popup {
        width: 400px;
        /* left: 2%; */
        right: 2%;
    }

    .modal-content-overlay .modal-dialog {
        margin-top: 14%;
    }
}

@media (min-width: 768px) {

    .login-header h1,
    .login-header-global h1 {
        font-size: 2rem;
    }

    .login-header p,
    .login-header-global p {
        font-size: 1.6rem;
    }

    .priority-header-title h2 {
        position: absolute;
        top: -2.5rem;
        left: 55%;
        translate: -50%;
        font-size: 1.8rem;
    }

    .priority-wrapper-container,
    .calendar-grid.map-priority-cal-grid {
        max-width: 720px;
    }

    .priority-header-logo img {
        max-width: 200px;
    }

    .calendar-grid_leftbtn {
        width: 13% !important;
    }

    .govt-funding-map #map {
        /* top: -77px; */
        top: 0px;
    }

    .modal-inner-content {
        width: 75%;
        margin: 60px;
        margin-inline: auto;
        margin-top: 10%;
    }

    .modal-inner-content h3 {
        text-align: left;
        font-size: 32px;
    }

    .modal-inner-content p,
    .modal-inner-content-footer p {
        font-size: 24px;
    }

    .msg-bot-popup {
        /* left: 5%; */
        right: 5%;
    }

    .msg-bot-popup-body-content-wrapper {
        height: 200px;
    }

    .modal-content-overlay .modal-dialog {
        margin-top: 10%;
    }
}

@media (min-width: 992px) {
    .priority-header-title h2 {
        position: absolute;
        top: -3.5rem;
        left: 52%;
    }

    .priority-wrapper-contnent {
        min-height: calc(100vh - 30rem);
    }

    .priority-wrapper-container,
    .calendar-grid.map-priority-cal-grid {
        max-width: 960px;
    }

    .venture-capital-report #map {
        /* top: -60px; */
        top: 0px;
    }
}

@media (min-width: 1140px) {

    .priority-wrapper-container,
    .calendar-grid.map-priority-cal-grid {
        max-width: 1024px;
    }
}

@media (min-width: 1200px) {
    .priority-header-title h2 {
        position: absolute;
        top: -3.8rem;
        left: 50%;
        translate: -50%;
        font-size: 30px;
    }

    .priority-wrapper-container,
    .calendar-grid.map-priority-cal-grid {
        max-width: 1160px;
    }

    .login-header h1,
    .login-header-global h1 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1300px) {

    .priority-wrapper-container,
    .calendar-grid.map-priority-cal-grid {
        max-width: 1280px;
    }
}