@font-face {
    font-family: "Poppins Regular";
    src: url(?resource=SharedResource/Fonts/Poppins/Poppins-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "Poppins Medium";
    src: url(?resource=SharedResource/Fonts/Poppins/Poppins-Medium.ttf) format('truetype');
}
@font-face {
    font-family: "HelveticaNeueCyr Roman";
    src: url(?resource=SharedResource/Fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format('truetype');
}

@font-face {
    font-family: "HelveticaNeueCyr Medium";
    src: url(?resource=SharedResource/Fonts/HelveticaNeue/HelveticaNeueCyr-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'gdd-icons';
    src: url('?resource=SharedResource/Fonts/gdd-icons.eot');
    src: url('?resource=SharedResource/Fonts/gdd-icons.eot') format('embedded-opentype'), 
        url('?resource=SharedResource/Fonts/gdd-icons.ttf') format('truetype'), 
        url('?resource=SharedResource/Fonts/gdd-icons.woff') format('woff'), 
        url('?resource=SharedResource/Fonts/gdd-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'gdd-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.base-icon {
    font-size: 20px;
    color: #C2CFE0;
}

.pager-icon {
    font-size: 20px;
    color: #90A0B7;
}

.settings-icon {
    font-size: 30px;
    color: #0C0C0F;
    cursor: pointer;
}

.active-icon {
    font-size: 18px;
    color: #109CF1;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
} 

.icon-accept:before {
    content: "\e900";
}

.icon-accept_all:before {
    content: "\e901";
}

.icon-account:before {
    content: "\e902";
}

.icon-adjust:before {
    content: "\e903";
}

.icon-admin:before {
    content: "\e904";
}

.icon-arrow-down:before {
    content: "\e905";
}

.icon-arrow-right:before {
    content: "\e906";
}

.icon-arrow-up:before {
    content: "\e907";
}

.icon-audit:before {
    content: "\e908";
}

.icon-audit2:before {
    content: "\e909";
}

.icon-audit3:before {
    content: "\e90a";
}

.icon-back:before {
    content: "\e90b";
}

.icon-best-fit:before {
    content: "\e910";
}

.icon-bin:before {
    content: "\e911";
}

.icon-close:before {
    content: "\e912";
}

.icon-colleagues:before {
    content: "\e913";
}

.icon-company:before {
    content: "\e914";
}

.icon-configuration:before {
    content: "\e915";
}

.icon-copy-from-c .path1:before {
    content: "\e916";
    color: rgb(1, 0, 2);
}

.icon-copy-from-c .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-dashboard-active:before {
    content: "\e918";
}

.icon-delete:before {
    content: "\e919";
}

.icon-drag:before {
    content: "\e91a";
}

.icon-duble-arrow-left:before {
    content: "\e91b";
}

.icon-duble-arrow-right:before {
    content: "\e91c";
}

.icon-edit:before {
    content: "\e91d";
}

.icon-email:before {
    content: "\e91e";
}

.icon-external_link:before {
    content: "\e91f";
}

.icon-Eye:before {
    content: "\e920";
}

.icon-Eye_close:before {
    content: "\e921";
}

.icon-history:before {
    content: "\e922";
}

.icon-home:before {
    content: "\e923";
}

.icon-import:before {
    content: "\e924";
}

.icon-information:before {
    content: "\e925";
}

.icon-key:before {
    content: "\e926";
}

.icon-Location:before {
    content: "\e927";
}

.icon-money:before {
    content: "\e928";
}

.icon-more:before {
    content: "\e929";
}

.icon-note:before {
    content: "\e92a";
}

.icon-notifications:before {
    content: "\e92b";
}

.icon-pdf:before {
    content: "\e92c";
}

.icon-picture:before {
    content: "\e92d";
}

.icon-plus:before {
    content: "\e92e";
}

.icon-price:before {
    content: "\e92f";
}

.icon-print:before {
    content: "\e930";
}

.icon-recalled:before {
    content: "\e931";
}

.icon-request:before {
    content: "\e932";
}

.icon-review:before {
    content: "\e933";
}

.icon-schedule:before {
    content: "\e934";
}

.icon-search:before {
    content: "\e935";
}

.icon-settings:before {
    content: "\e936";
}

.icon-settings-active:before {
    content: "\e937";
}

.icon-sort:before {
    content: "\e938";
}

.icon-style:before {
    content: "\e939";
}

.icon-tags:before {
    content: "\e93a";
}

.icon-ticket:before {
    content: "\e93b";
}

.icon-ticket_entry:before {
    content: "\e93c";
}

.icon-ticket_setup:before {
    content: "\e93d";
}

.icon-time:before {
    content: "\e93e";
}

.icon-transfer:before {
    content: "\e93f";
}

.icon-user:before {
    content: "\e940";
}

.icon-website:before {
    content: "\e941";
}


body {
    font-size: 14px;
    font-family: 'HelveticaNeueCyr Roman', 'HelveticaNeueCyr Medium';
    color: unset;
}
    /* Hide scrollbar for Chrome, Safari and Opera */
    body::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
body {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}


.sortable-td:after {
    font-family: 'gdd-icons' !important;
    content: "\e938";
    font-size: 24px;
    cursor: pointer;
}

.sortable-td.order-asc {
    border-bottom: 2px solid #0066b3;
    filter: invert(15%) sepia(45%) saturate(5400%) hue-rotate(234deg) brightness(90%) contrast(109%);
}

.sortable-td.order-asc:after {
    content: "\e907";
}

.sortable-td.order-desc {
    border-bottom: 2px solid #0066b3;
    filter: invert(15%) sepia(45%) saturate(5400%) hue-rotate(234deg) brightness(90%) contrast(109%);
}

.sortable-td.order-desc:after {
    content: "\e905";
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.admin-side-bar-item {
    transition: 0.3s;
    /*width:fit-content;*/
}

.admin-side-bar-item.logo {
    background-image: url('?resource=SharedResource/img/logo/gdd_logo 1.png');
    padding: 32px 110px;
}

.admin-side-bar-item.logo a {
    padding: 0;
}

.admin-wrapper {
    display: flex;
}

.seaerch {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

.admin-side-bar-item {
    padding: 12px 15px;
}

.admin-side-bar-item .item {
    padding-left: 10px;
    color: #334D6E;
    transition: 0.3s;
}

.account img {
    border-radius: 50%;
    height: 50px;
}

.admin-wrapper .container-fluid {
    /*padding:25px 10px;*/
}

.admin-content {
    min-height: 100vh;
    max-width: 100vw;
    background-color: #F5F6F8;
    padding: 35px 35px;
    padding-bottom: 0px;
}

.common {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seaerch input[type=text]:focus-visible {
    outline: unset;
}

.seaerch input[type=text] {
    border: unset;
    height: 25px;
}

.admin-side-bar .admin-side-bar-item:last-child {
    border-bottom: 1px solid #EBEFF2;
}


.admin-header {
    padding: 7px 35px;
}

.admin-side-bar-item.active,
.admin-side-bar-item.active a span {
    color: #109CF1;
}

.admin-side-bar-item,
.admin-side-bar-item a {
    color: #C2CFE0;
    min-height: 46px;
}

.admin-side-bar.collapsed .admin-side-bar-item a span {
    display: none;
}

.admin-side-bar.collapsed .admin-side-bar-item.logo {
    padding: 32px 44px 32px 26px;
    background-position-x: -15px;
}

.admin-side-bar.collapsed .admin-side-bar-item {
    padding: 10px 15px;
}

.toglle-side-bar input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.toglle-side-bar label {
    cursor: pointer;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: #C4C4C4;
    display: block;
    border-radius: 7px;
    position: relative;
    margin-bottom: unset;
}

.toglle-side-bar label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 6px;
    width: 3px;
    height: 13px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.toglle-side-bar input:checked + label {
    background: #109CF1;
}

.toglle-side-bar input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.toglle-side-bar label:active:after {
    width: 130px;
}

.toglle-side-bar span {
    padding: 0 0 0 6px;
}

.admin-side-bar.collapsed + .toglle-side-bar span {
    display: none;
}

.toglle-side-bar {
    margin: auto 0 15px 0;
}

.admin-side-bar-item:hover a svg,
.admin-side-bar-item:hover a span,
.sidebar-tree-menu li:hover a,
.sidebar-tree-menu a:hover {
    color: #34AFF9;
}

.admin-side-bar-item {
    cursor: pointer;
}

.toglle-side-bar {
    align-items: center;
    padding: 0 0 0 25px;
}

.admin-side-bar {
    /*font-family: "Poppins Regular", sans-serif;*/
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
}

.dashboard-card {
    background-color: #FFFFFF;
    border-radius: 4px 0 0 4px;
    height: 145px;
    border-left: 3px solid;
    box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
    display: flex;
    justify-content: space-around;
}

.dashboard-card.activity_audits {
    border-color: #109CF1;
    color: #109CF1;
}

.dashboard-card.total_audits {
    border-color: #FFB946;
    color: #FFB946;
}

.dashboard-card.companies {
    border-color: #2ED47A;
    color: #2ED47A;
}

.dashboard-card.expected_payment {
    border-color: #885AF8;
    color: #885AF8;
}

.card-logo.activity_audits {
    background-image: url(?resource=SharedResource/img/audit.svg);
}

.card-logo.total_audits {
    background-image: url(?resource=SharedResource/img/audit3.svg);
}

.card-logo.companies {
    background-image: url(?resource=SharedResource/img/company.svg);
}

.card-logo.expected_payment {
    background-image: url(?resource=SharedResource/img/income.svg);
}

.card-logo {
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
}

.card-logo.expected_payment {
    background-image: url(?resource=SharedResource/img/income.svg);
}

.dashboard-card {
    font-size: 14px;
    margin: 25px 0px;
}

.dashboard-card .dashboard-card-quantity {
    color: #334D6E;
    font-size: 3.73em;
}

.card-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dashboard-chart,
.dashboard-item {
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    font-size: 14px;
}

.dashboard-chart-header {
    padding: 10px 0px 0px 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #EBEFF2;
    align-items: center;
}

.dashboard-chart-header .title {
    color: #192A3E;
}

.dashboard-chart-content {
    padding: 10px 20px;
}

.chart-option .dropdown {
    display: inline-block;
}

.chart-option .dropdown .btn {
    padding: 0;
}

#income-chart .chart-option .dropdown .btn {
    color: #2ED47A;
}

.chart-toggle-btn {
    font-size: 20px;
    padding: 1px 20px;
}

.chart-toggle-btn::after {
    color: #AEAEAE;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dashboard-item {
    margin: 1em 0em;
}

.dashboard-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 0px 40px;
}

.dashboard-item-header .title {
    color: #192A3E;
}

.dashboard-item-content {
    padding: 10px 20px;
}

.dashboard-chart {
    margin-bottom: 25px;
}

.login-page {
    display: flex;
}

.login-inputs-logo {
}

.login-page {
    font-size: 14px;
}

.login-page h1 {
    font-size: 1em;
    letter-spacing: 0.01em;
    line-height: 1.46em;
}

.login-page h1 {
    margin-bottom: 3.33em;
}

.login-page .login-inputs {
}

.login-page .group-input:first-child {
    margin-bottom: 40px;
}

.login-page .remeber {
    margin-top: 26px;
    font-size: 15px;
}

.login-page input {
    border: unset;
    border-bottom: 1px solid #d3d8dd;
    color: #323C47;
    width: 300px;
}

.login-page input::placeholder {
    opacity: 0.5;
}

.login-page input:focus-visible {
    outline: none;
    border-bottom: 1px solid #818E9B;
}

.login-page input[type=checkbox] {
    width: unset;
    border: 2px solid #D5D5D5;
    box-sizing: border-box;
    border-radius: 4px;
}

.login-page input[type=checkbox]:checked {
    background-color: #109CF1;
}

.remeber label {
    font-size: 0.86em;
    line-height: 1.26em;
    color: #707683;
    opacity: 0.5;
    vertical-align: middle;
    padding-left: 2em;
}

.button-accent,
.login-page .button-accent {
    background: #109CF1;
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 0.86em;
    line-height: 1.26em;
    border: unset;
    font-weight: 600;
}

.button-accent:focus-visible,
.button-accent:focus,
.button-tertiary:focus-visible,
.button-tertiary:focus,
.button-save:focus-visible,
.button-save:focus {
    outline: unset;
    border: unset;
}

.button-accent,
.button-2,
.button-tertiary,
.button-save {
    transition: 0.3s;
}

.button-accent:hover {
    background-color: #34AFF9;
    color: #FFFFFF;
}

.login-page .button-accent {
    margin-top: 50px;
    padding: 10px 85px;
    font-weight: 600;
}

.default-block {
    background-color: #ffffff;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 20px 25px;
    transition: 0.3s;
}

.default-block.scrollable {
    overflow-y: scroll;
}

.default-block.scrollable .gdd-table {
    white-space: nowrap;
}

.toolbar .button-accent {
    padding: 10px 33px;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: 0.5em;
}

.button-tertiary,
.button-save {
    background-color: transparent;
    border: unset;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #323C47;
    font-size: 14px;
    margin: 0.5em;
    text-align: center;
}

.button-tertiary:hover {
    color: #79acf5;
}

.hide-col {
    display: none;
}

.hide-col.show {
    display: block;
}


.button-tertiary::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: all 0.3s linear;
    margin: auto;
}

.button-tertiary:hover::after {
    width: 100%;
}

.toolbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
    align-items: center;
}

.import-tool {
    display: flex;
    align-items: center;
}

.import-tool label {
    margin: 0.5em 1em 0.5em 0;
    color: #6A707E;
    font-size: 14px;
}

.import-tool label:last-child {
    margin: 0.5em 1em 0.5em 0;
    color: #6A707E;
    font-size: 14px;
}

.input-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5em;
}

.input-group input:active {
    border-color: #818E9B;
}

.input-group input {
    border: unset;
    border-bottom: 1px solid #D3D8DD;
    padding: 5px 3px;
}

.input-group input:focus-visible {
    outline: none;
    border-color: #818E9B;
}

.button-group {
    display: flex;
    justify-content: flex-end;
}

.button-save {
    color: #109CF1;
    font-weight: 600;
}

.territories .button-group:last-child {
    margin-top: 5em;
}

table.gdd-table {
    font-family: 'HelveticaNeueCyr Medium';
    font-weight: 500;
    color: #0C0C0F;
    width: 100%;
}

.peyroll-table-container {
    display: flex;
    flex-direction: column;
}

.peyroll-form {
    display: block;
    overflow-x: scroll;
}

table.gdd-table .min-width {
    min-width: 90px;
}

table.gdd-table tr td:first-child {
    width: 25px;
}

table.gdd-table tr {
    height: 60px;
    border-bottom: 1px solid #EBEFF2;
   /* color: #707683;*/
}

table.gdd-table thead tr {
    color: black;
    font-weight: 500;
    background-color: rgba(16,156,241,0.7);
}

table.gdd-table tr td:first-child {
    padding-left: 20px;
}

table.gdd-table tr td:last-child {
    padding-right: 20px;
}

table.gdd-table tbody tr {
    transition: all 0.3s;
}

table.gdd-table tbody tr:not(.no-hover):hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.non-scroll-x {
    overflow-x: hidden;
}

/*Custom checkbox*/
/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-checkbox input.some-checked ~ .checkmark {
    border-color: #109CF1;
    background-color: #109CF1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0.4 0 1.6 1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.496969 2.096H7.67897V0.709999H0.496969V2.096Z' fill='white'/%3E%3C/svg%3E%0A ");
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid #D5D5D5;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
    border-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Custom checkbox*/

/*treeview sidebar menu*/
.sidebar-tree-menu {
    margin-left: 25px;
    color: #334D6E;
    margin: 10px;
}

ul.sidebar-tree-menu li {
    padding: 0.45em 0;
    list-style-type: circle;
    font-size: 1em;
}

ul.sidebar-tree-menu li a {
    transition: 0.3s;
}

ul.sidebar-tree-menu li:nth-of-type(2n+1)::marker {
    color: #FFB946;
}

ul.sidebar-tree-menu li:nth-of-type(2n+2)::marker {
    color: #2ED47A;
}

ul.sidebar-tree-menu li:nth-of-type(2n+3)::marker {
    color: #F7685B;
}

ul.sidebar-tree-menu li:nth-of-type(2n+4)::marker {
    color: #885AF8;
}

.admin-side-bar-item .sidebar-tree-menu a {
    min-height: 46px;
    color: #334D6E;
}
/*treeview sidebar menu*/

.container-checkbox.is-active input:checked ~ .checkmark {
    background-color: transparent;
    border-color: #2ED47A;
}

.container-checkbox.is-active .checkmark:after {
    border: solid #2ED47A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate( 45deg);
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg);
}

td.cell-checkbox {
    width: 60px;
}

td.cell-checkbox-width-100 {
    width: 100px;
}

td.cell-checkbox-width-200 {
    width: 200px;
}

td.cell-name {
    font-weight: 500;
    line-height: 22px;
    color: #323C47;
}

.table-row-new {
    display: none;
}

.table-row-new.show {
    display: table-row;
}

.button-save:hover {
    color: #34AFF9;
}

.show-tool {
    display: flex;
    align-items: baseline;
}

#dropdownShowSelect :not(::after) {
    padding: 0 5px;
    color: #109CF1;
}

label {
    margin-bottom: unset;
}

.save-canel-group {
    display: inline-flex;
    margin: 0 35px;
}

.table-row-new input {
    border: unset;
    border-bottom: 1px solid #d3d8dd;
    color: #323C47;
}

.table-row-new input[type=text]:focus-visible,
.table-row-new input[type=tel]:focus-visible {
    outline: unset;
}

/*Tabs*/

.tab {
    cursor: pointer;
    padding: 20px 35px;
    margin: 0px 2px;
    display: inline-block;
    color: #323C47;
}

.panels {
    background: #ffffffff;
    border-radius: 3px;
    padding: 15px 0px;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#information:checked ~ .panels #information-panel,
#contact:checked ~ .panels #contact-panel,
#rate:checked ~ .panels #rate-panel {
    display: block
}

.tabs {
    background-color: #ffffff;
    border-bottom: 1px solid #EBEFF2;
}

/*Tabs*/

.input-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.group-input {
    display: flex;
    flex-direction: column;
    margin: 12px 5px;
}

.group-input.type-1 {
    width: 55%;
}

.group-input.type-2 {
    width: 30%;
}

.group-input.type-3 {
    width: 33%;
}

.group-input.type-4 {
    width: 30%;
}

.group-input.type-5 {
    width: 55%;
    margin-right: 100%;
}

.group-input.type-6 {
    width: 90%;
}

.group-input.type-6 .group-input.type-2 {
    width: 45%;
}

.group-input input {
    border: unset;
    border-bottom: 1px solid #d3d8dd;
    color: #323C47;
}

.group-input input::placeholder {
    opacity: 0.5;
}

.group-input input:focus-visible {
    outline: none;
    border-bottom: 1px solid #818E9B;
}

.group-input label {
    color: #323C47;
    line-height: 16px;
}

.print-options {
    padding: 13% 23%;
}

    .print-options .container-checkbox {
        font-size: 14px;
    }

    .print-options .print-options-item:first-child {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.01em;
        color: #6A707E;
    }

    .print-options .print-options-item {
        margin-bottom: 30px;
        color: #323C47;
    }

    .print-options:before {
        content: "";
        height: 102%;
        width: 1px;
        padding: 1px;
        background: #EBEFF2;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.table-accordion {
    margin: 30px 20px 50px 20px;
}

    .table-accordion .group-input.type-1 {
        width: 45%;
    }

    .table-accordion .group-input.type-2 {
        width: 30%;
    }

    .table-accordion .group-input.type-3 {
        width: 33%;
    }

    .table-accordion .group-input.type-4 {
        width: 20%;
        width: 20%;
    }

    .table-accordion .group-input.type-5 {
        width: 45%;
        flex-direction: row;
        justify-content: space-between;
        margin-right: unset;
    }

    .table-accordion .type-5 .group-input.type-4 {
        width: 45%;
        margin: 12px 0;
    }

.row-accordion {
    display: none;
}

    .row-accordion.show {
        display: table-row;
    }

.input-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.input-group input {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #323C47;
    transition: all 0.3s;
}

.rates {
    padding: 20px 10px 0 10px;
}

    .rates label.container-checkbox {
        font-size: 14px;
        line-height: 19px;
        color: #323C47;
        margin: 20px 0 30px 0;
    }

.input-group input:focus-visible {
    color: #192A3E;
}

/*Tabs-2*/

.tab-2 {
    cursor: pointer;
    padding: 20px 35px;
    margin: 0px 2px;
    display: inline-block;
    color: #90A0B7;
}

.tabs-2 + .panels {
    background-color: inherit;
    padding: 20px 0 0 0;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#audit:checked ~ .panels #audit-panel,
#ticket:checked ~ .panels #ticket-panel {
    display: block
}

#audit:checked ~ .tabs-2 #audit-tab,
#ticket:checked ~ .tabs-2 #ticket-tab {
    background: inherit;
    color: #252C32;
    /*border-bottom: 3px solid #252C32;*/
}

.tabs-2 .tab:after {
    background-color: #252C32;
    content: "";
    padding: 0px;
    width: 0;
    height: 0px;
    position: absolute;
    bottom: 0px;
    z-index: 10;
    left: 0;
    right: 0;
    transition: all 0.3s linear;
    margin: auto;
}

#audit:checked ~ .tabs-2 #audit-tab::after,
#ticket:checked ~ .tabs-2 #ticket-tab::after {
    padding: 1px;
    width: 100%;
    height: 1px;
}


