@charset "utf-8";
@import url(https: //fonts.googleapis.com/css?family=Raleway:300, 300i, 400, 400i, 500, 500i, 600, 600i, 700, 700i);

html {
    height: 100%;
    box-sizing: border-box;
}

*,
:after,
:before {
    box-sizing: inherit;
}

body {
    position: relative;
    margin: 0;
    min-height: auto;
    -webkit-animation-delay: .1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: .1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.top-navbar-bg {
    background-color: #000;
}

.inner-top-navbar {
    display: block;
}

.inner-top-navbar>div {
    display: inline-block;
}

.logo-text {
    font-family: HelveticaNeueeTextW01-Bold;
    color: #fff;
    font-size: 20px;
    padding-top: 10px;
}

.logo-text>div {
    font-size: 10px;
    color: #ffd400;
    font-weight: 100;
    font-family: HelveticaNeueeTextW01Light;
    line-height: normal;
}

.logo-pos {
    margin-top: -20px;
    width: 60px;
}

.inner-action {
    margin-top: 15px;
    position: relative;
}

.inner-action>a {
    color: #2c2c2c;
    background-color: #fc3;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    border-radius: 50px;
    padding-top: 7px;
    text-align: center;
    vertical-align: top;
}

.form-inner-group {
    margin-bottom: 10px;
}

.input-inner-control {
    border: 0 solid #ccc;
    font-family: HelveticaNeueeTextW01Light;
    color: #181818;
    background-color: #fff;
}

.input-inner-control:focus {
    border-color: #121212;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.input-inner-addon {
    background-color: #fff;
    border: 0 solid #ccc;
}

.top-navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #2c2c2c;
    width: 100%;
    z-index: 999;
}

.top-navbar>li {
    float: left;
    width: 20%
}

.top-navbar>li>a {
    display: block;
    color: #7d7c75;
    font-size: 24px;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
    background-color: #2b2b2b;
}

.big-menu-right {
    border-right: 3px solid #000;
}

.top-navbar>li>a:hover {
    background-color: #1e1f1e;
    background-image: url(../../../img/front/inner-page/yellow-left.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #fc3;
}

.active-right {
    background-color: #0078d7;
    border-top: 10px solid #333;
}

.top-navbar>li>.active {
    background-color: #1e1f1e;
    background-image: url(../../../img/front/inner-page/yellow-left.png);
    background-repeat: no-repeat;
    background-position: 0 50%
}

.img-top {
    max-width: 100%;
    height: auto;
}

.top-item {
    font-size: 14px;
    /* font-family: HelveticaNeueeTextW01Medium; */
}

.action-bar {
    background-color: #fc3;
    padding-top: 10px;
    padding-bottom: 0;
}

.left-side-menu {
    color: #2c2c2c;
    background-color: #fc3;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    border-radius: 50px;
    padding-top: 7px;
    text-align: center;
}

.left-side-menu:focus,
.left-side-menu:hover {
    color: #2c2c2c;
    background-color: #fc3;
    text-decoration: none;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 340px;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity .3s linear, left .3s ease-out;
    -moz-transition: opacity .3s linear, left .3s ease-out;
    -o-transition: opacity .3s linear, left .3s ease-out;
    transition: opacity .3s linear, left .3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity .3s linear, right .3s ease-out;
    -moz-transition: opacity .3s linear, right .3s ease-out;
    -o-transition: opacity .3s linear, right .3s ease-out;
    transition: opacity .3s linear, right .3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.menu-row {
    padding-top: 20%
}

.modal-header {
    border-bottom-color: #eee;
    background-color: #000;
    color: #fc3;
    position: fixed;
    display: block;
    width: 100%;
    z-index: 1;
}

.menu-title {
    /* font-family: HelveticaNeueeTextW01Medium; */
    font-size: 18px;
}

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #fff;
}

.btn-demo:focus {
    outline: 0;
}

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center;
}

.demo-footer>a {
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.display-flex {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.right-side-bar {
    background-color: #333 !important;
    border-left: 2px solid #000;
}

.menu-close {
    color: #fc3;
    opacity: 1;
}

.menu-close:focus,
.menu-close:hover {
    color: #fc3;
    opacity: 1;
}

.footer-bg {
    background-color: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-title {
    font-family: HelveticaNeueeTextW01-Bold;
    font-size: 20px;
    padding-bottom: 15px;
    color: #181818;
}

.footer-link,
.footer-link:focus,
.footer-link:hover {
    font-family: HelveticaNeueeTextW01Light;
    font-size: 14px;
    color: #181818;
    text-decoration: none;
}

.footer-data-list {
    font-family: HelveticaNeueeTextW01Light;
    font-size: 14px;
    color: #181818;
}

.footer-box {
    padding-bottom: 15px;
}

.button-div {
    text-align: right;
}

.social-footer>a {
    display: inline-block;
    background-color: #010101;
    color: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    padding-top: 4px;
    transition: all .5s ease;
}

.social-footer>a:hover {
    background-color: #fccd05;
}

.limited-text-title {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limited-text-li {
    white-space: nowrap;
    width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.ra-folder-name {
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
}

.ra-folder-row {
    border-bottom: 2px solid #e6e6e6;
    cursor: pointer;
    color: #1e1f1e;
    background-color: #fff;
}

.ra-folder-row:hover {
    background-color: #80bbeb;
    color: #fff;
}

.ra-single-folder {
    padding-top: 39px;
    padding-bottom: 39px;
}

.ra-folder-row a {
    display: none;
}

.ra-folder-row:hover a {
    display: inline-block;
    background-color: #0078d7;
    text-decoration: none;
}

.ra-folder-row:hover div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.ra-folder-arrow {
    text-align: right;
}

.ra-folder-arrow>a {
    display: inline-block;
}

.ra-folder-icon {
    padding-top: 0;
}

.pro-icon-padding {
    padding-left: 6px;
}

.selet-funtion {
    font-family: HelveticaNeueeTextW01Light;
    color: #181818;
}

.selet-funtion>option {
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: HelveticaNeueeTextW01Light;
    color: #181818;
}

.selet-funtion:focus {
    border-color: #1e1f1e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #1e1f1e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #1e1f1e;
}

.folder-navigate {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.navigate-link,
.navigate-link:focus,
.navigate-link:hover {
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    color: #181818;
    text-decoration: none;
}

.navigate-right {
    float: right;
    padding-top: 4px;
}

.navigate-right>span {
    font-family: HelveticaNeueeTextW01Light;
    color: #898989;
}

.img-respo {
    width: 100%;
    height: auto;
}

.quick-title {
    font-size: 16px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #898989;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px;
}

.file-icon {
    padding-bottom: 30px;
    text-align: center;
}

.file-name {
    font-size: 16px;
    font-family: HelveticaNeueeTextW01Light;
    color: #181818;
    text-align: center;
    padding-bottom: 30px;
}

.file-info {
    font-size: 14px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #181818;
    text-align: center;
}

.file-info>span {
    font-family: HelveticaNeueeTextW01Light;
}

.notifi-header {
    font-size: 14px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 9px 30px;
    font-weight: 700;
}

.project-icon-width {
    width: 30px;
}

.mrTopMinus {
    margin-top: -6px;
}

.notification-bg {
    background-color: #333;
}

.notification-bg1 {
    background-color: #4d4d4d;
    border-top: 5px solid #333;
}

.notification-bg1:hover {
    background-color: #0078d7;
    border-top: 5px solid #333;
}

.notification-bg1 .active {
    background-color: #0078d7;
    border-top: 5px solid #333;
}

.day-ago {
    font-size: 13px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 10px 15px 0;
    text-transform: uppercase;
    font-weight: 400;
}

.risk-right-text {
    font-size: 18px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.risk-sub-text {
    font-size: 13px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-weight: 400;
}

.section-border {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
}

.project-heading {
    background-color: #0078d7;
    border-right: 3px solid #000;
}

.about-project {
    width: 100%;
    display: inline-block;
}

.project-name {
    width: 80%;
    display: inline-block;
    float: left;
    background-color: #0078d7;
}

.project-right-icon {
    width: 19%;
    display: inline-block;
    float: left;
}

.project-icon {
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 20px;
    height: 46px;
}

.pro-icon-margin {
    margin-top: -6px;
}

.plus_round_width {
    width: 25px;
}

.project-icon>span {
    padding-left: 20px;
    font-size: 22px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 600 !important;
}

.project-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 600 !important;
}

.border-right {
    border-right: 3px solid #000;
}

.margin-zero {
    margin-left: 0;
    margin-right: 0;
}

.margin-left-zero {
    margin-left: 0;
}

.margin-right-zero {
    margin-right: 0;
}

.margin-right-fifteen {
    margin-right: 15px;
}

.margin-zero-hover {
    margin-left: 0;
    margin-right: -5px;
}

.padding-zero {
    padding-left: 0;
    padding-right: 0;
}

.edit-icon-bg {
    background-color: #0078d7;
    margin-top: -25px;
    margin-bottom: -25px;
}

.project-bg {
    background-color: #0078d7;
    border-right: 3px solid #000;
}

.project-right-bg {
    background-color: #fff;
}

.img-right {
    width: 45px;
}

.icon-height {
    height: auto;
    width: 100%
}

.icon2-height {
    height: 100%;
    width: 100%
}

.hover-icon-padding {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1em;
}

.edit-icon-text {
    padding: 10px 0 30px 0;
    font-size: 16px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.edit-icon-text:hover {
    text-decoration: none;
}

.delete-icon-text {
    padding: 10px 0 30px 0;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-family: 'Segoe UI'
}

.delete-icon-text:hover {
    text-decoration: none;
}

.text-icon-center {
    text-align: center;
}

.edit {
    background-image: url(../../../img/front/inner-page/icon1.png);
}

.edit:hover {
    background-image: url(../../../img/front/inner-page/icon1-white.png);
}

.top-sidebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.top-sidebar>li {
    float: left;
    width: 20%
}

.top-sidebar>li>a {
    display: block;
    text-align: center;
    padding: 23px 15px !important;
    text-decoration: none;
    cursor: pointer;
}

.top-sidebar>li>.active {
    background-color: #0078d7 !important;
    padding: 13px 15px;
    height: 69px;
}

.top-sidebar>li>a:hover {
    background-color: #0078d7 !important;
    padding: 13px 15px;
}

.top-sidebar>li>.top-sidebar-padding {
    display: block;
    text-align: center;
    padding: 10px 15px !important;
    text-decoration: none;
    height: 46px;
}

.top-sidebar>li>:hover .top-sidebar-padding {
    display: block;
    text-align: center;
    padding: 20px 15px !important;
    text-decoration: none;
}

.top-sidebar>li>.active {
    background-color: #0078d7;
}

.top-right-sidebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.n_top-right-sidebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.n_top-right-sidebar>li {
    float: left;
    width: 33.3%;
    display: inline-block;
}

.n_top-right-sidebar>li>a {
    display: block;
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 0 16px 5px 16px;
    /* font-family: 'Segoe UI'; */
    text-decoration: none;
    background-color: #f2f2f2;
}

.n_top-right-sidebar.active,
.n_top-right-sidebar>li>a:hover {
    background-color: #0078d7 !important;
    color: #fff;
    text-decoration: none;
}

.right-item {
    padding-top: 5px;
}

.top-right-sidebar-left {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
}

.top-right-sidebar-left:active,
.top-right-sidebar-left:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 0 40px;
}

.top-right-sidebar-left:hover a {
    text-decoration: none;
}

.top-right-sidebar-left:hover a>div {
    color: #fff;
    text-decoration: none;
}

.top-right-sidebar-right {
    float: right;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    padding: 0 40px;
}

.top-right-sidebar-right:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.top-right-sidebar-right:hover a {
    text-decoration: none;
}

.top-right-sidebar-right:hover a>div {
    color: #fff;
    text-decoration: none;
}

.top-right-sidebar-left>.top-add-project {
    display: block;
    text-align: center;
    padding: 24.5px 15px !important;
    text-decoration: none;
}

.top-right-sidebar>.top-right-sidebar-left>.active {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #0078d7 !important;
}

.top-right-sidebar>.top-right-sidebar-left>.active>.right-item {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #0078d7 !important;
}

.top-right-sidebar>.top-right-sidebar-right>.active {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #0078d7 !important;
}

.top-right-sidebar>.top-right-sidebar-right>.active>.right-item {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #0078d7 !important;
}

/.top-right-sidebar-left>.top-add-project:hover {
    display: block;
    text-align: center;
    padding: 24.5px 15px !important;
    text-decoration: none;
    background-color: #0078d7 !important;
}

.top-right-sidebar-right>.top-add-project {
    display: block;
    text-align: center;
    padding: 24.5px 15px !important;
    text-decoration: none;
}

.top-right-sidebar-right>.top-add-project:hover {
    display: block;
    text-align: center;
    padding: 24.5px 15px !important;
    text-decoration: none;
    background-color: #0078d7 !important;
}

.top-right-sidebar-left:hover a {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.top-right-sidebar-left:hover a>div {
    color: #fff;
    text-decoration: none;
}

.top-right-sidebar-right {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
}

.top-right-sidebar-right:hover a {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.top-right-sidebar-right:hover a>div {
    color: #fff;
}

.top-right-sidebar>li {
    float: left;
    width: 50%
}

.top-right-sidebar>li>a {
    display: block;
    color: #000;
    font-size: 24px;
    text-align: center;
    padding: 40px 16px 20px 16px;
    text-decoration: none;
    background-color: #f2f2f2;
    transition: all .5s ease;
}

.top-right-sidebar>li>:hover a {
    background-color: #0078d7 !important;
    color: #fff;
}

.icon-text-center {
    text-align: center;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

.project-add-icon {
    background: url(../../../img/front/inner-page/icon1.png) center center no-repeat;
    background-size: 32px auto;
}

#project-add-icon {
    background: url(../../../img/front/inner-page/icon1.png) center center no-repeat;
    background-size: 32px auto;
}

#project-add-icon2 {
    background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
    background-size: 32px auto;
}

#project-add-icon.active,
#project-add-icon:hover {
    background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
    background-size: 32px auto;
}

#project-search {
    background: url(../../../img/front/inner-page/search-icon.png) center center no-repeat;
    background-size: 24px auto;
}

#project-search.active,
#project-search:hover {
    background: url(../../../img/front/inner-page/search-white-icon.png) center center no-repeat;
    background-size: 24px auto;
}

#project-task {
    background: url(../../../img/front/inner-page/icon-4.png) center center no-repeat;
    background-size: 24px auto;
}

#project-task.active,
#project-task:hover {
    background: url(../../../img/front/inner-page/icon-4-white.png) center center no-repeat;
    background-size: 24px auto;
}

#project-user {
    background: url(../../../img/front/inner-page/user-right-icon.png) center center no-repeat;
    background-size: 24px auto;
}

#project-user.active,
#project-user:hover {
    background: url(../../../img/front/inner-page/user-right-icon-white.png) center center no-repeat;
    background-size: 24px auto;
}

#project-chat {
    background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
    background-size: 24px auto;
}

#project-close {
    background: url(../../../img/front/inner-page/close-black-icon.png) center center no-repeat;
    background-size: 24px auto;
}

#project-close.active,
#project-close:hover {
    background: url(../../../img/front/inner-page/close-white-icon.png) center center no-repeat;
    background-size: 24px auto;
}

.chat-noti {
    height: 24px;
    width: 24px;
    position: relative;
    background-color: red;
    border-radius: 50%;
    z-index: 999;
    top: -30%;
    left: 102%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.chat-noti>.chat-noti-no {
    /* font-family: 'Segoe UI'; */
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    z-index: -9999;
    top: 3px;
    left: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    float: left;
}

#project-chat.active {
    background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
    background-size: 22px auto;
}

#project-chat2 {
    background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
    background-size: 22px auto;
}

#project-chat2:hover {
    background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
    background-size: 22px auto;
}

#project-chat:hover {
    background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
    background-size: 22px auto;
}

.project-screen-right-bg {
    background-color: #f2f2f2;
}

#add-project1 {
    background: url(../../../img/front/inner-page/project-icon-black.png) center center no-repeat;
    background-size: 50px 62px;
}

#add-project1:hover {
    background: url(../../../img/front/inner-page/project-icon-white.png) center center no-repeat;
    background-size: 50px 62px;
}

.project-icon-bottom {
    padding: 40px;
}

.task-header {
    font-size: 14px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 3px 20px 0;
    font-weight: 700;
    line-height: 18px;
}

.task-header-new {
    font-size: 18px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 5px 35px 0;
    font-weight: 700;
}

.task-sub-header {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fc3;
    padding: 0 20px 5px;
    font-size: 14px;
}

.task-sub-title {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 5px 20px 5px;
    font-size: 14px;
    line-height: 18px;
}

.ra-project-row {
    border-top: 5px solid #e6e6e6;
    transition: all .5s ease;
    cursor: pointer;
    color: #1e1f1e;
    background-color: #fff;
}

.ra-project-row:hover {
    background-color: #80bbeb;
    color: #fff;
}

.ra-project-left-side {
    background-color: #e6e6e6;
}

.ra-project-row a {
    display: none;
}

.ra-project-row:hover a {
    display: inline-block;
    margin-left: 11px;
    background-color: #0078d7;
}

.user-left-bg {
    background-color: #1d1d1b;
    text-align: center;
    padding: 12px 0;
}

.user-left-bg-withborder {
    background-color: #1d1d1b;
    text-align: center;
    padding: 6px 0;
    border-right: 3px solid #fff;
}

.projectTextHeading {
    height: 46px;
}

.user-left-section1 {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    color: #fc3;
    position: relative;
}

.user-header {
    font-size: 16px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 11px 35px 11px;
    font-weight: 700;
}

.task-open-bg {
    background-color: #e6e6e6;
}

.project-arrow-width {
    width: 12px !important;
}

.open-task1-bg {
    background-color: #fff;
    border-top: 3px solid #e6e6e6;
}

.open-task1-bg:hover {
    background-color: #c9e1f5;
    display: block;
}

.task_top_padding {
    padding: 20px 15px;
}

.n_open_task-size {
    position: relative;
    display: inline-block;
    width: 96%
}

.tooltip_dow_del {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #001000;
    font-size: 16px;
    text-decoration: none;
}

.tooltip_dow_del:hover {
    text-decoration: none;
}

.n_open_task-size:hover .n-open-delete {
    display: block;
}

.n_delete_icon_new {
    position: absolute;
    right: 12px;
    display: none;
    top: 10px;
    z-index: 9999;
}

.n_parent-div {
    background-color: #fff;
    border-radius: 10px;
    margin: 10px;
    position: relative;
}

.n_parent-div:hover {
    background-color: #c9e1f5;
    border-radius: 10px;
}

.n_parent-div:hover>.n_delete_icon_new {
    display: block;
}

.del-icon11 {
    position: absolute;
    right: 0;
    display: display;
    top: 0;
    z-index: 9999;
}

.open-del-margin {
    position: relative;
    right: 30px;
    top: 60px;
    z-index: 9999;
    display: block;
}

.open-icon-margin {
    margin-top: -8px;
}

.n-open-delete {
    padding-top: 18px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.open-task1-bg-gape {
    margin: 10px;
    border-radius: 10px;
}

.tooltip_content {
    font-size: 14px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-decoration: none;
}

.tooltip_content:hover {
    text-decoration: none;
}

.open-task-heading {
    font-size: 16px;
    color: #3e3e3e;
    /* font-family: 'Segoe UI'; */
    padding: 0 20px 0;
    font-weight: 600;
    line-height: 21px;
}

.open-task-text {
    font-size: 14px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 0 30px 0 20px;
    font-weight: 300;
    line-height: 18px;
}

.open-info {
    padding: 30px 20px 10px;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.open-info>.open-info1 {
    float: left;
    width: 41%
}

.open-info>.open-info2 {
    float: left;
    width: 46%;
    margin-right: 5px;
}

.open-info>.open-info3 {
    float: left;
    width: 7%;
    margin-top: -2px;
    margin-right: 10px;
}

.open-info-col1 {
    width: 20%;
    display: inline-block;
    float: left;
}

.open-info-col2 {
    width: 80%;
    display: inline-block;
    float: left;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #000;
    font-size: 16px;
    padding-top: 3px;
}

.n_due_date {
    padding-left: 5px;
}

.pro-info-col2 {
    width: 70%;
    display: inline-block;
    float: left;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    font-size: 15px !important;
    padding-left: 5px;
    padding-top: 3px;
}

.open-danger {
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #de0716;
}

.open-danger>.open-danger1 {
    width: 15%;
    float: left;
    display: inline-block;
    padding: 5px 20px;
}

.open-danger>.open-danger2 {
    width: 85%;
    float: left;
    display: inline-block;
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding-top: 5px;
}

.complete-task-text {
    font-size: 16px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 0 80px 0 20px;
    font-weight: 400;
}

#complete-alpha {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
}

.progress-task-bg {
    background-color: #0078d7;
    border-top: 2px solid #e6e6e6;
}

.progress-task-heading {
    font-size: 18px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 12px 20px 0;
    font-weight: 700;
}

.progress-task-text {
    font-size: 16px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 0 20px 0;
    font-weight: 400;
}

.project-left-bg {
    background-color: #e6e6e6 !important;
}

.container-project {
    width: 100%;
    display: block;
}

.container-project-left {
    width: 80%;
    display: inline-block;
    float: left;
}

.container-project-grid-left {
    width: 70%;
    display: inline-block;
    float: none;
}

.project-top-border {
    border-top: 3px solid #000;
}

.img-ipad-width {
    width: 50px;
}

.container-project-right {
    width: 20%;
    display: inline-block;
    float: right;
}

.container-project-grid-right {
    width: 30%;
    display: inline-block;
    float: right;
}

.row_action_icon {
    width: 100%;
    display: block;
}

.row_action_icon {
    width: 100%;
    display: block;
}

.row_action_block1 {
    width: 40%;
    display: inline-block;
    float: left;
}

.row_action_block2 {
    width: 31%;
    display: inline-block;
    float: left;
}

.row_action_block3 {
    width: 21%;
    display: inline-block;
    float: right;
}

#add-pro-img {
    background: url(../../../img/front/inner-page/project-icon-black.png) center center no-repeat;
    background-size: 136px 172px;
}

.modal-bg {
    background-color: #80bbeb;
}

.row-width {
    margin: 0 auto;
}

body .modal-ku {
    width: 850px;
}

.title-new {
    font-size: 18px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 20px 30px 0;
}

.title-desc {
    font-size: 15px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding: 10px 30px 11px 30px;
}

.custom-control {
    border-radius: 0;
    font-size: 16px;
    color: #000100;
    margin: 0 0 5px;
    width: 100%;
    min-height: 48px;
    padding: 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #fff;
}

.padding-modal-right {
    padding-left: 15px;
    padding-right: 15px;
}

.custom-control::placeholder {
    color: #000;
    opacity: 1;
}

.modal-select {
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    color: #000100;
    margin: 0;
    width: 100%
}

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

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

.mod-pro-body-bg {
    background-color: #f2f2f2;
}

.modal-view {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    margin: 0 0 5px;
    font-weight: 500;
    width: 100%;
    min-height: 32px;
    padding: 2px 6px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #e6e6e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-view option {
    color: #000;
}

.modal-view option:first-child {
    color: #000 !important;
}

.modal-view-right {
    border-radius: 0;
    font-size: 18px;
    color: #000 !important;
    margin: 0 0 5px;
    width: 100%;
    min-height: 32px;
    padding: 3px 5px 3px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #fff;
}

.modal-select-text {
    width: 100%;
    display: block;
}

.modal-select-text-left {
    width: 91.5%;
    display: inline-block;
    float: left;
}

.modal-select-text-right {
    width: 8.5%;
    display: inline-block;
    float: left;
}

.modal-select-text1 {
    width: 15%;
    display: inline-block;
    float: left;
}

.paddin-right-th {
    padding-right: 30px;
}

.pd-right-text-new {
    padding-top: 0;
}

.dropdown-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.dropdown-control-modal1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.mail-fl {
    float: left;
}

.mail-text {
    background-color: #e6e6e6;
    height: 100px !important;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    color: #000;
    padding: 5px 5px 9px;
}

.padding-mail {
    padding-bottom: 20px;
}

.footer-body-bg {
    padding: 0;
    text-align: right;
    border-top: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    padding: 20px 30px;
}

.cancel-btn {
    display: inline-block;
    padding: 2px 5px 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #1a1a1a;
    /* font-family: 'Segoe UI'; */
    height: 30px;
    min-width: 150px;
}

.create-btn {
    display: inline-block;
    padding: 2px 5px 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    height: 30px;
    min-width: 150px;
}

.modal-screen3 {
    position: fixed;
    top: 20%;
    left: 0;
}

textarea {
    resize: none;
}

.title-task-new {
    font-size: 18px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 20px 15px 0;
    font-weight: 600;
}

.title-task-desc {
    font-size: 14px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding: 0 15px 20px;
}

.task-desc-border {
    margin-top: 30px;
    margin-bottom: 40px;
    border-top: 1px solid #b3b3b3;
}

.date-border {
    border-top: 1px solid #fff;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.date-down-border {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #fff;
}

.task-desc-down {
    border-top: 1px solid #e6e6e6;
}

.chat-task {
    font-size: 18px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding: 0 15px 20px 0;
}

.chat-btn {
    display: inline-block;
    padding: 2px 5px 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    height: 30px;
    min-width: 150px;
}

.chat-btn.active,
.chat-btn:focus {
    color: #fff;
    border: 1px solid transparent;
    background-color: #0078d7;
}

.day-heading {
    font-size: 11px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    color: #999;
}

.day-bottom {
    font-size: 12px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.modal-right-user3 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding: 20px 0;
}

.modal-right-user {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding: 5px 0;
}

.modal-right-email {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding-bottom: 10px;
}

.pd-right-text {
    padding-top: 35px;
}

.date-heading {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 13px;
}

.modal-right-project {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding-left: 10px;
}

.modal-right-status {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Segoe UI'
}

.modal-create {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Segoe UI'
}

.modal-cancel-btn {
    display: inline-block;
    min-width: 150px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    padding: 3px 60px;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #1a1a1a;
    /* font-family: 'Segoe UI'; */
    height: 30px;
}

.user-sec-main .pro-state-padding-right .modal-cancel-btn,
.user-sec-main .pro-state-padding-right .modal-cancel-btn.active,
.user-sec-main .pro-state-padding-right .modal-cancel-btn:hover {
    background-color: transparent;
    color: #000;
    padding: 3px 0;
    width: auto;
    float: right;
    font-weight: 600;
}

.modal-create-btn {
    display: inline-block;
    min-width: 150px;
    font-size: 14px;
    padding: 3px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    height: 30px;
}

