* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
}

input,
select,
textarea,
button {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

td {
    font-size: 14px;
    /*word-break: break-word !important;
    overflow-wrap: break-word !important;*/
}

/*td, th {
    font-size: 14px;
    max-width: 500px;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}*/

/*td,
th {
    font-size: 14px;
    white-space: nowrap;
    max-width: 500px;
}*/

a {
    text-decoration: underline;
    color: black;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    outline: none;
    outline: 0;
}

    a::after,
    a::before {
        text-decoration: none;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    a:hover,
    a:focus {
        text-decoration: none;
    }

input {
    border: 0;
    outline: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

img {
    max-width: 100%
}

.container {
    width: 100%;
    display: block;
    margin: 0 auto;
    /*  max-width: 1530px !important;
*/
    max-width: 100% !important;
}

a[title="Reset Filters"] {
    text-decoration: none;
}

.form-wrap {
    width: 500px !important;
}

.form-control,
.form-control-sm,
input[type="text"],
.form-select {
    font-size: 14px !important;
}

i.fa.fa-edit {
    background: none;
    color: orange;
}

section.login {
    padding: 60px 0;
    background: #ededed;
}

.form-wrap label {
    display: block;
    text-align: left;
}

.form-wrap {
    color: #000000;
}

#Logout {
    background: orange;
    color: #fff;
}

.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none !important;
}

.save-btn {
    color: #fff !important;
    background: orange !important;
}

.form-wrap h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

    .form-wrap h2 span {
        color: #ffa500;
    }

a:hover {
    color: orange;
}

.brdr-1:hover {
    -webkit-box-shadow: 0px 0px 6px 1px rgb(255 165 0);
    -moz-box-shadow: 0px 0px 6px 1px rgba(255, 165, 0, 1);
    box-shadow: 0px 0px 6px 1px rgb(255 165 0);
}

.nav-icons-port {
    width: 32px;
    margin-left: 10px;
    margin-top: -9px;
}

.top-title-bar-s li {
    display: inline-block;
    width: 49%;
}

.title-prim {
    background-color: mediumpurple;
    padding: 8px;
    padding-left: 20px;
}

    .title-prim label {
        color: white;
    }

i.fas.fa-caret-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid orange;
    display: block;
    transform: rotate(180deg);
    position: relative;
    left: 2px;
    top: 6px;
}

.ms-drop ul {
    max-height: 200px !important;
}

i.fas.fa-caret-right {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid orange;
    display: block;
    transform: rotate(90deg);
    position: relative;
    left: 2px;
    top: 6px;
}

header {
    background: #fff;
    border-bottom: 1px solid #dee2e6;
    padding: 5px 0;
    padding: 15px 0;
}

.w-12-field {
    width: 12% !important;
}

.w-14-field {
    width: 14% !important;
}

.logo {
    color: #000000;
}

.tasks .card {
    display: flex;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    border-radius: 5px;
    flex-direction: initial;
    justify-content: space-between;
}

    .tasks .card i {
        color: #dddfeb;
    }

.txt-hdng {
    font-size: 20px;
    font-weight: 600;
    color: #ffa500;
}

a.btn.btn-primary.btn-sm.nav__link.mr-0,
.form-wrap .btn-primary {
    background: orange;
    border: orange;
}

.txt-hdng span {
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: initial;
}

.logo span {
    color: #ffa500;
    font-weight: 600;
}

.navbar {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: sans-serif;
    padding: 0;
    margin-bottom: 0;
}

.event {
    padding: 15px;
    background: #f7f7f7;
    border-radius: 4px;
    height: 100%;
}

footer {
    background: #f7f7f7;
    padding: 10px;
    font-size: 12px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.main-home ul {
    background: #f7f7f7;
    padding: 15px;
}

.event h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}

.event p {
    margin-top: 10px !important;
}

.main-home,
.banner-sub-sec {
    padding: 40px 0;
}

    .main-home p {
        font-size: 14px;
        /* margin: 20px 0; */
    }

    .banner-sub-sec .event h2 {
        color: #000080;
    }

.emp-data {
    width: 100%;
    overflow: auto;
}

.prof-info {
    height: 100%;
}

.control-icons h2 {
    color: #000000;
    font-size: 25px;
    display: inline-block;
}

.controls {
    display: block;
    float: right;
}

.control-icons i {
    background: orange;
    padding: 5px;
    color: #fff;
    border-radius: 50px;
    margin-left: 5px;
}

.task-list-form .table td,
.task-list-form .table th {
    padding: 5px;
    text-align: initial;
}

.control-icons {
    padding: 20px 0;
}

.task-list-form label {
    font-size: 14px;
    margin-bottom: 0px;
    color: #000000;
}

.table-hd {
    background: #6e6c6c;
    color: #fff;
}

.custm-checkbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-box {
    height: 100%;
    padding: 2%;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

section.task-list-form {
    padding: 0 0 60px;
}

.login .form-group {
    margin-bottom: 0px;
}

.font-14 {
    font-size: 14px !important;
}

    .font-14 a {
        font-size: 14px !important;
    }

/* .control-icons  i.fa-solid.fa-download{background: #6e6c6c;} */
.dash-tabs .nav-tabs .nav-link {
    color: orange;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #dee2e6;
    border-radius: 0;
}

    .dash-tabs .nav-tabs .nav-link.active {
        border-color: transparent;
        border-bottom: 2px solid orange !important;
        border: 1px solid #dee2e6;
    }

    .dash-tabs .nav-tabs .nav-link:hover {
        border-color: transparent;
        background: #ffa50033;
    }

.drop-bg {
    background: #fff url("/Images/Icons/drop-down-arrow.png") no-repeat center;
    appearance: none;
    background-size: 12px;
    background-position: 97%;
}

.log-in-out a {
    text-decoration: underline;
}

.card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-radius: 10px !important;
    overflow: hidden;
    margin: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.prof-data table {
    color: #000000;
    margin-bottom: 0;
}

.prof-data th {
    font-weight: 600;
}

.dash-tabs img {
    width: 50%;
    display: inline-block;
}

.prof-info .card {
    align-items: initial;
    text-align: initial;
    width: 100%;
    justify-content: center;
}

.prof-data label {
    margin-right: 20px;
    margin-bottom: 0;
}

.prof-info .card .card img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin: 5px;
}

.card .details {
    margin: 10px;
}

    .card .details h2 {
        font-weight: 600;
        font-size: 20px;
        color: #000000;
    }

    .card .details p {
        text-transform: uppercase;
        font-weight: 300;
    }

.banner-sub-sec .event p {
    font-size: 14px;
}

.main-home ul li {
    padding-bottom: 15px;
}

    .main-home ul li a {
        font-weight: 600;
        font-size: 14px;
    }

.strip-info {
    background: #f2f2f2;
    padding: 15px 0;
    border-bottom: 1px solid #dee2e6;
    font-size: 14px;
}

.brdr-1 {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    color: orange;
    background: #fff;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    line-height: inherit;
}

.push-left {
    margin-left: auto;
}

.botm-links a {
    margin-right: 30px;
    color: #000000;
    font-weight: 500;
}

.log-in-out button {
    color: orange;
    margin-left: 30px;
    background: #fff;
}

/* Menu */
.hamburger {
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
    outline: none;
    height: 30px;
    position: relative;
    width: 30px;
    z-index: 1000;
}

.hamburger-line {
    background: #272727;
    height: 3px;
    position: absolute;
    left: 0;
    transition: all 0.2s ease-out;
    width: 100%;
}

.hamburger:hover .hamburger-line {
    background: #777;
}

.hamburger-line-top {
    top: 3px;
}

.menu-active .hamburger-line-top {
    top: 50%;
    transform: rotate(45deg) translatey(-50%);
}

.hamburger-line-middle {
    top: 50%;
    transform: translatey(-50%);
}

.menu-active .hamburger-line-middle {
    left: 50%;
    opacity: 0;
    width: 0;
}

.hamburger-line-bottom {
    bottom: 3px;
}

.menu-active .hamburger-line-bottom {
    bottom: 50%;
    transform: rotate(-45deg) translatey(50%);
}

.login-hov-gbl:hover {
    box-shadow: 0px 0px 6px 1px rgb(255 165 0);
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 0.25s ease-in;
    align-items: center;
}

.portolo-pad-ip {
    padding: 0 5px !important;
}

.nav-menu .menu-item a {
    color: #444444;
    display: block;
    line-height: 30px;
    margin: 0px 20px !important;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

    .nav-menu .menu-item a:hover {
        color: #ffa500;
        text-decoration: underline;
    }

@media screen and (max-width: 768px) {
    .nav-menu .menu-item a {
        font-size: 20px;
        margin: 8px;
    }
}

.sub-nav {
    border: 1px solid #dee2e6;
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 5px 5px;
    list-style: none;
    width: 175px;
    z-index: 999;
    top: 30px !important;
    overflow: hidden;
    right: 0;
}

.log-in-out img {
    position: absolute;
    width: 20px;
}

@media screen and (max-width: 768px) {
    .sub-nav {
        position: relative;
        width: 100%;
        display: none;
        background-color: rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
    }
}

.nav__link:hover + .sub-nav {
    display: block;
}

.sub-nav:hover {
    display: block;
}

/* **************** */
.chart-pie {
    position: relative;
    height: 15rem;
    width: 100%;
}

.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
    position: absolute;
    direction: ltr;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
}

.chartjs-render-monitor {
    animation: chartjs-render-animation 1ms;
}

.form-box .form-group .form-control {
    max-width: 100%;
    font-size: 12px;
}

.form-boxs .form-control {
    font-size: 14px;
    max-width: 100%;
}

.tab-content .form-control {
    max-width: 100%;
}

.cus-drp-dwn-w {
    width: 18%;
}

.cus-con-code-w,
cus-ext-w {
    width: 14%;
}

.cus-tel-no-w {
    width: 30%;
}

.connect-ph {
    width: 30px;
    position: relative;
}

    .connect-ph span {
        position: absolute;
        top: 50%;
        left: 35%;
    }

.body-main-wrap {
    margin-bottom: 40px;
    padding: 4px;
}

span.file-nm-btn {
    position: absolute;
    top: 0;
    background: #eee;
    padding: 4px 20px;
    cursor: pointer;
    z-index: -1;
    width: 100%;
    text-align: center;
}

.pd-l-reg {
    padding-left: 50px;
}

.file-nm-btn:hover {
    background: #8c8787;
}

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

.flx-d-res {
    display: flex;
}

.strip-info .nav__link:hover {
    text-decoration: none !important
}

.botm-separate {
    border-bottom: 3px solid #8e898940
}

@media (min-width: 1200px) and (max-width: 1290px) {
    .cus-edt-b {
        width: 20%;
    }
}

@media (max-width: 767px) {
    .hamburger {
        display: inline-block;
    }

    .sub-nav {
        top: 0;
    }

    .nav-menu {
        background: #fff;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translatey(-100%);
        text-align: center;
    }

    .menu-active .nav-menu {
        transform: translatey(0%);
        opacity: 1;
    }

    .form-wrap {
        width: 100% !important;
    }

    #ProfileSection td,
    .res-body-td td,
    section.main-join-form td {
        display: block;
    }

    .pd-l-reg {
        padding-left: 15px;
    }

    .cus-drp-dwn-w {
        width: 50%;
    }

    .cus-tel-no-w {
        width: 70%;
    }

    .cus-con-code-w {
        width: 40%;
    }

    .cus-ext-w {
        width: 21%;
    }

    .res-menu-opn {
        display: inherit;
        background: #fff;
        width: 80%;
        position: fixed;
        z-index: 9999;
        top: 70px;
    }

    .nav-menu .menu-item a {
        font-size: 15px;
        padding: 15px;
        text-align: initial;
        margin: 0;
    }

    a.sub-nav__link {
        padding: 5px !important;
    }

    li.d-block.w-100 {
        display: none !important;
    }

    .sub-nav {
        width: 100% !important;
    }

    body.menu-active {
        background: rgb(0 0 0 / 34%);
    }

    .chck-box {
        position: relative;
        top: 0;
    }

    .portolo-pad-ip {
        padding: 5px !important;
    }

    .support-form {
        display: block;
    }

        .support-form input,
        .support-form .form-select {
            width: 100% !important;
            max-width: 100%;
        }

        .support-form .icons-sup-pg {
            float: left;
            margin-bottom: 20px
        }

    .flx-d-res {
        display: block
    }
}

.blink-txt {
    animation: blinker 1s linear infinite;
}

th.arrow.sorting_asc span::before {
    content: "\2191";
}

th.arrow.sorting_desc span::before {
    content: "\2193";
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.task-list-form label {
    line-height: 21px;
}

/*style guide*/
body .nav-menu .menu-item a {
    font-size: 14px !important;
    line-height: 21px;
}

body .log-in-out span {
    font-size: 14px !important;
    line-height: 21px;
}

.table-common-fonts {
    font-size: 14px !important;
    line-height: 21px;
}

.form--control--sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem !important;
    border-radius: .2rem;
}