.tab-2:before {
    content: "";
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.tabs-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .tabs-2:after {
        content: "";
        padding: 1px;
        background-color: #E5E9EB;
        width: 80%;
        height: 1px;
        position: absolute;
        bottom: 0px;
    }

/*Tabs-2*/
.tab {
    transition: all 0.3s;
    position: relative;
}

.tabs-2 + .panels .col {
    padding-right: 0;
    padding-left: 0;
}

.toolbar-2 {
    display: inline-flex;
    margin-bottom: 0;
}

    .toolbar-2 .button-accent {
        padding: 10px 33px;
        font-size: 1em;
        letter-spacing: 0.1em;
    }

.panel-toolbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.button-5 {
    background-color: transparent;
    color: #C2CFE0;
    border: 1px solid #C2CFE0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 10px 20px;
}

.dropdown.type-2 .btn {
    background: #818E9B;
    border-radius: 4px;
    color: #FFFFFF;
    margin: 10px 20px;
}

.button-group-img label {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #6A707E
}

.button-group-img {
    display: flex;
}

.gdd-card {
    border: 1px solid #C2CFE0;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
    flex: 1 1 auto;
    margin: 10px 20px;
}

.group-input textarea {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    border: unset;
    border-bottom: 1px solid #D3D8DD;
    flex: 1 1 auto;
    max-height: 100%;
    resize: none;
}

.group-input textarea::placeholder {
    color: #818E9B;
}

.group-input textarea:focus-visible {
    outline: none;
}

/*.button-back:before {
    content: "";
    padding: 15px;
    background-image: url(?resource=SharedResource/img/back.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.button-back:after {
    content: unset;
}*/

/*pagination pages*/
.pagination .page-item .first,
.pagination .page-item .last {
    width: auto;
    padding: 15px;
}

#first:checked ~ .panels #first-panel,
#second:checked ~ .panels #second-panel,
#third:checked ~ .panels #third-panel {
    display: block;
}