.modal-btn-padding2-new {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.modal-btn-padding2 {
    padding-top: 120px !important;
    padding-bottom: 30px !important;
}

.modal2-view {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    min-height: 32px;
    padding: 4px 5px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #e6e6e6 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#taskAddModal .modal2-view {
    margin: 0;
    border: 2px solid #0078d7 !important;
}

.dd-control-right {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.close-border {
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
}

.mail-text-screen2 {
    background-color: #e6e6e6;
    height: 100px !important;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 500 !important;
    color: #000;
    padding: 3px 5px 9px;
}

.modal2-content {
    background: url(../../../img/front/inner-page/modal-bg-new.png) center center;
    background-repeat: repeat-y;
    top: 10%
}

.modal-scroll {
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto;
}

.modal-open {
    overflow: hidden;
}

.cus-modal2 {
    border-radius: 0;
    font-size: 14px;
    color: #000100;
    margin: 0 0 5px;
    width: 100%;
    min-height: 32px;
    padding: 3px 5px 6px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7 !important;
    background-color: #fff;
}

.newtask-modal2 {
    border-radius: 0;
    font-size: 14px;
    color: #000100;
    margin: 0 0 5px;
    font-weight: 400;
    width: 100%;
    min-height: 32px;
    padding: 3px 5px 3px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7 !important;
    background-color: #fff;
}

.newtask-modal2::placeholder {
    opacity: 1;
    color: #000100;
}

.custom-desc {
    border-radius: 0;
    font-size: 14px;
    color: #000100;
    margin: 0 0 5px;
    width: 100%;
    padding: 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #fff;
}

.title-search-head {
    font-size: 16px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 10px 5px 0;
    font-weight: 600;
}

.title-search-desc {
    font-size: 14px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding: 10px 15px 3px;
}

.search-box {
    border-radius: 0;
    font-size: 14px;
    color: #000100;
    margin: 0 0 0;
    width: 100%;
    min-height: 32px;
    padding: 3px 0 4px 10px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7 !important;
    background-color: #fff;
}

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

.padding-search-hr {
    padding-left: 15px;
    padding-right: 32px;
}

.project-name-bg {
    width: 100%;
    min-height: 100px;
    border: 2px solid #e6e6e6 !important;
    background-color: #e6e6e6;
    cursor: pointer;
}

.project-name-bg2 {
    width: 100%;
    min-height: 100px;
    border: 2px solid #e6e6e6 !important;
    background-color: #e6e6e6;
    margin-top: 20px;
}

.project-name-bg3 {
    width: 100%;
    min-height: 100px;
    border: 2px solid #e6e6e6 !important;
    background-color: #e6e6e6;
    margin-top: 20px;
}

.project-name-heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 20px 20px 0 20px;
}

.project-sub-heading {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding: 0 20px 0 20px;
}

.pd-right-padding {
    padding-top: 26px;
}

.modal2-bottom-btn {
    padding-bottom: 30px !important;
    padding-top: 60px !important;
}

.padding-user-pro {
    padding-top: 27px;
}

.padding-user-sec {
    padding-top: 10px;
}

.space-left {
    padding-left: 15px;
}

.search-btn {
    display: inline-block;
    padding: 6px 65px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    font-family: 'Segoe UI'
}

.pro-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.pro-ra-margin {
    padding-left: 30px;
    padding-right: 30px;
}

.screen5-icon {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 20px;
    height: 65px;
}

.user-bg {
    background-color: #4d4d4d;
    border-top: 5px solid #333;
    padding-top: 15px;
    padding-left: 20px;
}

.user-bg.active,
.user-bg:hover {
    background-color: #0078d7;
    border-top: 5px solid #333;
    padding-top: 15px;
    padding-left: 20px;
}

.right-user {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    padding-left: 20px;
    padding-top: 5px;
}

.space-add {
    margin-top: 33px;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

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

.close-margin {
    margin-right: 30px;
}

.search-box::placeholder {
    opacity: 1;
    color: #000100;
}

.project-margin-bottom {
    padding-bottom: 15px;
}

.close-btn-padding {
    padding-right: 5px;
    padding-top: 5px;
}

.close-btn1 {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .9;
    margin-right: 5px;
    padding: 0;
    background: 0 0;
    border: 0;

}

.close-btn1:hover {
    color: #fff;
}

.close-btn-task {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    margin-right: -8px;
    margin-top: -14px;
}

.close-btn-task:hover {
    color: #fff;
}

.fade {
    opacity: .1;
}

.profile-bg {
    background-color: #e6e6e6;
}

.profile-detail {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
}

.profile-bg>div:hover {
    background-color: #fc3;
}

.pro-user {
    border-left: 3px solid #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #b3b3b3;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
}

.profile-plan {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 9px 0;
}

.profile-content {
    padding-left: 110px;
}

.profile-email {
    padding-left: 150px;
    padding-top: 65px;
}

.profile-new-email {
    padding-left: 110px;
}

.profile-padding {
    padding-top: 100px;
}

.pro-con-left1 {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.pro-con-left2 {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 16px;
    padding: 10px 0 10px 20px;
    opacity: .9;
}

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

.pro-con-left2-dot {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 30px;
    padding: 0 0 10px 20px;
    margin-top: -7px;
}

.pro-cont-right1 {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #000;
    font-size: 16px;
    padding: 0 0 0 20px;
    line-height: 30px;
}

.pro-cont-right2 {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 16px;
    padding: 10px 0 10px 0;
}

.padding-edit-btn {
    padding: 50px 0 20px 0 !important;
}

.profile-edit-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 5px;
}

.user-sec-main .profile-edit-btn {
    max-width: 140px;
    height: 34px;
    font-size: 14px;
    line-height: 22px;
    background: #0078d7 !important;
    border: none;
}

.profile-edit-btn {
    max-width: 110px;
}

.right-side-profile {
    border-left: 1px solid #000;
}

.pro-user-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    background-color: #1e1f1e;
}

.profile-row-bg {
    background-color: #2b2b2b;
}

.plan-sub-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    font-size: 16x;
    padding: 10px 0 10px 20px;
}

.plan-text-right {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    padding: 10px 0 10px 0;
}

.profile-right-logo {
    margin: 50px 0;
    padding: 0 60px;
}

.profile-right-logo-next {
    width: 100%
}

.profile-right-logo-edit {
    display: block;
    margin: 51px 0;
    padding: 0 60px;
    width: 100%
}

.profile-right-heading {
    border-top: 0 solid #7a7a7a;
}

.profile-upgrade-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 10px 30px;
}

.profile-change-logo-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 10px 30px;
}

.profile-sync {
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    width: 100%;
    min-height: 50px;
}

.sync-img {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    padding: 15px;
    color: #000;
}

.sync-img-padding {
    margin-left: 10px;
    width: 25px;
}

.profile_right_heading {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    margin-top: 30px;
}

.group-row-bg {
    background-color: #2b2b2b;
    border-top: 2px solid #7a7a7a;
    border-bottom: 2px solid #7a7a7a;
}

.profile-right-group {
    border-top: 0 solid #7a7a7a;
    margin-top: 312px;
}

.profile-heading {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #e6e6e6;
    width: 100%;
    z-index: 999;
}

.profile-heading>li {
    float: left;
    width: 33.33%;
    border-right: 3px solid #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #b3b3b3;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    display: block;
}

.profile-heading>li:last-child {
    float: left;
    width: 33.34%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #b3b3b3;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    display: block;
    border-right: 0 solid #000;
}

.profile-heading>li.active,
.profile-heading>li:hover {
    background-color: #fc3;
    color: #000;
}

.profile-table-padding {
    padding: 60px 60px 60px 80px;
}

.profile-tbl-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #000;
    font-size: 18px;
}

.profile-tbl-head-cell {
    padding-left: 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #fff;
}

.profile-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.profile-tbl-cell {
    padding: 35px 0 !important;
    border-bottom: 2px solid #fff;
}

.profile-edit {
    text-align: center;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #fff;
}

.pro-table-edit-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px 24px;
}

.pro-table-deact-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px 1px;
}

.btn-bottom-border {
    border-bottom: 2px solid #fff;
}

.table-btn-space {
    padding: 15px 0 0 10px !important;
}

.paging_padding {
    padding-top: 200px;
    padding-right: 50px;
}

.pagination>li>a {
    background-color: #1e1f1e;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Segoe UI'
}

.pagination>li>a.active,
.pagination>li>a:hover {
    background-color: #fc3;
    color: #1e1f1e;
}

.profile-group-padding {
    padding: 175px 60px 60px 80px;
}

.profile-group-tbl {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.profile-group-cell {
    padding: 35px 0 !important;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}

.group-edit-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px;
}

.group-ul-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px 0;
}

.group-adduser-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px 0;
}

.profile-desc-padding {
    padding: 30px 60px 0 90px;
}

.profile_desc {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 20px;
    color: #000;
}

.profile_read {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 20px;
    color: #000;
    padding: 20px 0;
}

.read-state-border {
    border-bottom: 2px solid #fff;
}

.profile_sub_read {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 20px;
    color: #000;
    padding: 10px 0;
}

.profile-on-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 10px 15px;
}

.profile-btn-text {
    border-radius: 0;
    font-size: 16px;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    min-height: 45px;
    padding: 5px;
    /* font-family: 'Segoe UI'; */
    background-color: #fff;
    border: none;
}

.profile-report-text {
    border-radius: 0;
    font-size: 16px;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    min-height: 45px;
    padding: 5px 5px 5px 20px;
    /* font-family: 'Segoe UI'; */
    background-color: #fff;
    border: none;
}

.profile-report-text::placeholder {
    color: #000;
}

.profile-rev-report-text {
    border-radius: 0;
    font-size: 16px;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    min-height: 45px;
    padding: 5px 5px 5px 20px;
    /* font-family: 'Segoe UI'; */
    background-color: #fff;
    border: none;
}

.profile-rev-report-text::placeholder {
    color: #b3b3b3;
}

.select-review-text {
    border-radius: 0;
    font-size: 16px;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    min-height: 80px;
    padding: 5px 5px 5px 20px;
    /* font-family: 'Segoe UI'; */
    background-color: #fff;
    border: none;
}

.profile-review-submit {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 20px;
    margin-top: 5px;
}

.add-user-modal {
    position: fixed;
    top: 30%;
    left: 0;
}

body .modal-user {
    width: 450px;
}

.user-modal-bg {
    background-color: #000;
    border: 2px solid #0078d7;
}

.user_que {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 10px 20px;
    font-size: 24px;
}

.add-user-padding {
    padding-top: 10px;
    padding-right: 10px;
}

.user_stand {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 20px;
    font-size: 16px;
}

.user-control {
    border-radius: 0;
    font-size: 16px;
    color: #000100;
    margin: 0 0 5px;
    width: 100%;
    min-height: 42px;
    padding: 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0078d7;
    background-color: #fff;
}

.user-cancel {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #1a1a1a;
    /* font-family: 'Segoe UI'; */
    padding: 10px;
}

.proceed-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 10px;
}

.user_cancel_padding {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
}

.vertical-scroll-profile {
    height: 698px;
    position: relative;
    overflow-y: auto;
}

.vertical-right-profile {
    height: 701px;
    position: relative;
    overflow-y: auto;
}

.vertical-right-profile2 {
    min-height: 825px;
}

.vertical-scroll-profile2 {
    min-height: 825px;
    position: relative;
    overflow-y: scroll;
}

.submit-btn-padding {
    padding-bottom: 28px;
}

.vertical-scroll-profile3 {
    min-height: 825px;
    position: relative;
    overflow-y: scroll;
}

.vertical-right-profile3 {
    min-height: 825px;
}

.vertical-scroll-profile4 {
    min-height: 825px;
    position: relative;
    overflow-y: scroll;
}

.vertical-right-profile4 {
    min-height: 825px;
}

.vertical-scroll-profile5 {
    min-height: 825px;
    position: relative;
    overflow-y: scroll;
}

.vertical-right-profile5 {
    min-height: 825px;
}

.planner_bg {
    background-color: #fc3;
}

.planner-text {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600;
}

.planner-icon-width {
    width: 25px;
}

.planner_bg .planner-icon-width {
    width: 25px;
    margin-top: -2px;
}

.planner-plan {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 9px 0;
}

.ra-new-pro-planner-plan {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 10px 0 11px;
}

.planner-folder-row {
    border-bottom: 1px solid #ccc;
    transition: all .5s ease;
    height: 100px;
    cursor: pointer;
}

.planner-folder-row:hover {
    background-color: #e6e6e6;
}

.planner-folder-row.active {
    background-color: #c8c9ca;
}

.planner-folder-icon {
    padding-top: 10px;
}

.planner-single-folder {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.planner-folder-arrow {
    text-align: right;
}

.planner-folder-arrow>a {
    display: inline-block;
}

.planner-folder-row a {
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.planner-folder-row:hover a {
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.planner-folder-row:hover div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.planner_row_icon {
    text-align: center;
    /* font-family: 'Segoe UI'; */
    font-size: 13px;
    font-weight: 400;
}

.img-planner-icon {
    margin: 0 auto;
}

.planner-icons-width {
    width: 35px;
}

.planner-iconn-width {
    width: 30px;
}

.pla-right-border {
    border-top: 1px solid #616360;
    border-left: 1px solid #616360;
}

.pla-bottom-border {
    border-bottom: 1px solid #616360;
    border-right: 1px solid #616360;
    min-height: 308px;
}

.planner-date {
    text-align: right;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    font-weight: 400;
    color: #807f83;
    line-height: 1.4;
    padding-top: 5px;
}

.planner-date>span {
    font-weight: 400;
}

.followup-date-sen {
    text-align: left;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.followup-date {
    text-align: left;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.followup-date1 {
    text-align: left;
    /* font-family: 'Segoe UI'; */
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.planner_fol_text {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: left;
    padding-left: 20px;
}

.planner_fol_sub_text {
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-align: left;
    padding-left: 20px;
    line-height: 1.7em;
}

.plann_date_heading {
    background-color: #000;
    color: #ffce34;
    /* font-family: 'Segoe UI'; */
    font-size: 18px;
    font-weight: 400;
    padding: 5px 20px 8px 20px;
}

.planner_right_bg {
    background-color: #1e1f1e;
}

.planner_right_text {
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
}

.calend_width {
    width: 100%
}

.planner-edit-row {
    border-bottom: 1px solid;
    transition: all .5s ease;
    margin: 0 30px;
    cursor: pointer;
}

.planner-left-bg {
    background-color: #e6e6e6;
}

.planner-next-date-folder {
    padding-top: 15px;
    padding-bottom: 0;
}

.planner-next-date-folder2 {
    padding-top: 20px;
    padding-bottom: 5px;
}

.planner-cancel-btn {
    display: inline-block;
    min-width: 110px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #6f6f6f;
    border-radius: 0;
    background-color: #ddd;
    /* font-family: 'Segoe UI'; */
    padding: 8px 10px;
    color: #000;
}

.planner-cancel-btn:hover {
    border: 1px solid #ddd;
    background-color: #6f6f6f;
    /* font-family: 'Segoe UI'; */
    padding: 8px;
    color: #fff;
}

.planner2_btn_padding {
    padding-top: 20px;
}

.dd-planner-right {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/add-dd-iconv-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/add-dd-iconv-small.png) no-repeat calc(100% - 5px) !important;
    background-position: right;
    color: #fff;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
}

.planner_dd {
    border-radius: 0;
    font-size: 16px;
    outline: 0 !important;
    border-top: transparent !important;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
    height: 32px;
    padding: 2px 5px 3px 5px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    background-color: #e6e6e6 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: inset 0 0 0 transparent;
}

select.planner_dd {
    border: 0;
    outline: 0;
}

.plann_drop {
    padding-top: 10px;
}

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 999999;
}

.dialog-ovelay .dialog {
    width: 400px;
    margin: 300px auto 0;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(217, 222, 15, .5);
    border-radius: 3px;
    overflow: hidden;
    border-top: 0 solid #e4cd81;
    border-bottom: 0 solid #e4cd81;
    border-right: 0 solid #e4cd81;
    border-left: 0 solid #e4cd81;
}

.dialog-ovelay .dialog header {
    padding: 12px 10px;
    background-color: #000;
    border-bottom: 1px solid #e5e5e5;
}

.dialog-ovelay .dialog header div {
    font-size: 14px;
    margin: 0;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    display: inline-block;
}

.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px;
    padding-top: 5px;
}

.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9;
}

.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 0 #673ab7;
    color: #a2a2a2;
}

.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px;
}

.dialog-ovelay .dialog .dialog-msg p {
    margin: 0;
    font-size: 12px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
}

.dialog-ovelay .dialog footer {
    padding: 12px 10px;
}

.dialog-ovelay .dialog footer .controls {
    direction: rtl;
}

.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 50px;
    border-radius: 3px;
}

.button {
    cursor: pointer;
}

.button-default {
    background-color: #e4b62c;
    border: 2px solid #000;
    color: #000;
    border: 0;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding: 4px 40px !important;
    border-radius: 0;
    font-size: 12px;
}

.button-default-outer {
    background-color: transparent;
}

.button-danger {
    background-color: #e4b62c;
    color: #000;
    border: 0;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding: 4px 28px !important;
    font-size: 12px;
}

.link {
    padding: 0;
    cursor: pointer;
}

.cal-small-width {
    width: 20px;
    padding-top: 12px;
}

.plann-vert-scroll {
    height: 729px;
    position: relative;
    overflow-y: auto;
}

.plann-vert-fd-scroll {
    height: 700px;
    position: relative;
    overflow-y: auto;
}

.plann-right-vert-scroll {
    position: relative;
    overflow-y: auto;
    height: 311px;
}

.plann-grid-vert-scroll {
    height: 750px;
    position: relative;
    overflow-y: auto;
}

.plann-grid-right-vert-scroll {
    height: 655px;
    position: relative;
    overflow-y: auto;
}

.planner-icon {
    padding-top: 12px;
    padding-bottom: 11px;
    padding-left: 20px;
}

.planner-icon>span {
    padding-left: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 700;
}

.planner-grp-icon {
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.planner-grp-icon>span {
    padding-left: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 700;
}

.btn-bottom-padding {
    padding-bottom: 20px;
}

.pro-foll-bg {
    background-color: #e6e6e6;
}

.delete-screen {
    position: fixed;
    top: 20%;
    left: 0;
}

.planner-icon-folder {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pro-group-icon-margin {
    margin-top: -3px;
}

#profile-head .pro-group-icon-margin {
    margin-top: -5px;
}

.dateInput {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000 !important;
    background-color: #e6e6e6;
    background-image: none;
    border: 2px solid #0078d7;
    margin-top: 3px;
}

#search-box .dateInput::placeholder {
    color: #000 !important;
    font-size: 20px;
}

#search-box .dateInput::-webkit-input-placeholder {
    color: #000 !important;
    font-size: 20px;
}

#search-box .dateInput::-moz-placeholder {
    color: #000 !important;
    font-size: 20px;
}

#search-box .dateInput::-moz-placeholder {
    color: #000 !important;
    font-size: 20px;
}

.addAttachementDiv {
    margin-top: 5px;
    margin-bottom: 5px;
}

.AddTaskInviteUserDiv {
    margin-bottom: 8px !important;
}

.padding-right-third {
    padding-right: 30px;
}

.danger_padding {
    padding-top: 8px;
}

.plus_round_padding {
    padding-top: 10px;
    float: right;
    margin-right: 12px;
}

div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    clear: both;
    width: 100%
}

span.selected {
    width: 100%;
    text-indent: 10px;
    border: 1px solid #fff;
    min-height: 32px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: #e6e6e6 !important;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    background-position: right;
    background-color: #2a2a2a !important;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding-top: 3px;
}

span.selectArrow,
span.selected {
    position: relative;
    float: left;
    height: 32px;
    z-index: 1;
}

ul.selectOptions {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fafafa;
    padding: 0 0 3px 5px;
    display: none;
    color: #000;
    margin-top: 0;
    list-style: none inside none;
    padding-left: 0;
    z-index: 9999;
}

li.selectOption {
    display: block;
    padding: 5px 0 5px 10px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Segoe UI', sans-serif;
    list-style: none;
    margin: 0;
    background: #e6e6e6;
}

li.selectOption:hover {
    color: #fff;
    background: #4096ee;
}

.project-text-new {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600 !important;
}

.newproject_search {
    padding: 10px 30px 0 30px;
}

.input-newproject {
    border: 2px solid #1e1f1e;
    /* font-family: 'Segoe UI'; */
    color: #000;
    width: 340px !important;
    background-color: #fff;
    font-size: 18px;
}

.pro_new_padding {
    padding: 42px 60px;
}

.pro_phot_padding {
    padding: 20px 60px 20px 60px;
}

.pro_title_new {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #000;
    font-size: 16px;
    padding: 20px 10px;
}

.info_type_pro {
    border: 1px solid #000;
    border-radius: 0;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    padding: 8px 10px;
}

.info_type_pro:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(000, 000, 000, 0);
}

.pro-new-scroll {
    position: relative;
    overflow-y: auto;
    height: 739px;
}

.pro-right-new-scroll {
    position: relative;
    overflow-y: auto;
    height: 739px;
}

.new_pro_bottom_bg {
    background-color: #666;
    padding: 20px 60px 20px 60px;
}

.new_pic_bottom_bg {
    background-color: #666;
    padding: 20px 76px 20px 80px;
}

.new-pro-cancel-btn {
    display: inline-block;
    padding: 5px 70.5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #1a1a1a;
    /* font-family: 'Segoe UI'; */
    color: #fff;
}

.new-pro-cancel-btn.active.focus,
.new-pro-cancel-btn.focus,
.new-pro-cancel-btn:active.focus,
.new-pro-cancel-btn:focus,
.new-pro-cancel-btn:hover,
.open>.dropdown-toggle.new-pro-cancel1-btn {
    border: 1px solid transparent;
    background-color: #1a1a1a;
    font-family: 'Segoe UI'
}

.new-pro-cancel1-btn {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent !important;
    border-radius: 0;
    background-color: #1a1a1a;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    min-width: 150px;
    height: 34px;
}

.new-pro-cancel1-btn:hover {
    color: #fff;
}

.stat-done-block .new-pro-cancel1-btn {
    float: left;
}

.new-pro-cancel1-btn.active.focus,
.new-pro-cancel1-btn.focus,
.new-pro-cancel1-btn:active.focus,
.new-pro-cancel1-btn:focus,
.new-pro-cancel1-btn:hover,
.open>.dropdown-toggle.new-pro-cancel1-btn {
    background-color: #1a1a1a !important;
    border: 1px solid transparent;
}

.padding-back-btn {
    margin-left: 20px;
}

.cal-margin {
    margin-top: 7px;
}

.new-pronext-btn {
    display: inline-block;
    padding: 5px 70px 5px 70px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.new-pronext-btn:focus,
.new-pronext-btn:hover {
    border: 1px solid transparent;
    background-color: #fc3;
    color: #000;
}

.dd_group {
    border: 1px solid #d2d2d2;
}

.new_project_dd {
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    margin: 0 0 5px;
    width: 100%;
    height: 32px;
    padding: 2px 5px 3px 15px;
    /* font-family: 'Segoe UI'; */
    background-color: #2a2a2a !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 2px solid #181818;
}

.new_project_dd:focus {
    border-color: #181818;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.new_project_dd::placeholder {
    color: #fff;
    padding-left: 0 !important;
}

.new-pro-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat calc(100% - 3px) !important;
    background-position: right;
    background-color: #2a2a2a !important;
}

.new-pro-date-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_cal_icon.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dark_brown_cal_icon.png) no-repeat calc(100% - 1px) !important;
    background-color: #2a2a2a !important;
    background-position: right;
    height: 34px;
    font-size: 16px;
}

.margin-bottom-neg {
    margin-bottom: -5px;
}

.new_pro_sync_padding {
    margin-top: 200px;
}

.photo-msg {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    padding-left: 45px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600 !important;
}

.assessment_date_heading {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    padding: 6px 15px;
    color: #fff;
    background-color: 2a2a2a;
    font-weight: 400 !important;
}

.pick-date-border {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: 0 solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #2a2a2a;
}

.project_new2_right_bg {
    background-color: #1e1f1e;
}

.project-name-title {
    font-size: 24px;
    font-family: HelveticaNeueeTextW01Light;
    color: #fff;
    text-align: center;
}