.vertical-align-middle {
    vertical-align: middle;
}

body .control-icons {
    padding: 15px 0;
}

body .botm-links .d-in-col-div .row .col-lg-4 li,
body .botm-links .d-in-col-div li {
    height: 30px;
}

body .sub-nav {
    top: 32px !important;
}

.botm-links li.botm-separate {
    border: 0;
}

.push-left ul#primary-menu li ul.sub-nav li {
    height: 30px !important;
}

body .botm-links .sub-nav__link {
    max-width: 100% !important;
    width: 100% !important;
}

ul.sub-nav.top-title-bar-s.menu-item.current-menu-item.d-in-col-div {
    width: 650px !important;
}

body .log-in-out button {
    margin-left: 40px;
}

body table {
    margin: 0 !important;
}

body .body-main-wrap {
    padding: 0;
}

body .control-icons h2 {
    padding: 0 !important;
    margin: 0 !important;
}

.controls--button {
    display: flex;
    gap: 10px;
}

body .controls--button a {
    padding: 5px 10px !important;
    margin: 0 !important;
}

body .btn:hover {
    color: orange;
}

.control--icons img {
    margin-left: 10px !important;
    margin-top: 0 !important;
}

body .nav-icons-port img {
    margin-left: 10px !important;
    margin-top: 0 !important;
}

.row.row-5 {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

    .row.row-5 > * {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

select,
input[type='text'] {
    width: 100% !important;
}

form .row .form-group select,
form .row .form-group input[type='text'],
form .row input[type=email] {
    width: 100% !important;
    min-width: 100%;
}

body #expand {
    margin-right: 10px;
}

.col-lg-10.d-flex {
    gap: 10px;
}

.gap-10 {
    gap: 10px;
}

body .task-list-form label {
    font-size: 14px;
}

body .input--radio input {
    margin-bottom: 0 !important;
}

body span.AnswerClass {
    font-size: 14px !important;
    line-height: 21px !important;
}

body .form--icons img {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

body .form--icons button {
    width: unset !important;
}

body .controls--button.controls--button--p--0 a {
    padding: 0 !important;
}

    body .controls--button.controls--button--p--0 a.btnReturn {
        padding: 5px 10px !important;
        height: 33px !important;
    }

.min-width-input input {
    min-width: 100%;
}

.modal--form label {
    font-weight: normal;
}

.modal--form .form-group.mt-2 {
    margin-top: 0 !important;
}

body .form-box .form-group {
    margin: 0;
}

body .modal-body .form-box label,
body .modal-body .form-box span {
    font-size: 14px !important;
    line-height: 21px !important;
}

body .modal-body .form-box .row.row-5 .form-group {
    margin: 0;
}

.select--file--button button {
    white-space: nowrap;
}

.form-group {
    padding: 0 0 10px 0 !important;
}

div#EditGroupModal .form-control {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

div#EditGroupModal select {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

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

#EditGroupModal .txtRequired {
    border-radius: .25rem;
}

.controls--button {
    cursor: pointer;
}

.selected-button {
    background: orange !important;
    color: white !important;
}

header.header .navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.log-in-out span {
    margin-right: 0 !important;
}

body .btn-delete,
body .btn-return {
    color: orange !important;
    background: #fff !important;
    color: orange;
    border: 1px solid;
}

    body .btn-delete:hover,
    body .btn-return:hover {
        -webkit-box-shadow: 0px 0px 6px 1px rgb(255 165 0);
        -moz-box-shadow: 0px 0px 6px 1px rgba(255, 165, 0, 1);
        box-shadow: 0px 0px 6px 1px rgb(255 165 0);
        color: orange;
    }

.controls.controls--button button,
.controls.controls--button a {
    height: 33px;
}

.pager li {
    border-radius: 15px;
}

.pagination {
    gap: 10px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: orange !important;
    border-color: orange !important;
}

.selected-button:hover {
    color: #fff !important;
}

.form--group {
    padding: 0 0 10px 0 !important;
}

.controls.controls--button a,
.controls.controls--button button {
    height: 33px;
}

.row.row-5 input[type=text],
.row.row-5 select {
    line-height: 21px;
    height: 35px;
    border-radius: 0.25rem !important;
}

button#menu-toggler {
    background: transparent !important;
}

.controls.controls--button {
    align-items: center;
}

.chkByPass {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.form-wrap.Sign--In h2 {
    color: #000000;
    font-size: 25px;
    display: inline-block;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 !important;
}

body table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table td,
.table th {
    border-top: 1px solid #dee2e6;
}

/*div#dvVideo {
    height: 284px;
    overflow: auto;
}*/
div#divTbVideos {
    height: 284px;
    overflow: auto;
}

.txt--Required button.ms-choice {
    border-left: 5px solid orange !important;
}

body #showdemo {
    position: unset;
    margin-top: 0;
    margin-left: 0;
}

body .controls--button a.VideoFileIconHeader.p-0 {
    padding: 0 !important;
    margin: 0 !important;
}

body .nav-icons-port.ml-0 {
    margin-left: 0;
    margin-top: 0;
}

.filter--control--icons .nav-icons-port {
    margin-left: 0 !important;
}

.filter--control--icons {
    display: flex;
    gap: 10px;
}

.Video--File--Icon {
    right: 0;
    top: 10px;
    width: unset;
}

    .Video--File--Icon .VideoFileIcon {
        float: right;
    }

body .k-orgchart {
    padding: 0 !important;
}

body .control--icons button {
    border-color: transparent;
    border: transparent;
    background-color: transparent;
}

body img.nav-icons-port.ml-0 {
    margin-left: 0 !important;
}

ul.pagination {
    font-size: 14px;
    line-height: 21px;
}

    ul.pagination li a {
        font-size: 14px;
        line-height: 21px;
        color: #000000;
    }

body .file-open-close .form-check-inline {
    padding: 0;
    margin: 0;
}

.form-group.file-open-close {
    display: flex;
    gap: 10px;
    align-items: center;
}

body .file-open-close .form-check.form-check-inline {
    display: flex;
    align-items: center;
    gap: 5px;
}

.row.row-5 input[type=text],
.row.row-5 select {
    height: 35px !important;
}

body .file--upload label {
    top: 50%;
    padding: 0 6px;
    transform: translateY(-50%);
}

table thead tr th,
table tbody tr td,
table tbody tr td span {
    font-size: 14px !important;
    line-height: 21px !important;
}

span#pagedata {
    font-size: 14px !important;
    line-height: 21px !important;
}

body h5.box-title {
    color: #000000;
    font-size: 24px;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.modal-body input[type='text'],
.modal-body select,
.modal-body textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 35px;
}

.form-check.pl-0 {
    padding-left: 0;
}

.brdr-Cancel {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    color: orange;
    background: #fff;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    line-height: inherit;
}

    .brdr-Cancel:hover {
        -webkit-box-shadow: 0px 0px 6px 1px rgb(255 165 0);
        -moz-box-shadow: 0px 0px 6px 1px rgba(255, 165, 0, 1);
        box-shadow: 0px 0px 6px 1px rgb(255 165 0);
    }

body .modal-body .nav-icons-port img {
    margin-left: 0px !important;
    margin-top: 0 !important;
}

body .VideoFileIcon.p-0 {
    padding: 0 !important;
}

    body .VideoFileIcon.p-0 .nav-icons-port {
        margin-left: 0;
        margin-top: 0;
    }

.portolo-pad-ip- {
    padding-bottom: 10px;
}

#dvAssist .k-input {
    height: 35px;
}

body .portolo-pad-ip- span {
    font-size: 14px;
    line-height: 21px;
}

/*table tbody tr td:last-child img {
    height: unset!important;
    max-width: 20px!important;
    min-width: 20px!important;
    width: 20px!important;
}
table tbody tr td.edit--icon img {
    height: unset !important;
    max-width: 16px !important;
    min-width: 16px !important;
    width: 16px !important;
}*/
.modal-body .form-select {
    height: 35px;
}

input[type='text']#UploadAttachments {
    max-width: 62% !important;
    min-width: 62% !important;
}

.btn-h-35 {
    height: 35px;
}

div#editQuestion .nav-tabs {
    border-bottom: solid #6e6c6c 2px;
}

.que-dlt input,
.que-dlt button {
    height: 35px;
}

.accordion-body .divsinglequestion .form-group input[type='number'] {
    height: 35px;
    min-height: 35px;
}

div#EditGroupModal input[type='text'],
div#EditGroupModal button.ms-choice {
    height: 35px;
    min-height: 35px;
}

div#EditGroupModal button.ms-choice {
    height: 35px;
    min-height: 35px;
    border: 1px solid #dee2e6;
}

body .ms-choice {
    border: 1px solid #dee2e6 !important;
    font-size: 14px;
    line-height: 21px;
}

.ms-choice span {
    margin-top: 7px;
    font-size: 14px !important;
    line-height: 21px !important;
}

.ns-col {
    padding: 0 0 10px 0 !important;
}

.controls.controls--button button {
    margin: 0 !important;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-body .fild-option input[type='text'] {
    max-width: unset;
    min-width: unset;
}

.fild-option .btn-danger {
    height: 35px;
}

.modal-header h5,
.modal-header h4 {
    color: #000000 !important;
    font-size: 1.5rem;
    line-height: 34px;
}

.btnReturn {
    color: orange !important;
    background: #fff !important;
    border: 1px solid !important;
}

    .btnReturn:hover {
        color: orange !important;
        background: #fff !important;
        box-shadow: 0px 0px 6px 1px rgb(255 165 0) !important;
    }

.clear {
    clear: both;
}

.btnClose:hover {
    box-shadow: 0px 0px 6px 1px rgb(255 165 0) !important;
    border: 1px solid !important;
    color: orange !important;
}

.d-in-col-div li {
    display: inline-block !important;
    width: 32.33% !important;
}

.btnClose {
    background-color: white !important;
    color: orange !important;
    border: 1px solid !important;
}

.d-in-col-div .row .col-lg-4 li {
    display: inline-block !important;
    width: 100% !important;
}

.ui-ux-ms-choice .ms-choice {
    height: 35px;
}

    .ui-ux-ms-choice .ms-choice span {
        margin-top: 3px;
    }

.frm-fld-btn-grp {
    display: flex;
    gap: 10px;
}

    .frm-fld-btn-grp button,
    .frm-fld-btn-grp a {
        padding: 0 !important;
        margin: 0 !important;
    }

    .frm-fld-btn-grp img {
        padding: 0 !important;
        margin: 0 !important;
    }

.table-col-Action {
    width: 60px;
}

.modal-body .form-box {
    border: 0;
}

.modal-body label {
    font-weight: normal;
}

.gap-20 {
    gap: 20px;
}

.modal-body .select--file--button input[type='text'] {
    min-width: unset;
}

    .modal-body .select--file--button input[type='text']#UploadAttachments {
        min-width: unset !important;
        max-width: 100% !important;
    }

.frm-fld-btn-grp button {
    background: transparent;
}

.controls.controls--button a img {
    margin: 0 !important;
    margin: 0 !important;
}

div.dataTables_length {
    text-align: left;
}

.shadow-boxx {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid rgba(0, 0, 0, .125);
}

.frm-fld-btn-grp button {
    border: 0;
}

.max-w-100 {
    max-width: 100% !important;
}

.ui-ux-ms-choice-mt-0 .ms-choice span {
    padding-top: 0;
}

th.no-sort.sorting_disabled.sorting_asc:before,
th.no-sort.sorting_disabled.sorting_asc:after {
    display: none !important;
}

th.no-sort:before,
th.no-sort:after {
    display: none !important;
}
table thead tr.table-hd th.no--sort:before,
table thead tr.table-hd th.no--sort:after {
    display: none !important;
    padding-right: .5rem !important;
    text-align: center;
}
/*body .page-table.position-relative table.dataTable.table thead tr th:last-child.sorting:before,
body .page-table.position-relative table.dataTable.table thead tr th:last-child.sorting:after {
    display: none !important;
    padding-right: .5rem !important;
    text-align: center;
}
body .page-table.position-relative table.dataTable.table thead tr th:last-child.sorting {
    padding-right: .5rem !important;
    text-align: center;
}*/

.input-h-35 {
    height: 35px;
}

.table-view-icon img {
    width: 24px !important;
}

/*11-01-2024*/
td.action-btn-tbl {
    white-space: nowrap;
}

.btn-solid {
    color: #fff;
    background: orange;
}

    .btn-solid:hover {
        -webkit-box-shadow: 0px 0px 6px 1px rgb(255 165 0);
        -moz-box-shadow: 0px 0px 6px 1px rgba(255, 165, 0, 1);
        box-shadow: 0px 0px 6px 1px rgb(255 165 0);
        color: #fff !important;
    }

body div#NewOrgModel table#porotloOrgTable {
    width: 100% !important;
}

.modal-body.p-1 label.title {
    font-weight: bold;
}

.modal-body .form-group label {
    font-weight: normal;
    font-size: 14px;
}
/*12-01-2024*/
.h-35 {
    height: 35px;
}