#first:checked ~ .tabs #first-tab,
#second:checked ~ .tabs #second-tab,
#third:checked ~ .tabs #third-tab {
    background: #ffffff;
    color: #334D6E;
    border-bottom: 3px solid #334D6E;
}

.tabs h2 {
    padding: 22px 24px 15px 22px;
}

select {
    border: none;
    padding: 10px 5px;
    border-bottom: 1px solid #D3D8DD;
    background-color:transparent;
}
.dropdown select {
    box-shadow: inset 0 0 0 5px #F5F6F8 !important;
}
.form-control.select-border-bottom {
    border: none;
    border-bottom: 1px solid #cdd4e0 !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-bottom: 1px solid #cdd4e0 !important;
    background-color:transparent;
}

    select:focus-visible {
        outline: none;
    }

.warning-gdd {
    display: flex;
    align-items: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F7685B;
}

.button-5 {
    border-color: #109CF1;
    color: #109CF1;
}

    .button-5:focus {
        outline: none;
    }

.dropdown.type-2 .btn {
    background: #334D6E;
    transition: 0.3s;
}

    .dropdown.type-2 .btn:focus-within {
        background: #FFB946;
    }

.button-5:disabled {
    color: #C2CFE0;
    border-color: #C2CFE0;
}

.w-45 {
    width: 45% !important;
}