.project_name-info {
    font-size: 14px;
    font-family: HelveticaNeueeTextW01Light;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.project_name-info.project_name-info_head {
    /* font-family: HelveticaNeueeTextW01Medium; */
    font-weight: 600;
}

.project_name-info>span {
    font-family: 'Segoe UI'
}

.project-new-right-sidebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.project-new-sidebar-left {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    padding: 0 0;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-new-sidebar-left>a {
    color: #000;
    display: inline-block;
    padding: 30px 0;
    width: 100%
}

.n_grid_edit_text {
    padding-top: 60px;
}

.project-new-sidebar-right {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    padding: 0 0;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-new-sidebar-right>a {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}

.project-new-sidebar-left:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-new-sidebar-left:hover a {
    text-decoration: none;
}

.project-new-sidebar-left:hover a>div {
    color: #fff;
    text-decoration: none;
}

.project-new-sidebar-right:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-new-sidebar-right:hover a {
    text-decoration: none;
}

.project-new-sidebar-right:hover a>div {
    color: #fff;
    text-decoration: none;
}

.project_block_padding {
    padding-bottom: 273px;
}

.project_skip_padding {
    padding-bottom: 313px;
}

.project_img_heading {
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    font-weight: 500;
    color: #1d1d1b;
    padding-left: 30px;
}

.project_img_sub_heading {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 500;
    color: #1d1d1b;
    padding-top: 0;
    padding-left: 10px;
}

.project_img_main_pho_heading {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #1d1d1b;
    padding-top: 5px;
    padding-left: 10px;
}

.container-frame {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-frame-text {
    float: left;
    width: 77%;
    display: inline-block;
    text-decoration: none;
}

.container-small-frame {
    float: right;
    width: 23%;
    display: inline-block;
    text-decoration: none;
}

.project-photo-left {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    text-decoration: none;
}

.project-main-photo-frame {
    float: left;
    display: inline-block;
    text-decoration: none;
    position: relative;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: 7px;
}

.project-main-photo-text {
    float: left;
    width: 34%;
    display: inline-block;
    text-decoration: none;
}

.project-sub-photo-frame {
    float: left;
    width: 10%;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.project-sub-photo-text {
    float: right;
    width: 48%;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    font-weight: 500;
    color: #1d1d1b;
    padding-top: 5px;
}

.pro_mphoto_frame {
    width: 60%;
    min-height: 34px;
    border: 5px solid #0071bc !important;
    background-color: #fff;
    margin-left: 10px;
}

.pro_sphoto_frame {
    width: 100%;
    min-height: 34px;
    border: 5px solid #231f20 !important;
    background-color: #fff;
}

.pro_mbig_frame {
    width: 320px;
    height: 320px;
    border: 10px solid #0071bc !important;
    background-color: #fff;
}

.photo_frame_padding {
    padding-left: 25px;
}

.pro_frame_padding {
    padding: 10px 50px;
}

.demo-box-div {
    margin: 0 auto;
}

.plan_project_title {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 12px 0;
}

.plan_project_det_title {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 13px 0;
}

.pro_grid_title {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 18px;
    text-align: center;
}

.cont_cleaning_padding {
    padding: 10px 15px;
    border-bottom: 2px solid #e6e6e6;
    background-color: #f2f2f2;
}

.riskassi_right_bg {
    background-color: #f2f2f2;
}

.cont_cleaning_text {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #404042;
    font-size: 16px;
    line-height: 1em;
    padding-top: 6px;
    padding-left: 20px;
}

.project-button-sidebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #e6e6e6;
    text-decoration: none;
}

.project-opacity-left{
    float:left;
    width:33.33%;
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    /* font-family: 'Segoe UI'; */
    text-align:center;
}

.project-opacity-left > a {
    color:#000;
    display:inline-block;
    padding:15px 0;
    width:100%;
}

.project-key-medium {
    float: left;
    width: 33.33%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-key-medium.active>a,
.project-key-medium>a {
    color: #fff;
    display: inline-block;
    padding: 7.5px 0;
    width: 100%;
    background-color: #fc3;
}

.project-add-last {
    float: right;
    width: 33.33%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-add-last.active>a,
.project-add-last>a {
    color: #fff;
    display: inline-block;
    padding: 7.5px 0;
    width: 100%;
    background-color: #fc3;
}


.project-opacity-left:hover a {
    text-decoration: none;
}


.project-key-medium.active {
    background-color: #0078d7;
    color: #000;
    display: inline-block;
    text-decoration: none;
}

.project-key-medium:hover a {
    text-decoration: none;
}

.project-add-last.active {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-add-last:hover a {
    text-decoration: none;
}

.pro-lib-head {
    font-size: 23px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-align: center;
    padding: 7px 20px 10px;
    color: #000;
    text-decoration: none;
}

.pro-key-head {
    font-size: 23px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-align: center;
    padding: 10px 20px 10px;
    color: #000;
    text-decoration: none;
}

.pro-add-head {
    font-size: 23px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-align: center;
    padding: 5px 20px 10px;
    color: #000;
    text-decoration: none;
}

.key-padding {
    padding-top: 30px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td {
    text-align: left;
    padding: 0;
}

.cleaning_icon-width {
    width: 50px;
}

.hazard_cl_btn {
    width: 20px;
}

.grid_column1 {
    background-color: #fc3;
    width: 48px !important;
    font-size: 23px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-align: center;
    border-bottom: 2px solid #fff;
}

.grid_column1_other {
    background-color: #fc3;
    height: 58px;
    width: 56px;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    text-align: center;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

.grid_row_new {
    height: 81.9px;
    width: 105px;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    text-align: center;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

.hazard-icon-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    font-size: 16px;
    color: #1e1f1e;
    padding-top: 10px;
}

.hazard-icon-text>span {
    padding-left: 10px;
}

.container-hazard {
    width: 100%;
    display: block;
}

.container-hazard-left {
    width: 80%;
    display: inline-block;
    float: left;
}

.container-hazard-right {
    width: 20%;
    display: inline-block;
    float: right;
}

.hazard_checking {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    background-color: #fc3;
    color: #1e1f1e;
    text-align: center;
    padding: 12px 0;
}

.hazard_check-right {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    background-color: #e6e6e6;
    color: #1e1f1e;
    text-align: center;
    padding: 12px 0;
}

.hazard_padding {
    padding: 38px 50px 38px 60px;
}

.hazard_bottom_bg {
    background-color: #666;
    padding: 20px 80px 20px 80px;
}

.hazard-img-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    font-size: 20px;
    color: #1e1f1e;
    padding-top: 10px;
}

.padding_enter_hazardmsg {
    padding-top: 50px;
}

.enter_hazard_msg {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 20px;
    color: #b3b3b3;
    padding-left: 20px;
}

.hazard-bg {
    background-color: #fff;
}

.padding_hazard_ta {
    padding-top: 10px;
}

.h_textarea {
    border-radius: 0;
    font-size: 16px;
    color: #404042;
    margin: 0 0 5px;
    font-weight: 400;
    width: 100%;
    padding: 10px 10px 10px 20px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #999 !important;
    background-color: #fff;
}

.h_textarea:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(000, 000, 000, 0);
}

.h_textarea::-webkit-input-placeholder {
    color: #404042;
}

.h_textarea::-moz-placeholder {
    color: #404042;
}

.h_textarea:-ms-input-placeholder {
    color: #404042;
}

.h_textarea:-moz-placeholder {
    color: #404042;
}

.hazard-right-bg {
    background-color: #e6e6e6;
    height: 666px;
    border-left: 2px solid #7a7a7a;
    border-top: 2px solid #7a7a7a;
}

.har-right-padding {
    padding: 1px;
}

.hazard_sno_bg {
    background-color: #7a7a7a;
    height: 102px;
    padding: 42px 9px;
    text-align: center;
}

.hazard-sno {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    background-color: transparent;
}

.hazard_btn_text {
    /* font-family: 'Segoe UI'; */
    color: #404042;
    padding: 42px 100px 30px 5px;
    font-size: 18px;
    line-height: 1.2em;
}

.hazard_btn_sno_left {
    background-color: #ff1d25;
    height: 45px;
    text-align: center;
    padding-top: 11px;
}

.control-btn {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.control-btn-left {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    background-color: #ccc;
}

.control-btn-right {
    float: right;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    background-color: #ccc;
}

.control-btn-left.active {
    background-color: #fc3;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.control-btn-left.active a,
.control-btn-left:hover a {
    text-decoration: none !important;
}

.control-btn-right.active {
    background-color: #fc3;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.control-btn-right.active a,
.control-btn-right:hover a {
    text-decoration: none !important;
}

.control_btn_text {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    text-align: center;
    padding: 11px 20px 11px;
    color: #000;
    text-decoration: none !important;
}

.control_btn_text.active {
    text-decoration: none !important;
    color: #000 !important;
}

.radio-green [type=radio]:checked+label:after {
    border-color: #00c851;
    background-color: #00c851;
}

.radio-green-gap [type=radio].with-gap:checked+label:before {
    border-color: #00c851;
}

.radio-green-gap [type=radio]:checked+label:after {
    border-color: #00c851;
    background-color: #00c851;
}

.hazard_radio {
    height: 45px;
    background-color: #ccc;
    text-align: center;
}

.hazard_rs_msg {
    font-weight: 400;
    padding: 18px 15px 18px 15px;
    /* font-family: 'Segoe UI'; */
    color: #ccc;
    font-size: 16px;
}

.hazard_rs_msg_bottom {
    font-weight: 400;
    padding: 0 20px 0 20px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
}

.hazard_injury_dd {
    border-radius: 0;
    font-size: 14px;
    color: #fff !important;
    margin: 5px;
    width: 97%;
    min-height: 32px;
    padding: 2px 5px 3px 5px;
    color: #000;
    margin: 2px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #d2d2d2;
    background-color: #2a2a2a !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.hazard-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    background-color: #2a2a2a !important;
}

.assessments-req-bg {
    background-color: #1d1d1b;
    text-align: center;
    padding: 4px 0 5px 0;
}

.assessments-req-bg-withborder {
    background-color: #1d1d1b;
    text-align: center;
    padding: 4px 0 5px 0;
    border-right: 2px solid #000;
}

.pro_detail_head {
    font-weight: 600;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.pro_detail_shead {
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    color: #fc3;
    font-size: 14px;
    text-align: center;
    margin-top: -3px;
}

.pro_work_detail_bg {
    background-color: #7a7a7a;
}

.assessments_block {
    background-color: #e6e6e6;
    border-top: 1px solid #7a7a7a;
}

.assessments_block_top {
    background-color: #e6e6e6;
    border-top: 1px solid #7a7a7a;
}

.assessments_block_top:hover {
    background-color: #fc3;
    border-top: 1px solid #7a7a7a;
}

.assessments_block_top.active {
    background-color: #fc3;
    border-top: 1px solid #7a7a7a;
}

.assessments_block.active,
.assessments_block:hover {
    background-color: #fc3;
    border-top: 1px solid #7a7a7a;
}

.assessment-blockmsg {
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 53.6px;
}

.pd_right_scroll {
    min-height: 823px;
}

.pd_right_toggle {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    text-decoration: none;
}

.pd_toggle_no {
    float: left;
    width: 18%;
    display: inline-block;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.pd_toggle_middle {
    float: left;
    width: 20%;
    display: inline-block;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.pd_toggle_yes {
    float: left;
    width: 18%;
    display: inline-block;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 0 10px 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 1px;
    bottom: 1px;
    top: 1px;
    right: 5px;
    background-color: #808180;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #0078d7;
}

input:focus+.slider {
    box-shadow: 0 0 1px #0078d7;
}

input:checked+.slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    background: #fff;
}

.slider.round {
    border-radius: 45px;
    border: 2px solid #808180;
}

.slider.round:before {
    border-radius: 60%;
    background: #808180;
}

.ra_pd_scroll_left {
    height: 655px;
    position: relative;
    overflow-y: scroll;
}

.ra_pd_scroll_right {
    height: 733px;
    position: relative;
    overflow-y: auto;
}

.ra_project_icon_width {
    width: 60px;
    padding-top: 40px;
}

.ra_project-icon {
    padding-bottom: 30px;
    text-align: center;
}

.ra_my_photo_scroll_left {
    height: 549px;
    position: relative;
    overflow-y: auto;
}

.ra_my_photo_scroll_right {
    height: 733px;
    position: relative;
    overflow-y: auto;
}

.cont_clean_width {
    width: 60px;
}

.plus_proj_email {
    cursor: pointer;
    width: 33%
}

.plus_proj_email>span {
    color: #0078d7;
    padding-left: 5px;
    padding-top: 1px !important;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.modal-deadline {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Segoe UI'
}

.pro-hazard-left-scroll {
    height: 740px;
    position: relative;
    overflow-y: auto;
}

.pro-hazard-right-scroll {
    height: 738px;
    position: relative;
    overflow-y: auto;
}

.hazard_rs_text {
    font-weight: 400;
    padding: 20px 15px 10px 15px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 16px;
}

.grid-img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

.hazard-left-bg {
    background-color: #7a7a7a;
}

.border-right-per-involved {
    border-right: 1px solid #7a7a7a;
    height: 661px;
}

.border-right-photo {
    height: 733px;
}

.main-photo-width {
    width: 30px;
}

.border-top-pro-detail {
    border-top: 1px solid #fff;
}

.md-new-user {
    font-weight: 400;
    padding: 10px 10px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 18px;
}

.md-new-user-text {
    font-weight: 600;
    padding: 10px 10px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 20px;
}

.change-logo-padding {
    padding-top: 20px;
}

.change-logo-width {
    width: 100%
}

.margin-user-form {
    padding: 40px 30px;
}

.my-pro-form {
    border-radius: 0;
    font-size: 14px;
    color: #000 !important;
    margin: 0 0 4px;
    width: 90%;
    height: 30px;
    padding: 1px 6px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #bbb;
    background-color: #e6e6e6 !important;
}

.my-pro-form::placeholder {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Segoe UI'
}

.pro-fname {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #000;
    font-size: 16px;
    padding: 8px 0;
}

.form-text-margin {
    padding: 5px 0;
}

.form-text-margin-right {
    padding: 4px 20px 4px 80px;
}

.profile-assissment {
    border-radius: 0;
    font-size: 14px;
    color: #000 !important;
    margin: 0 0 4px;
    width: 90%;
    height: 30px;
    padding: 1px 6px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #bbb;
    background: #3e3e3e !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pro-update-padding {
    padding-left: 30px;
}

.profile-assissment::placeholder {
    background-color: red;
}

.profile-count {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/add-dd-iconv-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/add-dd-iconv-small.png) no-repeat calc(100% - 10px) !important;
    background-position: right;
    color: red;
}

. {
    width: 81%;
    display: inline-block;
    float: left;
}

.container-profile {
    width: 100%;
    display: block;
}

.container-profile-left {
    width: 4%;
    display: inline-block;
    float: left;
}

.profile-border {
    border: 1px solid #bbb;
}

.container-profile-right {
    width: 96%;
    display: inline-block;
    float: right;
}

.pro_user_icon_width {
    width: 20px;
}

.myprofile-heading {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #e6e6e6;
    width: 100%;
    z-index: 999;
}

.myprofile-heading>li {
    float: left;
    width: 20%
}

.myprofile-heading>li>a {
    display: block;
    text-decoration: none;
    border-left: 1px solid #bbb;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 9px 0;
    color: #808094;
}

.myprofile-heading>li>a :first-child {
    float: left;
    width: 20%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 8px 0;
    display: block;
    border-left: 0 solid #bbb;
    color: #808094;
    text-decoration: none;
}

.myprofile-heading>li.active>a,
.myprofile-heading>li>a:hover {
    background-color: #fc3;
    color: #000 !important;
    opacity: .8;
}

.my-details-right-text {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
}

.pro-sett-text1-padding {
    padding: 10px 30px 12px 30px;
    background-color: #f2f2f2;
}

.pro-sett-text1 {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #1e1f1e;
    font-size: 14px;
}

.pro-text-bold {
    font-weight: 700;
}

.profile-ru-sta-padding {
    padding: 30px 60px 10px 20px;
}

.profile-ru-padding {
    padding: 30px 60px 10px 60px;
}

.profile-ru-statement-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #1e1f1e;
    font-size: 14px;
    padding-left: 10px;
}

.pro-ru-st-sub-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #1e1f1e;
    font-size: 13px;
    padding-left: 10px;
}

.pro-read-ta {
    padding-top: 10px;
}

.myprofile-toggle .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
}

.pro-state-padding-left {
    padding: 0 60px 0 30px;
}

.pro-state-padding-right {
    padding: 0 60px 0 30px;
}

.profile-ta {
    border-radius: 0;
    font-size: 16px;
    color: #000100;
    margin: 0 0 5px;
    font-weight: 400;
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 10px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #ccc !important;
    background-color: #fff;
}

.profile-ta::placeholder {
    opacity: 1;
    color: #4d4d4d;
}

.review-user-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #2b2b2b;
    font-size: 20px;
}

.add-user-text {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #0078d7;
    font-size: 20px;
}

.re-useradd-padding {
    padding: 30px 0;
}

.myprofile-toggle .switch input {
    display: none;
}

.myprofile-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}

.myprofile-toggle .slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 0;
    bottom: 4px;
    top: -4px;
    right: 0;
    background-color: #808180;
    -webkit-transition: .4s;
    transition: .4s;
}

.myprofile-toggle input:checked+.slider {
    background-color: #aaa;
}

.myprofile-toggle input+.slider {
    background-color: #666;
}

.myprofile-toggle input:focus+.slider {
    box-shadow: 0 0 1px #0078d7;
}

.myprofile-toggle input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background: #0078d7;
}

.myprofile-toggle>.switch>.mround {
    border-radius: 30px;
    border: 0 solid grey;
}

.myprofile-toggle>.switch>.mround:before {
    border-radius: 60%;
    background: #fafafa;
}

.pro-sett-dd {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    margin: 0 0 4px;
    width: 100%;
    height: 32px;
    padding: 2px 10px 2px 10px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #737373;
    font-weight: 600;
    background-color: #ccc !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pro-sett-dd-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/add-dd-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/add-dd-icon-small.png) no-repeat calc(100% - 10px) !important;
    background-position: right;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    background-color: #ccc !important;
}

.pro-sel-padding {
    padding-top: 10px;
}

.mypro-plan {
    /* font-family: 'Segoe UI'; */
    padding: 20px 20px 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.mypro-space {
    /* font-family: 'Segoe UI'; */
    padding: 2px 20px 2px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.mypro-plan-next {
    color: #fccf38;
    padding-left: 10px;
}

.new-profile-upgrade-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #fccf38;
    /* font-family: 'Segoe UI'; */
    padding: 10px 30px;
    color: #000;
}

.text-area-height {
    height: 90px !important;
}

.profile-upgrade-margin {
    margin-top: 365px;
}

.upgrade-btn-border {
    border-left: 2px solid #2a2a2a;
    border-right: 2px solid #2a2a2a;
    border-bottom: 2px solid #2a2a2a;
}

.mypro-user {
    /* font-family: 'Segoe UI'; */
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.arrgement-bg {
    background-color: #e6e6e6;
    border-bottom: 3px solid #000;
    height: 46px;
}

.project-scroll-first {
    height: 703px;
    position: relative;
    overflow-y: auto;
}

.arrange-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mpro_user_right_detail {
    /* font-family: 'Segoe UI'; */
    padding: 10px 20px 5px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #4d4d4d;
}

.mpro_user_right_detail2 {
    /* font-family: 'Segoe UI'; */
    padding: 5px 20px 5px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #4d4d4d;
}

.mpro-detail-next {
    color: #000;
}

.profile-new-bg {
    background-color: #f2f2f2 !important;
}

.mprofile-group-head {
    padding: 0 10px;
    /* font-family: 'Segoe UI'; */
    color: grey;
    font-size: 16px;
    font-weight: 600;
}

.mgroup-section {
    background-color: #fff;
    width: 100%;
    height: 160px;
    margin-top: 10px;
    overflow-y: auto;
}

.progroup-close {
    padding-top: 16px;
    padding-bottom: 10px;
    width: 12px;
    margin-right: 10px;
}

.group-section-border {
    border-bottom: 1px solid #f2f2f2;
}

.mpro-group-detail {
    /* font-family: 'Segoe UI'; */
    padding: 10px;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
}

.mpro-group-detail-next {
    /* font-family: 'Segoe UI'; */
    padding: 10px;
    color: grey;
    font-size: 14px;
    font-weight: 400;
}

.mpro-group-margin {
    margin: 45px 20px;
}

.user-right-info-section .mpro-group-margin {
    margin: 20px 20px;
}

.arrange-row {
    list-style-type: none;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 12px;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.mprofile-hazard-detail {
    /* font-family: 'Segoe UI'; */
    padding: 0 20px 5px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.arrange-row-left {
    float: left;
    width: 65%;
    display: block;
}

.arrange-row-right {
    float: right;
    width: 35%;
    display: block;
}

.arrange-row-right>.n_arrange {
    float: left;
    width: 40%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #797979;
    font-size: 16px;
    text-align: left;
    padding: 1px 0;
    display: block;
    background-color: transparent;
    border-right: 1px solid #000;
}

.edit-title-new {
    font-size: 18px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding: 20px 30px 35px;
}

.editProjectPopupBox .modal-bg .edit-title-new {
    padding: 18px 30px 18px;
}

.arrange-row-right>.n_name {
    float: left;
    width: 15%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #797979;
    font-size: 16px;
    text-align: center;
    padding: 1px 0;
    display: block;
    background-color: transparent;
    border-right: 1px solid #000;
}

.arrange-row-right>.n_date {
    float: left;
    width: 15%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #797979;
    font-size: 16px;
    text-align: center;
    padding: 1px 0;
    display: block;
    background-color: transparent;
    border-right: 1px solid #000;
}

.arrange-row-right>.arrange-complete {
    float: left;
    width: 25%;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #797979;
    font-size: 16px;
    text-align: center;
    padding: 1px 0;
    display: block;
    background-color: transparent;
    border-right: 1px solid #000;
}

.arrange-row-right>li:last-child {
    border-right: 0 solid #000;
    margin-right: 10px;
    margin-left: 10px;
}

.noti-clear-icon {
    width: 14px;
}

.arrange-row-right>li:first-child {
    border-right: 0 solid #000;
    text-align: right;
}

.arrange-row-right>li.active,
.arrange-row-right>li:hover {
    color: #0078d7;
}

.newpro-addnew-btn {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    background-color: #1e1f1e;
    /* font-family: 'Segoe UI'; */
    padding: 10px 30px;
    color: #fff;
}

.newpro-csv-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 6px 30px;
    color: #fff;
}

.newpro-csv-btn:hover {
    background-color: #0078d7;
    font-size: 14px;
    color: #fff;
    border-color: #0078d7;
}

.stats-filter-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding: 6px 30px;
    color: #fff;
}

.stats-filter-btn.active,
.stats-filter-btn:focus,
.stats-filter-btn:hover {
    background-color: #0078d7;
    color: #fff;
}

.pro-view-row {
    list-style-type: none;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 10px;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.pro-view-row-left {
    width: 88%;
    float: left;
    display: block;
}

.pro-view-row-right {
    width: 12%;
    float: right;
    display: block;
    color: grey;
    font-size: 16px;
    font-family: 'Segoe UI'
}

.profile-new-left-bg {
    background-color: #000;
}

.pro-view-row-right>div {
    float: left;
    width: 30%;
    /* font-family: 'Segoe UI'; */
    background-color: transparent;
    display: block;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.n_view_user>a {
    text-decoration: none;
    border-right: 2px solid #b3b3b3;
    color: #2b2b2b;
    padding-right: 15px;
}

.n_view_groups>a {
    padding-left: 10px;
    color: #2b2b2b;
}

.n_view_user.active>a,
.n_view_user>a:hover {
    text-decoration: none;
    color: #0078d7;
}

.n_view_groups.active>a,
.n_view_groups>a:hover {
    text-decoration: none;
    color: #0078d7;
}

.table-profile-table {
    height: 690px;
    position: relative;
    overflow-y: auto;
}

.n_view_groups>a:hover {
    text-decoration: none;
    color: #0078d7;
}

.pro-view-row-right>li:first-child {
    border-right: 0 solid #000;
    text-align: right;
}

.pro-view-row-right>li.active,
.pro-view-row-right>li:hover {
    color: #0078d7;
    font-weight: 700;
}

.noti-clear-icon {
    width: 14px;
}

.pro-new-tbl-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    background-color: #2b2b2b;
}

.pro-new-tbl-head-cell {
    padding-left: 20px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.pro-tbl-btn-width {
    width: 200px;
}

.pro-new-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #333;
    font-size: 18px;
    background-color: #e6e6e6;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.pro-active-table .active {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #333;
    font-size: 14px;
    background-color: red !important;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.new-profile-rborder {
    border-right: 2px solid #fff;
    height: 699px;
}

.pro-new-tbl-wo {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #333;
    font-size: 18px;
    background-color: #ccc;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.pro-right-user-scroll {
    position: relative;
    overflow-y: auto;
    height: 690px;
}

.pronew-tbl-cell {
    padding: 8px 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: none !important;
    font-size: 14px;
}

.pronew-tbl-cell-last {
    padding: 8px 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 0;
    font-size: 14px;
}

.pronew-tbl-cell-last a {
    color: #0078d7;
}

.profile-icon {
    padding-top: 11px;
    padding-bottom: 12px;
    padding-left: 30px;
}

.profile-text-new {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600 !important;
}

.sep-color {
    color: #b3b3b3;
}

.arrange-row-right ul li span.active {
    color: #0078d7;
}

.pronew-tbl-cell-last>a {
    text-decoration: none;
    color: #0078d7;
    padding-right: 10px;
}

.pro-table-scroll .prooh-tbl-cell {
    width: 16% !important;
}

.pronew-tbl-cell-last>a>.pro-row-edit {
    border-right: 1px solid red;
}

.planner-cal {
    list-style-type: none;
    margin: 0;
    padding-top: 5px;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.planner-cal-left {
    width: 98%;
    float: left;
    display: block;
}

.planner-cal-right {
    width: 2%;
    float: right;
    display: block;
}

.planner-cal-follow {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    margin: 0 0 3px;
    font-weight: 400;
    width: 100%;
    min-height: 24px;
    padding: 3px 5px 3px 0;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #0078d7 !important;
    background-color: transparent;
    box-shadow: inset 0 0 0 transparent;
}

.form-focus-cal :focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.stats-follow {
    border-radius: 0;
    font-size: 14px;
    color: #fff;
    margin: 0 0 3px;
    font-weight: 400;
    width: 84%;
    height: 24px;
    padding: 3px 5px 3px 0;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #0078d7 !important;
    background-color: transparent;
    box-shadow: inset 0 0 0 transparent;
}

.stats-follow :focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sta-border-bottom {
    background-color: #000 !important;
    color: #000;
    height: 1px !important;
    margin-top: -5px;
    border: none;
}

.planner-cal-follow::placeholder {
    opacity: 1;
    color: #000;
    font-size: 16px;
}

.plann-vert-scroll-next {
    height: 500px;
    position: relative;
    overflow-y: auto;
}

.plann-rightscroll-next {
    height: 290px;
    position: relative;
    overflow-y: auto;
}

.madd-heading {
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 600 !important;
}

.adduser-bg {
    background-color: #1e1f1e;
    padding: 20px 10px 20px 20px;
}

.adduser-body-bg {
    background-color: #f2f2f2;
    padding: 30px 20px;
}

.m_un_heading {
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    color: #2b2b2b;
    font-weight: 600;
}

.m_un_heading>span {
    font-size: 13px;
    color: #7a7a7a;
    font-weight: 400;
}

.m_un_padding {
    padding-top: 5px;
}

.padding-right-eight {
    padding-right: 8px;
}

.padding-left-seven {
    padding-left: 7px;
}

.s_padding-right-eight {
    padding-right: 8px;
}

.s_padding-left-seven {
    padding-left: 7px;
}

.add-user-modal-tb {
    border-radius: 0;
    font-size: 14px;
    color: #ccc;
    margin: 0 0 5px;
    font-weight: 600;
    width: 100%;
    min-height: 32px;
    padding: 0 5px 3px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #e6e6e6 !important;
    background-color: #fff;
}

.add-user-modal-tb::placeholder {
    opacity: .8 !important;
    color: #ccc;
    font-weight: 500;
}

.add-user-modal-tb::-webkit-input-placeholder {
    opacity: .8 !important;
    color: #ccc;
    font-weight: 500;
}

.add-user-modal-tb::-moz-placeholder {
    opacity: .8 !important;
    color: #ccc;
    font-weight: 500;
}

.add-user-modal-tb::-moz-placeholder {
    opacity: .8 !important;
    color: #ccc;
    font-weight: 500;
}

.au-edit-tb {
    border-radius: 0;
    font-size: 16px;
    color: #333;
    width: 100%;
    height: 38px;
    padding: 8px 20px;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #e6e6e6 !important;
    background-color: #fff;
}

.user-sec-main .au-edit-tb {
    font-size: 14px;
}

.au-edit-tb::placeholder {
    color: #333;
}

.au-edit-tb::-webkit-input-placeholder {
    color: #333;
}

.au-edit-tb::-moz-placeholder {
    color: #333;
}

.au-edit-tb::-moz-placeholder {
    color: #333;
}

.status-refresh-icon {
    width: 20px;
}

.add-user-dd {
    border-radius: 0;
    font-size: 14px;
    color: #f2f2f2;
    margin: 0 0 4px;
    width: 100%;
    min-height: 32px;
    padding: 2px 5px 2px 5px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #e6e6e6;
    font-weight: 600;
    background-color: #ccc !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.add-user-dd-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/add-dd-icon-small.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/add-dd-icon-small.png) no-repeat calc(100% - 10px) !important;
    background-position: right;
    padding-bottom: 2px !important;
    background-color: #ccc !important;
}

.user-btn-padding {
    padding-top: 20px;
}

.invite_send-btn {
    display: inline-block;
    padding: 3px 30px 6px 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    font-family: 'Segoe UI'
}

.add-can-modal {
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    color: #333;
    margin-left: -10px;
    font-weight: 600 !important;
}

.pro-addgrp-padding {
    padding-top: 5px;
}

.modal-adduser {
    position: fixed;
    padding-top: 11.3%;
    left: -10%
}

.pronew-tbl-btn {
    padding: 0 !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: none !important;
}

.user-sta-btn {
    display: inline-block;
    min-height: 32px;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    width: 100%;
    text-align: left;
    line-height: 1.42857143;
    white-space: nowrap;
    border-radius: 0;
    border: 0;
    background-color: #2b2b2b;
    font-family: 'Segoe UI'
}

.user-sta-done {
    display: inline-block;
    min-height: 32px;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    width: 100%;
    text-align: left;
    line-height: 1.42857143;
    white-space: nowrap;
    border-radius: 0;
    border: 0;
    background-color: #0078d7 !important;
    font-family: 'Segoe UI'
}

.user-sta-btn:focus,
.user-sta-btn:hover {
    color: #fff;
}

.user-sta-done:focus,
.user-sta-done:hover {
    color: #fff;
}

.pro-setting-btn-padding {
    padding-bottom: 20px !important;
    padding-top: 35px !important;
}

.container-profile-group-left {
    width: 4%;
    display: inline-block;
    float: left;
}

.container-profile-group-right {
    width: 96%;
    display: inline-block;
    float: right;
}

.planner_cancel_bg {
    background-color: #2b2b2b;
}

.project-group-text {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 600 !important;
}

.profile-group-icon {
    padding-top: 11px;
    padding-bottom: 12px;
    padding-left: 15px;
}

.profile-group-icon>span {
    padding-left: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 400 !important;
}

.ele-text {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #333;
    font-weight: 600 !important;
}

.profile-grpscreen {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    margin: 0 0 3px;
    font-weight: 400;
    width: 100%;
    height: 24px;
    padding: 3px 5px 3px 0;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #0078d7 !important;
    background-color: transparent;
    box-shadow: inset 0 0 0 transparent;
}

.total-user-text {
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 25px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #333;
    font-weight: 400 !important;
}

.ele-total-border {
    border: 1px solid #fff;
}

.total-no {
    margin-left: -10px;
    font-weight: 600;
}

.gro-head-leftbg {
    background-color: grey;
    border: 1px solid #fff;
}

.gro-head-rightbg {
    background-color: #fc3;
    border: 1px solid #fff;
}

.not-user-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-weight: 600 !important;
}

.yes-user-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600 !important;
}

.groupserach-text {
    padding-top: 4px;
    padding-bottom: 5px;
    padding-right: 15px;
}

tbody div.n_group_tbl_height {
    overflow-y: scroll;
    height: calc(100vh - 429px);
    background-color: grey;
}

.pro-grp-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    background-color: #2b2b2b;
}

.pro-grp-sub-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #2a2b2a;
    font-size: 15px;
    background-color: #e6e6e6;
    border-bottom: 2px solid #fff;
}

.pro-grp-sub-heading.active,
.pro-grp-sub-heading:hover {
    background-color: #ccc;
}

.pro-grp-head-cell {
    padding: 8px 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 50%
}

.pro-grp-head-cell-left {
    padding: 8px 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 49%
}

.pro-grp-head-cell-right {
    padding: 8px 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 50.9%
}

.zero-pad-column-tbl {
    padding: 0 !important;
}

.pro-grp-right-cell {
    padding-left: 20px !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    border-bottom: 2px solid #fff;
}

.pro-new-tbl-wo-border {
    padding-left: 20px !important;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.pro-new-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #333;
    font-size: 16px;
    background-color: #f6f6f6;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.profile-tables {
    width: 100%;
    display: block;
    background-color: #f2f2f2 !important;
}

.profile-tables.group-table {
    background-color: #fff !important;
}

.electicals-bg {
    background-color: #f2f2f2;
    border-right: 1px solid #fff;
}

.total-user-bg {
    background-color: #e6e6e6;
}

.total-uses-bg {
    background-color: #ccc;
}

.profile-tables-left {
    width: 47.5%;
    display: inline-block;
    float: left;
}

.profile-tables-arrow {
    width: 5%;
    display: inline-block;
    float: left;
}

.profile-tables-right {
    width: 47.5%;
    display: inline-block;
    float: right;
    background-color: grey;
}

.groupsearchnot {
    border-radius: 5px;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400;
    width: 100%;
    height: 30px;
    padding: 0 10px 5px;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #e6e6e6 !important;
    background-color: #f2f2f2;
    box-shadow: none;
    line-height: 24px;
}

.n_input-inner-addon {
    background-color: #f2f2f2;
    border-radius: 5px !important;
}

.table_ngroup {
    margin-bottom: 0 !important;
}

.profile-right-icon {
    padding-top: 150px;
    padding-bottom: 97px;
    padding-left: 30px;
}

.profile-grp-btn-bg {
    background-color: #333;
    width: 100%;
    border: 1px solid #fff;
}

.pro-group-cancel-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    padding: 8px 0 10px 0;
    white-space: nowrap;
    vertical-align: middle;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0;
    background-color: #1e1f1e;
    font-family: 'Segoe UI'
}

.pro-group-cancel-btn.active,
.pro-group-cancel-btn:hover {
    background-color: #1e1f1e;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.pro-group-save-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    padding: 10px 0 10px 0;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #0078d7;
    font-family: 'Segoe UI'
}

.pro-group-save-btn.active,
.pro-group-save-btn:hover {
    background-color: #0078d7;
}

.arrow-width {
    width: 15px;
}

.arrow-width-task {
    width: 20px;
    margin-top: -20px !important;
}

.n_risk-folder-row {
    border-bottom: 1px solid #333;
    background-color: #fff;
    transition: all .5s ease;
    height: 76px;
    cursor: pointer;
}

.n_risk-folder-row:hover {
    background-color: #80bbeb;
    color: #fff;
}

.n_risk-folder-row-active {
    background-color: #80bbeb;
    color: #181818;
}

.n_risk-single-folder {
    padding-top: 0;
    padding-bottom: 0;
}

.n_risk-folder-row a {
    display: none;
}

.n_risk-folder-row:hover a {
    display: inline-block;
    text-decoration: none;
    margin-left: -4px;
    background-color: #e6e6e6;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 80px;
}

.n_risk-folder-row a:hover {
    background-color: #0078d7;
    color: #fff;
}

.n_border-right-ra {
    border-right: 2px solid #fff;
}

.n_photo_edit {
    background: url(../../../img/front/inner-page/edit-black-icon.png) center center no-repeat;
    background-size: 45px 45px;
    background-position-y: 40px;
}

.n_photo_edit.active,
.n_photo_edit:hover {
    background-image: url(../../../img/front/inner-page/edit-icon.png);
}

.n_photo_delete {
    background: url(../../../img/front/inner-page/delete-icon2.png) center center no-repeat;
    background-size: 45px 45px;
    background-position-y: 40px;
}

.n_photo_delete.active,
.n_photo_delete:hover {
    background-image: url(../../../img/front/inner-page/delete-white-icon.png);
}

.n_grid_library {
    background: url(../../../img/front/inner-page/lib.png) center center no-repeat;
    background-position-y: center;
    background-size: auto auto;
    background-size: 28px 28px;
    background-position-y: 12px;
}

.n_grid_library.active {
    background-image: url(../../../img/front/inner-page/library-white.png);
}

.project-key-medium .n_grid_key {
    background: url(../../../img/front/inner-page/star-black.png) center center no-repeat;
    background-position-y: center;
    background-size: auto auto;
    background-size: 30px 30px;
    background-position-y: 12px;
}

.project-key-medium .n_grid_key.active {
    background-image: url(../../../img/front/inner-page/star-black.png);
    background-color: #fc3;
}

.project-key-medium .n_grid_key.active .n_lib-text {
    color: #000;
}

.project-opacity-left .n_grid_opacity {
    background:url(../../../img/front/inner-page/opacity-icon.png) center center no-repeat;
    background-position-y: center;
    background-size: auto auto;
    background-size: 30px 30px;
    background-position-y: 12px;
}
.project-opacity-left .n_grid_opacity.active {
    background-image:url(../../../../img/front/mobile/inner-page/star-black.png);
    background-color: #ffcc33;
}
.project-opacity-left .n_grid_opacity.active .n_lib-text{
   color:#000000;
}

.project-add-last .n_grid_add {
    background: url(../../../img/front/inner-page/add_pro_icon.png) center center no-repeat;
    background-position-y: center;
    background-size: auto auto;
    background-size: 30px 30px;
    background-position-y: 12px;
}

.project-add-last.active .n_grid_add {
    background-image: url(../../../img/front/inner-page/add_pro_white_icon.png);
}

.n_edit {
    background: url(../../../img/front/inner-page/edit-black-icon.png) center center no-repeat;
    background-size: 30px 30px;
    background-position-y: 14px;
}

.n_edit.active,
.n_edit:hover {
    background-image: url(../../../img/front/inner-page/edit-icon.png);
}

.edit-padding-new {
    padding-left: 20px;
    padding-right: 20px;
}

.edit-text-padding {
    padding-top: 30px;
}

.edit-text-blank {
    margin-top: -20px;
}

.n_delete {
    background: url(../../../img/front/inner-page/delete-icon2.png) center center no-repeat;
    background-size: 30px 30px;
    background-position-y: 14px;
}

.n_delete.active,
.n_delete:hover {
    background: url(../../../img/front/inner-page/delete-white-icon.png) center center no-repeat;
    background-size: 30px 30px;
    background-position-y: 14px;
}

.n_arrow {
    background: url(../../../img/front/inner-page/subfolder-icon.png) center center no-repeat;
    background-size: 30px auto;
}

.n_arrow.active,
.n_arrow:hover {
    background: url(../../../img/front/inner-page/subfolder-icon-white.png) center center no-repeat;
    background-size: 30px auto;
}

.risk-folder-box1 .risk-single-folder .ra-single-folder.n_arrow,
.risk-folder-box1 .risk-single-folder .ra-single-folder.n_arrow.active,
.risk-folder-box1 .risk-single-folder .ra-single-folder.n_arrow:hover {
    background-position-y: 25px;
}

.n_project_black {
    background: url(../../../img/front/inner-page/project-icon-black) center center no-repeat;
    background-size: 30px 30px;
}

.n_project_black.active,
.n_project_black:hover {
    background: url(../../../img/front/inner-page/project-icon-big.png) center center no-repeat;
    background-size: 30px 30px;
}

.msg-arrow-icon {
    width: 10px;
    margin-top: -2px;
}

.nav-tab-change {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000100;
    width: 100%;
    z-index: 999;
    color: #fff;
    border-top: 1px solid #4b4b4b;
    border-bottom: 1px solid #4b4b4b;
}

.nav-tab-change>li {
    float: left;
    width: 25%;
    font-size: 14px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    text-align: center;
    margin-bottom: -2px;
    border-right: 2px solid #2a2a2a;
}

.nav-tab-change>li:last-child {
    border-right: 0 solid #2a2a2a;
}

.nav-tab-change>li.active>a,
.nav-tab-change>li.active>a:focus,
.nav-tab-change>li.active>a:hover {
    background-color: #ffce34;
    color: #000;
    border: none;
}

.nav-tab-change>li>a {
    border-radius: 0;
    color: #fff;
    margin-right: 0;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-color: transparent;
    padding: 12px 10px;
    height: 46px;
}

.nav-tab-change>li>a .active,
.nav-tab-change>li>a:hover {
    background-color: #ffce34;
    color: #000;
    margin-right: 0;
    border: 0;
    border-bottom: 0;
}

.stats-icon-width {
    width: 30px;
}

.stats_sr_bg {
    background-color: #181818;
    padding: 5px 10px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
}

.stats_sr_height.stats_sr_bg {
    padding: 16px 10px;
}

.stats_templete {
    padding: 8px 10px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #fff;
}

.stats_templete.stats_tempalte_view {
    padding: 12px 10px;
}

.n_mail_bg {
    background-color: #333;
    border-bottom: 1px solid #000;
}

.n_email_right {
    background-color: #4d4d4d;
    height: 740px;
    overflow-y: auto;
}

.n_graph_right {
    background-color: #333;
    height: 710px;
    overflow-y: auto;
}

.n_folder-right-side-bar {
    background-color: #333;
    height: 740px;
    overflow-y: auto;
}

.n_search_folder {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    padding: 18px 0;
}

.n_control-height {
    height: 40px !important;
}

.paddig-sicon-text {
    padding: 8px 10px;
    height: 385px;
    overflow-y: auto;
    background-color: #2a2a2a;
}

.sarrow-padding {
    padding-left: 10px;
}

.n_tesco_folder {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 0;
    padding-bottom: 5px;
}

.n_tesco_folder.active,
.n_tesco_folder:hover {
    text-decoration: none;
    color: #ffce34;
    /* font-family: 'Segoe UI'; */
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
}

.n_tesco_folder>a>span {
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

..n_tesco_folder>a>span:hover {
    text-decoration: none !important;
    display: inline-block;
}

.padding-risk-type_wb {
    padding: 20px 20px 20px 30px;
    border-bottom: 2px solid #fff;
}

.padding-risk-type {
    padding: 30px 25px 36px 25px;
}

.n_risk_type_text {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: capitalize;
}

.n_stats_report {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: 5px;
}

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

.n_stats_report_padding {
    padding: 20px 20px;
    border-bottom: 1px solid #7b7b7b;
}

.n_rep_radio_text {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}

.n_email_head {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.stats_email_padding {
    padding: 25px 10px 55px 10px;
}

.email-border {
    border: 2px solid grey;
    height: 160px;
    overflow-y: auto;
    width: 97%
}

.stats_hazard1 {
    background-color: #666;
    text-decoration: none;
}

.stats_hazard1>a {
    text-decoration: none;
}

.stats_hazard1.active {
    background-color: #333;
    text-decoration: none;
}

.n_hazard_sub {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: capitalize;
    padding: 20px;
    text-decoration: none;
}

.stats_hazard2 {
    background-color: #666;
    border-left: 10px solid #ac0857;
    border-bottom: 1px solid #000;
}

.stats_hazard2>a {
    text-decoration: none;
}

.stats_hazard2.active,
.stats_hazard2:hover {
    background-color: #333;
    border-left: 10px solid #ad0df8;
    text-decoration: none;
}

.stats_hazard3 {
    background-color: #666;
    border-left: 10px solid #21d0bb;
    border-bottom: 1px solid #000;
}

.stats_hazard3>a {
    text-decoration: none;
}

.stats_hazard3.active,
.stats_hazard3:hover {
    background-color: #333;
    border-left: 10px solid #ad0df8;
    text-decoration: none;
}

.status-bg-table {
    background-color: #2a2a2a;
    height: 738px;
    overflow-y: auto;
}

.st_email_detail {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
}

.n_email_text {
    border-radius: 0;
    font-size: 14px;
    color: #000 !important;
    width: 100%;
    height: 26px;
    padding: 1px 3px 1px 1px;
    /* font-family: 'Segoe UI'; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 5px;
    background-color: #e6e6e6;
    margin-top: 0;
    box-shadow: inset 0 0 0 transparent;
}

.n_email_text:focus {
    border-color: transform;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.n_email-text-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/stats_plus_icon.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/stats_plus_icon.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
    background-color: #e6e6e6 !important;
}

.n_email_dd {
    border-radius: 0;
    font-size: 14px;
    color: #fff !important;
    width: 100%;
    height: 28px;
    padding: 1px 3px 1px 1px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #0f0f0f;
    background-color: red !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 5px;
}

.n_email_dd:focus {
    border-color: #121212;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.n_email-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
    background-color: #2e2e2e !important;
}

.n_risk_dd {
    border-radius: 0;
    font-size: 12px;
    color: #fff !important;
    margin: 5px;
    width: 100%;
    height: 28px;
    padding: 2px 5px 3px 5px;
    color: #000;
    margin: 2px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #121212;
    background-color: #2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.n_risk_dd:focus {
    border-color: #121212;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.n_risk-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.ntouch-left-padding {
    padding: 5px 0;
    margin-left: -10px;
}

.s_sel_date {
    border-radius: 0;
    font-size: 12px;
    color: #000100;
    font-weight: 400;
    width: 100%;
    height: 24px;
    padding: 3px 5px 3px 5px;
    /* font-family: 'Segoe UI'; */
    border: 2px solid #000 !important;
    background-color: #fff;
}

.s_sel_date:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.s_sel_date-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/calender_vsmall.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/calender_vsmall.png) no-repeat calc(100% - 3px) !important;
    background-position: right;
    padding-bottom: 2px !important;
}

.set_date_padding {
    padding: 5px 0;
}

.profile-top-border {
    border-top: 1px solid #bbb;
}

.n_change_password_gap {
    margin-top: 100px;
}

.project-ra-new-icon {
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.pro-ra-icon-margin {
    margin-top: -3px;
}

.project-ra-new-icon>span {
    padding-left: 10px;
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.project-ra-icon-width {
    width: 30px;
}

.project-ra-mphoto-icon {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.project-ra-mphoto-icon>span {
    padding-left: 10px;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600 !important;
}

.n_lib-text {
    padding-top: 34px;
    color: #000;
    font-weight: 600;
}

.project-add-last.active .n_lib-text {
    color: #fff;
}

.project-key-medium.active .n_lib-text {
    color: #fff;
}

.project-nheight {
    height: 135px !important;
}

.pro-oh-tbl-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    background-color: #2b2b2b;
}

.pro-oh-tbl-head-cell {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    display: table-cell !important;
    vertical-align: middle !important;
    padding-left: 20px !important;
}

.pro-oh-tbl-wo-border {
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
    display: table-cell !important;
    vertical-align: middle !important;
    padding-left: 20px !important;
}

.pro-oh-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #1d1d1b;
    font-size: 14px;
    background-color: #e6e6e6;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.pro-active-table .active {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #1d1d1b;
    font-size: 14px;
    background-color: #e6e6e6 !important;
    border-bottom: 2px solid #fff;
    border-right: 0 solid #fff;
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: transparent;
}

.prooh-tbl-cell {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: none !important;
    color: #1d1d1b;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    width: 252.8px;
    padding-left: 20px !important;
}

.prooh-tbl-cell-last {
    border-bottom: 2px solid #fff;
    border-right: 0;
    color: #1d1d1b;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    width: 261px;
    padding-left: 20px !important;
}

.user-sec-main .pro-right-user-scroll .newpro-csv-btn,
.user-sec-main .pro-right-user-scroll .newpro-csv-btn:hover {
    padding: 6px 15px;
}

.user-sec-main .pro-right-user-scroll .newpro-addnew-btn,
.user-sec-main .pro-right-user-scroll .newpro-addnew-btn:hover {
    padding: 6px 15px;
}

.profile-add-group .pro-icon-margin {
    margin-top: -3px;
}

.pro-table-scroll {
    position: relative;
    overflow-y: scroll;
    height: 656px;
}

.table_user_heading {
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    font-size: 18px;
    color: #1d1d1b;
    padding: 15px 20px;
}

.table_user_heading>span {
    color: #000;
    font-weight: 600;
}

.plan-bg-mid {
    background-color: #e6e6e6;
    width: 50%;
    height: 690px;
    position: absolute;
    left: 25%;
    margin: 0 auto;
}

.plan-padding {
    padding: 120px 20px;
}

.user-plan-cont {
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    color: #1d1d1b;
    padding: 20px 0;
}

.user-plan-content {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding: 20px 0;
}

.profile-plan-add {
    border-radius: 0;
    font-size: 16px;
    color: #000;
    margin: 0 0 3px;
    font-weight: 400;
    width: 100%;
    min-height: 24px;
    padding: 3px 5px 3px 0;
    /* font-family: 'Segoe UI'; */
    border: 0 solid #0078d7 !important;
    background-color: transparent;
    box-shadow: inset 0 0 0 transparent;
}

.form-focus-cal :focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.profile-plan-add::placeholder {
    opacity: 1;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.pro-plan-edit-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #fc3 !important;
    /* font-family: 'Segoe UI'; */
    padding: 5px 10px;
    min-width: 150px;
    color: #000;
    margin-top: -4px;
    height: 34px;
}

.pro-plan-edit-btn.active,
.pro-plan-edit-btn:hover {
    background-color: #fc3 !important;
    border: 1px solid transparent;
    color: #000;
    font-weight: 400;
}

.pro-plan-upgrade-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #fc3 !important;
    /* font-family: 'Segoe UI'; */
    padding: 5px 10px;
    min-width: 150px;
    color: #000;
    margin-top: -4px;
    height: 34px;
}

.pro-plan-upgrade-btn:hover {
    background-color: #fc3 !important;
    border: none;
    color: # 000;
    font-weight: 400;
}

.plan-next-date {
    border-radius: 0;
    font-size: 14px;
    color: #000 !important;
    margin: 0 0 4px;
    width: 100%;
    height: 34px;
    padding: 1px 5px;
    /* font-family: 'Segoe UI'; */
    border: 1px solid #bbb;
    background-color: transparent;
    font-weight: 600;
}

.plan-next-date:focus {
    border: 1px solid #bbb;
}

.plan-next-date::placeholder {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Segoe UI'
}

.profile-close-btn-margin {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.profile-close-btn,
.profile-close-btn:focus,
.profile-close-btn:hover {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    padding: 10px 30px;
    color: #000 !important;
}

.vertical-plan-profile .profile-close-btn {
    padding: 6px 10px;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
}

.profile-close-btn:hover {
    background-color: #fc3 !important;
    border: none;
    color: #000;
    font-weight: 400;
}

.vertical-plan-profile {
    height: 690px;
    position: relative;
    overflow-y: auto;
    background-color: #2b2b2b;
}

.vertical-plan-left-profile {
    height: 690px;
    position: relative;
    overflow-y: auto;
}

.white-btn-margin {
    margin-top: 3px;
}

.white-btn-width {
    width: 30px;
    padding-top: 7px;
}

.ra_payment_detail {
    padding: 20px 40px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

.pay-mid {
    text-align: center;
}

.paymentcard-heading {
    padding: 250px 40px 50px 40px;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.payment_right_bg {
    background-color: #1f1f1f;
}

.payment_right_title {
    background-color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #fc3;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
}

.payment-right-scroll {
    height: 725px;
    position: relative;
    overflow-y: auto;
}

.plan_type {
    background-color: #414141;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
    padding: 11.5px 30px;
}

.payment-detail-right {
    background-color: #e6e6e6;
    height: 633px;
}

.payment-margin-right {
    padding: 49px 0 30px 0;
}

.payment-space {
    /* font-family: 'Segoe UI'; */
    color: #1f1f1f;
    font-weight: 600;
    font-size: 18px;
    padding: 33px 30px;
}

.payment-space-right {
    /* font-family: 'Segoe UI'; */
    color: #1f1f1f;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 30px;
}

.payment-space-bg {
    padding: 15px 30px 5px 30px;
    /* font-family: 'Segoe UI'; */
    color: #1f1f1f;
    font-weight: 600;
    font-size: 18px;
}

.payment-uk {
    padding: 0 30px 0 30px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    font-size: 16px;
    color: #2f2e2e;
    line-height: 1em;
}

.payment-uk>div>a {
    text-decoration: none;
    font-size: 14px;
    color: #000 !important;
}

.pay-desc-padding {
    padding-top: 7px;
}

.payment-uk-msg {
    padding: 0 10px 0 30px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 15px;
    color: #2f2e2e;
}

.n_payment_margin {
    /* font-family: 'Segoe UI'; */
    color: #1f1f1f;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 30;
    line-height: 2em;
}

.payment-space>div {
    font-weight: 600;
    font-size: 14px;
}

.payment_dd {
    width: 100%;
    padding: 1px 5px 4px 5px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    border-radius: 6px;
    border: 2px solid #1e1f1e !important;
    background-color: #3e3e3e !important;
    font-size: 14px;
    height: 46px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.payment-drop-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/small-arrow-down-white.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/small-arrow-down-white.png) no-repeat calc(100% - 0px) !important;
    background-position: right;
    background-color: #2a2a2a !important;
}

.payment-space>.monthly_detail_test {
    color: #9c9aa8;
    /* font-family: 'Segoe UI'; */
    font-size: 13px;
    font-weight: 600;
}

.padding-bimage {
    padding-top: 30px;
    padding-bottom: 20px;
}

.discount-bg {
    background-color: #fc3;
    background-image: url(../../../img/front/inner-page/dscount-bg.png);
    background-position: right;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
}

.dis-amount {
    color: #2f2e2e;
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    text-transform: capitalize;
}

.total-price {
    color: #2f2e2e;
    font-size: 28px;
    /* font-family: 'Segoe UI'; */
    text-transform: capitalize;
    font-style: bold;
}

.ra-benifit-gape {
    padding: 31px;
}

.ra-benifit-heading {
    font-size: 40px;
    /* font-family: 'Segoe UI'; */
    font-weight: Bold;
    color: #fff;
}

.ra-benifit-sub-heading {
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 5px 0;
}

.ra-benefit-margin {
    padding: 20px;
}

.border-pay-bor {
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}

.future-msg {
    font-size: 20px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #fff;
    padding: 0 0 10px;
}

.payment-footer-bg {
    padding: 30px;
    background-color: #666;
}

.cho-plan-btn {
    display: inline-block;
    padding: 5px 31px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.pay_card {
    width: 100%
}

.u_discount {
    font-size: 24px;
    /* font-family: 'Segoe UI'; */
    text-transform: uppercase;
    font-weight: 900;
    text-align: right;
    color: #000;
    margin-top: -30px;
    line-height: 1.7em;
    letter-spacing: 1px;
    text-align: center;
}

.u_discount>span {
    font-size: 50px;
    padding-right: 20px;
    font-weight: 600;
}

.statas-table-scroll {
    position: relative;
    overflow-y: auto;
    height: 687px;
}

.statas-table-scroll::-webkit-scrollbar-button {
    background-color: #7a7a7a;
}

.stats-tbl-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    background-color: #666;
    border-bottom: 1px solid #000;
}

.stats-tbl-head-cell {
    text-align: center;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 4px 0 !important;
}

.stats-tbl-head-cell>div {
    width: 314px;
}

.stats-tbl-head-cell-wo-border>div {
    width: 575px;
}

.stats-tbl-head-cell-wo-border {
    text-align: center;
    padding: 10px 0 !important;
    border-bottom: 1px solid #000;
    border-right: 0 solid red;
    display: table-cell !important;
    vertical-align: middle !important;
}

.stats-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #1d1d1b;
    font-size: 16px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #000;
    border-right: 0 solid #000;
}

.stats-tbl-cell {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background-color: none !important;
    color: #1d1d1b;
    text-align: center;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding: 10px !important;
    width: 319px;
}

.stats-tbl-cell-first {
    border-bottom: 1px solid #000;
    border-left: 0;
    color: #1d1d1b;
    text-align: left;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    padding: 10px 30px !important;
    /* font-family: 'Segoe UI'; */
    width: 581px;
}

.stats_ed {
    width: 20px;
}

.nav-tab-change>li>a:focus,
.nav-tab-change>li>a:hover {
    text-decoration: none;
    background-color: #fc3;
    color: #000;
}

.sr-hazard-tbl-heading {
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    background-color: #666;
    border-bottom: 1px solid #000;
}

.sr-hazard-tbl-head-cell {
    text-align: center;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    display: table-cell !important;
    vertical-align: middle !important;
}

.sr-hazard-tbl-head-cell>div {
    width: 162px;
    display: table;
    white-space: nowrap;
}

.sr-hazard-head-cell-wo-border>div {
    width: 100%;
    min-width: 982px;
}

.sr-hazard-head-cell-wo-border {
    text-align: center;
    padding: 10px 0 !important;
    border-bottom: 1px solid #000;
    border-right: 0 solid red;
    display: table-cell !important;
    vertical-align: middle !important;
}

.sr-hazard-tbl-row {
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    color: #1d1d1b;
    font-size: 16px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #000;
    border-right: 0 solid #000;
}

.table-fixed {
    width: 100%;
    border-collapse: collapse;
}

.table-fixed thead {
    display: table;
    width: 100%;
    overflow: auto;
    color: #fff;
    background: #000;
}

.table-fixed tbody {
    display: table;
    width: 100%;
    overflow-y: scroll;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
}

.table-fixed-oh {
    width: 100%;
    border-collapse: collapse;
}

.table-fixed-oh thead {
    display: block;
    width: 100%;
    overflow: auto;
    color: #fff;
    background: #000;
}

.table-fixed-oh tbody {
    display: block;
    width: 100%;
    height: 585px;
    overflow-y: scroll;
}

.sr-hazard-tbl-cell {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-top: none !important;
    background-color: none !important;
    color: #1d1d1b;
    text-align: center;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 600;
    font-family: 'Segoe UI'
}

.sr-hazard-tbl-cell-first {
    border-bottom: 1px solid #000;
    border-left: 0;
    border-top: none !important;
    color: #1d1d1b;
    text-align: left;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    padding: 10px 30px !important;
    /* font-family: 'Segoe UI'; */
    border-top: 0 solid #ddd;
}

.stats_graphs_row {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

.stats_graphs_row>li {
    float: left;
    width: 25%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.stats_graphs_row>li>a {
    display: block;
    text-align: center;
    padding: 25px !important;
    text-decoration: none;
}

.top-sidebar>li>.active {
    background-color: #0078d7 !important;
    padding: 13px 15px;
}

.top-sidebar>li>a:hover {
    background-color: #0078d7 !important;
    padding: 13px 15px;
}

.stats_graphs_block1 {
    background: url(../../../img/front/inner-page/state-chart.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #4d4d4d;
}

.stats_graphs_block1.active,
.stats_graphs_block1:hover {
    background: url(../../../img/front/inner-page/state-chart-active.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #1e1f1e;
}

.stats_graphs_block2 {
    background: url(../../../img/front/inner-page/stats-graphs-3.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #4d4d4d;
}

.stats_graphs_block2.active,
.stats_graphs_block2:hover {
    background: url(../../../img/front/inner-page/stats-graphs3-active.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #1e1f1e;
}

.stats_graphs_block3 {
    background: url(../../../img/front/inner-page/stats-graphs-4.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #4d4d4d;
}

.stats_graphs_block3.active,
.stats_graphs_block3:hover {
    background: url(../../../img/front/inner-page/stats-graphs4-act.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #1e1f1e;
}

.stats_graphs_block4 {
    background: url(../../../img/front/inner-page/bar-chart-sliver.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #4d4d4d;
}

.stats_graphs_block4.active,
.stats_graphs_block4:hover {
    background: url(../../../img/front/inner-page/bar-chart-yellow.png) center center no-repeat;
    background-size: 50px 50px;
    background-color: #1e1f1e;
}

.stats_graphs_center {
    text-align: center;
}

.btncsv_margin {
    padding-top: 340px;
}

.border-remove {
    border: none;
}

.stats_container_hw {
    height: 782px;
    border-right: 2px solid #000;
}

.n_ra-follow-upd {
    font-size: 13px;
}

.stats_graphs_width {
    width: 1000px;
}

.n_risk-folder-name {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding-top: 15px;
    margin-left: -30px;
}

.n_ra-arrow-bg {
    background-color: #e6e6e6 !important;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 80px !important;
}

.n_ra-arrow-bg>img {
    margin-top: -32px !important;
    margin-right: -8px;
}

.n_ra-arrow-bg:hover {
    background-color: #0078d7;
}

.stats_graph_padding {
    padding: 20px 10px;
}

.stats_graph_title {
    padding: 10px 0 0 0;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-transform: capitalize;
}

.graphs_title_textbox {
    display: block;
    width: 100%;
    height: 25px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    /* font-family: 'Segoe UI'; */
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.graphs_title_textbox:focus {
    border-color: #121212;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
}

.ra-system-bg {
    background-color: #3d9be9;
}

.project-addsec {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.project-addsec-left {
    float: left;
    width: 33.33%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-addsec-left>a {
    color: #000;
    display: inline-block;
    padding: 0 0 10px 0;
    width: 100%
}

.project-addsec-medium {
    float: left;
    width: 33.33%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-addsec-medium>a {
    color: #000;
    display: inline-block;
    padding: 0 0 10px 0;
    width: 100%
}

.project-addsec-last {
    float: right;
    width: 33.34%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.project-addsec-last>a {
    color: #000;
    display: inline-block;
    padding: 0 0 10px 0;
    width: 100%
}

.project-addsec-left:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-addsec-left:hover a {
    text-decoration: none;
    display: inline-block;
    width: 100%
}

.project-addsec-left:hover a>div {
    color: #fff;
    text-decoration: none;
}

.project-addsec-medium:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-addsec-medium:hover a {
    text-decoration: none;
}

.project-addsec-medium:hover a>div {
    color: #fff;
    text-decoration: none;
}

.project-addsec-last:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.project-addsec-last:hover a {
    text-decoration: none;
}

.project-addsec-last:hover a>div {
    color: #fff;
    text-decoration: none;
}

.task_add_sec {
    background: url(../../../img/front/inner-page/project-icon-black.png) center center no-repeat;
    background-size: 40px auto;
    background-position-y: 20px;
}

.task_add_sec:hover {
    background: url(../../../img/front/inner-page/project-icon-white.png) center center no-repeat;
    background-size: 40px auto;
    background-position-y: 20px;
}

.task-text {
    padding-top: 75px;
}

.invite_user_task_margin {
    margin-bottom: 10px;
}

.user_folder_margin {
    margin-left: -15px !important;
}

.user-icon-img {
    width: 20px;
}

.skip_risk-folder-row {
    border-bottom: 1px solid #333;
    background-color: #fff;
    height: 75px;
    cursor: pointer;
}

.skip_risk-folder-row.active {
    background-color: #ffcf31;
    color: #000;
    border-bottom: 1px solid #333;
    height: 75px;
    cursor: pointer;
}

.skip_risk-folder-row:hover {
    color: #000;
    border-bottom: 1px solid #333;
    height: 75px;
    cursor: pointer;
}

.skip_risk-folder-row-active {
    background-color: #80bbeb;
    color: #181818;
}

.skip_risk-single-folder {
    padding-top: 0;
    padding-bottom: 0;
}

.skip-hazard-icon {
    padding-top: 15px;
    padding-bottom: 10px;
    width: 40px;
    padding-left: 5px;
}

.skip-hazard-name {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    padding-top: 15px;
    margin-left: -50px;
}

.hazz_textarea {
    border-radius: 0;
    font-size: 18px;
    color: #404042;
    margin: 0;
    font-weight: 400;
    width: 100%;
    padding: 10px 100px 10px 5px;
    /* font-family: 'Segoe UI'; */
    border: none;
    background-color: #e6e6e6;
    height: 102px;
    float: left;
}

.hazz_textarea:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, .6);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(000, 000, 000, 0);
}

.skip-ra {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.skip-ra-left {
    float: left;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.skip-ra-left>a {
    color: #000;
    display: inline-block;
    padding: 18px 0;
    width: 100%
}

.skip-ra-right {
    float: right;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.skip-ra-right>a {
    color: #000;
    display: inline-block;
    padding: 18px 0;
    width: 100%
}

.skip-ra-left:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.skip-ra-left:hover a {
    text-decoration: none;
    display: inline-block;
    width: 100%
}

.skip-ra-left:hover a>div {
    color: #fff;
    text-decoration: none;
}

.skip-ra-right:hover {
    background-color: #0078d7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.skip-ra-right:hover a {
    text-decoration: none;
}

.skip-ra-right:hover a>div {
    color: #fff;
    text-decoration: none;
}

.cancel-btn-div-new {
    margin-top: 10px;
    margin-bottom: 10px;
}

.update-btn-div-new {
    margin-top: 16px;
}

.header-update-btn-new {
    padding: 5px 37.5px !important;
}

.header-cancel-btn-new {
    padding: 5px 44px !important;
    margin-bottom: 10px !important;
    width: 100%;
    display: block;
}

.header-cancel-btn-new:focus,
.header-cancel-btn-new:hover {
    color: #fff;
    text-decoration: none;
}

.folder-btn-div-new {
    background-color: #fc3 !important;
    color: #000 !important;
}

.overwrite-btn-new {
    padding: 5px 18.5px !important;
    margin-bottom: 10px !important;
}

.overwrite-btn-new:hover {
    text-decoration: none;
}

.saveasNew-btn-new {
    background-color: #fc3 !important;
    color: #000;
}

.saveasNew-btn-new:hover {
    text-decoration: none;
}

div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    clear: both;
    width: 100%
}

span.selected {
    width: 100%;
    text-indent: 10px;
    border: 1px solid #fff;
    min-height: 32px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: #e6e6e6 !important;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    background-position: right;
    background-color: #2a2a2a !important;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    padding-top: 3px;
}

span.selectArrow,
span.selected {
    position: relative;
    float: left;
    height: 32px;
    z-index: 1;
}

ul.selectOptions {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fafafa;
    padding: 0 0 3px 5px;
    display: none;
    color: #000;
    margin-top: 0;
    list-style: none inside none;
    padding-left: 0;
    z-index: 9999;
}

li.selectOption {
    display: block;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    font-family: 'Segoe UI', sans-serif;
    list-style: none;
    margin: 0;
    background: #e6e6e6;
}

li.selectOption:hover {
    color: #fff;
    background: #4096ee;
}

li.selectOption_head {
    color: #fff;
    display: block;
    padding: 5px 0 5px 10px;
    font-size: 12px;
    font-family: 'Segoe UI', sans-serif;
    list-style: none;
    margin: 0;
    background: #333;
}

.n_dropdown {
    padding-left: 0;
    width: 100%;
    border-top: 1px solid #181818;
    border-bottom: 1px solid #181818;
    border-left: 2px solid #181818;
    border-right: 2px solid #181818;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    background-position: right;
    background-color: #2a2a2a !important;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    list-style: none;
    text-align: left;
    height: 36px;
}

ul.n_dropdown li {
    padding: 5px 15px;
    z-index: 2;
}

ul.n_dropdown li:not(.init) {
    float: left;
    width: 100%;
    display: none;
    background-color: #2a2a2a;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #181818;
    line-height: 18px;
}

ul li.selected:not(.init) {
    background: #e8ba31;
    z-index: -9999;
    color: #000;
}

li.init {
    cursor: pointer;
}

#n_drop1 {
    z-index: 9999;
}

.n_date_select_first {
    margin-top: 30px !important;
}

.worse_margin_bottom {
    margin-bottom: 10px;
}

#n_drop2 {
    z-index: 999;
}

.grid_dropdown {
    position: absolute;
    padding-left: 0;
    width: 100%;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    background-color: rgba(0, 0, 0, 0);
    background-position: right top !important;
    background-color: #2a2a2a !important;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    text-align: left;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
}

ul.grid_dropdown li {
    padding: 5px 15px;
    z-index: 2;
}

ul.grid_dropdown li:not(.init) {
    float: left;
    width: 100%;
    display: none;
    background-color: #2a2a2a;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #181818;
}

ul li.selected:not(.init) {
    background: #e8ba31;
    z-index: -9999;
    color: #000;
}

.ms-options ul li.selected:not(.init) {
    background: 0 0;
}

li.init {
    cursor: pointer;
}

#n_drop1 {
    z-index: 9999;
}

.n_date_select_first {
    margin-top: 30px !important;
}

.worse_margin_bottom {
    margin-bottom: 10px;
}

#n_drop2 {
    z-index: 999;
}

.folder-nav-bg {
    background-color: #2b2b2b;
}

.my-photo-icon-bg {
    background-color: #ffcf31;
}

.main-body-bg {
    background-color: #e6e6e6;
}

.n_followup-date {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 0;
}

.n_dropdown_followup {
    position: absolute;
    z-index: 999;
    padding-left: 0;
    height: 32px;
    width: 89%;
    border: 1px solid #fff;
    list-style: none;
    background-color: #e6e6e6 !important;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    background-position: right;
    background-color: #2a2a2a !important;
    color: #fff;
    font-family: 'Segoe UI'
}

ul.n_dropdown_followup li {
    padding: 4px 10px;
    z-index: 2;
}

ul.n_dropdown_followup li:not(.init) {
    float: left;
    width: 100%;
    display: none;
    background: #e6e6e6;
    color: #000;
}

ul.n_dropdown_followup li:not(.init):hover {
    background-color: #ffe698;
}

ul.n_dropdown_followup li.selected:not(.init) {
    background: #fc3;
}

li.init {
    cursor: pointer;
    height: 31px;
}

.rotate-img {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.stats_hover_right {
    width: 12px;
    display: none;
}

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

.radio-checkbox-margin {
    margin-right: -15px;
}

.remove-blue-shadow {
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.margin-bottom-15 {
    margin-bottom: -15px !important;
}

.n_stats_rtext>a {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

.n_stats_rtext .active,
.n_stats_rtext>a:hover {
    color: #ffce34;
    text-decoration: none;
}

.n_stats_rtext>.stext-right-click .active,
.n_stats_rtext>.stext-right-click:hover {
    color: #ffce34;
}

.stext-right-click {
    /* font-family: 'Segoe UI'; */
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    color: #fff;
    margin-left: 10px;
}

.limited-text-2line {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    line-height: 20px;
    max-height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

@-moz-document url-prefix() {
    .limited-text-2line {
        overflow: hidden;
        position: relative;
    }

    .limited-text-2line:before {
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: '\2026';
        margin-left: -3rem;
        width: 3rem;
    }

    .limited-text-2line:after {
        content: '';
        position: absolute;
        height: 50px;
        width: 85%;
        z-index: 1;
    }
}

.skip_limited-2line {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    line-height: 20px;
    max-height: 58px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(../../../img/front/inner-page/three-dots.png);
}

.skip_limited-2line:before {
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    margin-left: 3rem;
    width: 3rem;
}

.skip_limited-2line:after {
    position: absolute;
    height: 58px;
    width: 90%;
    z-index: 1;
}

.limited_project_name {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 20px;
    white-space: nowrap;
    max-width: 200px;
}

.limited_projname_other {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    margin: 0 auto;
    color: #fc3;
}

.gap_email_setting {
    padding-top: 40px;
}

.gap-email-field {
    padding-top: 5px;
}

.limited-text-tenline {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    line-height: 20px;
    max-height: 200px;
    padding-right: 40px !important;
}

.limited-text-3line {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    line-height: 20px;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text {
    position: relative;
    font-size: 12px;
    color: #000;
    width: 100%
}

.text-concat {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-height: 205px;
    line-height: 20px;
}

.text.ellipsis::after {
    content: "...";
    position: absolute;
    right: 20px;
    bottom: 4px;
    font-size: 20px;
}

.text-lim3 {
    position: relative;
    font-size: 12px;
    color: #000;
    width: 100%
}

.text-concat-lim3 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-height: 60px;
    line-height: 20px;
}

.text-lim3.ellipsis::after {
    content: "...";
    position: absolute;
    right: 60px;
    bottom: 2px;
    font-size: 14px;
}

.last-line {
    height: 20px;
    text-overflow: -o-ellipsis-lastline;
    width: 70%
}

.padding-inndash {
    padding-top: 30px;
}

.n_file-info {
    font-size: 14px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #181818;
    margin: 0 10px 0 10px;
    text-align: center;
}

.n_file-info-next {
    font-size: 12px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #181818;
    margin: 0 30px 0 61px;
}

.n_harard-icon-file {
    background-color: transparent;
    color: #5e5e5e;
    font-weight: 600;
    cursor: pointer;
    /* font-family: 'segoe UI'; */
    padding: 18px 30px;
    font-size: 14px;
    display: block;
}

.n_msphoto-icon-file {
    background-color: #ccc;
    color: #5e5e5e;
    font-weight: 600;
    cursor: pointer;
    /* font-family: HelveticaNeueeTextW01Medium; */
    padding: 18px 39px;
    font-size: 12px;
}

.n_msphoto-icon-file>input[type=file] {
    display: none;
}

.n_msphoto-icon-border-right {
    border-right: 2px solid #fff;
}

.n_harard-icon-file>input[type=file] {
    display: none;
}

.n_harard-icon-border-right {
    border-right: 2px solid #e6e6e6;
}

.n_quick-title {
    font-size: 16px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #898989;
    text-align: center;
}

.haz-cont-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 18px 5px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 0 solid transparent;
    border-radius: 0;
    background-color: #ccc;
    /* font-family: 'Segoe UI'; */
    color: #5e5e5e;
}

.haz-cont-btn.active,
.haz-cont-btn:hover {
    background-color: #ccc;
    border: transparent;
    color: #5e5e5e;
}

.n_hazard-icon-block2 {
    background-color: #ccc;
}

.n_ra-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-left: 30px;
    color: #000;
    font-weight: 600;
}

.n-access-right {
    color: grey;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    display: block;
}

.aut_view_user>a {
    text-decoration: none;
    border-right: 1px solid #b3b3b3;
    color: #2b2b2b;
    padding-right: 10px;
}

.aut_view_groups>a {
    padding-left: 10px;
    color: #2b2b2b;
}

.aut_view_user>a:hover,
.n_view_user.active>a {
    text-decoration: none;
    color: #0078d7;
}

.aut_view_groups>a:hover {
    text-decoration: none;
    color: #0078d7;
}

.adut-icon-padding {
    padding: 20px;
    overflow-y: scroll;
    position: relative;
    height: 650px;
}

.n_icon-box,
.n_icon-box:focus,
.n_icon-box:hover {
    text-decoration: none;
    height: 150px;
    width: 150px;
    display: inline-block;
    text-align: center;
    margin-left: 0;
    margin-right: 4px;
    margin-bottom: 10px;
    transition: all .5s ease;
}

.n_icon-box>img {
    background-color: #fff;
    border: 2px solid #484848;
    border-radius: 4px;
    text-align: center;
    width: 120px;
    margin-left: 12px;
    margin-right: 12px;
    height: 120px;
    padding: 18px;
    margin-bottom: 10px;
    transition: all .5s ease;
}

.n_icon-box>img:hover {
    background-color: #fc3;
    text-decoration: none;
}

.n_icon-box .active {
    background-color: #fc3;
}

.audit-icon-box {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    text-decoration: none;
}

.audit-icon-box1 {
    float: left;
    width: 7%;
    display: inline-block;
}

.audit-icon-box2 {
    float: left;
    width: 14%;
    display: inline-block;
}

.audit-icon-box3 {
    float: left;
    width: 49%;
    display: inline-block;
}

.audit-icon-box4 {
    float: left;
    width: 15%;
    display: inline-block;
}

.audit-icon-box5 {
    float: left;
    width: 15%;
    display: inline-block;
}

.audit-icon-subbox {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    text-decoration: none;
}

.audit-icon-blank {
    float: left;
    width: 25%;
    display: inline-block;
    text-align: center;
}

.audit-icon-subbox1 {
    float: left;
    width: 25%;
    display: inline-block;
}

.audit-icon-subbox2 {
    float: left;
    width: 14%;
    display: inline-block;
}

.audit-icon-subbox3 {
    float: left;
    width: 25%;
    display: inline-block;
}

.audit-check-icon {
    position: relative;
    top: -63px;
    left: 144px;
}

.audit-check-icon-width {
    width: 25px;
}

.access-select-profile {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 15px;
    width: 220px;
}

.n-access-right-group {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
}

.naccra-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 30px;
    padding-bottom: 4px;
    color: #000;
    font-weight: 600;
}

.accra-page-title>img {
    margin-top: -2px;
}

.accra-page-title>span {
    padding-left: 10px;
}

.n_access_plus_round_padding {
    padding-left: 10px;
    padding-top: 1px;
}

.padding-left-ten {
    padding-left: 10px;
}

.n-access-control-height {
    height: 26px !important;
    margin-top: 1px;
}

.np_ra-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 8px;
    color: #000;
    font-weight: 600;
}

.np_ra-page-title>img {
    margin-top: -2px;
}

.np_ra-page-title>span {
    padding-left: 10px;
}

.access-bg-top {
    background-color: #fc3;
}

.audit-modal2-content {
    background-repeat: repeat-y;
    top: 10%
}

.audit-pop-bg {
    background-color: #0078d7;
    padding: 20px 10px 20px 20px;
}

body .audut-modal-ku {
    width: 950px;
}

.audit-modal-text {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    padding: 10px 5px 20px 5px;
}

.access-modal-btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 6px 10px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    min-width: 150px;
    min-height: 34px;
}

.access-right-padding {
    padding: 10px 6px;
}

.access-image-padding {
    padding: 5px;
}

.n-in-folder-top {
    padding-top: 30px;
}

.n-file-icon {
    padding-bottom: 20px;
    text-align: center;
}

.n-file-info {
    font-size: 12px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #181818;
    text-align: center;
}

.n-file-info>span {
    /* font-family: HelveticaNeueeTextW01Medium; */
}

.inndash-padding-top {
    padding-top: 80px;
}

.hazard_right-scroll {
    max-height: 663px;
    position: relative;
    overflow-y: auto;
}

.dashboard_hov_icon-width {
    width: 30px;
}

.dashboard_hov_right-width {
    width: 20px;
}

.n_hazard-right-icon {
    border: 2px solid #484848;
    border-radius: 4px;
    text-align: center;
    width: 140px;
    height: 140px;
    padding: 2px;
}

.ms-file-icon {
    padding-bottom: 50px;
    text-align: center;
}

.hazard-circle-round {
    border-radius: 60px;
    width: 120px;
    height: 120px;
}

.new_upload_image {
    display: inline-block;
    padding: 8px 104px 8px 103px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.new_upload_image>input[type=file] {
    display: none;
}

.new_upload_margin {
    margin-top: 10px;
}

.new_upload_image_gap {
    padding-top: 30px;
}

.n_image_innergap {
    text-align: center;
    padding-top: 15px;
}

.image_circle_mid {
    text-align: center;
}

.inner-img-width {
    width: 75px;
    margin-left: 12px;
}

.border-remove {
    border: none;
}

.start-date-padding {
    padding-top: 30px;
}

.add-hazard-icon-width {
    width: 30px;
    margin-right: 10px;
    margin-top: -4px;
}

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

.sd_text_margin {
    margin-top: 3px;
}

.sd_date_margin {
    margin-top: 6px;
}

.end_date_bordertop {
    border-top: 0;
}

.pointer-class {
    cursor: pointer;
}

.project-detail-sec1 {
    max-height: 245px;
}

.project-detail-sec2 {
    max-height: 202px;
}

.project-sec2-detail {
    background-color: #3a443d !important;
}

.project-sec1-detail {
    background-color: #474747 !important;
}

.sr-hazard-tbl-cell-first>a {
    color: #000;
}

.sr-hazard-tbl-cell-first>a:focus,
.sr-hazard-tbl-cell-first>a:hover {
    color: #000;
    text-decoration: none:
}

a {
    outline: 0;
    color: #fff;
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
}

.hazards-block-title {
    font-size: 18px;
    /* font-family: 'Segoe UI'; */
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 40px;
    color: #000;
    font-weight: 600;
}

.hazards-block-title>img {
    margin-top: -2px;
}

.hazards-block-title>span {
    padding-left: 6px;
}

.hazard-list-row {
    background-color: #e6e6e6;
    margin-right: 0;
    border: 1px solid #babbba;
}

.hazards-lib-title {
    color: grey;
    padding-left: 40px;
    padding-top: 10px;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    font-size: 16px;
}

.add-new-folder-control {
    text-align: right;
    padding-right: 0;
    color: #7a7a7a;
    font-family: 'Segoe UI'
}

.hazard-add-new-control {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hazard-add-new-control>a {
    background-color: #ffcd34;
    font-size: 14px;
    color: #000;
    padding: 12px 20px;
    border-radius: 2px;
    font-family: HelveticaNeueeTextW01light;
    border-color: #2b2b2b;
    font-weight: 700;
    display: inline-block;
}

.hazard-add-new-control>a:focus,
.hazard-add-new-control>a:hover {
    text-decoration: none;
    color: #000;
}

.hazard-list-title {
    color: grey;
}

.risk-add-btn {
    float: right;
    padding: 17px;
}

.risk-add-btn>a {
    background-color: #2b2b2b;
    color: #fff;
    padding: 9px 10px;
    border-radius: 4px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    border-color: #2b2b2b;
}

.risk-add-btn>a:focus,
.risk-add-btn>a:hover {
    text-decoration: none;
    background-color: #1e1f1e;
}

.top-actio-bar {
    background-color: #fc3 !important;
    overflow: hidden;
    border-top: 1px solid #b9b8b4;
    border-bottom: 1px solid #b9b8b4;
}

.top-action-search {
    padding-top: 6px;
    padding-right: 15px;
}

.left-block-border {
    border: 1px solid #333;
}

.folder-right-side-bar {
    background-color: #e6e6e6;
    height: 743px;
    overflow-y: auto;
}

.folder-right-side-bar-second {
    background-color: #e6e6e6;
    height: 785px;
    overflow-y: auto;
}

.right-bar-border {
    border-left: 2px solid #333;
}

.all-folder-sort {
    text-align: right;
    padding-right: 15px;
    color: #7a7a7a;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
}

.all-folder-row {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #ccc;
    /* font-family: 'Segoe UI'; */
    color: #7a7a7a;
    font-weight: 600;
}

.sort-link-active {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #1c79d7;
}

.sort-link-active:focus,
.sort-link-active:hover {
    color: #1c79d7;
    text-decoration: none;
}

.sort-link {
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
}

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

.folder-notication-modal {
    width: 750px;
    margin-top: 50px;
}

.notification-modal-header {
    background-color: #0078d7;
}

.notification-modal-title {
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-size: 16px !important;
}

.folder-rew-content {
    background-color: #f2f2f2;
}

.folder-req-row {
    margin-top: 50px;
}

.folder-req-text {
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600;
}

.notification-status {
    display: block;
    margin-top: 10px;
}

.notification-status .status-div {
    /* font-family: 'Segoe UI'; */
    color: #000;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.email-block-row {
    margin-top: 10px;
}

.noti-email-title {
    font-family: "Segoe UI";
    color: #000;
    font-size: 13px;
    margin-bottom: 5px;
}

.notication-control {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.notication-control:focus {
    border-color: #e6e6e6;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.add-email-btn {
    font-family: "Segoe UI";
    background-color: #0078d7;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 9px 27px;
}

.added-emails-list {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 5px 10px 25px 10px;
}

.mail-list {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 6px;
}

.single-email {
    display: inline-block;
    font-family: "Segoe UI";
    color: #000;
    font-size: 13px;
    width: 94%
}

.remove-email {
    display: inline-block;
    float: right;
}

.border-row {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
}

.mail-block-border {
    border-bottom: 1px solid #999;
}

.folder-resi-row {
    margin-top: 20px;
}

.noti-action-block {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
}

.savexit-btn {
    font-family: "Segoe UI";
    background-color: #0078d7;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    min-width: 150px;
}

.mail-box-close {
    text-align: left;
    padding-top: 13px;
}

.mail-box-close>a {
    text-align: left;
    font-family: "Segoe UI";
    font-weight: 600;
    color: #000;
}

.mail-box-close>a:focus,
.mail-box-close>a:hover {
    text-decoration: none;
    outline: 0;
}

.chartToggle {
    width: 40px;
    height: 18px;
    border-radius: 25px;
    border: 1px solid #778283;
    cursor: pointer;
}

.off {
    animation: 450ms removeColor 1 forwards;
}

@keyframes removeColor {
    0% {
        background-color: #0078d7;
    }

    100% {
        background-color: #ccc;
    }
}

.on {
    animation: 450ms addColor 1 forwards;
}

@keyframes addColor {
    0% {
        background-color: #ccc;
    }

    100% {
        background-color: #0078d7;
    }
}

.toggleSwitch {
    width: 25px;
    height: 25px;
    background-color: grey;
    border: 1px solid grey;
    border-radius: 50%;
    margin-top: -4px;
}

.moveOn {
    animation: .2s ease-in-out moveOn forwards;
}

@keyframes moveOn {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(18px);
    }
}

.moveOff {
    animation: .2s ease-in-out moveOff forwards;
}

@keyframes moveOff {
    0% {
        transform: translateX(18px);
    }

    100% {
        transform: translateX(0);
    }
}

.control-height {
    height: 30px !important;
}

.folder-border-color {
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
}

.form-inner-group {
    margin-bottom: 0 !important;
}

.input-inner-addon {
    border-radius: 0 !important;
}

.input-inner-control {
    border-radius: 0 !important;
    border: 0 solid #ccc;
    font-family: HelveticaNeueeTextW01Light;
    color: #181818;
    background-color: #fff;
    font-size: 12px;
}

.in-folder-top {
    padding-top: 50px;
}

.file-name-decor {
    padding-bottom: 42px;
}

.in-folder-bottom {
    border-bottom: 1px solid #000;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.in-info-color {
    color: #1c79d7;
    padding-left: 10px;
    padding-right: 10px;
}

.all-folder-block a {
    display: inline-block;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #7a7a7a;
    padding-left: 20px;
    padding-top: 0;
    line-height: 22px;
    font-weight: 600;
}

.all-folder-block a:focus,
.all-folder-block a:hover {
    text-decoration: none;
    font-size: 16px;
    color: #7a7a7a;
}

.all-folder-block a>img {
    margin-top: -3px;
}

.all-folder-block a>span {
    padding-left: 0;
    font-size: 16px;
    font-weight: 600;
    color: #7a7a7a;
}

.risk-folder-name {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding-top: 19px;
    padding-left: 10px;
}

.risk-folder-name>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    display: inherit;
}

.folder-zero-left {
    padding-left: 0;
}

.risk-folder-row-show a {
    display: inline-block;
}

.risk-folder-row-show a {
    display: inline-block;
    text-decoration: none;
    margin-left: -4px;
    background-color: #e6e6e6;
    color: #1e1f1e;
    font-size: 12px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
    padding-top: 14px;
    padding-bottom: 13px;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 80px;
    font-weight: 600;
}

.risk-folder-row-show: div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.risk-folder-row-show {
    border-bottom: 1px solid #fff;
    background-color: #f2f2f2;
    transition: all .5s ease;
    min-height: 76px;
    cursor: pointer;
}

.risk-folder-row {
    border-bottom: 1px solid #fff;
    background-color: #f2f2f2;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    min-height: 76px;
    cursor: pointer;
}

.risk-folder-row:hover {
    background-color: #ccc;
    color: #181818;
}

.risk-folder-row-active {
    background-color: #ccc;
    color: #181818;
}

.risk-single-folder {
    padding-top: 0;
    padding-bottom: 0;
}

.risk-folder-row a {
    display: none;
    text-decoration: none;
    margin-left: -4px;
    background-color: #e6e6e6;
    color: #1e1f1e;
    font-size: 12px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
    padding-top: 14px;
    padding-bottom: 13px;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 80px;
    font-weight: 600;
}

.risk-folder-row:hover a {
    display: inline-block;
}

.ra-arrow-bg {
    background-color: transparent !important;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.risk-tem-icon {
    padding-top: 18px;
}

.ra-arrow-bg>img {
    margin-top: -32px !important;
    margin-right: -13px;
    width: 18px;
}

.border-right-ra {
    border-right: 2px solid #fff;
}

.risk-folder-row:hover div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.risk-folder-arrow>a {
    display: inline-block;
}

.folder-left-pad {
    padding-left: 7px;
    padding-right: 0;
}

.risk-folder-icon {
    padding-top: 24px;
    width: 36px;
}

.risk-edit-folder,
.risk-edit-folder:hover {
    background-color: #bdbdbf !important;
}

.risk-edit-folder a {
    display: inline-block;
    margin-left: 11px;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.risk-edit-folder:hover a {
    display: inline-block;
    text-decoration: none;
    margin-left: 11px;
}

.download-icon {
    margin-left: 10px;
}

.risk-folder-arrow>a>img {
    padding-top: 15px;
}

.risk-edit-control {
    background-color: transparent;
    border-bottom: 2px solid #1e1f1e !important;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 0 !important;
    line-height: 1.42857143;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #181818;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 0 solid #ccc;
}

.risk-edit-control:focus {
    border-color: transparent;
    border-bottom-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.risk-edit-control::-webkit-input-placeholder {
    color: #181818;
}

.risk-edit-control::-moz-placeholder {
    color: #181818;
}

.risk-edit-control:-ms-input-placeholder {
    color: #181818;
}

.risk-edit-control:-moz-placeholder {
    color: #181818;
}

.file-info-action {
    text-align: center;
    margin-bottom: 10px;
}

.file-info-action>a {
    font-size: 11px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    color: #181818;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: underline;
}

.div-scrollbar {
    height: 750px;
    position: relative;
    overflow-y: scroll;
}

.force-overflow {
    min-height: 450px;
}

.ra-follow-upd {
    font-size: 13px;
    font-weight: 400;
}

.hazard-file-info-block {
    padding-top: 15px;
}

.hazard-scroll-block {
    height: 664px;
    position: relative;
    overflow-y: scroll;
}

.hazard-local-icon {
    padding: 0;
}

.top-hazard-actio-bar {
    background-color: #1f1f1f !important;
    overflow: hidden;
    padding-top: 3px;
}

.hazards-page-title {
    font-size: 15px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 30px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 8px;
}

.hazards-page-title>span {
    padding-left: 8px;
}

.hazards-page-title>img {
    margin-top: -4px;
}

.hazard-navigate {
    padding-left: 15px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    background-color: #4d4d4d;
}

.risk-hazard-name {
    font-size: 16px;
    font-family: 'Segoe UI'
}

.hazards-title-box {
    padding-top: 12px;
    padding-bottom: 12px;
}

.hazard-back-text>img {
    margin-top: -5px;
}

.add-hazard-control {
    background-color: #fc3;
    border: 1px solid #1a1a1a;
    font-size: 14px;
    padding: 12px 50px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
}

.hazard-back-text>span {
    color: #fff;
    text-decoration: none;
    /* font-family: 'Segoe UI'; */
    padding-left: 5px;
    padding-top: 5px;
}

.risk-hazard-row {
    border-bottom: 1px solid;
    transition: all .5s ease;
    cursor: pointer;
}

.risk-hazard-row:hover {
    background-color: #bdbdbf;
    color: #181818;
}

.risk-hazard-row-active {
    background-color: #bdbdbf;
    color: #181818;
}

.risk-hazard-row a {
    display: none;
}

.risk-hazard-row:hover a {
    display: inline-block;
    text-decoration: none;
    margin-left: 11px;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.risk-hazard-row:hover div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.risk-single-hazard {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ra-hazard-action-btn {
    text-align: right;
    padding-top: 25px;
}

.ra-hazard-icon img {
    border: 2px solid #484848;
    border-radius: 4px;
    text-align: center;
    width: 65px;
    height: 65px;
    padding: 2px;
}

.hazard-right-icon {
    border: 2px solid #484848;
    border-radius: 4px;
    text-align: center;
    width: 75px;
    height: 75px;
    padding: 2px;
}

.ra-hazard-controls {
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #484848;
    color: #484848;
}

.ra-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 9px;
    padding-left: 35px;
    padding-bottom: 10px;
    color: #000;
    font-weight: 600;
}

.ra-page-title.active {
    background-color: #fff;
    color: #000;
}

.ra-page-title>img {
    margin-top: -3px;
    width: 36px;
}

.ra-page-title>span {
    padding-left: 10px;
}

.ra-method-tem-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 10px;
    padding-left: 32px;
    padding-bottom: 8px;
    color: #000;
    font-weight: 600;
}

.ra-method-tem-title>img {
    margin-top: -2px;
    width: 24px;
}

.ra-method-tem-title>span {
    padding-left: 10px;
}

.ra-ms-select {
    margin-top: 2px !important;
}

.hide-bar {
    overflow: hidden;
}

.risk-hazard-add {
    border-bottom: 1px solid;
    transition: all .5s ease;
    height: 115px !important;
    background-color: #f2f2f2;
}

.risk-hazard-add2 {
    border-bottom: 1px solid;
    transition: all .5s ease;
}

.risk-hazard-edit {
    background-color: transparent;
    border-bottom: 0 solid #1e1f1e !important;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    color: #181818;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 0 solid #ccc;
}

.risk-hazard-edit:focus {
    border-color: transparent;
    border-bottom-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.risk-hazard-edit::-webkit-input-placeholder {
    color: #858585;
}

.risk-hazard-edit::-moz-placeholder {
    color: #858585;
}

.risk-hazard-edit:-ms-input-placeholder {
    color: #858585;
}

.risk-hazard-edit:-moz-placeholder {
    color: #858585;
}

.hazard-textarea-title {
    /* font-family: 'Segoe UI'; */
    color: #181818;
    font-weight: 600;
}

.add-hazard-block {
    padding-left: 15px;
}

.hazard-textarea {
    padding-top: 10px;
}

.icon-modal-dialog {
    width: 727px !important;
    margin: 100px auto !important;
}

.icon-modal-title {
    color: #fff;
    font-family: 'Segoe UI'
}

.iocn-modal-row {
    margin-top: 50px;
    overflow-y: scroll;
    position: relative;
    height: 550px;
}

.icon-box,
.icon-box:focus,
.icon-box:hover {
    text-decoration: none;
}

.icon-box>img {
    background-color: #fff;
    border: 2px solid #484848;
    border-radius: 4px;
    text-align: center;
    width: 64px;
    height: 64px;
    padding: 2px;
    margin-bottom: 4px;
    transition: all .5s ease;
}

.icon-box>img:hover {
    background-color: #fc3;
    text-decoration: none;
}

.icon-box .active {
    background-color: #fc3;
}

.hazard-icon-btn {
    background-color: #000;
    color: #fff;
    font-family: 'Segoe UI'
}

.hazard-close-icon {
    font-family: 'Segoe UI'
}

.hazard-icon-btn:focus,
.hazard-icon-btn:hover {
    color: #fff;
}

.harard-icon-file {
    background-color: #2b2b2b;
    color: #fff;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 4px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    border-color: #2b2b2b;
    font-weight: 400;
    font-size: 12px;
}

.lib-btn {
    text-align: right;
    margin-bottom: 10px;
}

.lib-btn>a {
    background-color: #2b2b2b;
    color: #fff !important;
    display: inline-block;
    border-radius: 4px;
    /* font-family: HelveticaNeueeTextW01Medium; */
    border-color: #2b2b2b;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 10px;
}

.lib-btn>a:focus,
.lib-btn>a:hover {
    text-decoration: none;
    color: #fff;
}

.harard-icon-file>input[type=file] {
    display: none;
}

.hazard-submit-btn {
    font-size: 18px;
    font-weight: 600;
    color: #484848;
    /* font-family: 'Segoe UI'; */
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 25px;
}

.hazard-submit-btn:focus,
.hazard-submit-btn:hover {
    color: #484848;
    text-decoration: none;
}

.form-access-group {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.ra-ar-title>span {
    color: #000;
    font-size: 20px;
    padding-left: 10px;
    cursor: pointer;
}

.access-row {
    margin-top: 50px;
}

.access-btn {
    background-color: #000;
    color: #fff;
    font-family: 'Segoe UI'
}

.access-btn:focus,
.access-btn:hover {
    color: #fff !important;
}

.ar-active-btn>a,
.ar-active-btn>a:focus,
.ar-active-btn>a:hover {
    background-color: #0078d7;
}

.ar-selected-row {
    background-color: #bdbdbf;
}

.ar-disable-btn>a,
.ar-disable-btn>a:focus,
.ar-disable-btn>a:hover {
    background-color: #818181;
}

.ra-access-more-action {
    text-align: center;
    color: #181818;
    /* font-family: 'Segoe UI'; */
    border-bottom: 1px solid #181818;
    font-size: 16px;
    font-weight: 600;
    padding-top: 3px;
}

.ar-search-right {
    padding-right: 0;
}

.ar-close-btn {
    background-color: #000;
    border-radius: 0;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    padding: 10px 20px;
    border-color: #000;
}

.ar-close-btn:focus,
.ar-close-btn:hover {
    color: #fff;
}

.ar-save-btn {
    background-color: #0078d7;
    border-radius: 0;
    padding: 10px 40px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    padding: 9px 10px;
    border-color: #0078d7;
}

.ar-save-btn:focus,
.ar-save-btn:hover {
    color: #fff;
}

.ar-model-data {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.pagination>.ar-active>a,
.pagination>.ar-active>a:focus,
.pagination>.ar-active>a:hover,
.pagination>.ar-active>span,
.pagination>.ar-active>span:focus,
.pagination>.ar-active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}

.ar-pagination>li>a,
.ar-pagination>li>span {
    color: #000;
}

.ra-hazard-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/down-arrow.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/down-arrow.png) no-repeat calc(100% - 10px) !important;
    background-color: #ccc !important;
    background-position: right;
    color: #181818;
    border: solid 1px #ccc;
    padding-bottom: 5px !important;
}

.ra-hazard-select:hover {
    border: solid 1px #ccc;
    background-color: #ccc !important;
}

.ra-hazard-decor {
    background-color: #0078d7;
    color: #fff;
    margin-left: -15px;
    padding: 5px 27px;
    font-weight: 600;
}

.hazard-select-decor {
    background-color: #2b2b2b;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    margin-left: -15px;
    padding: 5px 23px;
    font-weight: 600;
}

.hazard-select-decor {
    padding: 5px 23px;
    -moz-padding-start: 27px;
    -moz-padding-end: 27px;
}

.ra-select-decor {
    margin-left: -15px;
    padding-left: 10px;
    background-color: #ccc;
}

.hazard-selct-groud {
    margin-bottom: 0 !important;
}

.hazard-textarea-decor {
    background-color: #fc3;
    color: #181818;
    margin-left: -15px;
    padding: 5px 25px;
    font-weight: 600;
}

.back-text {
    color: #181818;
    text-decoration: none;
    /* font-family: HelveticaNeueeTextW01Medium; */
}

.back-text:focus,
.back-text:hover {
    text-decoration: none;
    color: #181818;
}

.quick-title-hazard {
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    color: #898989;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e6e6e6;
}

.hazard-icon-block {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 10px;
    border: 1px solid #737373;
}

.hazard-icon-block2 {
    background-color: #ccc;
    padding-top: 8px;
    padding-bottom: 8px;
}

.hazards-save-btn {
    position: relative;
}

.hazard-save-box>a {
    background-color: #0071bc;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    height: 50px;
    color: #fff;
    border: 0;
    /* font-family: HelveticaNeueeTextW01Medium; */
    margin-top: 50px;
}

.hazard-save-box {
    width: 20%;
    position: fixed;
    bottom: 0;
    right: 0;
}

.hazard-save-box>a {
    background-color: #0078d7;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}

.hazard-save-box>button {
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 50px;
    border: 0;
    /* font-family: HelveticaNeueeTextW01Medium; */
    margin-top: 50px;
    background-color: #0078d7;
    color: #fff;
    text-decoration: none;
    bottom: 0;
}

.select-profile {
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 15px;
    width: 280px;
    float: right;
}

.ra-select-profile {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/profile-drop-down.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/profile-drop-down.png) no-repeat calc(100% - 0px) !important;
    background-color: rgba(24, 24, 24, .75) !important;
    background-position: right;
    color: #fff;
    border: solid 1px #181818;
    padding-bottom: 0 !important;
    padding-left: 10px;
}

.key-people .ra-select-profile {
    padding-left: 18px !important;
}

.ra-select-profile:hover {
    border: solid 1px #181818;
    background-color: rgba(24, 24, 24, .75) !important;
}

select-profile>option {
    background-color: #181818 !important;
    color: #fff;
}

.select-profile>select option:hover {
    background-color: #181818 !important;
    color: #fc3 !important;
}

.tem-sort-icon {
    padding-left: 0;
}

.tem-sort-icon>a {
    margin: 0 !important;
    padding-left: 15px;
    display: inline-block;
    text-decoration: none;
    margin-left: -4px;
    background-color: transparent !important;
    color: #1e1f1e;
    font-size: 12px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 0 !important;
}

.close {
    opacity: 1;
    color: #fff;
}

.close:focus,
.close:hover {
    opacity: 1;
    color: #fff;
    outline: 0;
}

.risk-temp-name {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding-top: 26px;
    padding-left: 10px;
}

.header-name-bg {
    border: 1px solid #fc3;
    background-color: #000;
    padding: 15px;
}

.header-title {
    /* font-family: 'Segoe UI'; */
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px;
}

.modal-sm {
    width: 375px;
}

.header-control {
    border-radius: 0;
    margin-top: 10px;
    /* font-family: 'Segoe UI'; */
    color: #000;
    border: 2px solid #0078d7;
}

.header-control:focus {
    border-color: #0078d7;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.cancel-btn-div {
    padding-right: 5px;
    text-align: center;
}

.update-btn-div {
    padding-left: 5px;
    text-align: center;
}

.header-cancel-btn {
    /* font-family: 'Segoe UI'; */
    background-color: #323232;
    border: none;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    min-width: 150px;
    min-height: 34px;
}

.header-update-btn {
    /* font-family: 'Segoe UI'; */
    background-color: #0078d7;
    border: none;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    min-width: 150px;
    min-height: 34px;
}

.temp-item-sort {
    background-color: #e6e6e6;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
}

.item-sort-list {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    padding-left: 34px;
    color: #7a7a7a;
    font-weight: 600;
}

.item-sort-list>a {
    text-decoration: underline;
    color: #7a7a7a;
}

.temp-select {
    margin-bottom: 0;
    margin-right: 15px;
    width: 280px;
    float: right;
}

.temp-add-btn {
    background-color: #fc3;
    padding: 8px;
    width: 100%;
    color: #000;
    border: none;
}

.temp-add-btn-bg {
    display: block !important;
}

.temp-add-btn-bg:hover {
    background-color: transparent !important;
}

.action-temp-link {
    float: right;
    padding-right: 5px;
}

.action-temp-link>a {
    padding: 0 !important;
}

.temp-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 30px;
    color: #000;
    font-weight: 600;
}

.temp-page-title>span {
    padding-left: 18px;
}

.temp-page-title>img {
    margin-top: -2px;
}

.temp-edit-block {
    background-color: #e6e6e6;
    border-bottom: 1px solid #000;
}

.edit-title {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    color: #7a7a7a;
    font-weight: 600;
}

.back-to-temp {
    display: inline-block;
    background-color: #fff;
    padding: 8px 16px;
}

.edit-title>span {
    padding-left: 8px;
}

.temp-statment {
    background-color: #fc3;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
}

.temp-default-statment {
    background-color: #999;
    text-align: center;
    border-left: 1px solid #fff;
    border-bottom: 2px solid #fff;
}

.temp-statment-title {
    font-size: 16px;
    font-weight: 600;
    /* font-family: 'Segoe UI'; */
    padding: 8px;
}

.statment-color {
    color: #000;
}

.statment-default-color {
    color: #fff;
}

.statment-input {
    background-color: #ccc;
    padding-top: 15px;
    height: 516px;
}

.statment-form {
    margin-bottom: 2px;
}

.stat-reset-btn {
    background-color: #000;
    color: #fff;
    font-size: 15px;
    padding: 5px 34px;
    border: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    margin-top: 2px;
    margin-bottom: 15px;
}

.stat-add-btn {
    background-color: #fc3;
    color: #000;
    font-size: 15px;
    padding: 5px 47px;
    border: none;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    margin-top: 2px;
    margin-bottom: 15px;
}

.stat-control {
    border-radius: 0;
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    border: none;
}

.stat-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
}

.stat-folder-right-block {
    background-color: #e6e6e6;
    height: 661px;
}

.risk-statment-row {
    border-bottom: 2px solid #e6e6e6;
    transition: all .5s ease;
    min-height: 94px;
    cursor: pointer;
    background-color: #fff;
}

.risk-statment-row-active {
    background-color: #f2f2f2;
    color: #181818;
}

.risk-statment-row a {
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
    color: #1e1f1e;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    text-align: center;
}

.risk-statment-row:hover div>.icon2-height {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000 !important;
    text-decoration: none;
}

.risk-single-statment {
    padding-top: 15px;
    padding-bottom: 15px;
}

.risk-statment-name {
    font-size: 16px;
    font-family: 'Segoe UI'
}

.ra-statment-action-btn {
    text-align: right;
}

.stat-done-block {
    background-color: #666;
    padding-top: 15px;
    padding-bottom: 15px;
}

.stat-done-btn {
    float: right;
    background-color: #fc3;
    color: #000;
    font-size: 15px;
    padding: 5px 10px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    /* font-family: 'Segoe UI'; */
    border: none;
    outline: 0 !important;
    box-shadow: none !important;
    height: 34px;
    min-width: 150px;
}

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

.edit_hover_class div {
    display: none;
    float: right;
    width: 65px;
    padding-top: 8px;
}

.edit_hover_class:hover div {
    display: inline-block;
    float: right;
    margin-top: 0;
}

.wrapper-dropdown-5 {
    background-color: rgba(24, 24, 24, .75) !important;
    border: 1px solid #171717;
    color: #fff !important;
    width: 280px;
    background: url(../../../img/front/inner-page/profile-drop-down.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/profile-drop-down.png) no-repeat calc(100% - 0px) !important;
    background-color: rgba(24, 24, 24, .75) !important;
    background-position: right !important;
    height: 30px;
    padding: 4px 10px;
    float: right;
    margin-right: 15px;
    position: relative;
}

.wrapper-dropdown-5 .dropdown {
    position: absolute;
    top: 100%;
    background: #1e1f1e;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    z-index: 999;
    max-height: 0;
    overflow: hidden;
    width: 100%;
    padding-left: 0;
}

.wrapper-dropdown-5 .dropdown li:hover {
    color: #fff;
}

.wrapper-dropdown-5 .dropdown li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 6px 10px;
    transition: all .3s ease-out;
    float: left;
    width: calc(100% - 46px);
}

.wrapper-dropdown-5 .dropdown .dropdown li a:hover {
    color: #fc3 !important;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #fc3;
}

.wrapper-dropdown-5.active {
    background: #4cbeff;
    box-shadow: none;
    color: #fff;
    overflow-y: visible;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    max-height: 240px;
    width: 100%;
    padding-left: 0;
    right: 0 !important;
}

.stand-temp-action>a {
    display: inline-block !important;
    text-decoration: none;
    color: #fff;
    padding: 5px 5px !important;
    transition: all .3s ease-out;
}

.audit-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    color: #000;
    font-weight: 600;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.audit-cancel-back {
    border-bottom: 1px solid #ccc;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #e6e6e6;
}

.audit-back-link {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding-left: 5px;
    line-height: 22px;
}

.audit-back-link:focus,
.audit-back-link:hover {
    text-decoration: none;
    color: #000;
}

.audit-back-link>img {
    margin-top: -4px;
}

.adt-row-bg {
    background-color: #e6e6e6;
}

.adt-box-right-border {
    border-right: 1px solid #ccc;
}

.form-box {
    background-color: #f2f2f2;
}

.adt-form-block {
    padding: 20px;
}

.adt-label {
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    padding-left: 5px;
}

.audit-control {
    border-radius: 0;
    font-family: 'Segoe UI'
}

.audit-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
}

.audit-control::-webkit-input-placeholder {
    color: #ccc;
}

.audit-control::-moz-placeholder {
    color: #ccc;
}

.audit-control:-ms-input-placeholder {
    color: #ccc;
}

.audit-control:-moz-placeholder {
    color: #ccc;
}

.audit-action-row {
    background-color: #ccc;
}

.adt-action-col {
    text-align: right;
    padding-right: 0;
}

.adt-action-btn {
    padding: 10px 75px;
    display: inline-block;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    margin-right: -4px;
}

.adt-action-btn:focus,
.adt-action-btn:hover {
    color: #fff;
    text-decoration: none;
}

.adt-btn-color1 {
    background-color: #7a7a7a;
    border-right: 1px solid #fff;
}

.adt-btn-color2 {
    background-color: #0078d7;
}

.adt-commnet-col {
    padding-left: 0;
    padding-right: 0;
}

.adt-commnet-col>label {
    margin-bottom: 0 !important;
}

.adt-btn-color3 {
    background-color: #333;
}

.adt-btn-color4 {
    background-color: #fc3;
}

.adt-action-btn-left {
    padding: 10px 50px;
    display: inline-block;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
}

.adt-action-btn-left:focus,
.adt-action-btn-left:hover {
    color: #fff;
    text-decoration: none;
}

.adt-upload-btn-left {
    padding: 10px 30px;
    display: inline-block;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
}

.adt-upload-btn-left:focus,
.adt-upload-btn-left:hover {
    color: #000;
    text-decoration: none;
}

.adt-que-bg {
    background-color: #f6f6f6;
}

.adt-option-bg {
    background-color: #fff;
    padding: 0;
}

.adt-option-bg1 {
    background-color: #f2f2f2;
    padding: 0;
}

.adt-option01 {
    background-color: #f2f2f2 !important;
}

.adt-option02 {
    background-color: #e6e6e6 !important;
}

.adt-section-name {
    padding-left: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #0078d7;
    /* font-family: 'Segoe UI'; */
    padding-top: 38px;
}

.adt-que-num {
    padding-left: 24px;
    padding-top: 38px;
    font-size: 24px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    color: #0078d7;
}

.adt-que-block {
    padding-left: 24px;
    padding-top: 20px;
}

.adt-que-block-div1 {
    font-size: 24px;
    font-weight: 700;
    /* font-family: 'Segoe UI'; */
    color: #2b2b2b;
}

.adt-que-block-div2 {
    font-size: 20px;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    color: #999;
}

.adt-form-cor {
    padding: 15px;
}

.adt-form-cor>div {
    margin-bottom: 0;
}

.adt-form-cor-control {
    border-radius: 0;
    /* font-family: 'Segoe UI'; */
    font-size: 20px;
    min-height: 620px;
}

.adt-form-cor-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
}

.adt-form-cor-control::-webkit-input-placeholder {
    color: #ccc;
}

.adt-form-cor-control::-moz-placeholder {
    color: #ccc;
}

.adt-form-cor-control:-ms-input-placeholder {
    color: #ccc;
}

.adt-form-cor-control:-moz-placeholder {
    color: #ccc;
}

.labl {
    display: block;
    min-height: 100px;
    /* font-family: 'Segoe UI'; */
    font-weight: 100;
    font-size: 18px;
    color: #000 !important;
    margin-bottom: 0;
}

.labl>input {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.labl>input+div {
    cursor: pointer;
    min-height: 100px;
    color: #000;
    padding: 33px;
}

.labl>input+div:hover {
    background-color: #0078d7;
    color: #fff;
}

.labl>input:checked+div {
    background-color: #0078d7;
    min-height: 100px;
    color: #fff;
}

.file-upload {
    position: relative;
    display: inline-block;
}

.file-upload__label {
    padding: 10px 30px;
    display: inline-block;
    color: #000;
    font-family: "Segoe UI";
    font-weight: 600;
    background-color: #fc3;
    margin-bottom: 0;
    cursor: pointer;
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.tab-pad {
    padding: 0;
}

.state-tab-border {
    border-right: 2px solid #000;
}

.state-tabs {
    border-bottom: 0 solid #ddd;
    border-top: 0 solid #ddd;
}

.state-tabs>li {
    padding-right: 0;
    padding-left: 0;
}

.state-tabs>li>a {
    font-size: 16px;
    color: #747474;
    text-align: center;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    margin-right: 0;
    line-height: 1.42857143;
    border: 0 solid transparent;
    border-radius: 0;
    background-color: #fff;
    padding: 12px 15px;
}

.state-tabs>li.active>a,
.state-tabs>li.active>a:focus,
.state-tabs>li.active>a:hover {
    color: #1e1f1e;
    cursor: default;
    background-color: #fc3;
    border: 0 solid #ddd;
    border-bottom-color: transparent;
}

.state-tabs>li>a:focus,
.state-tabs>li>a:hover {
    text-decoration: none;
    color: #1e1f1e;
    background-color: #fc3;
}

.stat-actions {
    background-color: #ccc;
    margin: 0;
    border: 2px solid #b3b3b3;
}

.stat-link-block {
    padding-right: 0;
}

.action-link-stat>a {
    background-color: #999;
    padding: 10px 13px;
    float: left;
    border-left: 1px solid #b3b3b3;
}

.action-stat-title {
    font-size: 16px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    padding-left: 5px;
    padding-top: 13px;
}

.report-title-stat-top {
    text-align: center;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
}

.report-title-stat-bottom {
    text-align: center;
    /* font-family: 'Segoe UI'; */
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}

.profile-group-icon>a>span {
    color: #fff;
    font-family: 'Segoe UI'
}

.profile-group-icon>a>span:focus,
.profile-group-icon>a>span:hover {
    color: #fff;
}

.hazard-lib-cancel {
    margin-top: -3px;
}

.hazard-lib-control {
    border-radius: 2px;
    border: 1px solid grey !important;
}

.hazard-lib-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6);
}

.modal-backdrop.in {
    opacity: .6;
}

.editProjectHeadingSent {
    height: 70px;
}

.editGroupHeading {
    height: 70px;
}

.btn-group,
.btn-group-vertical {
    display: flex !important;
}

.add-tem-btn>a {
    background-color: #ffcd34;
    font-size: 14px;
    color: #000;
    padding: 12px 12px;
    border-radius: 2px;
    font-family: HelveticaNeueeTextW01light;
    border-color: #2b2b2b;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.add-tem-btn>a:focus,
.add-tem-btn>a:hover {
    color: #000;
    text-decoration: none;
}

.item-sort-list-tem {
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    padding-left: 30px;
    color: #7a7a7a;
    font-weight: 600;
    padding-top: 10px !important;
}

.col-pad-left {
    padding-left: 0;
}

.col-pad-right {
    padding-right: 0;
}

.hazard-add-control-btn {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hazard-add-control-btn>a {
    background-color: #ffcd34;
    font-size: 14px;
    color: #000;
    padding: 12px 20px;
    border-radius: 2px;
    font-family: HelveticaNeueeTextW01light;
    border-color: #2b2b2b;
    font-weight: 700;
    display: inline-block;
}

.hazard-add-control-btn>a:focus,
.hazard-add-control-btn>a:hover {
    text-decoration: none;
    color: #000;
}

.btn-decor {
    margin-top: 15px;
    float: right;
}

.que-control {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    /* font-family: 'Segoe UI'; */
    color: #000;
}

.que-control:focus {
    border-color: #e6e6e6;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.btn-decor {
    margin-top: 15px;
    float: right;
}

.que-control-textarea {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    /* font-family: 'Segoe UI'; */
    color: #000;
    height: 100px !important;
}

.que-control-textarea:focus {
    border-color: #e6e6e6;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.ra-ar-check-row {
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.check-block {
    padding-top: 10px;
}

.ra-access-action {
    text-align: center;
    color: grey;
    /* font-family: 'Segoe UI'; */
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
}

.ra-ar-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    color: #484848;
}

.access-action {
    padding-top: 10px;
    /* font-family: 'Segoe UI'; */
    font-weight: 700;
    color: #000;
}

.ra-access-navigate {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e6e6e6;
}

.access-folder-icon {
    padding-top: 10px;
}

.access-check[type=checkbox] {
    display: none;
}

.access-check[type=checkbox]+label.fa {
    color: #bbb;
    font-size: 28px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-bottom: 0;
}

.access-check[type=checkbox]+label.fa:before {
    display: inline-block;
    content: "\f096";
    cursor: pointer;
}

.access-check[type=checkbox]:checked+label.fa:before {
    color: #fc3;
    content: "\f046";
    position: relative;
    left: 2px;
}

.ra-ar-title>span {
    color: #000;
    font-size: 20px;
    padding-left: 10px;
    cursor: pointer;
}

.access-row {
    margin-top: 50px;
}

.access-btn {
    background-color: #000;
    color: #fff;
    font-family: 'Segoe UI'
}

.access-btn:focus,
.access-btn:hover {
    color: #fff !important;
}

.ar-selected-row {
    background-color: #bdbdbf;
}

.ar-disable-btn>a,
.ar-disable-btn>a:focus,
.ar-disable-btn>a:hover {
    background-color: #818181;
}

.ra-access-more-action {
    text-align: center;
    color: #181818;
    /* font-family: 'Segoe UI'; */
    border-bottom: 1px solid #181818;
    font-size: 16px;
    font-weight: 600;
    padding-top: 3px;
}

.ar-search-right {
    padding-right: 0;
}

.ar-close-btn {
    background-color: #000;
    border-radius: 0;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    padding: 10px 20px;
    border-color: #000;
}

.ar-close-btn:focus,
.ar-close-btn:hover {
    color: #fff;
}

.ar-save-btn {
    background-color: #0078d7;
    border-radius: 0;
    padding: 10px 40px;
    /* font-family: 'Segoe UI'; */
    color: #fff;
    padding: 9px 10px;
    border-color: #0078d7;
}

.ar-save-btn:focus,
.ar-save-btn:hover {
    color: #fff;
}

.ar-model-data {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.pagination>.ar-active>a,
.pagination>.ar-active>a:focus,
.pagination>.ar-active>a:hover,
.pagination>.ar-active>span,
.pagination>.ar-active>span:focus,
.pagination>.ar-active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}

.ar-pagination>li>a,
.ar-pagination>li>span {
    color: #000;
}

.ar-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 30px;
    padding-bottom: 3px;
    color: #000;
    font-weight: 600;
}

.ar-active-btn>a,
.ar-active-btn>a:focus,
.ar-active-btn>a:hover {
    background-color: #0078d7;
}

.ar-access-btn {
    float: right;
    padding-left: 5px;
    padding-right: 15px;
}

.ar-access-btn>a {
    background-color: #2b2b2b;
    color: #fff;
    padding: 7px 10px;
    border-radius: 0;
    /* font-family: HelveticaNeueeTextW01Medium; */
    border-color: #2b2b2b;
}

.ar-access-btn>a:focus,
.ar-access-btn>a:hover {
    text-decoration: none;
    background-color: #2b2b2b;
}

.access-model-head {
    /* font-family: 'Segoe UI'; */
    background-color: #0078d7;
    color: #fff;
}

.acc-rig-btn {
    padding: 2px;
    padding-left: 0;
}

.acc-rig-btn>a {
    background-color: #2b2b2b;
    color: #fff;
    padding: 3px 15px;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    border-color: #2b2b2b;
    text-decoration: none;
}

.acc-rig-btn>a:hover,
.ar-access-btn>a.active,
.ar-access-btn>a:focus {
    text-decoration: none;
    background-color: #2b2b2b;
}

.ar-update-access-btn {
    background-color: #0078d7;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0;
    /* font-family: HelveticaNeueeTextW01Medium; */
    border: none;
    margin-top: -5px;
}

.risk-file-name {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
    padding-top: 7px;
    padding-left: 10px;
}

.risk-file-icon {
    padding-top: 18px;
}

.folderUploadMsg {
    font-size: 15px;
    color: #fff;
    font-family: 'Segoe UI'
}

.temdrop-text {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.gridTemp {
    background: #333 !important;
    height: 727px;
}

.hazard-control-scroll {
    height: 300px;
    overflow-y: auto;
    position: absolute;
}

.tempGridRightSection {
    height: 728;
    position: ralative;
    overflow-y: hidden;
    background: #333;
}

.folerScrollDiv {
    height: 697px !important;
    position: relative;
    overflow-y: auto;
}

.setReminderClass {
    margin-bottom: 38px;
}

.PdfIframeHeight {
    height: 660px;
}

.table-2tbody {
    display: block;
    width: 100%;
    height: 640px !important;
    overflow-y: scroll;
}

.ra-main-folder-block {
    max-height: 697px;
    overflow-y: auto;
    min-height: 697px;
}

#folder-bredcrum>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    display: inherit;
}

.ms-tem-control {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 0;
}

.ms-tem-control:focus {
    border-color: #484848;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.ms-tem-actions {
    height: 100%;
    padding-top: 8px;
    position: absolute;
    bottom: 0;
}

.ms-operation-title {
    font-size: 16px;
    color: #000;
    /* font-family: 'Segoe UI'; */
    padding-left: 15px;
    font-weight: 600;
}

.ra-access-folder-name {
    padding-left: 0 !important;
}

.ra-ar-page-title {
    padding-bottom: 2px !important;
}

.risk-statment-row>div .ms-tem-actions {
    background-color: rgba(0, 0, 0, .45) !important;
    padding: 0 10px !important;
}

.risk-statment-row>div .ms-tem-actions .col-sm-6 {
    padding: 0 !important;
    height: 44px;
    margin-top: -22px !important;
}

.risk-statment-row .ms-tem-actions {
    background-color: #00000080 !important;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
}

.risk-statment-row:hover .ms-tem-actions {
    opacity: 1;
    visibility: visible;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: all .5s ease;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
    transition: all .5s ease;
}

ul.n_dropdown li span {
    width: calc(50% + 35px);
    float: left;
}

.left-controls01 {
    width: 45px;
    float: left;
    position: relative;
    clear: left;
}

.right-controls01 {
    width: calc(100% - 45px);
    float: left;
}

.left-controls01.delete img {
    width: 100%;
    display: block;
}

.left-controls01.delete a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(../../../img/front/inner-page/close-btn.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center;
    background-color: red;
}

.controls-sections {
    float: left;
    width: 100%
}

.controls-sections:last-child {
    margin-bottom: 0;
}

.image_circle_mid .n_image_outcircle {
    width: 125px;
    height: 125px;
    border-radius: 75px;
    border: 1px solid #000;
    padding: 10px;
    display: inline-flex;
    position: relative;
}

.date-cal-margin {
    margin-left: 20px;
    margin-right: 20px;
}

.fav-hazard {
    position: absolute;
    right: -10px;
    top: 15px;
}

.fav-hazard img {
    width: 20px;
}

.r-delete-hover .fa-trash-o {
    font-size: 29px;
}

.r-delete-hover {
    color: #333;
}

.r-delete-hover .fa-trash-o:hover {
    color: Red !important;
}

.main-container-project .container-project-left .margin-zero.pro_new_padding {
    position: absolute;
    height: calc(100% - 62px) !important;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: auto;
    padding: 20px 60px;
}

.main-container-project .container-project-left .new_pro_bottom_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.container-project.top-actio-bar.left-block-border {
    height: 46px;
    overflow: visible;
}

.new_pro_bottom_bg .new-pro-cancel1-btn,
.new_pro_bottom_bg .new-pronext-btn {
    padding: 5px 10px;
    min-width: 150px;
    height: 34px;
}

.new-pronext-btn.blue-btn {
    background-color: #0078d7;
    color: #fff;
}

.new_pro_bottom_bg .new-pronext-btn.blue-btn {
    margin-right: 20px;
}

.pro_mbwhite_frame {
    border: 3px solid #0078d7;
    background-color: #fff;
    position: relative;
    padding-top: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pro_mbwhite_frame:after {
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
    content: ""
}

.pro_mbwhite_frame img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.pro_mbwhite_frame.pro_mgrew_frame {
    border-color: #fc3;
}

.pro_mbwhite_frame.pro_mbblack_frame {
    border-color: #ccc;
}

.main-photo-radio {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background-color: #0078d7;
    border: 2px solid #fff;
}

.support-photo-radio {
    position: absolute;
    width: 24px;
    height: 3px;
    top: 17px;
    right: 0;
    background-color: #fc3;
}

.pro_mbwhite_frame .diff-sec-img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 2px solid #ccc;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.pro_mbwhite_frame .diff-sec-img:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 16px;
    width: 16px;
    background-color: #0078d7;
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    content: "";
    opacity: 0;
}

.pro_mbwhite_frame .diff-sec-img.active:after {
    opacity: 1;
}

.dropdown_space {
    max-height: 300px;
    position: relative;
    overflow-y: auto;
}

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

.project-commheight {
    height: 150px !important;
}

.commets_padding {
    padding: 0 15px;
}

.hazard-msg-bg {
    background-color: #2b2b2b;
    display: block;
}

.custom-radio-outer {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px 15px 30px;
}

.custom-radio-outer .custom-radio {
    float: left;
    width: 40%;
    padding-right: 10px;
}

.custom-radio {
    display: inline-block;
    width: auto;
}

.custom-radio input[type=radio] {
    display: none;
}

.custom-radio label {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    /* font-family: 'Segoe UI'; */
    padding-right: 34px;
    position: relative;
    cursor: pointer;
}

.custom-radio label:after {
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: ""
}

.custom-radio label:before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 2;
    content: "";
    background-color: #fc3;
    opacity: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.custom-radio input[type=radio]:checked+label:before {
    opacity: 1;
}

.hazard_rs_submsg {
    font-weight: 400;
    padding: 6px 15px 6px 15px;
    /* font-family: 'Segoe UI'; */
    color: #ccc;
    font-size: 16px;
    line-height: 1.3;
}

.option-container .container-hazard-right {
    border-top: none;
}

.photo-sec {
    background-color: #f2f2f2;
}

.r-planner-delete .fa-trash-o {
    font-size: 40px;
}

.r-planner-delete {
    color: #333;
}

.r-planner-delete .fa-trash-o:hover {
    color: Red !important;
}

.stats-tbl-row :last-child {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background-color: none !important;
    color: #1d1d1b;
    text-align: center;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    padding: 10px !important;
    width: 301px;
}

.border-bottom-none {
    border-bottom: none !important;
}

.pro_dropdown_grid {
    max-width: 100%;
    display: block;
    background-color: #2a2a2a;
    border: 2px solid #181818;
    background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 99.5% !important;
    padding-top: 16px;
    padding-bottom: 16px;
}

.select-profile-grid {
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%;
    background-color: #1e1f1e !important;
}

.n_control-height-grid {
    height: 41px !important;
}

.risk-grid-edit {
    background-color: transparent;
    border-bottom: 0 solid #1e1f1e !important;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    color: #181818;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 0 solid #ccc;
}

.risk-grid-edit:focus {
    border-color: transparent;
    border-bottom-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
    box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0);
}

.risk-grid-edit::-webkit-input-placeholder {
    color: #858585;
}

.risk-grid-edit::-moz-placeholder {
    color: #858585;
}

.rrisk-grid-edit:-ms-input-placeholder {
    color: #858585;
}

.risk-grid-edit:-moz-placeholder {
    color: #858585;
}

.ra-select-grid-profile {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../img/front/inner-page/grid-icon-dd.png) no-repeat 98.5% !important;
    background: url(../../../img/front/inner-page/grid-icon-dd.png) no-repeat calc(100% - 0px) !important;
    background-color: rgba(24, 24, 24, .75) !important;
    background-position: right;
    color: #fff;
    border: solid 1px #181818;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
}

.ra-select-grid-profile:hover {
    border: solid 1px #181818;
    background-color: rgba(24, 24, 24, .75) !important;
}

.select-profile-grid option {
    background-color: #2a2a2a;
}

.keyStaffCounterShow {
    float: right !important;
}

.skip-fav-hazard {
    position: absolute;
    right: 10px;
    top: 24px;
}

.skip-fav-hazard img {
    width: 20px;
    padding-top: 5px;
}

.hazard-countno {
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 80px;
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.n-ra-hazard-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 23px;
    color: #404042;
    /* font-family: 'Segoe UI'; */
    font-weight: 600;
}

.n-ra-hazard-icon img {
    display: block;
    max-width: 100%;
    max-height: 75px;
}

.hazard-countno .ra_newhazard-sno {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    /* font-family: 'Segoe UI'; */
    background-color: #000c0e;
    position: absolute;
    text-align: center;
    bottom: -12px;
    right: -12px;
    z-index: 1;
}

.skip_risk-folder-row img.active {
    background: no-repeat;
    height: auto;
    border: none;
}

.skip-select-profile-grid {
    padding-top: 1px;
    padding-bottom: 1px;
    width: 100%;
    background-color: #1e1f1e !important;
    position: relative;
}

.group-right-color {
    color: #ccc;
}

.n_followup-date .new_project_dd {
    border-radius: 0;
    font-size: 16px;
    color: #ccc;
    margin: 0 0 5px;
    width: 100%;
    height: 32px;
    padding: 2px 5px 3px 15px;
    /* font-family: 'Segoe UI'; */
    background-color: #2a2a2a !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 2px solid #181818;
}

.n_followup-date.n_dropdown_top a.init_key_staff {
    float: left;
    width: 100%;
    background-color: #2a2a2a;
    padding: 5px 20px;
    columns: #fff;
    font-weight: 400;
    background-image: url(../../../img/front/inner-page/dark_brown_dd.png);
    background-repeat: no-repeat;
    background-position: right center;
    border-bottom: 1px solid #181818;
    cursor: pointer;
    text-align: left;
    color: #ccc;
}

.container-hazard-right .groupright_gap {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.limited_projname_other.skipscreen_padding {
    padding: 17.5px 20px;
}

.skip-risk-folder-box1 .risk-single-folder {
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 20px;
}

.all-folder-section .risk-folder-name {
    padding-top: 15px;
}

.groupright_gap .hazard_rs_msg_bottom {
    font-weight: 400;
    padding: 0 15px 0 15px;
    /* font-family: 'Segoe UI'; */
    color: #ccc;
    font-size: 16px;
}

.all-folder-row .top-row-padding {
    padding-top: 8px;
}

.btn-sections {
    float: left;
    width: 100%
}

.top-navbar>li:first-child .big-menu-right img {
    margin-left: 10px;
}

.btn-upload-bg {
    background-color: #ccc;
    margin-top: 20px;
}

.skip-hazard-section .limited_project_name {
    max-width: 100%;
    white-space: normal;
}

.hazard-msg-bg ul.n_dropdown li {
    padding: 5px 20px;
    z-index: 2;
}

.checklist-question-row .risk-folder-icon {
    padding-top: 20px;
    width: 36px;
}

.audit-check-container .ra-method-tem-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 8px;
    padding-left: 42px;
    padding-bottom: 8px;
    color: #000;
    font-weight: 600;
}

.audit-cantext-padding {
    padding-left: 2px;
}

.checklist-container .container-project-left .risk-folder-icon {
    padding-top: 19px;
    width: 36px;
}

.checklist-container .container-project-right .risk-folder-icon {
    padding-top: 20px;
    width: 55px;
}

.access-per .ra-page-title {
    font-size: 16px;
    /* font-family: 'Segoe UI'; */
    padding-top: 4px;
    padding-left: 44px;
    padding-bottom: 5px;
    color: #000;
    font-weight: 600;
}

.access-per .control-height {
    height: 30px !important;
}

.access-per .top-action-search {
    padding-top: 7px;
    padding-right: 15px;
}

.access-per .access-action {
    padding-top: 7px;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.access-per .ar-update-access-btn {
    background-color: #0078d7;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0;
    /* font-family: 'Segoe UI'; */
    border: none;
    margin-top: -1px;
}

.top-actio-bar.access-per .control-height {
    height: 30px !important;
}

.upload-ref-margin {
    margin-left: 20px;
}

.audit-followup-calendar {
    width: 100%;
    max-width: 450px;
    padding: 40px;
}

.audit-followup-calendar .date-type-ans .pickmeup {
    background: #e6e6e6;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    width: 100%;
    font-size: 14px;
    /* font-family: 'Segoe UI'; */
    border-radius: 0;
}

.audit-followup-calendar .pmu-instance .pmu-prev img {
    width: 12px !important;
}

.audit-followup-calendar .pmu-instance .pmu-next img {
    width: 12px !important;
}

.audit-followup-calendar .pickmeup .pmu-instance {
    display: inline-block;
    height: auto;
    padding: 0;
    text-align: center;
    width: 100%
}

.audit-followup-calendar .date-type-ans .pickmeup .pmu-instance .pmu-day-of-week {
    color: #000;
    cursor: default;
    background-color: #e6e6e6;
    font-weight: 600;
}

.adt-commnet-col .adt-upload-btn-left {
    padding: 10px 30px;
    display: inline-block;
    color: #000;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    margin-left: -4px;
}

.adt-action-col .adt-action-btn {
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    margin-left: -2px;
    text-align: center;
    min-width: 150px;
}

.audit-action-row .adt-action-btn {
    padding: 10px 75px;
    display: inline-block;
    color: #fff;
    /* font-family: 'Segoe UI'; */
    font-weight: 400;
    margin-right: -2px;
    font-size: 14px;
}

.modal-header .close {
    margin-top: 0;
}

.added-emails-list {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 5px 10px 25px 10px;
}

td.user-name {
    text-transform: capitalize;
}

.sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 50vh;
}

.Controls-sec-border {
    border-bottom: 4px solid #181818;
}

.container-hazard-left .haz-cont-btn {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 0 solid transparent;
    border-radius: 0;
    background-color: #fc3;
    /* font-family: 'Segoe UI'; */
    color: #000;
    min-width: 150px;
    padding: 10px 10px !important;
}

.container-hazard-left .haz-cont-btn.active,
.container-hazard-left .haz-cont-btn:hover {
    background-color: #fc3;
    border: transparent;
    color: #000;
}

.hazard-img-btn-section .n-ra-hazard-icon {
    width: 40%
}

.hazard-img-btn-section .btn-section {
    display: inline-block;
    vertical-align: middle;
    width: 59%
}

.container-hazard-left .n_harard-icon-border-right {
    border-right: 0;
}

.custom-btn {
    display: inline-block;
    vertical-align: top;
    background-color: #fc3;
    color: #000;
    font-size: 14px;
    /* font-family: 'segoe UI'; */
    min-width: 150px;
    cursor: pointer;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    padding: 8px;
    font-weight: 400;
}

.hazard-img-btn-section .btn-section .hazard-local-icon {
    width: calc(50% - 15px);
    float: left;
}

.hazard-img-btn-section .btn-section .hazard-local-icon+.hazard-local-icon {
    float: right;
}

.hazard-img-btn-section .btn-section .hazard-local-icon .custom-btn {
    width: 100%
}

.popup-bottom {
    position: fixed;
    top: 20px;
    right: 20px;
    max-width: 300px;
    height: auto;
    background-color: #1d1f1c;
    border: none;
    border-radius: 8px;
    width: 100%;
    box-shadow: 0 0 8px 1px rgba(255, 255, 255, .05);
    z-index: 1100;
    opacity: 0.8;
}

.popup-bottom .popup-img {
    width: 22%;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    float: left;
}

.popup-img img {
    width: 60px;
}

.popup-bottom .popup-text {
    width: 78%;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    /* font-family: 'segoe UI'; */
    display: inline-block;
    vertical-align: top;
    float: left;
}

.popup-text .pop-subheading {
    padding-top: 3px;
    font-size: 12px;
    font-weight: 400;
}

.popup-bottom .popup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.popup-close img {
    width: 10px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.statment-input .stat-reset-btn {
    padding: 5px 28px;
    font-weight: 400;
}

.statment-input .stat-add-btn {
    padding: 5px 10px;
    min-width: 123px;
    outline: 0 !important;
    box-shadow: none !important;
    border: none !important;
    font-weight: 400;
}

.temp-statment .temp-statment-title {
    padding: 0;
}

.temp-item-sort .all-folder-block a {
    padding-left: 3px;
}

.adt-commnet-col #image-text a {
    color: #7a7a7a;
    /* font-family: 'segoe UI'; */
    padding-left: 10px;
}

#notificationModal .folder-req-row {
    margin-top: 10px;
}

#notificationModal .folder-req-text {
    font-weight: 600;
    padding-left: 20px;
}

#notificationModal .notification-status {
    padding-left: 20px;
}

#notificationModal .noti-email-title {
    color: #333;
    padding-top: 10px;
    padding-left: 5px;
}

.add-field-height {
    height: 120px;
    position: relative;
    overflow-y: auto;
}

.custom-checkbox {
    display: inline-block;
    width: auto;
}

.custom-checkbox input[type=checkbox] {
    display: none;
}

.custom-checkbox label {
    position: relative;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
}

.custom-checkbox label:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 3px;
    bottom: 0;
    z-index: 1;
    content: "";
    background-image: url(../../../img/front/inner-page/folder-submit-icon-yellow.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}

.custom-checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.ra-access-section .ra-ar-check-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ra-access-section .risk-folder-icon {
    padding-top: 5px;
    width: 36px;
}

.ra-access-section .check-block {
    padding-top: 5px;
}

.access-per .ra-page-title {
    padding-left: 35px;
}

.user-sec-main .profile-upgrade-btn.active,
.user-sec-main .profile-upgrade-btn:hover {
    background-color: #0078d7;
    color: #fff;
}

.user-sec-main .planner-icon {
    line-height: 20px;
}

.user-sec-main .planner-icon.key-people {
    padding-left: 20px;
}

.user-sec-main .key-people-tbl table tbody tr td a {
    color: #0078d7;
    position: relative;
    float: left;
    padding: 0 10px;
}

.user-sec-main .key-people-tbl table tbody tr td a:first-child {
    padding-left: 0;
}

.user-sec-main .key-people-tbl table tbody tr td a+a:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 16px;
    background: #b3b3b3;
    content: ""
}

.user-sec-main .pro-plan-upgrade-btn.active,
.user-sec-main .pro-plan-upgrade-btn:hover {
    background-color: #fc3 !important;
    color: #000;
    border: none;
    font-weight: 400;
}

.open>.dropdown-toggle .user-sec-main .pro-plan-upgrade-btn,
.user-sec-main .pro-plan-upgrade-btn.active,
.user-sec-main .pro-plan-upgrade-btn:active {
    background-image: none;
    border: none;
    background-color: #fc3 !important;
    color: #000;
}

.user-sec-main .pro-plan-edit-btn.active,
.user-sec-main .pro-plan-edit-btn:hover {
    background-color: #fc3;
    color: #000;
    border: none;
}

.open>.dropdown-toggle .user-sec-main .pro-plan-edit-btn,
.user-sec-main .pro-plan-edit-btn.active,
.user-sec-main .pro-plan-edit-btn:active {
    background-image: none;
    border: none;
    background-color: #fc3 !important;
    color: #000;
}

.order-history-tbl-cls table td>a {
    text-decoration: none;
    color: #0078d7;
    padding-right: 10px;
    position: relative;
    float: left;
    padding: 0 10px;
    font-size: 14px;
}

.order-history-tbl-cls table td>a.delete-user {
    color: red;
}

.order-history-tbl-cls table td>a:first-child {
    padding-left: 0;
}

.order-history-tbl-cls table td>a+a:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 16px;
    background: #b3b3b3;
    content: ""
}

.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: none !important;
    transition: none !important;
}

.form-control:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#taskAddModal .form-control:focus {
    border-color: #0078d7 !important;
}

.savexit-btn.margin-right-neg {
    min-width: 250px;
}

.margin-right-neg {
    margin-right: -10px;
}

.profile-add-group .profile-group-icon {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 23px;
}

.user-sec-main .pro-sett-dd-icon {
    background-color: #fff !important;
    border: 1px solid #ccc;
}

.user-sec-main .modal-cancel-btn.active,
.user-sec-main .modal-cancel-btn:hover {
    border: none;
    background-color: #1a1a1a;
    color: #fff;
}

.user-sec-main .modal-create-btn.active,
.user-sec-main .modal-create-btn:hover {
    border: none;
    color: #fff;
    background-color: #0078d7;
}

.user-right-btn-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1;
}

.user-right-info-section {
    max-height: calc(100% - 109px);
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
}

.profile-change-logo-btn {
    border: none !important;
    background-color: #0078d7 !important;
}

.logo-btn-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.my-plan-info-edit .image-upload {
    text-align: center;
}

.my-pro-form:focus {
    border-color: #bbb;
}

.profile-assissment:focus {
    border-color: #bbb;
}

.user-sec-main .container-project-right .update-profile-right-inner {
    max-height: calc(100vh - 308px);
    overflow-y: auto;
}

.user-sec-main .container-project-right .update-profile-right-inner .image-upload img {
    max-width: 150px;
    max-height: 150px;
}

.user-sec-main .hazard-add-new-control>a {
    font-weight: 700;
}

.user-sec-main .user_plan_border {
    border-bottom: none;
}

.user-task-number {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
}

.stats-section .container-project-right .status-bg-table .right-hazard-list .n_hazard_sub {
    height: 90px;
    padding: 10px 15px !important;
}

.stats-section .right-hazard-list .stats_hazard1 a.hazard-row-show .n_hazard_sub {
    font-size: 14px;
    float: none;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 90px;
    line-height: 22px;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.tbl-section .sticky-table-outer table td {
    width: 220px;
}

.pro-sel-padding .ms-options-wrap>.ms-options>ul input[type=checkbox] {
    top: 4px;
}

.n_tesco_folder .right-arr-img+a.folder-filter {
    width: calc(100% - 18px);
}

.container-project-left .project-icon.arrow-text {
    padding-left: 20px;
    padding-top: 10px;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.mod-pro-body-bg .mail-fl {
    margin: 0 25px 8px 0;
}

.mod-pro-body-bg .mail-fl .mail-text,
.mod-pro-body-bg .mail-fl .mail-text-screen2 {
    min-width: 80px;
}

#taskAddModal .modal-bg-right .date-border+.row .form-group {
    margin-bottom: 15px;
    margin-top: 5px;
}

.arrow-set {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.mark-complete {
    padding-top: 0 !important;
}

.editTaskPopupBox .task-desc-border {
    border-top-color: #e1dfdf;
}

.status-top-gape {
    padding-top: 10px;
}

#add-review-signature-content .que-body-top .r-btn.r-btn-red {
    min-width: 80px;
}

#add-review-signature-content .que-body-top .r-btn {
    min-width: 150px;
    height: 34px;
    padding: 7px 15px 5px;
    font-size: 14px;
    width: auto;
    font-weight: 400;
    line-height: 20px;
}

#add-review-signature-content .que-body-top .r-btn.r-btn-blue {
    float: right;
}

#add-review-signature-content .r-upload-btn-wrapper .r-button {
    min-width: 150px;
    height: 34px;
    padding: 5px 15px 5px;
    font-size: 14px;
    width: auto;
    float: right;
    font-weight: 400;
}

#add-review-signature-content .row.que-body-top .col-sm-3 {
    width: auto;
}

#notificationModal .add-email-btn {
    padding: 5px 15px;
    min-width: 80px;
}