body div#EditGroupModal .ms-choice span {
    margin-top: 7px;
}

.brdr-Cancel input[type='button'] {
    background: transparent;
    color: orange;
}

.custom-select select {
    display: none;
}

.custom-select {
    position: relative;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div, .select-selected {
    color: #000000;
    /*padding: 1px 10px;*/
    padding: 3.5px .75rem;
    border: 0;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.select-selected {
    padding-left: 4px;
    height: 35px;
    line-height: 18px;
    width: 100%;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #dee2e6;
    max-height: 400px;
    overflow: auto;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #1967d2;
    color: #fff;
}

.select-selected:after {
    display: block;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-selected:after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.select-selected.select-arrow-active:after {
    top: 50%;
}

.select-selected {
    /*padding: 8px;*/
    padding: .375rem .75rem;
    line-height: unset !important;
}
/*15-01-2024*/
.ms-choice-span span {
    top: 3px !important;
}
/*table.txt-one-line thead tr th,
table.txt-one-line tbody tr td {
    white-space: nowrap!important;
}*/
.max-wid-080 {
    max-width: 80px !important;
    min-width: 80px !important;
    width: 80px !important;
}

.max-wid-240 {
    max-width: 2400px !important;
    min-width: 240px !important;
    width: 240px !important;
}
/*body .tab-two .activetabscolor,
body .tab-two .active {
    background: transparent;
    color: black !important;
    position: relative;
}*/
/*body .tab-two .active:before {
    border-bottom: 2px solid #6e6c6c;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
}*/
/*16-01-2024*/
.p-relative input#UploadAttachments {
    max-height: 31px;
    min-height: 31px;
}

div#selectedFiles div {
    padding: 2.5px 0;
}
/*17-01-2024*/
.form-select:disabled {
    background-color: #f2f2f2 !important;
}

div#ResetField {
    padding: 0;
}
/*18-01-2024*/
.nav__link {
    padding: 6px 0;
}

body .btn-delete.selected-button {
    background: orange !important;
    color: white !important;
}

    body .btn-delete.selected-button:hover {
        color: #fff !important;
    }
/*19-01-2024*/
.table-ms-choice .ms-choice span {
    margin-top: 0;
}

.table-ms-choice tbody tr td div {
    font-weight: normal !important;
}
/*23-01-2024*/
.UpdateProgress {
    font-size: 14px;
    line-height: 21px;
}

    .UpdateProgress .font-weight-bold {
        font-size: 14px;
        line-height: 21px;
        font-weight: bold;
    }

.font-weight-normal, .font-weight-bold {
    font-size: 14px;
    line-height: 21px;
}

body .btn-delete.selected-button {
    background: orange !important;
    color: white !important;
}

    body .btn-delete.selected-button:hover {
        color: #fff !important;
    }
/*body .tab-two .activetabscolor, body .tab-two .active {
    background: #6e6c6c;
    color: #fff !important;
    position: relative; 
}*/

/*body .tab-two .tabs-main {
    border-bottom: 2px solid #f0f0f0;
}

body .tab-two .activetabscolor:before {
    border-bottom: 2px solid #6e6c6c;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
}*/
/*24-01-2024*/
.control--head--icons.d-flex .control--icons {
    display: flex;
}
/*Responsive*/
@media only screen and (max-width: 991px) {
    body .logo img {
        max-height: 40px !important;
    }

    body .log-in-out button {
        margin-left: 8px;
    }

    .modal-content {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .fill-description div:nth-child(1),
    .fill-description div:nth-child(2) {
        width: 100% !important;
    }

    .nicEdit-button {
        background-repeat: no-repeat;
    }
}

/*991*/

@media only screen and (max-width: 767px) {
    .control-icons .control--head--icons h2 {
        font-size: 18px;
        margin: 0;
    }

    .dataTables_length,
    .dataTables_info {
        padding-bottom: 10px;
    }

    .control--head--icons.d-flex {
        align-items: center;
    }

    .controls.controls--button {
        margin-top: 10px;
    }

    .dataTables_length {
        text-align: center;
    }
}

/*nila*/
td.dataTables_empty {
    text-align: left !important;
}
/*767*/
/*suro*/
input.form-control[type=text] {
    padding: 0.375rem 0.75rem !important;
}
/*05-02-2024*/
tbody#newRequestprocesses tr td {
    text-align: left !important;
}

div#modalchecklist .modal-content.ui-resizable {
    overflow-y: unset !important;
}

.Requiredspan span.k-input.k-textbox.form-control.txtRequired.k-input-solid.k-input-md.k-rounded-md {
    max-width: 100% !important;
    min-width: 100% !important;
}

div#myTableshorting_info {
    text-align: left;
}

table.table {
    min-width: 100% !important;
    width: 100% !important;
}

button#btnRejectOK {
    background: transparent !important;
    color: orange !important;
}

input#searchUsr {
    width: 100% !important;
    min-width: 100%;
}

.modal--x10 .card div {
    width: 100%;
}

/*table#myTableshorting tr td {
    text-align: left !important;
}*/

p.text-left {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/*06-02-2024*/
div#OutsideOrgModel .modal-dialog.modal--x9 .ui-resizable {
    padding: 10px;
    border: 0;
}
/*12-02-2024*/

.card {
    /* border-color: orange; */
    border-top-width: 3px;
    border-top-style: solid;
    border-top: 3px solid orange !important;
}

.form-select-date {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") #e9ecef !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
}

.phoneNo .country-code {
    height: 35px !important;
}
/*13-02-2024*/
.dataTables_paginate ul.pagination .active {
    background: transparent;
    padding: 0;
}

.dataTables_info {
    text-align: left !important;
}

.dataTables_paginate ul.pagination {
    gap: 0;
}

.datatable-body-scroll {
    overflow: unset;
}



.datatable-body-scroll,
.emp-data {
    overflow: unset;
}
/*15-02-2024*/

/*body div table tbody tr td:nth-child(1) {
    text-align: left !important;
}*/

div#dvQuestion div#Questions p {
    display: block !important;
}

form#UpdatePeople .row.row5 .col-lg-3 {
    width: 20%;
}

form#UpdatePeople .row.row5 .col-lg-9 {
    width: 80%
}
/*20-02-2024*/
div#tblProcessTemplate_processing {
    border: 0 !important;
}
/*21-02-2024*/



/*.table-scroll-vertical .dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
    height: 400px;
}*/
/*.dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}*/
/*.dataTables_wrapper table thead th {
    white-space: nowrap;
}*/
.table_scroll_vertical {
    overflow: auto !important;
    max-height: 400px;
}

.modal .dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
    max-height: 300px;
}

.dataTables_length select {
    max-width: 70px !important;
    min-width: 70px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    max-height: 31px !important;
    line-height: unset !important;
    /*padding: 0.1rem 0.3rem !important;*/
}

.dataTables_filter input {
    max-height: 31px !important;
}

.dataTables_wrapper > .row:first-of-type {
    padding: 0 !important;
}

.sec-table table.dataTable,
table.table.table-striped.table-bordered.dataTable.no-footer {
    margin-top: 6px !important;
}