form .container-checkbox {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.default-page h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.default-page h2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.button-padding {
    padding: 10px 50px;
}

.button-accent {
    font-size: 14px;
    line-height: 19px
}

.auditor-side-bar {
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.auditor-side-bar-item:hover,
.auditor-side-bar-item:hover span {
    color: #109CF1;
}

.auditor-side-bar-item {
    transition: 0.3s;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
    padding: 20px 60px 20px 20px;
    border-bottom: 1px solid #EBEFF2;
}

.auditor-side-bar-item a {
    margin-left: 7px;
}

.entity-link {
    display: flex;
}

.entity-link span {
    min-width: 24px;
}

.select-by-parent {
    width: inherit;
}

.radio-group span {
    display: block;
    padding: 10px;
    width: 100%;
}

.radio-group {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #C2CFE0;
    border-radius: 10px;
    padding: 10px;
}

.group-checklist {
    display: flex;
    flex-wrap: wrap;
}

    .group-checklist label {
        display: block;
        width: 50%;
    }

.auditor-page h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.auditor-page p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #6A707E;
}

.auditor-page h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #323C47;
}

.btn-gray.button-accent {
    background-color: #C2CFE0;
}

.button-padding-s {
    padding: 20px;
}

.button-svg {
    background-position: center;
    background-repeat: no-repeat;
}