.bs-example-modal-sm .vertical-alignment-helper .modal-dialog .modal-content,
.bs-example-modal-sm-folder .vertical-alignment-helper .modal-dialog .modal-content {
    max-width: 450px;
}

.req_rev .header-update-btn {
    padding: 5px 15px;
    min-width: 150px;
    height: 34px;
}

.ra-access-section .back-arrow-width {
    width: 16px;
    margin-left: 15px;
}

.modal-create-btn.markascompleted {
    min-width: 1px;
    width: 100%
}

.ms-templete-option {
    width: calc(100% - 80px);
    display: inline-block;
}

.stats-section .graph-section .highcharts-container .highcharts-root .highcharts-title tspan {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'segoe UI'
}

.stats-section .graph-section .graph-legend strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'segoe UI'
}

.stats-section .audit-stat-right .stats-question-list-right .stats_hazard1 a.question-row-show .n_hazard_sub {
    font-size: 14px;
    float: none;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 90px;
    line-height: 22px;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    padding: 10px 15px;
    background-color: #666;
    color: #fff;
}

.stats-section .audit-stat-right .stats-question-list-right .stats_hazard1.active a.question-row-show .n_hazard_sub {
    background-color: #333;
    color: #fff;
}

#folder-list .container-project-left .all-folder-block a+a {
    padding-left: 0;
}