.datatable-col-15 table thead tr th, .datatable-col-15 table tbody tr td {
    width: 6.66666666667% !important;
    white-space: unset;
    -ms-word-break: break-all;
    word-break: break-all;
}

    .datatable-col-15 table thead tr th.no-sort {
        padding-right: 5px !important;
    }

    .datatable-col-15 table thead tr th.checkbox-col,
    .datatable-col-15 table tbody tr td.checkbox-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.organization-col,
    .datatable-col-15 table tbody tr td.organization-col {
        width: 12.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.edit-col,
    .datatable-col-15 table tbody tr td.edit-col {
        width: 3.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.email-col,
    .datatable-col-15 table tbody tr td.email-col {
        width: 9.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.login-col,
    .datatable-col-15 table tbody tr td.login-col {
        width: 3.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.roles-col,
    .datatable-col-15 table tbody tr td.roles-col {
        width: 8.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.id-col,
    .datatable-col-15 table tbody tr td.id-col {
        width: 4.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.job-col,
    .datatable-col-15 table tbody tr td.job-col {
        width: 7.66666666667% !important;
    }


    .datatable-col-15 table thead tr th.checkbox-col, .datatable-col-15 table tbody tr td.checkbox-col,
    .datatable-col-15 table thead tr th.id-col, .datatable-col-15 table tbody tr td.id-col,
    .datatable-col-15 table thead tr th.join-col, .datatable-col-15 table tbody tr td.join-col,
    .datatable-col-15 table thead tr th.edit-col, .datatable-col-15 table tbody tr td.edit-col,
    .datatable-col-15 table thead tr th.login-col, .datatable-col-15 table tbody tr td.login-col {
        white-space: nowrap;
    }





.col-lg-2.col-md-4.col-sm-4.ui-ux-ms-choice .ms-choice > span.placeholder {
    color: #000000;
}

.col-lg-2.col-md-4.col-sm-4.ui-ux-ms-choice .ms-choice span {
    margin-top: 7px;
}

#btnDelete:hover,
#btnBack:hover,
#closeModal:hover {
    color: orange;
}

tbody#myTable tr td b {
    font-weight: normal;
}

.organizationType {
    width: 7.5% !important;
}

.dataTables_wrapper table thead th.white-space-normal {
    white-space: normal !important;
}

.datatable-col-8 table thead tr th, .datatable-col-8 tbody tr th {
    width: 12.5%;
}

.pr-0 {
    padding-right: 0 !important;
}

div#ResetField {
    width: 100%;
}

.dataTables_processing {
    border: 0 !important;
}

.fixed-table .dataTables_wrapper .row:nth-child(2) {
    overflow: unset !important;
}

.modal--static .modal-dialog {
    align-items: baseline !important;
    top: 20% !important;
    transform: unset !important;
}

    .modal--static .modal-dialog .form-control {
        height: 35px;
    }

.modal .modal--static .modal-dialog .modal-content {
    top: 0%;
}

.modal--static label {
    font-size: 14px;
    line-height: 21px;
}

.asdfg th {
    width: 5.88235294118% !important;
    word-break: break-all !important;
    white-space: unset !important;
}


/*table responsive*/
@media (max-width: 1704px) {
    .datatable-col-15 table thead tr th.checkbox-col, .datatable-col-15 table tbody tr td.checkbox-col {
        width: 1.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.organization-col,
    .datatable-col-15 table tbody tr td.organization-col {
        width: 13.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.edit-col,
    .datatable-col-15 table tbody tr td.edit-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.email-col,
    .datatable-col-15 table tbody tr td.email-col {
        width: 10.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.login-col,
    .datatable-col-15 table tbody tr td.login-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.roles-col,
    .datatable-col-15 table tbody tr td.roles-col {
        width: 9.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.id-col,
    .datatable-col-15 table tbody tr td.id-col {
        width: 3.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.job-col,
    .datatable-col-15 table tbody tr td.job-col {
        width: 8.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.join-col,
    .datatable-col-15 table tbody tr td.join-col {
        width: 3.66666666667% !important;
    }

    .organizationType {
        width: 6.5% !important;
    }


    .datatable-col-8--id {
        width: 2% !important;
    }

    .datatable-col-8--name,
    .datatable-col-8--source,
    .datatable-col-8--field,
    .datatable-col-8--ub,
    .datatable-col-8--la {
        width: 8% !important;
    }

    .datatable-col-8--pv,
    .datatable-col-8--uv {
        width: 29% !important;
    }
}

@media (max-width: 1920px) {
    .datatable-col-15 table thead tr th.checkbox-col,
    .datatable-col-15 table tbody tr td.checkbox-col {
        width: 1.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.organization-col,
    .datatable-col-15 table tbody tr td.organization-col {
        width: 13.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.edit-col,
    .datatable-col-15 table tbody tr td.edit-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.email-col,
    .datatable-col-15 table tbody tr td.email-col {
        width: 10.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.login-col,
    .datatable-col-15 table tbody tr td.login-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.roles-col,
    .datatable-col-15 table tbody tr td.roles-col {
        width: 9.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.id-col,
    .datatable-col-15 table tbody tr td.id-col {
        width: 3.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.job-col,
    .datatable-col-15 table tbody tr td.job-col {
        width: 8.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.join-col,
    .datatable-col-15 table tbody tr td.join-col {
        width: 3.66666666667% !important;
    }

    .organizationType {
        width: 5.5% !important;
    }


    .datatable-col-8--id {
        width: 2% !important;
    }

    .datatable-col-8--name,
    .datatable-col-8--source,
    .datatable-col-8--field {
        width: 8% !important;
    }

    .datatable-col-8--ub,
    .datatable-col-8--la {
        width: 6% !important;
    }

    .datatable-col-8--pv,
    .datatable-col-8--uv {
        width: 31% !important;
    }
}

@media (max-width: 2560px) {
    .datatable-col-15 table thead tr th.checkbox-col,
    .datatable-col-15 table tbody tr td.checkbox-col {
        width: 1.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.organization-col,
    .datatable-col-15 table tbody tr td.organization-col {
        width: 13.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.edit-col,
    .datatable-col-15 table tbody tr td.edit-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.email-col,
    .datatable-col-15 table tbody tr td.email-col {
        width: 10.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.login-col,
    .datatable-col-15 table tbody tr td.login-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.roles-col,
    .datatable-col-15 table tbody tr td.roles-col {
        width: 9.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.id-col,
    .datatable-col-15 table tbody tr td.id-col {
        width: 2.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.job-col,
    .datatable-col-15 table tbody tr td.job-col {
        width: 8.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.join-col,
    .datatable-col-15 table tbody tr td.join-col {
        width: 3.66666666667% !important;
    }

    .organizationType {
        width: 4.5% !important;
    }


    .datatable-col-8--id {
        width: 1% !important;
    }

    .datatable-col-8--name,
    .datatable-col-8--source,
    .datatable-col-8--field {
        width: 8% !important;
    }

    .datatable-col-8--ub,
    .datatable-col-8--la {
        width: 4% !important;
    }

    .datatable-col-8--pv,
    .datatable-col-8--uv {
        width: 33.5% !important;
    }
}

@media (max-width: 5464px) {
    .datatable-col-15 table thead tr th.checkbox-col,
    .datatable-col-15 table tbody tr td.checkbox-col {
        width: .66666666667% !important;
    }

    .datatable-col-15 table thead tr th.organization-col,
    .datatable-col-15 table tbody tr td.organization-col {
        width: 14.66666666667% !important;
    }

    .datatable-col-15 table thead tr th.edit-col,
    .datatable-col-15 table tbody tr td.edit-col {
        width: 1% !important;
    }

    .datatable-col-15 table thead tr th.email-col,
    .datatable-col-15 table tbody tr td.email-col {
        width: 12.3333333333% !important;
    }

    .datatable-col-15 table thead tr th.login-col,
    .datatable-col-15 table tbody tr td.login-col {
        width: 1% !important;
    }

    .datatable-col-15 table thead tr th.roles-col,
    .datatable-col-15 table tbody tr td.roles-col {
        width: 11.3333333333% !important;
    }

    .datatable-col-15 table thead tr th.id-col,
    .datatable-col-15 table tbody tr td.id-col {
        width: 1% !important;
    }

    .datatable-col-15 table thead tr th.job-col,
    .datatable-col-15 table tbody tr td.job-col {
        width: 10.3333333333% !important;
    }

    .datatable-col-15 table thead tr th.join-col,
    .datatable-col-15 table tbody tr td.join-col {
        width: 2.66666666667% !important;
    }

    .organizationType {
        width: 2% !important;
    }



    .datatable-col-8--id {
        width: .5% !important;
    }

    .datatable-col-8--name,
    .datatable-col-8--source,
    .datatable-col-8--field {
        width: 6% !important;
    }

    .datatable-col-8--ub,
    .datatable-col-8--la {
        width: 3% !important;
    }

    .datatable-col-8--pv,
    .datatable-col-8--uv {
        width: 39.5% !important;
    }




    .fixed-table th.col-id {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table th.col-checkbox {
        width: .66666666667% !important;
        padding-right: 5px !important;
    }


    .fixed-table .asdfg th.col-id {
        width: 1% !important;
        padding-right: 5px !important;
        word-break: unset !important;
        white-space: nowrap !important;
    }

    .fixed-table .asdfg th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
        word-break: unset !important;
        white-space: nowrap !important;
    }

    .fixed-table .asdfg th.col-checkbox {
        width: .66666666667% !important;
        padding-right: 5px !important;
        word-break: unset !important;
        white-space: nowrap !important;
    }

    .modal-table th.col-id {
        width: 1% !important;
    }

    .modal-table th.col-edit {
        width: 1% !important;
    }

    .modal-table th.col-checkbox {
        width: .66666666667% !important;
        padding-right: 5px !important;
    }
}

/*Sougato*/
.dataTables_scrollBody {
    overflow: unset !important;
}

.No-data-found p {
    text-align: left;
    width: 100%;
}

div#GeneraltabForm label,
div#modelAssignTopic label {
    font-size: 14px;
    line-height: 21px;
}

.nav-link-height li {
    height: 30px;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before {
    right: 3px !important;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after {
    right: 3px !important;
}

#btnSendAnnouncement:hover {
    color: orange;
}

span#noResource {
    display: flex;
}
/*thead {
    background-color: #6e6c6c!important;
}*/
/*table css*/
.Tbl14 table thead tr th,
.Tbl14 table tbody tr td {
    word-break: break-word;
    width: 7.14285714286% !important;
}

.Tbl14 table {
    table-layout: fixed;
}

    .Tbl14 table thead tr th:nth-child(1),
    .Tbl14 table tbody tr td:nth-child(1) {
        width: 2% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(2),
    .Tbl14 table tbody tr td:nth-child(2) {
        width: 4% !important;
        padding-right: 5px !important;
        text-align: left !important;
    }

.childTbl table thead tr th,
.childTbl table tbody tr td {
    word-break: break-word;
}

.childTbl button.border-button.text-btn--xs {
    white-space: nowrap;
}

.childTbl table thead tr th:nth-child(2),
.childTbl table tbody tr td:nth-child(2) {
    white-space: nowrap;
}

.childTbl table thead tr th:last-child,
.childTbl table tbody tr td:last-child {
    white-space: nowrap;
}

.s-a-t-4 table thead tr th,
.s-a-t-4 table tbody tr th {
    width: 25% !important;
}

    .beasTbl table thead tr th.col-checkbox,
    .fixed-table table thead tr th.col-checkbox,
    .s-a-t-4 table thead tr th.col-checkbox {
        width: 2% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-id,
    .fixed-table table thead tr th.col-id,
    .s-a-t-4 table thead tr th.col-id {
        width: 4% !important;
        padding-right: 5px !important;
        text-align: left !important;
    }

.fixed-table table thead tr th.col-annid {
    width: 3% !important;
}

.beasTbl table thead tr th.col-edit,
.fixed-table table thead tr th.col-edit,
.s-a-t-4 table thead tr th.col-edit {
    width: 4% !important;
    padding-right: 5px !important;
}

.fixed-table table thead tr th.col-number {
    width: 6% !important;
    padding-right: 5px !important;
    text-align: left !important;
}

/*table css*/
.tabBeas .nav-tabs {
    border-bottom: solid #6e6c6c 2px;
}

    .tabBeas .nav-tabs .nav-link {
        background-color: #f2f2f2;
        color: black;
        cursor: pointer;
        border-right: 1px solid black;
        padding: 6px 6px 2px 6px;
    }

    .tabBeas .nav-tabs .nav-link {
        margin-bottom: 0;
        border: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-right: 1px solid black;
    }

        .tabBeas .nav-tabs .nav-item.show .nav-link, .tabBeas .nav-tabs .nav-link.active {
            background: #6e6c6c;
            color: white;
            cursor: pointer;
            border: none;
            padding: 6px 6px 2px 6px;
            border-right: 1px solid black;
        }

        .tabBeas .nav-tabs .nav-link:hover {
            border-right: 1px solid black;
        }

.tabBeas .tab-content {
    padding: 10px 0;
}

table.table.table-striped.table-bordered.text-left {
    text-align: left;
}

.pg-title {
    padding: 0 12px;
}

.selectLink {
    font-size: 11px;
    text-decoration: underline;
    margin-left: 12px;
    color: #0d6efd;
}

.announcement-email-logs-table table thead tr th {
    width: 11.1111111111% !important;
}

    .announcement-email-logs-table table thead tr th.col-ael-id {
        width: 1% !important;
    }

    .announcement-email-logs-table table thead tr th.col-ael-ai {
        width: 2% !important;
    }

/*.security-groups-table table thead tr th {
    width: 20% !important;
}*/

.security-groups-table table thead tr th.col-checkbox-sg {
    width: 1% !important;
    padding-right: .5rem;
}

.security-groups-table table thead tr th.col-id-sg {
    width: 2% !important;
}

.security-groups-table table thead tr th.col-edit-sg {
    width: 1.5% !important;
}

.security-groups-table table thead tr th.col-Members-sg {
    width: 2.5% !important;
}

.security-groups-table table thead tr th.col-gn-sg {
    width: 93% !important;
}

.cm-tbl table thead tr th {
    width: 20% !important;
}

    .cm-tbl table thead tr th.cm-checkbox {
        width: 1% !important;
        padding-right: .5rem;
    }

    .cm-tbl table thead tr th.cm-id {
        width: 2% !important;
    }

/*For 67*/
@media (min-width:1921px) and (max-width:2051px) {
    .fixed-table th.col-id {
        width: 2.5% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-checkbox,
    .fixed-table table thead tr th.col-checkbox,
    .s-a-t-4 table thead tr th.col-checkbox {
        width: 1.4% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-id,
    .fixed-table table thead tr th.col-id,
    .s-a-t-4 table thead tr th.col-id {
        width: 2.5% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(1),
    .Tbl14 table tbody tr td:nth-child(1) {
        width: 1.4% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(2),
    .Tbl14 table tbody tr td:nth-child(2) {
        width: 2.5% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-edit,
    .fixed-table table thead tr th.col-edit,
    .s-a-t-4 table thead tr th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table table thead tr th.col-number {
        width: 4% !important;
        padding-right: 5px !important;
    }

    .announcement-email-logs-table table thead tr th.col-ael-id {
        width: 0.5% !important
    }

    .announcement-email-logs-table table thead tr th.col-ael-ai {
        width: 1% !important
    }

    .rwd-card-space {
        max-width: 100% !important;
        max-width: 100% !important;
    }

        .rwd-card-space .fixed-table table thead tr th.col-id {
            padding-right: 15px !important;
        }

    .maxW1199 {
        max-width: 100%;
    }
}

/*For 50*/

@media (min-width:2052px) and (max-width:2732px) {
    .fixed-table th.col-id {
        width: 1.5% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-checkbox,
    .fixed-table table thead tr th.col-checkbox,
    .s-a-t-4 table thead tr th.col-checkbox {
        width: 1.1% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-id,
    .fixed-table table thead tr th.col-id,
    .s-a-t-4 table thead tr th.col-id {
        width: 2% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(1),
    .Tbl14 table tbody tr td:nth-child(1) {
        width: 1.1% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(2),
    .Tbl14 table tbody tr td:nth-child(2) {
        width: 2% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-edit,
    .fixed-table table thead tr th.col-edit,
    .s-a-t-4 table thead tr th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table table thead tr th.col-number {
        width: 3% !important;
        padding-right: 5px !important;
    }

    .announcement-email-logs-table table thead tr th.col-ael-id {
        width: 0.5% !important
    }

    .announcement-email-logs-table table thead tr th.col-ael-ai {
        width: 1% !important
    }

    .rwd-card-space {
        max-width: 100% !important;
        max-width: 100% !important;
    }

        .rwd-card-space .fixed-table table thead tr th.col-id {
            padding-right: 20px !important;
        }

    .maxW1199 {
        max-width: 100%;
    }
}

/*For 33*/

@media (min-width:2733px) and (max-width:4102px) {
    .fixed-table th.col-id {
        width: 1.5% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-checkbox,
    .fixed-table table thead tr th.col-checkbox,
    .s-a-t-4 table thead tr th.col-checkbox {
        width: 0.8% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-id,
    .fixed-table table thead tr th.col-id,
    .s-a-t-4 table thead tr th.col-id {
        width: 1.5% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(1),
    .Tbl14 table tbody tr td:nth-child(1) {
        width: 0.8% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(2),
    .Tbl14 table tbody tr td:nth-child(2) {
        width: 1.5% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-edit,
    .fixed-table table thead tr th.col-edit,
    .s-a-t-4 table thead tr th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table table thead tr th.col-number {
        width: 2.5% !important;
        padding-right: 5px !important;
    }

    .announcement-email-logs-table table thead tr th.col-ael-id {
        width: 0.5% !important
    }

    .announcement-email-logs-table table thead tr th.col-ael-ai {
        width: 1% !important
    }

    .rwd-card-space {
        max-width: 100% !important;
        max-width: 100% !important;
    }

        .rwd-card-space .fixed-table table thead tr th.col-id {
            padding-right: 25px !important;
        }

    .maxW1199 {
        max-width: 100%;
    }
}

/*For 25*/

@media (min-width:4103px) and (max-width:5464px) {
    .fixed-table th.col-id {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-checkbox,
    .fixed-table table thead tr th.col-checkbox,
    .s-a-t-4 table thead tr th.col-checkbox {
        width: 0.6% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-id,
    .fixed-table table thead tr th.col-id,
    .s-a-t-4 table thead tr th.col-id {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(1),
    .Tbl14 table tbody tr td:nth-child(1) {
        width: 0.6% !important;
        padding-right: 5px !important;
    }

    .Tbl14 table thead tr th:nth-child(2),
    .Tbl14 table tbody tr td:nth-child(2) {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .beasTbl table thead tr th.col-edit,
    .fixed-table table thead tr th.col-edit,
    .s-a-t-4 table thead tr th.col-edit {
        width: 1% !important;
        padding-right: 5px !important;
    }

    .fixed-table table thead tr th.col-number {
        width: 2% !important;
        padding-right: 5px !important;
    }

    .announcement-email-logs-table table thead tr th.col-ael-id {
        width: 0.5% !important
    }

    .announcement-email-logs-table table thead tr th.col-ael-ai {
        width: 1% !important
    }

    .rwd-card-space {
        max-width: 100% !important;
        max-width: 100% !important;
    }

        .rwd-card-space .fixed-table table thead tr th.col-id {
            padding-right: 30px !important;
        }

    .maxW1199 {
        max-width: 100%;
    }
}

.dataTables_length, dataTables_filter {
    padding-bottom: 10px;
}

.dataTables_paginate.paging_simple_numbers, .dataTables_info {
    padding-top: 10px;
}

table#myTableshorting,
.sec-table table.dataTable, table.table.table-striped.table-bordered.dataTable.no-footer {
    margin: 0 !important;
}

.card, .shadow-card {
    padding: 15px !important;
}

.ui-ux-ms-choice .ms-choice span {
    margin-top: 0;
}

.ms-choice > span {
    top: 50% !important;
    transform: translateY(-50%);
}

.form--group.ui-ux-ms-choice-mt-0 span.placeholder {
    padding-top: 0;
    margin-top: 0 !important;
}

.emp-db.mt-0 {
    margin-top: 10px !important;
}

.shadow-card {
    margin-top: 10px;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    content: "▲"/"";
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
    content: "▼"/"";
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: .6;
}

.pY-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pT-10 {
    padding-top: 10px !important;
}

.control--head--icons {
    flex: 1;
}

.control-icons .controls.controls--button {
    align-items: baseline;
}

/*datepicker css*/

span.ui-icon.ui-icon-circle-triangle-e {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #000;
    display: block;
    transform: rotate(90deg);
    position: relative;
    left: 10px;
    top: 16px;
}

span.ui-icon.ui-icon-circle-triangle-w {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #000;
    display: block;
    transform: rotate(270deg);
    position: relative;
    left: 20px;
    top: 16px;
}

.drop-bg {
    background: #fff url(/Images/Icons/drop-down-arrow.png) no-repeat center;
    appearance: none;
    background-size: 12px;
    background-position: 95%;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    height: unset !important;
    padding: unset !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffa500 !important;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 5px !important;
    border: 1px solid #dee2e6 !important;
    height: 20px !important;
}

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

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

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        margin-top: -4px !important;
    }

    .ui-datepicker .ui-datepicker-next span {
        margin-left: -4px !important;
    }

.ui-datepicker .ui-datepicker-prev span {
    margin-left: -6px !important;
}

.form-select.form-select-sm.hasDatepicker {
    background: transparent !important;
}

.modal-body {
    padding: 11px !important;
}

.noOfMembers.brdr-1.btn-sm {
    margin: 0 !important;
}

.modal-header {
    margin-bottom: 0 !important;
}

.ms-choice-m0 span {
    margin-top: 0 !important;
}

div#UpdateModalSaveForLeave .modal-body .shadow-card {
    padding: 0px !important;
}

.qtext {
    font-size: 16px;
    margin-bottom: 5px;
}

small {
    margin-bottom: 0.5em;
}

.radiocontainer {
    background-color: #E7E9EB;
    position: relative;
    padding: 7px 10px;
    margin-bottom: 1px;
    cursor: pointer;
    user-select: none;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 10px;
}

.multipleQuestion h5,
.descriptiveQuestion h5 {
    font-weight: 400;
    margin: 0 0 7.5px 0;
}

.descriptiveQuestion .qtext {
    font-size: 16px;
    margin-bottom: 5px;
}

.multipleQuestion small {
    margin-top: 5px;
}

#modal_structure .k-input-inner {
    padding: 8px !important;
}

th#sorting-none:before {
    display: none !important;
}

th#sorting-none:after {
    display: none !important;
}

table .sort.sorting {
    padding-right: 25px !important;
}

input.form-control[type=text] {
    min-width: 100% !important;
    max-width: 100% !important;
}

label.input-group-text {
    position: absolute;
    border-radius: .25rem 0 0 .25rem !important;
    height: 35px;
    width: 92px;
    z-index: 999;
    justify-content: center;
}

.input-group .form-control {
    height: 35px;
    line-height: 32px;
    border-radius: .25rem !important;
}

.input-group {
    position: relative;
}

.dyInputBox input.form-control[type=text] {
    min-width: unset !important;
}

p.western {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

input[type="text"],
.modal input {
    height: 35px !important;
}

input[type="checkbox"] {
    height: 15px !important;
}

body .ms-choice {
    height: 35px;
}

    body .ms-choice span {
        margin-top: 0;
    }

#StepDataForm .chkActive {
    align-items: center;
}

#SubTopicModal .form-check.form-check-inline.pl-0 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal .form-check.form-check-inline.pl-0 {
    display: flex;
    align-items: center;
    gap: 10px;
}

/*.word-break {
    word-break: break-all;
    white-space: pre-wrap;
}*/

.ui-widget-header {
    border: 1px solid #dee2e6 !important;
    background: #f2f2f2 !important;
    color: #333 !important;
    font-weight: bold !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #dee2e6;
    background: #f2f2f2;
    font-weight: normal;
    color: #000000;
}

.card-MenuItems {
    width: 65%;
}


.modal-header-btn {
    display: flex;
    /*gap: 5px;*/
    gap: 7.5px;
    align-items: center;
}

.ms-drop ul {
    max-height: 400px !important;
}

.required:focus {
    border-color: orange;
}

button.ms-choice,
select.drop-bg {
    color: #000000;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

    button.ms-choice .icon-caret {
        display: none !important;
    }

select#TopicId,
select#ddlStatus {
    min-width: 100%;
}

tbody#ExternalOrg tr td:last-child {
    text-align: left !important;
}

#GeneraltabForm input,
#GeneraltabForm select {
    min-width: 100% !important;
}

#componentSystem thead tr th.w-20,
#cmpOurOrganization thead tr th.w-20,
#cmpMyPages thead tr th.w-20 {
    width: 20% !important;
}

#componentSystem thead tr th.w-50,
#cmpOurOrganization thead tr th.w-50,
#cmpMyPages thead tr th.w-50 {
    width: 51.5% !important;
}

input#IsActive {
    min-width: unset !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.form-control:focus:disabled, .form-control:focus[readonly] {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

textarea#ProcessInstruction,
#dvQuestion textarea {
    border-color: #dee2e6;
}

.form-control:focus,
.form-select:focus {
    border-color: #dee2e6;
    box-shadow: unset;
}

.form-control.required:focus,
.form-control.requiredPopup:focus,
.form-select.required:focus {
    border-left-color: orange;
    box-shadow: unset;
}

select#StepType {
    min-width: 100% !important;
}

.drop-335 .fields-height .ms-drop.bottom ul {
    max-height: 335px !important;
}

#myTableshortingOrgRequest_wrapper table tbody tr td a img {
    max-width: 32px;
}

#myTableshortingOrgRequest_wrapper table tbody tr td {
    text-align: left !important;
}

.log-in-out a#btnBack {
    background: transparent;
    border: 0;
    padding: 0;
}

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

.drop-open-top .ms-drop.bottom {
    bottom: 100% !important;
    top: unset;
}

.Scrolling ul#files {
    margin-bottom: 10px;
}

.ms-choice > span.placeholder {
    color: #000000 !important;
}

.drop-open-top button.ms-choice span.placeholder {
    color: #000000 !important;
}

.spinner {
    --t: 2500ms;
    --animation: rotate var(--t) linear infinite;
    --animation2: scale var(--t) linear infinite alternate;
    position: relative;
    width: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: var(--animation), var(--animation2);
}

    .spinner::before,
    .spinner::after {
        content: '';
        position: absolute;
    }

    .spinner::before {
        inset: 0;
        border: 3px solid orange;
        border-radius: 50%;
        mask-image: conic-gradient(transparent 10%, black);
    }

    .spinner::after {
        /*--r: 45deg;*/
        --scale: 2;
        width: 20%;
        height: 20%;
        /*background: radial-gradient(circle at 30% 35%, white 3px, transparent 0), radial-gradient(circle at 70% 35%, white 3px, transparent 0), radial-gradient(circle at top center, white 6px, transparent 0), orange;*/
        background: #fff url("/Images/Icons/portolofav.png") no-repeat center;
        background-size: 100%;
        background-position: 0 0, 0 0, 0 1.25rem;
        top: 0;
        /*translate: 0 -50%;
    rotate: 45deg;*/
        animation: var(--animation) reverse, var(--animation2);
        border-radius: 30%;
    }

@keyframes rotate {
    to {
        rotate: calc(360deg + var(--r, 0deg));
    }
}

@keyframes scale {
    to {
        scale: var(--scale, 0.5);
    }
}

@keyframes borderScale {
    to {
        border: 6px solid turquoise;
    }
}

.spinner-load {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff50;
}
/*RWD*/
/*100% zoom*/
.rwd__table .col-icon {
    width: 3% !important;
    white-space: nowrap;
}

.rwd__table .col-date,
.rwd__table .col-status,
.rwd__table .col-visibility,
.rwd__table .col-partner {
    width: 4.5% !important;
    white-space: nowrap;
}

.rwd__table .col-check {
    width: 1% !important;
    padding: .5rem !important;
}

body .rwd__table table.dataTable.table thead tr th.col-check,
body .rwd__table table.dataTable.table thead tr th.sorting_disabled,
body .rwd__table table.dataTable.table thead tr th.no-sort {
    padding-right: .5rem !important;
}

.rwd__table .col-id {
    width: 1% !important;
    white-space: nowrap;
}

body table.dataTable.table thead tr th {
    padding-right: 25px !important;
}

.nav-lnk-for .row {
    display: block !important;
    column-count: 4;
}

    .nav-lnk-for .row li {
        width: 100% !important;
    }

.nav-lnk-for .row {
    padding: 0;
    margin: 0;
}

.strip-info .botm-links .nav-lnk-for .row li a {
    padding: 0 !important;
    margin: 0 !important;
}

.nav-lnk-tre .row {
    display: block !important;
    column-count: 3;
}

    .nav-lnk-tre .row li {
        width: 100% !important;
    }

.nav-lnk-tre .row {
    padding: 0;
    margin: 0;
}

.strip-info .botm-links .nav-lnk-tre .row li a {
    padding: 0 !important;
    margin: 0 !important;
}

.nav-lnk-two .row {
    display: block !important;
    column-count: 2;
}

    .nav-lnk-two .row li {
        width: 100% !important;
    }

.nav-lnk-two .row {
    padding: 0;
    margin: 0;
}

.strip-info .botm-links .nav-lnk-two .row li a {
    padding: 0 !important;
    margin: 0 !important;
}

.nav-lnk-one .row {
    display: block !important;
    column-count: 1;
}

    .nav-lnk-one .row li {
        width: 100% !important;
    }

.nav-lnk-one .row {
    padding: 0;
    margin: 0;
}

.strip-info .botm-links .nav-lnk-one .row li a {
    padding: 0 !important;
    margin: 0 !important;
}

/*.strip-info .botm-links .nav-lnk-for .row li a {
    white-space: nowrap;
}*/

button.ms-choice.disabled span {
    color: #000000 !important;
}
/*div#ui-datepicker-div {
z-index: 999!important;
}*/

ul.pagination {
    position: relative;
    z-index: 0;
}

cenetr img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.pic-center img {
    text-align: center;
    display: block;
    margin: 0 auto;
}

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

th.text-center,
td.pic-center {
    text-align: center;
}

.tox.tox-tinymce.tox-tinymce--disabled {
    width: 100%;
}

input#EuropeanChkbox, input#UsChkbox {
    width: 15px;
    height: 15px !important;
}

/*50% zoom*/
@media (min-width:2052px) and (max-width:2732px) {
    .rwd__table .col-icon {
        width: 2% !important;
        white-space: nowrap;
    }

    .rwd__table .col-date,
    .rwd__table .col-status,
    .rwd__table .col-visibility,
    .rwd__table .col-partner {
        width: 3.5% !important;
        white-space: nowrap;
    }

    .rwd__table .col-check {
        width: 1.5% !important;
    }

    .rwd__table .col-id {
        width: 1.5% !important;
        white-space: nowrap;
    }

    .card-MenuItems {
        width: 50%;
    }

    .select-selected {
        line-height: 16px;
    }

    /*.w-sm-50 {
        max-width: 80% !important;
    }*/
}

/*33% zoom*/
@media (min-width:2733px) and (max-width:4102px) {
    .rwd__table .col-icon {
        width: 1.5% !important;
        white-space: nowrap;
    }

    .rwd__table .col-date,
    .rwd__table .col-status,
    .rwd__table .col-visibility,
    .rwd__table .col-partner {
        width: 2.5% !important;
        white-space: nowrap;
    }

    .rwd__table .col-check {
        width: 1% !important;
    }

    .rwd__table .col-id {
        width: 1% !important;
        white-space: nowrap;
    }

    .card-MenuItems {
        width: 33%;
    }

    .select-selected {
        line-height: 16px;
    }

    /*.w-sm-50 {
        max-width: 75% !important;
    }*/
}

/*25% zoom*/
@media (min-width:4103px) and (max-width:5464px) {
    .rwd__table .col-icon {
        width: 1% !important;
        white-space: nowrap;
    }

    .rwd__table .col-date,
    .rwd__table .col-status,
    .rwd__table .col-visibility,
    .rwd__table .col-partner {
        width: 2% !important;
        white-space: nowrap;
    }

    .rwd__table .col-check {
        width: 1% !important;
    }

    .rwd__table .col-id {
        width: 1% !important;
        white-space: nowrap;
    }

    .card-MenuItems {
        width: 25%;
    }

    .select-selected {
        line-height: 16px;
    }

    /*.w-sm-50 {
        max-width: 67% !important;
    }*/
}






/*14-06-2024*/
body table.dataTable.table thead tr th.col-date,
body table.dataTable.table tbody tr td.col-date {
    width: 0.5% !important;
    padding-right: 12px !important;
}

body table.dataTable.table thead tr th.sorting {
    padding-right: 18px !important;
}

body table.dataTable.table thead tr th.no-shorting-col,
th.col-icon.no-shorting-col.text-center.sorting {
    padding-right: .5rem !important;
}
/*
body table.dataTable.table thead tr th:last-child {
    text-align: center!important;
}
body table.dataTable.table tbody#groups tr td:last-child {
    text-align: center !important;
}
*/
body table.dataTable.table tbody tr td.text-center a {
    display: block;
    text-align: center;
}
/*end*/

/*18-06-24*/
.col-topic {
    width: 12.5% !important;
}

.col-name {
    width: 10% !important;
}

.tox-tinymce--disabled iframe#txtEmailPreview_ifr {
    background: #f2f2f2 !important;
    color: gray !important;
    opacity: 0.7;
}
/*end*/

/*25-06*/
.bubTbl th {
    font-size: 14px;
    font-weight: 700;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #6e6c6c;
    color: #fff;
}

.bubTbl .dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}

body table.dataTable.table thead tr th.checkSpan,
body table.dataTable.table thead tr th.viewSpan {
    padding: .5rem !important;
}

.checkSpan {
    width: 0.5% !important;
}

.idSpan {
    width: 1% !important;
}

.nameSpan {
    width: 5% !important;
}

.job-titleSpan {
    width: 10% !important;
}

.departmentSpan {
    width: 1% !important;
}

.studySpan {
    width: 5% !important;
}

.entitySpan {
    width: 5% !important;
}

.organizationSpan {
    width: 10% !important;
}

.contentSpan {
    width: 30% !important;
}

.prioritySpan {
    width: 1% !important;
}

.statusSpan {
    width: 1% !important;
}

.createdSpan {
    width: 1% !important;
}

.last-actionSpan {
    width: 1% !important;
}

.typeSpan {
    width: 5% !important;
}

.viewSpan {
    width: 0.5% !important;
}
/*end*/
/*Lessons Learned Table*/
.LessonsLearnedTable {
    width: 100%;
}

.IDSpan {
    width: 1% !important;
}

.TopicSpan {
    width: 20% !important;
}

.StudySpan {
    width: 30% !important;
}

.LearnedSpan {
    width: 50% !important;
}

.CreatedSpan {
    width: 1% !important;
}

.StatusSpan {
    width: 1% !important;
}

.EditSpan {
    width: 1% !important;
}

    .EditSpan:before,
    .EditSpan:after {
        display: none !important;
    }

.LessonsLearnedTable tr th {
    white-space: nowrap !important;
}

.OrganizationSpanW {
    min-width: 200px;
}

.EntitySpanW {
    min-width: 200px;
}

.StudySpanW {
    min-width: 250px;
}

/*.LearnedSpanW {
    min-width: 400px;
}*/

body div.LessonsLearnedTable table tbody tr td.text_right:nth-child(1) {
    text-align: right !important;
}

body div.LessonsLearnedTable table#myTableshorting tbody tr td.text_right:nth-child(1) {
    text-align: right !important;
}
/*.EntitySpan {
    width: 5% !important;
}
.SubmittedSpan {
    width: 2% !important;
}*/
/*end*/
/*28-06-2024*/
body div table tbody tr td.number_rit:nth-child(1),
body div table#myTableshorting tbody tr td.number_rit:nth-child(1),
body div table.text-left tbody tr td.number_rit {
    text-align: right !important;
}

body div table tbody.col_num_2 tr td:nth-child(2) {
    text-align: right !important;
}

body div table tbody.SystemAdministrators tr td:nth-child(1) {
    text-align: right !important;
}

body div table tbody.SystemAdministrators tr td:nth-child(6),
body div table tbody.SystemAdministrators tr td:nth-child(8) {
    text-align: center !important;
}

body div table tbody.SystemText tr td:nth-child(2),
body div table tbody.SystemText tr td:nth-child(9),
body div table tbody.SystemText tr td:nth-child(10) {
    text-align: center !important;
}

body div table tbody.Pages tr td:nth-child(2) {
    text-align: right;
}

body div table tbody.SystemProcessTemplates tr td:nth-child(2),
body div table tbody.SystemProcessTemplates tr td:nth-child(3) {
    text-align: right;
}

body div table tbody.Pages tr td:nth-child(7) a img {
    text-align: center !important;
    margin: 0 auto;
    display: block;
}

body div table tbody.SystemProcessTemplates tr td:nth-child(16) a img {
    text-align: center !important;
    margin: 0 auto;
    display: block;
}

body div table tbody.Popups tr td:nth-child(7) a img {
    text-align: center !important;
    margin: 0 auto;
    display: block;
}

td.number_rit,
table#myTableshorting tr td.number_rit {
    text-align: right !important;
}

body div table tbody tr td.text-center img {
    display: block;
    margin: 0 auto;
}
/*end*/

/*025-07-2024*/
/*.dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}*/

body div table tbody.SystemText tr td:nth-child(2),
body div table tbody.RatingQuestions tr td:nth-child(1),
body div.Sentinels table#DataTables_Table_0 tbody tr td:nth-child(1) {
    text-align: right !important;
}

body div.Sentinels table#DataTables_Table_0 tbody tr td:nth-child(8) a {
    text-align: center !important;
    display: block;
}

body div#OutSideOrg table#myTableshorting_1 tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div#NewPartnerOrg table#porotloOrgTable tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div#ProcessEdit1 table#myTableshortingnewRequestprocesses tbody#newRequestprocesses tr td:nth-child(1) {
    text-align: right !important;
}

body div#myTableshortingOrgRequest_wrapper table#myTableshortingOrgRequest tbody tr td:nth-child(9) a {
    text-align: center !important;
    display: block;
}

body div#NewPartnerOrg table#porotloOrgTable tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div#ProcessEdit1 table#myTableshortingnewRequestprocesses tbody.OurProcessTemplates tr td:nth-child(1) {
    text-align: right !important;
}

body div.Organizationsmod table#DataTables_Table_0 tbody#myTable tr td:nth-child(2) {
    text-align: right !important;
}

body div.Organizationsmod table#DataTables_Table_0 tbody#myTable tr td:nth-child(7) a {
    text-align: center !important;
    display: block;
}

body div.Organizationsmod table#DataTables_Table_0 tbody#myTable tr td:nth-child(9) a {
    text-align: center !important;
    display: block;
}

body div.Organizationsmod table#DataTables_Table_0 tbody#myTable tr td:nth-child(10) a {
    text-align: center !important;
    display: block;
}

body div.Organizationsmod table#DataTables_Table_0 tbody tr td:nth-child(1),
body div.Organizationsmod table#DataTables_Table_0 tbody tr th:nth-child(1) {
    padding-right: .5rem !important;
    width: .5% !important;
}

body div.OurPersonnel table#table tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div.OurPersonnel table#table thead tr th:nth-child(1),
body div.OurPersonnel table#table tbody tr td:nth-child(1) {
    padding-right: .5rem !important;
    width: .5% !important;
}

body div.OurPersonnel table#table thead tr th:nth-child(2),
body div.OurPersonnel table#table tbody tr td:nth-child(2) {
    padding-right: .5rem !important;
    width: 1% !important;
}

body div#MembersModal table thead.OurForums tr th:nth-child(1),
body div#MembersModal table tbody.OurForums tr td:nth-child(1) {
    padding-right: .5rem !important;
    width: .5% !important;
}

body div#MembersModal table tbody.OurForums tr td:nth-child(2) {
    text-align: right !important;
}

body div.OurTopicAssignments table#tabltopiceasigne tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div.OurTopicAssignments table#tabltopiceasigne thead tr th:nth-child(1),
body div.OurTopicAssignments table#tabltopiceasigne tbody tr td:nth-child(1) {
    padding-right: .5rem !important;
    width: .5% !important;
}
/*end*/
@media (min-width: 1400px) {
    .col-xxl-half {
        width: 4.1667%;
    }
}

.select-selected {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.same-as-selected {
    color: #fff !important;
}

body table tbody .btn--sm {
    padding: .12rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: 5px;
    text-align: center;
}

.fixed-table table thead tr th.col-id.thId {
    text-align: right !important;
}

body table.dataTable.table thead tr th.thIcon {
    padding-right: .5rem !important
}

body table.dataTable.table thead tr th.no-sort {
    padding-right: .5rem !important
}

body div table thead tr th.thId {
    text-align: right !important;
}

body div table thead tr th.thIcon {
    text-align: center !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal !important;
    color: #000000 !important;
}

table.dataTable thead > tr > th.sorting:after {
    color: #fff !important;
    opacity: unset !important;
}

table.dataTable thead > tr > th.sorting:before {
    color: #fff !important;
    opacity: unset !important;
}

table.dataTable thead > tr > th.sorting_asc:before {
    color: orange !important;
    opacity: unset !important;
}

td.number_rit {
    white-space: nowrap;
}

th.thId {
    white-space: nowrap;
}

table.dataTable thead > tr > th.sorting_desc:after {
    color: orange !important;
    opacity: unset !important;
}

.dataTableRWD .dataTables_wrapper .row:nth-child(2) {
    overflow: auto !important;
}

body div table tbody.SystemText tr td:nth-child(2),
body div table tbody.SystemText tr td:nth-child(7) {
    white-space: nowrap;
}

/*body div table tbody.SupportRequestsNonUser tr td:nth-child(2),
body div table tbody.SupportRequestsNonUser tr td:nth-child(7),
body div table tbody.SupportRequestsNonUser tr td:nth-child(11) {
    white-space: nowrap;
}*/

body div table tbody.SupportRequests tr td:nth-child(2),
body div table tbody.SupportRequests tr td:nth-child(12) {
    white-space: nowrap;
}

body div.SystemAdministrators table tbody tr td:nth-child(1) {
    white-space: nowrap;
}

body div.ProcessTemplatesLibrary table tbody tr td:nth-child(4),
body div.ProcessTemplatesLibrary table tbody tr td:nth-child(9) {
    white-space: nowrap;
}

body div.ForumsLibrary table tbody tr td:nth-child(2) {
    text-align: right !important;
}

body div#editQuestion table thead tr th.number_rit {
    text-align: right !important;
    width: 25px !important;
}

body div#editQuestion table thead tr th:nth-child(3) {
    text-align: right !important;
}

body div#editQuestion table tbody#copyOrgFormsFormsystem tr td:nth-child(3) {
    text-align: right !important;
}

.Code {
    width: 50px;
}

.Icon {
    width: 50px;
}

body table.dataTable.table thead tr th.Check {
    padding-right: .5rem !important;
}

td.text--center img {
    text-align: center;
    margin: 0 auto;
    display: inherit;
}

td.text--center a img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

table tbody tr td {
    vertical-align: top;
}

.fit-content-lg {
    width: fit-content !important;
    max-width: 100% !important;
}

.page-link:focus {
    box-shadow: unset;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    color: #fff !important;
}
/********all calendar css*******/
table.ui-datepicker-calendar thead {
    background-color: #6e6c6c !important;
    color: #fff !important;
}

span.ui-icon.ui-icon-circle-triangle-w {
    left: 50% !important;
    top: 50% !important;
}

span.ui-icon.ui-icon-circle-triangle-e {
    left: 50% !important;
    top: 50% !important;
}
/********all k-picker dropdown css*******/
.k-picker, .k-widget.k-picker {
    background-color: white !important;
}

.k-i-arrow-s:before {
    font-size: 0 !important;
}

span .k-icon.k-i-arrow-s.k-button-icon {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
}

.k-list-item.k-selected,
.k-selected {
    color: #fff !important;
    background-color: orange !important;
}

/*#modal_structure .k-list-item.k-selected,
#modal_structure .k-selected {
    color: #fff !important;
    background-color: #1967d2 !important;
}*/

.k-focus.k-selected, .k-listview > .k-focus.k-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-focus.k-selected, td.k-state-focused.k-state-selected {
    box-shadow: unset !important;
}

span.k-dropdownlist {
    border: 1px solid #dee2e6;
}
/********all color css*******/
.nav-menu .menu-item a.nav__link,
.wrapper .row .col-lg-12 span,
.wrapper .row .col-lg-12 span strong,
.nav-menu .menu-item .sub-nav__link,
.control-icons h2,
.dataTables_length label,
.dataTables_length select,
.dataTables_filter label,
.dataTables_filter input,
table.dataTable tr td,
.form-group label,
.form-group input.form-control,
.form-group select.form-control,
.form-group select.form-select,
.k-card-title.k-text-ellipsis,
.dataTables_info,
.form--group label,
button.ms-choice,
body h5,
.card table tbody tr td table tbody tr td b,
.table-striped > tbody > tr:nth-of-type(odd),
article.alertify-inner,
article.alertify-inner p,
article.alertify-inner p b,
.file--upload label,
a#expand,
a#collapse,
body {
    color: #000000;
}

.k-treeview-leaf.k-selected .k-card-title.k-text-ellipsis,
.alertify-button-ok:hover {
    color: #ffffff;
}

.alertify-button-ok:hover {
    color: #ffffff !important;
}

li#tblSecurity1_previous a,
li#tblSecurity1_next a,
.pagination .previous a,
.pagination .next a,
.form-control {
    color: #000000 !important;
}
/********all color css*******/
#custom_contents1 div#shareGroup button.brdr-1.bttn.btn-sm {
    color: #fff;
}

div#StepRatingForm:hover,
div#FormSurveyForm:hover,
div#StepDataForm:hover,
div#StepResourcesForm:hover,
div#StepAssignmentForm:hover,
div#instructionForm:hover,
div#resourcesForm:hover,
div#notesForm:hover,
div#AssignmentForm:hover,
div#LessonsLearnedForm:hover,
div#specificationForm:hover,
div#QuestionsForm:hover,
div#SelfAssessmentForm:hover {
    background: transparent !important;
    color: #000 !important;
}

div#resourcesForm:hover,
div#FormQuestionsForm:hover,
div#FormSurveyForm:hover,
div#ratingForm:hover,
div#notesForm:hover,
div#instructionForm:hover,
div#specificationForm:hover,
div#AssignmentForm:hover {
    background: transparent !important;
    color: #000 !important;
}

div#StepDataForm:hover,
div#StepInstructionForm:hover,
div#StepAssignmentForm:hover,
div#StepSurveyForm:hover,
div#StepRatingForm:hover,
div#StepResourcesForm:hover {
    background: transparent !important;
    color: #000 !important;
}