#btn-no {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='white' /%3E%3C/svg%3E");
}

#btn-yes {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00039 10.988L2.90646 6.89403L2.80039 6.78797L2.69432 6.89403L1.29432 8.29403L1.18826 8.4001L1.29432 8.50616L6.89432 14.1062L7.00039 14.2122L7.10646 14.1062L19.1065 2.10616L19.2125 2.0001L19.1065 1.89403L17.7065 0.494032L17.6004 0.387966L17.4943 0.494032L7.00039 10.988Z' fill='white' stroke='%23109CF1' stroke-width='0.3' /%3E%3C/svg%3E");
}

.before-card {
    margin: 10px 20px;
}

.group-input input[readonly] {
    border-bottom: unset;
}

.group-input.type-half {
    width: 45%;
    margin-right: auto;
}

.col-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.button-padding-ss {
    padding: 7px 25px;
}

.flex-grow-colum {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.auditor-btn-group {
    display: flex;
    flex-direction: row;
    max-height: 30px;
}

    .auditor-btn-group button {
        padding: 5px;
        margin: 0 5px;
    }

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.col-form label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #323C47;
}

input.table-input {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #323C47;
    transition: all 0.3s;
    border: unset;
    border-bottom: 1px solid #D3D8DD;
    padding: 5px 3px;
    border-color: #818E9B;
}