.my-photo-section .pro_phot_padding.photo-sec {
    padding: 15px 60px 15px 40px;
}

.key-people .pronew-tbl-btn .user-sta-done {
    height: 36px;
}

.key-people .pronew-tbl-btn .user-sta-btn {
    height: 36px;
}

.key-people .pronew-tbl-btn .risk-hazard-edit {
    border-bottom: 1px solid #181818 !important;
}

.modal-body.selectedDocumentImage {
    width: 600px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 15px;
}

#large-picture .vertical-alignment-helper .modal-dialog .modal-content {
    width: 98%;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#term_condition_popup .vertical-alignment-helper .modal-dialog .modal-content {
    width: 98%;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#term_condition_popup .modal-body.selectedDocumentImage {
    width: 900px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 0 15px 15px;
}

#term_condition_popup .vertical-alignment-helper .modal-dialog .modal-content .modal-header {
    padding: 0 5px;
}

.modal-body.selectedDocumentImage img {
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
}

.show-image-full .modal-bg {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: none;
}

.stats_templete .filter-template-name a:focus,
.stats_templete .filter-template-name a:hover {
    color: #fff;
}

.all-hazard-sec .ra-page-title.col-lg-4 {
    padding-top: 11px;
}

.top-actio-bar .library-list-div.tem-drop-pad {
    margin-top: 6px;
}