div#StepDataForm:hover,
div#StepInstructionForm:hover,
div#StepAssignmentForm:hover,
div#StepSurveyForm:hover,
div#StepRatingForm:hover,
div#StepResourcesForm:hover {
    background: transparent !important;
    color: #000 !important;
}

ul.spec-tab.flex-row li:hover {
    background: #6e6c6c !important;
    color: white !important;
}

.table-bordered > :not(caption) > * {
    border-color: #dee2e6;
}

.btn-white {
    border: 1px solid orange !important;
    color: orange !important;
}

span.k-treeview-leaf.k-in:hover .k-card-body.k-hstack .k-vstack.k-card-title-wrap .k-card-title.k-text-ellipsis {
    color: #fff !important;
}

.k-treeview-leaf.k-hover, .k-treeview-leaf:hover {
    background-color: orange !important;
    color: #fff !important;
}

span.k-treeview-leaf.k-in {
    border: 2px solid #dee2e6 !important;
}

.k-treeview-leaf.k-focus, .k-treeview-leaf:focus {
    box-shadow: unset !important;
}

.fc-day:hover {
    background-color: #f2f2f2 !important;
}

.fc-sun,
.fc-sat {
    background: #f2f2f2 !important;
}

.fc-unthemed td {
    border-color: #dee2e6 !important;
}