input.table-input:focus {
    background-color: transparent;
}

input.table-input:focus-visible {
    outline: unset;
    border-bottom: 1.5px solid black;
}


/*dropdown menu*/
.dropdown.account .dropdown-menu {
    transform: translate3d(-35px, 60px, 0) !important;
    top: 0px !important;
}

    .dropdown.account .dropdown-menu a {
        text-align: center;
    }

.dropdown.account .dropdown-toggle::after {
    display: none;
}

.dropdown.account .dropdown-menu {
    overflow-y: hidden;
}

.account .div-without-img {
    height: 47px;
    width: 47px;
    border-radius: 50px;
    background-color: cornflowerblue;
    color: white;
    letter-spacing: 1px;
    padding-top: 13px;
}
/*end dropdown menu*/

.signature-container {
    border: 1px dashed #C2CFE0;
    border-radius: 5px;
    height: 100%;
}

.signature-container canvas {
    width: 100%;
    height: 100%;
}

.signature-container.signature-placeholder:before {
    content: "Please Sign Here ";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #90A0B7;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='84' height='71' viewBox='0 0 84 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M79.7633 1.93478C75.9743 -0.117221 71.2223 1.29578 69.1703 5.08478L42.3323 54.6658C42.2783 54.7738 42.2423 54.8818 42.2153 54.9988C42.2063 55.0258 42.2063 55.0528 42.1973 55.0798C42.1793 55.1878 42.1703 55.2958 42.1793 55.4038C42.1793 55.4128 42.1793 55.4218 42.1793 55.4308L43.1783 66.9868C43.2143 67.4368 43.4753 67.8328 43.8713 68.0578C44.0693 68.1658 44.2943 68.2288 44.5193 68.2288C44.7353 68.2288 44.9513 68.1748 45.1403 68.0758L55.5083 62.6758C55.5173 62.6668 55.5263 62.6668 55.5353 62.6578C55.6163 62.6128 55.6973 62.5498 55.7693 62.4868C55.7963 62.4688 55.8233 62.4508 55.8413 62.4238C55.9313 62.3338 56.0123 62.2348 56.0753 62.1088L81.3563 15.3988L82.9133 12.5278C84.9653 8.73878 83.5523 3.98678 79.7633 1.93478ZM78.4763 4.31078C80.9603 5.65178 81.8783 8.76578 80.5373 11.2408L79.6283 12.9238L70.6373 8.05478L71.5463 6.37178C72.8873 3.89678 75.9923 2.96978 78.4763 4.31078ZM54.3473 59.6338L45.3563 54.7648L69.3503 10.4308L78.3413 15.2998L54.3473 59.6338ZM45.0773 57.6898L52.0073 61.4428L45.6893 64.7368L45.0773 57.6898Z' fill='%23C2CFE0'/%3E%3Cpath d='M39.8668 67.257C36.0238 66.978 32.5948 65.727 29.2108 63.945C27.5998 63.099 25.9528 62.442 24.1078 62.451C23.0728 62.451 22.0648 62.622 21.0658 62.865C23.9818 55.737 26.8978 48.618 29.8138 41.49C30.4708 39.879 27.8698 39.186 27.2128 40.77C23.7298 49.176 20.1928 57.6 15.6208 65.475C14.5588 50.409 17.5468 35.406 18.3568 20.376C18.5728 16.344 18.5638 12.222 16.6198 8.56795C16.1248 7.63195 14.8108 7.75795 14.2888 8.56795C9.0778 16.668 5.1628 25.605 2.7688 34.929C1.5628 39.6 0.725797 44.379 0.320797 49.176C0.113797 51.678 0.0687968 54.198 0.365797 56.7C0.626797 58.878 0.959797 61.461 2.5618 63.108C4.2088 64.791 6.8008 64.89 8.8708 64.008C10.4638 63.324 11.6608 62.1 12.6958 60.75C12.7588 63.729 12.9388 66.699 13.2988 69.66C13.4608 70.947 15.0358 71.55 15.8188 70.344C16.6828 68.994 17.5018 67.617 18.2938 66.222C18.5548 66.33 18.8428 66.366 19.1128 66.276C20.9578 65.664 22.9648 64.935 24.9358 65.196C26.6188 65.421 28.0498 66.438 29.5348 67.176C32.7748 68.787 36.2578 69.696 39.8668 69.957C41.6038 70.083 41.5948 67.383 39.8668 67.257ZM11.7508 57.393C10.7338 58.9319 9.5908 60.7859 7.8088 61.542C6.0178 62.298 4.3528 61.713 3.7138 59.832C2.3278 55.719 2.7688 50.931 3.2728 46.701C4.2628 38.358 6.5308 30.096 9.9058 22.401C11.4358 18.9 13.2088 15.516 15.1798 12.249C15.8818 14.796 15.7918 17.541 15.6568 20.169C15.4498 24.183 15.0808 28.188 14.6668 32.184C13.8478 40.167 12.8758 48.15 12.6868 56.187C12.6778 56.394 12.6868 56.601 12.6778 56.808C12.3358 56.835 11.9938 57.024 11.7508 57.393Z' fill='%23C2CFE0'/%3E%3C/svg%3E%0A");
}