.planner_bg .planner-img-text .col-lg-2 {
    width: 65px;
    display: inline-block;
}

.planner_bg .planner-img-text .col-lg-10 {
    width: calc(100% - 65px);
    display: inline-block;
}

.container-project-left.planner_bg {
    height: 46px;
}

.planner_bg.project-top-border {
    border-top: 1px solid #000;
}

.show-image-full .modal-body {
    padding: 6px 30px 30px;
}

.modal-header .close.black-icon {
    background-image: url(../../../img/front/inner-page/modal-black-close2.png);
}

.notification-modal .multi-select-menu .multi-select-menuitem input {
    margin-top: 1px;
}

.statment-form+.text-right button:focus {
    border-color: red;
    box-shadow: none !important;
    outline: 0 !important;
}

#notificationModal .vertical-alignment-helper .modal-dialog .modal-content {
    max-width: 750px;
}

#addReviewSreen .que-body-top .r-btn.r-btn-red {
    min-width: 80px;
}

#addReviewSreen .que-body-top .r-btn {
    min-width: 150px;
    height: 34px;
    padding: 7px 15px 5px;
    font-size: 14px;
    width: auto;
    font-weight: 400;
    font-size: 14px;
}

#addReviewSreen .que-body-top .r-btn.r-btn-blue {
    float: right;
}