.fc-unthemed .fc-today span {
    color: #ffffff !important;
}

.fc-unthemed .fc-today {
    background: orange !important;
    color: #ffffff !important;
}

/*.todaycolor span,*/
.fc-today span {
    color: #ffffff !important;
}

button.tabs-main:hover,
button.tabs-main:hover {
    background: #6e6c6c !important;
    color: white !important;
}

button.tabs.active {
    background: #6e6c6c !important;
    color: white !important;
}

button#searching:hover,
button#images:hover,
button.tabs:hover {
    background: #6e6c6c !important;
    color: white !important;
}

.actives {
    background: #6e6c6c !important;
    color: white !important;
}

.active1 {
    background: #6e6c6c !important;
}

.form-control,
.form-select {
    border: 1px solid #dee2e6;
}

button.tabs,
button#List,
button#search {
    background: #f2f2f2;
}

    button.tabs.active1 {
        background: #6e6c6c;
    }

    button.tabs:hover,
    button#List:hover,
    button#search:hover {
        background: #6e6c6c;
        color: #ffffff;
    }

    button#List:hover,
    button#search:hover,
    button#text:hover,
    .tabBeas .nav-tabs .nav-link:hover,
    .tabs:hover {
        background: #6e6c6c !important;
        color: #ffffff !important;
    }