.signature-container.signature-placeholder:hover:before {
    z-index: -1;
}


a.button-tertiary {
    display: flex;
}

/*Tooltip start*/

.tooltip-gdd {
    position: relative;
    display: inline-block;
}

.tooltip-gdd .tooltiptext-gdd {
    visibility: hidden;
    width: 300px;
    background-color: #f5f6f8;
    color: #323C47;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    transition: 0.3s;
}


.tooltip-gdd:hover .tooltiptext-gdd {
    visibility: visible;
}

.tooltip-gdd .tooltiptext-gdd.tooltip-bottom {
    height: 0;
    top: 70%;
    left: 0;
}

.tooltip-gdd:hover .tooltiptext-gdd.tooltip-bottom {
    height: 30px;
}


/*Tooltip end*/

.new-ticket,
tr.new {
    border: 1px solid green;
    background-color: #00800029;
}

#scheduleAuditModal input[type=date].form-control {
    display: inline-block;
    width: 140px;
}

span.new-status {
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
}

.container-checkbox .tooltiptext-gdd {
    font-size: 14px;
    height: 30px;
}

.container-checkbox.tooltip-gdd .tooltiptext-gdd.tooltip-bottom {
    top: 20px;
    height: 35px;
}

.admin-content .badge {
    font-size: 14px;
    display: block;
    width: fit-content;
}

.form-control.select-border-bottom {
    border: none;
    border-bottom: 1px solid #cdd4e0 !important;
    box-shadow: inset 0 0 0 5px #fff !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-bottom: 1px solid #cdd4e0 !important;
}

#modal-schedule-audit-container input[type=time] {
    width: 35%;
    display: inline-block;
}

.flex-wrap {
    flex-wrap: wrap;
}

.auditor-filter {
    margin-right: 30px;
    display: flex;
    flex-basis: 30%;
    align-items: center;
}

.auditor-filter input {
    background: none;
    margin-right: 10px;
    padding-left: 25px;
    margin-left: -20px;
}

.auditor-filter label {
    width: 40%;
}

#bulk-update-form .form-control:disabled,
#bulk-update-form .form-control[readonly] {
    background-color: unset;
    border: unset;
    width: 150px;
    margin-right:unset;
}
.new-row:not(:last-child) {
    border: 1px solid #00800029;
    background-color: #00800029;
}
.new-row:last-child{
    /*display:none;*/
}

    .new-row:last-child .btn-delete-new-row {
        display: none !important;
    }

    .new-row .container-checkbox,
    .new-row .settings-icon {
        display: none !important;
    }

.btn-undelete-row {
    display: none !important;
}

.exist-row-to-delete {
    background-color: #ff000429;
}

    .exist-row-to-delete .settings-icon,
    .exist-row-to-delete .btn-to-hide {
        display: none !important;
    }
    .exist-row-to-delete .btn-undelete-row {
        display:block !important;
    }

    #bulk-update-form select.form-control:disabled,
    #bulk-update-form select.form-control[readonly] {
        width: 150px;
    }

#bulk-update-form .dynamic-cell .form-control:disabled,
#bulk-update-form .dynamic-cell .form-control[readonly] {
    width: 50px;
}


/*notification*/

.notification {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 16.2071V16.5H0.5V16.2071L2.35355 14.3536L2.5 14.2071V14V9C2.5 6.09437 4.02219 3.78092 6.61528 3.16653L7 3.07538V2.68V2C7 1.44614 7.44614 1 8 1C8.55386 1 9 1.44614 9 2V2.68V3.07506L9.38434 3.16644C11.9681 3.78076 13.5 6.10482 13.5 9V14V14.2071L13.6464 14.3536L15.5 16.2071ZM9.41352 18.5C9.20605 19.0806 8.64884 19.5 8 19.5C7.34433 19.5 6.79074 19.0813 6.58536 18.5H9.41352Z' fill='white' stroke='%23C2CFE0'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    margin-right: 20px;
    background-size: 20px;
    position: relative;
    cursor: pointer;
}

.notification .notification-count {
    background-color: #F7685B;
    height: 20px;
    width: 25px;
    border-radius: 5px;
    position: absolute;
    top: 8px;
    right: -16px;
    text-align: center;
    color: white;
    font-size: 13px;
    display: none;
}

.item-link {
    margin-top: 5px;
    color: #109CF1;
}