#addReviewSreen .r-upload-btn-wrapper .r-button {
    min-width: 150px;
    height: 34px;
    padding: 7px 15px 5px;
    font-size: 14px;
    width: auto;
    float: right;
    font-weight: 400;
    font-size: 14px;
}

#addReviewSreen .row.que-body-top .col-sm-3 {
    width: auto;
}

.user-sec-main .pro-state-padding-left.up-cal-btn {
    width: calc(100% - 450px);
    display: inline-block;
}

.user-sec-main .pro-state-padding-right.up-cal-btn {
    width: 450px;
    display: inline-block;
}

.btn,
.btn.active,
.btn:focus {
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.stats-section .col-lg-2.col-md-2.adu-sta-text {
    width: 60px;
    display: inline-block;
    padding-top: 2px;
}

.stats-section .col-lg-10.col-md-9.adu-sta-text {
    width: calc(100% - 60px);
    display: inline-block;
    padding-left: 5px;
    padding-top: 2px;
}

.audit-stat-right .status-bg-table .stats_sr_bg {
    padding: 12px 10px;
}

.audit-stat-right .status-bg-table .n_search_folder {
    padding: 16px 0;
}

.access-per .ra-page-title>img {
    margin-top: 0;
}

.all-folder-section .hazard-add-new-control>a {
    padding: 10px 15px 9px;
    line-height: 20px;
    min-width: 90px;
    text-align: center;
}

.temp-item-sort .top-row-padding {
    padding-top: 11px;
}

.profile-add-group .ele-total-border .electicals-bg .ele-text {
    padding-top: 5px;
}

.audit-question-section .temp-item-sort .top-row-padding {
    padding-top: 8px;
}

.wrapper-dropdown-5 {
    outline: 0 !important;
    box-shadow: none !important;
}

.planner_bg .col-lg-2.planner-icon-outer {
    width: 65px;
    display: inline-block;
}

.planner_bg .col-lg-10.planner-icon-outer {
    width: calc(100% - 65px);
    display: inline-block;
}

.data-body .all-hazard-sec .ra-page-title {
    padding-left: 35px;
}

.ms-template-section .container-project-left .temp-item-sort .all-folder-block.top-row-padding {
    padding-left: 32px;
}

.ms-report-section .adt-row-bg .adt-que-bg {
    padding-left: 20px;
}

.btn-group .btn-default:active,
.btn-group .btn-default:focus,
.btn-group .btn-default:hover {
    border-color: #0078d7 !important;
}

#myModal3 .btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    border-color: #0078d7 !important;
}