button.tabs-top {
    background: #f2f2f2 !important;
}

    button.tabs-top:hover {
        background: #6e6c6c !important;
        color: #ffffff !important;
    }

.tabs-top.active {
    background: #6e6c6c !important;
    color: #ffffff !important;
}

.alertify-buttons {
    border-top: 1px solid #dee2e6 !important;
    background: #f2f2f2 !important;
}

.ms-choice.disabled {
    border: 1px solid #dee2e6 !important;
    background: #f2f2f2 !important;
    color: #000000 !important;
}
/********all table css*******/
body .OurTopicAssignments table.dataTable.table thead tr th:nth-child(2) {
    text-align: right !important;
}

body table.dataTable.table tbody.SystemText tr td:nth-child(3) {
    white-space: nowrap;
}

body .OurSurveyTemplates table.dataTable.table thead tr th:nth-child(4),
body .OurSurveyTemplates table.dataTable.table tbody tr td:nth-child(4) {
    text-align: right !important;
}

table.table-bordered.dataTable thead.OurProcessTemplates td:nth-child(10) {
    text-align: left !important;
}

table.table-bordered.dataTable tbody.OurStudySites td:nth-child(2) {
    text-align: right !important;
}

table.table-bordered.dataTable tbody.OurOrgPersonnel td:nth-child(4) {
    text-align: center !important;
}

table.table-bordered.dataTable thead.OurAdministrators th:nth-child(6) {
    text-align: center;
    padding: .5rem !important
}

table.table-bordered.dataTable tbody.OurAdministrators td:nth-child(1) {
    white-space: nowrap !important;
}

table.table-bordered.dataTable td.ForumsLibrary:nth-child(2) {
    text-align: right !important;
}

.btn-outline {
    color: orange !important;
}

/*body div table tbody.SurveyTemplateLibrary tr td:nth-child(3) {
    min-width: 180px;
}

body div table tbody.SurveyTemplateLibrary tr td:nth-child(4) {
    min-width: 500px;
}*/

body div table tbody tr td.noExl.text-center:nth-child(1) {
    text-align: center !important;
}

body div#editQuestion table thead tr th.head.w-50.text-left:nth-child(3) {
    text-align: left !important;
}

table#myTableshorting tr td.noExl.text-center {
    text-align: center !important;
}

.popup-table {
    min-width: 100% !important;
}

.mw-600 {
    min-width: 600px;
}

th.sort-off.Check {
    text-align: center !important;
}

body table.dataTable.table thead tr th.sort-off.Code.sorting {
    text-align: right !important;
    padding: .5rem !important;
}

th.sort-off.Icon.text-center.sorting {
    text-align: center !important;
}

body table.dataTable.table thead tr th.Check {
    padding: .5rem !important;
    text-align: center;
    width: 13px !important;
}

body table.dataTable.table tbosy.SystemText tr td:nth-child(1) {
    text-align: center;
}