.notification.active .notification-count {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.notification-container {
    background-color: white;
    border-radius: 4px;
    width: 240px;
    height: 260px;
    top: 60px;
    right: 50px;
    z-index: 666;
    position: absolute;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    display: none;
    padding: 10px;
}

.notification-area {
    padding-top: 6px;
}

.notify-item:hover {
    background-color: #f4f6f8;
    border-radius: 4px;
}

.simple-notification {
    display: flex;
    align-items: center;
    color: #323C47;
}

.simple-notification-number {
    margin-left: 19px;
    color: #90A0B7;
    font-size: 12px;
}

.notification-container .all-content {
    height: 90%;
    border-bottom: 1px solid #C2CFE0;
}

.notification-container .all-content .title {
    padding: 3px 0px 0px;
    display: flex;
    justify-content: space-between;
}

.notifyYetBell {
    width: 94px;
    height: 94px;
    background-color: #ebf7ff;
    border-radius: 50%;
    position: relative;
}

/*notification end*/


.bold-text {
    color: #192A3E;
    font-weight: 600;
}

.colum-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.colum-center:hover {
    background-color: white;
}

.accent-bordered .checkmark {
    border-color: #109CF1;
}
.container-checkbox.accent-bordered input:checked ~ .checkmark {
    background-color: #109CF1;
    border-color: #109CF1;
}
.accent-color {
    color: #109CF1;
}
.gray-color {
    color: #D5D5D5;
}

table.gdd-table.scrolable-x{
    overflow-x:auto;
}
.login-page{
    display:flex;
}
.left-login-logo {
    height: 100vh;
    flex-basis: 50%;
}

.left-login-logo img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.right-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    flex-basis: 50%;
}
.login-page {
    display: flex;
}

h2 a {
    color: #031b4e;
}
.row-details{
    position:relative;
}

.companion-badge-container {
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #109CF1;
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    font-size: 10px;
    display: flex;
    justify-content: center;
}

.companion-badge {
    display: flex;
    align-items: center;
}

.row-details.Returned {
    /*border: 1px solid red;*/
    background-color: #ff000045;
}

.w-150px {
    width: 150px;
}

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

.select2-width-100 {
    display: block;
    width: 100%;
}


/*pagination pages*/

nav {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    color: #707683;
}

.pager {
    display: flex;
    align-items: center;
}

.pager ul {
    margin: 0;
}

.pager label {
    margin-left: 15px;
    font-size: 13px;
}

.dropdown-secondary {
    width: 202px;
    display: flex;
    align-items: center;
}

.dropdown-secondary > label {
    width: 170px;
    margin-right: 10px;
    color: #323C47
}

.dropdown-item {
    max-width: 150px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.pagination .page-link:focus {
    outline: none;
    border: none;
    box-shadow: unset;
}

.page-item.active .page-link {
    background-color: #098EDF;
    border-radius: 4px;
}

.pagination .page-link {
    background-color: inherit;
    cursor: pointer;
}


.dropdown-secondary .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #323C47;
    font-weight: 600;
}

.dropdown-secondary .select2-container--default .select2-selection--single {
    border: 1px solid #90A0B7 !important;
    border-radius: 4px;
}

.dropdown-secondary .select2-container--open .select2-selection__arrow {
    transform: rotate(180deg) !important;
}

.dropdown-secondary .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    top: 45%;
    right: 0px;
    width: 45px;
    margin-top: -15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
}

.dropdown-secondary .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 0L4 3.09042L7.06 0L8 0.951417L4 5L0 0.951417L0.94 0Z' fill='%2390A0B7'/%3E%3C/svg%3E ");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 9px !important;
    width: 14px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
}

/*pagination pages end*/

.hide-element {
    display: none;
}

.exposure-units {
    max-height: 500px;
    overflow-y: scroll;
}

.exposure-units-total {
    margin: 20px 0;
    width: 20%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #031b4e;
    font-weight: 600;
}

.cut-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-main-table .cut-text {
    max-width: 190px;
    width: 110px;
}

.ticket-main-table thead tr td {
    max-width: 190px;
    width: 110px;
}

.ticket-main-table .cut-text.cut-insured {
    max-width: 115px;
}

.ticket-main-table .cut-text.cut-insurence {
    max-width: 210px;
}

.space-between {
    justify-content: space-between;
}

.read-point {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #109CF1;
}

.not-read-point {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #109CF1;
    border-radius: 50%;
}

.padding-left-40p {
    padding-left: 40px;
}

.pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.color-blue {
    color: #109CF1;
}

.w-240px {
    width: 240px;
}

.height-100 {
    height: 100%;
}

.min-height-300px {
    min-height: 300px;
}

.auditor-side-bar-selected {
    border-right: 2px solid #109CF1;
}

.auditor-side-bar-selected * {
    color: #109CF1;
}

p.notification-message {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #6A707E;
}

.admin-footer {
    display: block;
    background-color: #fff;
    border-top: 1px solid #cdd4e0;
    margin-top: auto;
    margin-left: -35px;
    margin-right: -35px;
}

    .admin-footer .container {
        font-size: 12px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #7987a1;
    }

        .admin-footer .container span {
            padding: 10px 0px;
        }


.auditor-footer {
    display: block;
    background-color: #fff;
    border-top: 1px solid #cdd4e0;
    margin-top: auto;
    margin-left: -35px;
    margin-right: -35px;
}

    .auditor-footer .container {
        font-size: 12px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #7987a1;
    }

        .auditor-footer .container span {
            padding: 10px 0px;
        }