.right-side-profile .profile-row-bg .col-lg-8.col-sm-7.col-md-8 {
    width: 55%;
    display: inline-block;
}

.right-side-profile .profile-row-bg .col-lg-4.col-sm-5.col-md-4 {
    width: calc(100% - 55%);
    display: inline-block;
}

#popupoverlay,
#popupoverlay-sign-off {
    z-index: 11 !important;
}

.project-name-section .container-project-right .folders-outer,
.project-name-section .container-project-right .group-outer {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 1;
    height: auto;
    max-height: calc(100% - 45px);
    overflow-y: auto;
}

.user-sec-main .modal-cancel-btn,
.user-sec-main .modal-create-btn {
    height: 34px;
}

#large-picture .modal-content .modal-header {
    padding: 0;
}

.image-holder .taskImageContainer a.documentOpen {
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0;
    margin: 5px;
    border: 1px solid #ececec;
}

.image-holder .taskImageContainer a.documentOpen img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: calc(100% - 5px);
    max-width: calc(100% - 5px);
    margin: auto;
    display: block;
    height: auto;
    width: auto;
}

#ui-datepicker-div {
    z-index: 9999 !important;
    width: 285px !important;
}

#popup-content-terms .modal-body p {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 0;
}

#popup-content-terms .modal-body p span,
#popup-content-terms .modal-body span {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 15px 0 5px 0;
}

.blank-focus-out {
    pointer-events: none;
}

.key-people .user-list-arm span a.active,
.key-people .user-list-arm span a:hover {
    text-decoration: none;
    color: #0078d7;
}

.key-people .user-list-arm a {
    color: grey;
}

.mini-cart-outer {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    margin-top: 18px;
    height: auto;
    width: 300px;
    max-height: 440px;
    padding: 10px 10px;
}

.mini-cart-outer::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: 100%;
    right: 50px;
    content: ""
}

.cart-icon-box {
    width: 150px;
    float: left;
}

.cart-text {
    width: calc(100% - 150px);
    float: left;
}

.mini-cart-top {
    border-bottom: 1px solid #dcdcdc;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

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

.cart-text {
    float: right;
    text-align: right;
    font-size: 13px;
    /* font-family: 'Segoe UI'; */
    color: #999;
    font-weight: 600;
    margin-top: 6px;
}

.cart-text>span {
    color: #1b79d7;
}

.cart-icon-box i {
    font-size: 26px;
    color: rgba(0, 0, 0, .6);
}

.mini-cart-counter {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #1b79d7;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -6px;
    line-height: 24px;
}

.cart-mini-toggle .slider.round {
    border: 1px solid #1b79d7;
}

.cart-mini-toggle .slider {
    background-color: #1b79d7;
}

.cart-item-bar-image img {
    max-width: 100%;
    margin-top: 4px;
}

.cart-item-info {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 15px 5px 0;
}

.cart-item-bar-image {
    width: 70px;
    float: left;
}

.cart-item-bar-text {
    width: calc(100% - 70px);
    float: left;
    padding-left: 15px;
}

.cart-mini-detail {
    font-size: 14px;
    color: #1b1b1b;
    /* font-family: 'segoe UI'; */
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-mini-detail span {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.cart-created-date {
    font-size: 12px;
    color: #b2b2b2;
    font-family: 'segoe Ui'
}

.cart-created-qty {
    color: #1b1b1b;
}

.cart-mini-toggle .switch {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 5px;
    width: 35px;
    height: 18px;
    margin-bottom: 0;
    margin-right: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.cart-mini-toggle .slider.round:before {
    background: #fff;
}

.cart-mini-toggle .slider:before {
    top: 1px;
    right: 5px;
}

.cart-mini-toggle input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    background: #fff;
}

.proc-checkout {
    display: inline-block;
    padding: 7px 5px 3px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: #0078d7;
    /* font-family: 'Segoe UI'; */
    height: 36px;
    font-weight: 400px;
    border-radius: 4px;
    width: 100%;
    margin-top: 15px;
    border: none !important;
}

.proc-checkout:active,
.proc-checkout:focus,
.proc-checkout:hover {
    background-color: #0078d7 !important;
}

.specification-section {
    background-color: #bababa;
    display: block;
    padding-top: 3px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}

.checkout-step1 .invoice-container {
    padding: 0 100px;
}

.checkout-step1 .invoice-container .cart-heading {
    float: left;
    width: 100%
}

.checkout-step1 .invoice-container .cart-table {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}

.specification-block-outer {
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
    position: relative;
    z-index: 3;
}

.specification-block {
    float: left;
    width: 200px;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 13px;
}

.specification-section h2 {
    font-size: 14px;
    color: #1b79d7;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
    font-family: 'segoe UI'
}

.specification-section .specification-open {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 80px;
    height: 40px;
    border-radius: 0 0 50px 50px;
    background-color: #bababa;
    margin: -20px 0 0 -40px;
}

.specification-section .specification-open:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(../../../img/front/inner-page/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
    content: ""
}

.specification-section .specification-open.open:after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.specification-block p {
    margin: 0 0 5px;
}

.invice-main-container .checkout-step1 .custom-btn {
    min-width: 120px;
    text-transform: uppercase;
    color: #fff;
    background-color: #1b79d7;
    font-weight: 400;
    margin-top: 6px;
    padding: 0 10px;
}

.checkout-cart-outer .invoice-container h2 {
    font-size: 14px;
    color: #1b79d7;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

.cart-table img {
    max-width: 115px;
}

.cart-table tr td.product-name {
    font-size: 14px;
    color: #646462;
    font-weight: 600;
    line-height: 20px;
}

.cart-table tr td.product-name span {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #8c8c8c;
}

.cart-table table tr td,
.cart-table table tr th {
    color: #c4c4c4;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #989898;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
}

.cart-table table tr td table tr td,
.cart-table table tr:last-child td {
    border-bottom: none;
}

.cart-table table tr td {
    color: #656563;
    font-size: 14px;
    padding: 20px 10px;
}

.cart-table table tr td table tr td {
    padding: 0 0 5px 0;
}

.cart-table table tr td:first-child {
    width: 15%;
    padding-left: 0;
}

.cart-table table tr td:nth-child(2) {
    width: 20%
}

.cart-table table tr td:nth-child(3) {
    width: 18%
}

.cart-table table tr td:nth-child(4) {
    width: 15%
}

.cart-table table tr td:nth-child(5) {
    width: 18%
}

.cart-table table tr td:nth-child(6) {
    width: 8%
}

.cart-table table tr td:nth-child(7) {
    width: 5%;
    text-align: center;
}

.cart-table table tr th:nth-child(7) {
    text-align: center;
}

.checkout-step1 {
    background-color: #fff;
}

.product-name .checkoutAssessmentName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
}

.cart-table table tr td.fol-loc-font {
    color: #656563;
    font-size: 14px;
    text-transform: capitalize;
}

.cart-table table tr td.total {
    color: #767675;
    font-weight: 600;
    font-size: 14px;
}

.cart-table tr td.delivery-time {
    color: #646462;
    font-size: 14px;
    font-weight: 600;
    padding: 35px 0;
}

.cart-table table tr td table tr td {
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #71716f;
}

.cart-table table tr td table tr td.total-value {
    text-align: right;
}

.cart-table table tr td.cart-diff-val-sec {
    padding-top: 20px;
}

.cart-table table tr td a.delete {
    background-image: url(../../../img/front/inner-page/folder-icons.png);
    background-size: 460px auto;
    height: 24px;
    width: 24px;
    background-position: -199px -3px;
    display: inline-block;
    vertical-align: top;
}

.t-c-block .agree-terms {
    float: right;
}

.t-c-block .agree-terms span {
    float: left;
    width: 18px;
    height: 18px;
    position: relative;
    margin: 1px 10px 0 0;
}

.t-c-block .agree-terms span input[type=checkbox]:checked+label {
    background-image: url(../../../img/front/inner-page/folder-submit-icon-yellow.png);
}

.t-c-block .agree-terms p {
    float: right;
    color: #646464;
}

.checkout-bold {
    font-weight: 600;
}

.card-block .custom-btn {
    float: right;
}

.check-out-btn {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.checkout-cart-outer {
    float: left;
    width: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}

.card-block {
    float: right;
}

.card-block img {
    width: 310px;
    margin-top: 10px;
}

.t-c-block .terms-box-left {
    float: right;
}

.t-c-block .terms-box-left .agree-terms span label {
    border-color: #000;
    background-color: transparent;
}

.mini-cart-row-outer {
    height: auto;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    max-height: 330px;
    overflow-y: auto;
}

.invice-main-container .poster-block .custom-btn {
    min-width: 130px;
    text-transform: none;
    margin-top: 6px;
    padding: 0 10px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

.containerBox .container-project .input-group .input-inner-control.control-height {
    margin-top: -6px;
}

.pro_grid_title .select-profile-grid a {
    height: 100%;
    text-align: left;
    width: 100%;
    display: inline-block;
    padding: 15.5px 10px;
    background: url(../../../img/front/inner-page/grid-icon-dd.png) no-repeat calc(100% - 0px) !important;
    cursor: pointer;
    font-size: 16px;
}

.pro_grid_title .select-profile-grid a:hover {
    color: #fff;
}

.containerBox .container-project .container-project-grid-right .input-group .input-inner-control.control-height {
    margin-top: 0;
}

#folder-list .all-folder-section .container-project-right.folder-right-side-bar .file-info {
    padding-left: 15px;
    padding-right: 15px;
}

.checkout-bottom-section .invoice-container {
    background-color: #f2f2f2;
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.agree-terms p a:hover {
    color: #000;
}

.prooh-tbl-cell.qr_order_cell {
    cursor: pointer;
}

.checkout-specific .invice-right-container .address-details-height,
.view-order-specific.checkout-specific .invice-right-container .address-details-height {
    max-height: calc(100vh - 150px);
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow-y: auto;
}

.checkout-specific .invice-right-container .checkout-btn-outer,
.view-order-specific.checkout-specific .invice-right-container .checkout-btn-outer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.invice-main-container .invice-right-container .checkout-btn-outer .custom-btn,
.view-order-specific.checkout-specific .invice-main-container .invice-right-container .checkout-btn-outer .custom-btn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #1b79d7;
    color: #fff;
    border-radius: 0;
    font-weight: 400;
}

.prooh-tbl-cell a.reorderLink {
    color: #000;
}

.top-navbar-bg .inner-action>a i.rr-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../../img/front/inner-page/glasses-new.png);
    background-size: 30px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.top-navbar-bg .inner-action>a.approve-public-lib img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 30px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.top-navbar-bg .inner-action>a.show-notification img {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 4px;
    top: 3px;
    background-size: 30px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.rr-list-outer {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    margin-top: 20px;
    height: auto;
    width: 360px;
    max-height: 440px;
}

.rr-list-top-header {
    background-color: #1c79d7;
    float: left;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    /* font-family: 'segoe UI'; */
    text-transform: capitalize;
}

.rr-list-outer .cart-item-info {
    padding: 5px 15px;
}

.rr-list-outer .cart-item-bar-image {
    width: 50px;
}

.rr-list-outer .cart-item-bar-text {
    width: calc(100% - 50px);
    padding-top: 10px;
}

.rr-list-outer .row-bg-color {
    background-color: #e5e5e5;
}

.rr-list-outer::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1c79d7;
    position: absolute;
    bottom: 100%;
    right: 141px;
    content: ""
}

.effect-box {
    -webkit-box-shadow: 0 0 13px 1px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 13px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 0 13px 1px rgba(0, 0, 0, .6);
}

.rr-list-row-outer {
    height: auto;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    max-height: 303px;
    overflow-y: auto;
}

.rr-list-info {
    float: left;
    display: flex;
    width: 100%;
    padding: 5px 15px;
}

.rr-list-bar-image {
    width: 50px;
    float: left;
}

.rr-list-bar-text {
    width: calc(100% - 50px);
    float: left;
    padding-left: 15px;
    vertical-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.rr-list-bar-text-detail {
    font-size: 14px;
    color: #1b1b1b;
    /* font-family: 'segoe UI'; */
    display: table-row;
}

.rr-list-bar-text div span {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.rr-list-bar-text-date {
    font-size: 12px;
    color: #b2b2b2;
    font-family: 'segoe Ui'
}

.rr-list-bar-text div span:empty {
    display: none;
}

.rr-list-bar-image img {
    width: 100%
}

.inner-action a span.req-rev-counter {
    position: absolute;
    right: 0;
    top: 0;
    margin: -7px -7px 0 0;
    background-color: #1c79d7;
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 20px;
}

.new_pro_bottom_bg .firefox-pdf-alert {
    color: #fff;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    vertical-align: center;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    height: 32px;
    font-size: 14px;
    line-height: 16px;
}

.adt-row-bg .firefox-pdf-alert,
.audit-action-row .firefox-pdf-alert {
    color: #000;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    vertical-align: center;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    height: 40px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 25px;
}

.audit-action-row .firefox-pdf-alert a,
.audit-action-row .firefox-pdf-alert a.active,
.audit-action-row .firefox-pdf-alert a:hover {
    color: #1c79d7;
    text-decoration: none;
}

.adt-row-bg .firefox-pdf-alert a,
.adt-row-bg .firefox-pdf-alert a.active,
.adt-row-bg .firefox-pdf-alert a:hover {
    color: #1c79d7;
    text-decoration: none;
}

.custom-question-div.display-flex {
    margin: 0;
}

.custom-question-div+.audit-action-row {
    margin: 0;
}

.data-body {
    float: left;
    width: 100%
}

.modal-footer.noti-action-block .col-xs-2 {
    padding-left: 0;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

#paymentMessageBox .modal-footer.noti-action-block .col-xs-12 {
    text-align: center;
}

#paymentMessageBox .modal-footer.noti-action-block .savexit-btn {
    margin-left: 0;
}

.temp-edit-block .edit-title a img {
    width: 12px;
}

#checklist-section-list .add-tem-btn>a {
    padding: 9.5px 12px;
}

#hazards .padding-risk-type_wb .n_dropdown_top a.init_key_staff {
    border: 2px solid #181818;
}

.view-order-specific .checkout-bottom-section.full {
    position: absolute;
    bottom: 0;
    float: left;
    width: 100%
}

.view-order-specific .checkout-bottom-section .invoice-container {
    padding-top: 0;
    padding-bottom: 15px;
}

#plan-detail-container .col-lg-6.col-lg-offset-3 {
    width: calc(100% - 30px);
    max-width: 750px;
    margin: 0 auto;
    float: none;
}

#plan-detail-container .plan-padding .col-lg-5 {
    width: 30%
}

#plan-detail-container .plan-padding .col-lg-3 {
    width: 35%
}

#plan-detail-container .plan-padding .col-lg-7 {
    width: 70%
}

#plan-detail-container .plan-padding .col-lg-4 {
    width: 35%
}

.container-project.stats-section .wrapper-dropdown-5.stat-action-dropdown {
    margin: 10px 15px 0 0;
    cursor: pointer;
}

.wrapper-dropdown-5.stat-action-dropdown span.active-name {
    display: inline-block;
    width: calc(100% - 28px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper-dropdown-5.stat-action-dropdown .dropdown {
    height: auto;
    max-height: 300px;
    overflow-y: auto;
    left: -1px;
    width: calc(100% + 2px);
    display: none;
}

.wrapper-dropdown-5.stat-action-dropdown .dropdown li a {
    width: 100%
}

.edited-library a {
    color: #fff !important;
}

.statementRefImages{
    width: 48% !important;
    padding: 10px;
    text-align: center;
    border: 1px solid;
    margin: 1%;
}

.statementRefImages img {
    max-height: 250px;
    width: auto;
    height: 100%;
    max-width: 100%;
}

.statement-img-preview-list {
    display: flex;
    flex-wrap: wrap;
}