@media (max-width:1400px) {
    /*td, th {
        font-size: 14px;
        max-width: 300px;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }*/

    .fit-content-lg.fit-content-sm {
        width: 100% !important;
    }

    body div table tbody.SurveyTemplateLibrary tr td:nth-child(4) {
        min-width: unset;
    }

    /*body div table tbody.ProfileEditLog tr td:nth-child(2),
    body div table tbody.ProfileEditLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.ProfileEditLog tr td:nth-child(5) {
        min-width: 100px;
    }*/

    /*body div table tbody.ProcessEditLog tr td:nth-child(2),
    body div table tbody.ProcessEditLog tr td:nth-child(3) {
        min-width: 200px;
    }*/

    /*body div table tbody.ProcessEditLog tr td:nth-child(4),
    body div table tbody.ProcessEditLog tr td:nth-child(5),
    body div table tbody.ProcessEditLog tr td:nth-child(6) {
        min-width: 120px;
    }*/

    /*body div table tbody.ForumEditLog tr td:nth-child(2),
    body div table tbody.ForumEditLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.ForumEditLog tr td:nth-child(4),
    body div table tbody.ForumEditLog tr td:nth-child(5),
    body div table tbody.ForumEditLog tr td:nth-child(6) {
        min-width: 120px;
    }

    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(2),
    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(4),
    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(5),
    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(6),
    body div table tbody.AnnouncementTemplateEditLog tr td:nth-child(7) {
        min-width: 120px;
    }

    body div table tbody.ProfileActivityLog tr td:nth-child(2),
    body div table tbody.ProfileActivityLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.ProfileActivityLog tr td:nth-child(5) {
        min-width: 150px;
    }

    body div table tbody.ForumLog tr td:nth-child(2),
    body div table tbody.ForumLog tr td:nth-child(3),
    body div table tbody.ForumLog tr td:nth-child(6) {
        min-width: 200px;
    }

    body div table tbody.ForumLog tr td:nth-child(4),
    body div table tbody.ForumLog tr td:nth-child(5) {
        min-width: 150px;
    }

    body div table tbody.AnnouncementNotificationActivityLog tr td:nth-child(2),
    body div table tbody.AnnouncementNotificationActivityLog tr td:nth-child(5) {
        min-width: 200px;
    }

    body div table tbody.AnnouncementNotificationActivityLog tr td:nth-child(3),
    body div table tbody.AnnouncementNotificationActivityLog tr td:nth-child(4) {
        min-width: 150px;
    }

    body div table tbody.ProcessTemplateActivityLog tr td:nth-child(2),
    body div table tbody.ProcessTemplateActivityLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.ProcessTemplateActivityLog tr td:nth-child(4) {
        min-width: 110px;
    }

    body div table tbody.ProcessTemplateActivityLog tr td:nth-child(5),
    body div table tbody.ProcessTemplateActivityLog tr td:nth-child(6) {
        min-width: 150px;
    }

    body div table tbody.OrgStudyEditLog tr td:nth-child(2),
    body div table tbody.OrgStudyEditLog tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.OrgStudyEditLog tr td:nth-child(4),
    body div table tbody.OrgStudyEditLog tr td:nth-child(5) {
        min-width: 120px;
    }

    body div table tbody.OrgProfileEditLog tr td:nth-child(2),
    body div table tbody.OrgProfileEditLog tr td:nth-child(3),
    body div table tbody.OrgProfileEditLog tr td:nth-child(4) {
        min-width: 200px;
    }

    body div table tbody.OrgProfileEditLog tr td:nth-child(6) {
        min-width: 100px;
    }

    body div table tbody.AllOrgProfileEditLog tr td:nth-child(2),
    body div table tbody.AllOrgProfileEditLog tr td:nth-child(3),
    body div table tbody.AllOrgProfileEditLog tr td:nth-child(4) {
        min-width: 200px;
    }

    body div table tbody.AllOrgProfileEditLog tr td:nth-child(6) {
        min-width: 100px;
    }

    body div table tbody.OrgProcessEditLog tr td:nth-child(2),
    body div table tbody.OrgProcessEditLog tr td:nth-child(3) {
        min-width: 150px;
    }

    body div table tbody.OrgProcessEditLog tr td:nth-child(4),
    body div table tbody.OrgProcessEditLog tr td:nth-child(5) {
        min-width: 150px;
    }

    body div table tbody.OrgForumEditLog tr td:nth-child(2),
    body div table tbody.OrgForumEditLog tr td:nth-child(3),
    body div table tbody.OrgForumEditLog tr td:nth-child(4),
    body div table tbody.OrgForumEditLog tr td:nth-child(5),
    body div table tbody.OrgForumEditLog tr td:nth-child(6),
    body div table tbody.OrgForumEditLog tr td:nth-child(7) {
        min-width: 150px;
    }

    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(2),
    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(3),
    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(4),
    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(5),
    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(6),
    body div table tbody.OrgAnnouncementEditLog tr td:nth-child(7) {
        min-width: 150px;
    }

    body div table tbody.Survey-Template-Library tr td:nth-child(4) {
        min-width: 230px;
    }

    body div table tbody.tbodyPersonnel tr td:nth-child(5),
    body div table tbody.tbodyPersonnel tr td:nth-child(3) {
        min-width: 150px;
    }

    body div table tbody.tbodyPersonnel tr td:nth-child(4),
    body div table tbody.tbodyPersonnel tr td:nth-child(6) {
        min-width: 150px;
    }

    body div table tbody.OrganizationSupportRequests tr td:nth-child(3),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(4),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(5),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(6),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(7),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(8),
    body div table tbody.OrganizationSupportRequests tr td:nth-child(9) {
        min-width: 150px;
    }

    body div table tbody.OrganizationLessonsLearned tr td:nth-child(3) {
        min-width: 150px;
    }

    body div table tbody.OrganizationLessonsLearned tr td:nth-child(5),
    body div table tbody.OrganizationLessonsLearned tr td:nth-child(6) {
        min-width: 100px;
    }

    body div table tbody.OrganizationLessonsLearned tr td:nth-child(7),
    body div table tbody.OrganizationLessonsLearned tr td:nth-child(4) {
        min-width: 250px;
    }

    body div table tbody.SystemProcessTemplates tr td:nth-child(4) {
        min-width: 250px;
    }

    body div table tbody.SystemProcessTemplates tr td:nth-child(5) {
        min-width: 200px;
    }

    body div table tbody.SystemProcessTemplates tr td:nth-child(7),
    body div table tbody.SystemProcessTemplates tr td:nth-child(13) {
        min-width: 100px;
    }

    body div table tbody.OurSupportRequests.text-left tr td:nth-child(3),
    body div table tbody.OurSupportRequests.text-left tr td:nth-child(4) {
        min-width: 200px;
    }

    body div table tbody.OurSupportRequests.text-left tr td:nth-child(3),
    body div table tbody.OurSupportRequests.text-left tr td:nth-child(4),
    body div table tbody.OurSupportRequests.text-left tr td:nth-child(9) {
        min-width: 200px;
    }

    body div table tbody.OurSupportRequests.text-left tr td:nth-child(6),
    body div table tbody.OurSupportRequests.text-left tr td:nth-child(7),
    body div table tbody.OurSupportRequests.text-left tr td:nth-child(10) {
        min-width: 100px;
    }

    body div table tbody.OurStudies tr td:nth-child(3) {
        min-width: 120px;
    }

    body div table tbody.OurStudies tr td:nth-child(4) {
        min-width: 200px;
    }

    body div table tbody.OurProcesses tr td:nth-child(4),
    body div table tbody.OurProcesses tr td:nth-child(8),
    body div table tbody.OurProcesses tr td:nth-child(10) {
        min-width: 200px;
    }

    body div table tbody.Our_Process_Templates tr td:nth-child(4),
    body div table tbody.Our_Process_Templates tr td:nth-child(5),
    body div table tbody.Our_Process_Templates tr td:nth-child(8) {
        min-width: 150px;
    }

    body div table tbody.Our_Process_Templates tr td:nth-child(17) {
        min-width: 100px;
    }

    body div table tbody.OurOrgPersonnel tr td:nth-child(4),
    body div table tbody.OurOrgPersonnel tr td:nth-child(5),
    body div table tbody.OurOrgPersonnel tr td:nth-child(7),
    body div table tbody.OurOrgPersonnel tr td:nth-child(10),
    body div table tbody.OurOrgPersonnel tr td:nth-child(12) {
        min-width: 150px;
    }

    body div table tbody.OurOrgPersonnel tr td:nth-child(9) {
        min-width: 100px;
    }

    body div table tbody.OurMeasure tr td:nth-child(4) {
        min-width: 150px;
    }

    body div table tbody.OurMeasure tr td:nth-child(5) {
        min-width: 200px;
    }

    body div table tbody.MyStudies tr td:nth-child(3) {
        min-width: 200px;
    }

    body div table tbody.OurChecklists tr td:nth-child(1),
    body div table tbody.OurChecklists tr td:nth-child(2),
    body div table tbody.OurChecklists tr td:nth-child(3) {
        min-width: 150px;
    }*/
    /*
    body div table tbody.OurForums tr td:nth-child(3),
    body div table tbody.OurForums tr td:nth-child(4),
    body div table tbody.OurForums tr td:nth-child(5),
    body div table tbody.OurForums tr td:nth-child(7),
    body div table tbody.OurForums tr td:nth-child(9) {
        min-width: 150px;
    }*/
    /*body div table tbody.SupportRequests tr td:nth-child(3),
    body div table tbody.SupportRequests tr td:nth-child(4),
    body div table tbody.SupportRequests tr td:nth-child(7),
    body div table tbody.SupportRequests tr td:nth-child(8),
    body div table tbody.SupportRequests tr td:nth-child(10) {
        min-width: 150px;
    }*/

    /*body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(3),
    body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(5),
    body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(6),
    body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(7),
    body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(8),
    body div table tbody.col_num_2.SupportRequestsNonUser tr td:nth-child(9) {
        min-width: 150px;
    }*/

    /*body div table tbody.MyDashboardProcesses tr td:nth-child(2) {
        min-width: 100px;
    }

    body div table tbody.MyDashboardProcesses tr td:nth-child(3),
    body div table tbody.MyDashboardProcesses tr td:nth-child(4) {
        min-width: 150px;
    }*/

    /*body div table tbody.LessonsLearned tr td:nth-child(2),
    body div table tbody.LessonsLearned tr td:nth-child(8) {
        min-width: 150px;
    }*/

    /*body div table tbody.LessonsLearned tr td:nth-child(3),
    body div table tbody.LessonsLearned tr td:nth-child(4),
    body div table tbody.LessonsLearned tr td:nth-child(7),
    body div table tbody.LessonsLearned tr td:nth-child(6) {
        min-width: 100px;
    }*/

    /*body div table tbody.SystemProcessBlocks tr td:nth-child(7) {
        min-width: 300px !important;
    }

    body div table tbody.SystemProcessBlocks tr td:nth-child(3) {
        min-width: 200px !important;
    }

    body div table tbody.SystemProcessBlocks tr td:nth-child(6) {
        min-width: 100px !important;
    }*/

    /*body div table tbody.SystemProcesses tr td:nth-child(5) {
        min-width: 150px;
    }*/

    /*body div table tbody.SystemProcesses tr td:nth-child(6) {
        min-width: 100px;
    }*/

    /*body div table tbody.Users_ tr td:nth-child(4),
    body div table tbody.Users_ tr td:nth-child(5),
    body div table tbody.Users_ tr td:nth-child(14) {
        min-width: 120px;
    }

    body div table tbody.Users_ tr td:nth-child(8),
    body div table tbody.Users_ tr td:nth-child(11) {
        min-width: 200px;
    }*/
}
/********all table css end*******/
button.ms-choice.disabled,
.form-select {
    padding: .375rem .75rem;
}

    .form-select.autoSearch,
    .modal .form-select,
    select.form-control.form-control-sm {
        /*padding: .375rem .75rem !important;*/
    }

    button.ms-choice.disabled > span {
        padding-left: .75rem;
    }

.form-group label {
    padding-bottom: 2px;
}

body .ui-state-active, body .ui-widget-content .ui-state-active {
    border: 1px solid orange;
    background: orange;
    color: #fff !important;
}

button.ms-choice {
    padding: .375rem .75rem;
}

.required-multiple span.placeholder {
    padding-left: .75rem !important;
}

.ms-drop ul > li {
    padding: .25rem .75rem !important;
}

button.ms-choice > span {
    padding-left: .75rem;
}

.ms-drop input[type="checkbox"] {
    margin-top: 4px !important;
}

.ms-drop {
    border-radius: 0 !important;
}

body .required {
    border-left: 5px solid orange;
}

body select,
body select.form-select.form-control.form-control-sm,
body select.form-select,
body select.form-control,
body select.form-control-sm,
body select.form-select.autoSearch {
    padding-right: 30px !important;
}

/*new work*/
body .btn-orange,
body .frm-fld-btn-grp button.btn-orange,
body button.btn-orange {
    background: orange;
    color: #fff;
    cursor: pointer;
    border: 1px solid;
    padding: 5px 10px!important;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    line-height: inherit;
}
body .btn-orange:hover,
body .frm-fld-btn-grp button.btn-orange:hover,
body button.btn-orange:hover {
    -webkit-box-shadow: 0px 0px 6px 1px rgb(255 165 0);
    -moz-box-shadow: 0px 0px 6px 1px rgba(255, 165, 0, 1);
    box-shadow: 0px 0px 6px 1px rgb(255 165 0);
    background: orange;
    color: #fff;
}

@media (max-width: 1731.98px) {
    .table-status-color .pastelcolorbutton {
        width: 12px;
        height: 12px;
    }

    .status-color-list {
        display: flex;
        gap: 5px;
    }

    .status-color-list span {
        width: calc(100% - 20px);
    }
}

/*dynamic tables work*/
.dynamic-table td,
.dynamic-table th {
    white-space: nowrap;
    max-width: 500px;
}
div.dataTables_wrapper div.row:nth-child(2) .col-sm-12 {
    overflow-x: auto;
}
.dynamic-table {
    width: fit-content;
    max-width: 100%;
}
.table thead th {
    color: #fff;
    background: #6e6c6c;
}
/*.fixed--Header thead th {
    width: unset!important;
    min-width: unset!important;
    max-width: unset!important;
}*/
/*.fixed--checkbox {
    max-width: 13px!important;
    min-width: 13px!important;
    width: 13px!important;
}*/
.all--main {
    min-width: 600px;
    margin-bottom: 100px;
}
body .k-input:focus-within, body .k-widget.k-input:focus-within {
    border-color: #dee2e6;
    box-shadow: unset;
}
body .k-input:hover {
    border-color: #dee2e6!important;
}
body .k-input.txtRequired:hover {
    border-left: 5px solid orange !important;
}
body .k-picker {
    height: 35px;
}
body .k-picker .k-input-button {
    margin: 3px 0;
}
.modal-content.video-content {
    padding: 0;
}
.form-select:focus {
    /*border-color: #dee2e6!important;*/
    box-shadow: unset!important;
}
body .k-input:hover {
    border-color: #dee2e6 !important;
}
.form-select.txtRequired:focus {
    border-left-color: orange !important;
}
.kRequired span,
.kRequired span:hover {
    border-left-color: orange !important;
}
span.select2-selection.select2-selection--multiple {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}
body .form-control.txtRequire:focus {
    border-left-color: orange !important;
}
.form-group .checklist {
    border: 1px solid #dee2e6;
}

tbody.Announcement__Library td:last-child a {
    text-align: center !important;
    display: block !important;
}
tbody.Announcement__Library td:last-child a img {
    margin: 0 auto !important;
}
.page-link:focus {
    box-shadow: unset!important;
}
/*<div class="table_container padX-10" >
<div class="page_table" >*/
/*.page-table {
    max-width: 100%;
    border-top: 3px solid orange;
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: fit-content;
    min-width: 555px;
}*/
.padX_10, .padX_10.pb-5 {
    padding-top: 10px;
    padding-bottom: 100px;
}
/*.padX__10 {
    
}*/
/*body table td, body table th {
    max-width: unset!important;
}*/
.arrow_box1 {
    position: relative;
    background: #db210e;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
}

    .arrow_box1:after, .arrow_box1:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box1:after {
        border-left-color: #db210e;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box1:before {
        border-left-color: #db210e;
        border-width: 16px;
        margin-top: -16px;
    }

.arrow_box2 {
    position: relative;
    background: #db210e;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
}

    .arrow_box2:after, .arrow_box2:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box2:after {
        border-right-color: #db210e;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box2:before {
        border-right-color: #db210e;
        border-width: 16px;
        margin-top: -16px;
    }

.moreLink {
    border-radius: 4px 0 0 4px;
}

.lessLink {
    border-radius: 0 4px 4px 0;
}




.sticky-top.bg-white {
    padding: 5px 0;
}
.page-table .text-right.TableStatus {
    top: 90px;
}
.sticky-top.bg-white::before {
    content: "";
    background: #fff;
    width: 15px;
    height: 41px;
    position: absolute;
    top: 0;
    left: -15px;
}
.sticky-top.bg-white::after {
    content: "";
    background: #fff;
    width: 15px;
    height: 41px;
    position: absolute;
    top: 0;
    right: -15px;
}

.float-right {
    float: right;
}

.Tablecontent,
.page-table {
    border-top: 3px solid orange;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 15px;
    width: fit-content;
    min-width: 550px;
    max-width: 100%;
}

table.dataTable thead th.text-right, table.dataTable thead td.text-right {
    text-align: right;
}

.text-break {
    min-width: 100px;
}
.select-selected {
    padding: 6px 32px 6px 16px!important;
}
.box-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
    align-items: center;
    justify-content: center;
    display: flex;
}
#myTable th.text-right.thId {
    text-align: right !important;
}