/* You can add global styles to this file, and also import other style files */


/*
CSS Author: Praveen.G
Date:15:10:2020
*/


/* ================================================== */


/*Button Color*/


/*text color*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}


/* make sure to set some focus styles for accessibility */

:focus {
    outline: 0;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    text-decoration: none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}


/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}


/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: none;
    text-decoration: none !important;
}


/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}


/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}


/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}


/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}


/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul {
    padding: 0;
}


/* Common */

.body-container {
    padding: 20px;
    background: #f5f5f5;
}

.ix-no-pad {
    padding: 0;
}

.row-space {
    margin: 30px 0;
}


/* End Common */


/* Basic table */


/*.ix-table-bg h5 {
  margin: 0;
  background-color: #fff;
  padding: 15px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
*/

.ix-table-bg {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dde1e5;
    overflow-x: auto;
    transition: all .3s ease 0s;
    -webkit-box-shadow: 0px 1px 2px 2px rgba(154, 154, 204, 0.22);
    -moz-box-shadow: 0px 1px 2px 2px rgba(154, 154, 204, 0.22);
    padding: 25px;
    border-radius: 4px;
}

.table-padding {
    padding: 20px;
}

.ix-table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse !important;
    border-spacing: 0;
    padding: 24px;
}

.ix-table1 {
    border-collapse: separate !important;
    border-spacing: 0 10px;
    padding: 0 20px;
}

.ix-table-responsive {
    display: block;
    width: 100%;
}

.ix-table .ix-thead th {
    vertical-align: bottom;
}

.ix-table td,
.ix-table th {
    padding: 12px 20px;
    vertical-align: top;
    border: 1px solid #dee2e6;
}

.ix-table th {
    font-size: 15px;
    font-weight: 600;
}

.ix-table td {
    font-size: 14px;
    font-weight: 500;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 0;
}

th {
    text-align: inherit;
}


/* Basic table */


/* Hover table */

.ix-table .ix-tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}


/* Hover table */


/* Responsive table */

.table-pagination {
    float: right;
    text-align: right;
    margin: 20px 0;
    padding: 12px 0px;
    border-radius: 4px;
    border: 1px solid #d3d3d378;
}

.resp-table {
    overflow: scroll;
}

.table-pagination .pagination-button {
    padding: 8px 16px;
}

.table-pagination .pagination-button:hover {
    box-shadow: none !important;
    background: #0e2856 !important;
    border-radius: 4px;
    color: #fff !important;
}


/* End Responsive table */


/* IWL table css */

.mob-label,
.mob-label-1,
.time {
    display: none;
}

.table-row tr {
    padding: 10px 0;
}

.table-row tr {
    border-radius: 3px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    color: #4a4a4a;
}

.ix-table1 .ix-thead th {
    vertical-align: bottom;
    font-size: 13px;
    color: #566483;
    cursor: pointer;
    position: relative;
}

.ix-table1 td,
.ix-table1 th {
    padding: 12px 14px;
    vertical-align: middle;
}

.ix-table1 td,
.ix-table1 th {
    border: none;
}

.mid-txt {
    vertical-align: text-bottom;
}


/*th {
  text-align: inherit;
}
a:hover{
  text-decoration:none;
}*/

.badge-orange {
    background: #0e2856;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    padding: 4px 14px;
}

.table1 .under-text,
.table2 .under-text {
    color: #3597ec;
    font-weight: 600;
    font-size: 14px;
}

.down-arrow {
    padding-left: 8px;
}

.table1 .under-text:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 14px;
    width: 63px;
    border-bottom: 2px solid #5dabec;
    bottom: 0px;
    justify-content: center;
    align-items: center;
    display: inline-table;
    vertical-align: middle;
}

.table1 .under-text:hover {
    color: #5dabec;
    text-decoration: none;
}

.table-row {
    font-size: 13px;
    color: #9fa9bc;
}

.table-row .table-name img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: -8px 0;
    max-width: 30px;
}

.prfl-align a {
    display: inline-block;
    width: 8%;
    vertical-align: middle;
}

.table-row td:first-child {
    position: relative;
}

.prfl-align {
    vertical-align: inherit;
}

.midd-name {
    padding: 0 0 0 20px;
}

.midd-name {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 85%;
    vertical-align: middle;
    word-break: break-word;
}

.table-sec {
    width: 100%;
}

.table-row td:last-child {
    cursor: pointer;
}

tr.collapse.show td.caret {
    transform: rotate(180deg);
    transition: 0.4s ease;
}

.dropdown-menu.drop-ul-head {
    position: absolute;
    will-change: transform;
    top: 2px;
    left: -16px !important;
    right: 0;
    width: 220px;
    transform: translate3d(-86px, 43px, 1px) !important;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.23);
    border: none;
    z-index: 9999;
}

ul.dropdown-menu.drop-ul-head.show:before {
    position: absolute;
    content: '';
    top: -9px;
    right: 16px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #ffffff;
    opacity: 1;
    transform: rotate(180deg);
}

.txt-img svg {
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.item-drop {
    padding: 10px;
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.active-pink-4 input {
    font-size: 13px;
}

.item-drop:hover {
    color: #4b4c4e !important;
}

.drop-li {
    max-height: 137px;
    overflow-y: auto;
}

.drop-li.btn-li {
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    display: flex;
    margin: auto;
    padding-top: 12px;
}

.btn-span .cancel-btn,
.btn-span .filter-btn {
    background: #656565;
    border: none;
    font-size: 13px;
    font-weight: 600;
}

.btn-span .filter-btn {
    background: #f47b22;
}

.btn-span {
    margin-right: 7px;
}

.btn-span.mr-span {
    margin-left: 44px;
}


/*select box style ends*/


/*inner-table css begin*/

.ul-inner-1 .li-inner-1,
.ul-inner-2 .li-inner-2 {
    display: inline-block;
    text-align: left;
    color: #000;
    font-size: 13px;
    font-weight: 600 !important;
    padding: 12px 0;
    width: 33.3%;
    position: relative;
}

.overall-ul-inner .li-inner-2 {
    width: 33.3%;
    position: relative;
    display: inline-block;
}

.overall-ul-inner .li-inner-2 {
    display: inline-block;
}

.ul-inner-2 .overall-li-inner,
.overall-ul-inner {
    display: inline-flex;
    width: 100% !important;
}

.ul-inner-2 .li-inner-2 {
    color: #423d3d;
    font-weight: 400;
    z-index: 999;
}

.in-negative.inner-badge {
    background: #445f80;
}

.square-bg {
    width: 22px;
    height: 22px;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    line-height: 21px;
    cursor: pointer;
}

.ul-inner-1,
.ul-inner-2 {
    align-items: normal;
    justify-content: space-evenly;
    display: flex;
}

.inner-badge {
    padding: 6px 12px;
    font-size: 11px;
    background: #445f80;
    font-weight: 500;
}

.li-inner-1 .dot_1 {
    background: #7455e5;
    height: 8px;
    width: 8px;
    z-index: 999;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 19px;
}

.li-inner-2 .table-time {
    text-align: center;
    background: #fff;
    padding-left: 20px;
    padding-top: 0px;
    color: #000;
}

.order1 .no-pad {
    padding: 17px 0px;
    background: #fff;
}

span.dot_1:after,
p.table-time:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 20px;
    background: #cbcfde;
    text-align: center;
    margin: 0 auto;
    left: -1px;
    right: 0px;
    top: 10px;
}

p.table-time:after {
    height: 40px;
    z-index: -1;
}

p.table-time:before {
    content: " ";
    background: #fa5100;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 50px;
}

.table-time.p-table:before {
    bottom: -8px;
    background: #fa5100;
}

.li-inner-2.color-li {
    color: #0e2856;
    font-weight: 600;
}

.visit {
    color: #008da2;
}

.no-visit {
    color: #ff0000;
}

.table-li .inner-elements {
    padding-bottom: 20px;
}

.txt-center {
    text-align: center !important;
}

.li-inner-txt {
    text-align: center !important;
}

.prfl-align .mob-arrow {
    background: #f27932;
    height: 16px;
    width: 16px;
    display: inline-block;
    float: right;
    border-radius: 3px;
    display: none;
}

.li-inner-text {
    display: none;
}

.badge-danger {
    background: #cf483b;
}

.mob-arrow {
    display: none;
}

.mob-arrow-down {
    display: none;
}

.date-sec {
    padding: 0 20px;
}

.date-box .date-count {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    background: #0e2856;
    padding: 4px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: relative;
}

span.date-count:after {
    content: "";
    position: absolute;
    left: auto;
    top: 26px;
    right: 0px;
    width: 0;
    right: -18px;
    height: 0;
    margin-left: 0;
    box-sizing: border-box;
    border: 9px solid #000;
    transform-origin: 0 0;
    transform: rotate(224deg);
    box-shadow: -2px 2px 4px 0 rgba(149, 149, 149, 0.4);
    border-color: transparent transparent #0e2856 #0e2856;
}

.date-display {
    overflow: hidden;
    position: relative;
    flex: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.date-display .date-box {
    display: table;
    flex: auto;
    justify-content: flex-end;
    margin: 0;
    z-index: 1;
    cursor: default;
}

.date-box:after {
    content: ' ';
    position: absolute;
    width: 100%;
    border: 1px dashed #ddd;
    height: 1px;
    display: inline-block;
    margin-top: 0px;
    z-index: -1;
    margin: auto;
    top: 0;
    bottom: 1px;
}


/* table css ends */


/*==========================================================*/

@media only screen and (max-width: 768px) {
    .ix-table1 td,
    .ix-table1 th {
        padding: 12px 9px !important;
    }
    span.dot_1:after,
    p.table-time:after {
        height: 47px;
    }
    p.table-time:after {
        height: 84px;
    }
    .table1 .under-text:before {
        left: 10px;
    }
    .ix-table1 .table-th {
        padding: 0px 0px;
        vertical-align: middle !important;
    }
}

@media only screen and (max-width: 567px) and (min-width: 320px) {
    .prfl-align .mob-arrow {
        display: block;
    }
    .mob-label {
        color: #3597ec;
        font-weight: 600;
        font-size: 14px;
        display: block;
    }
    .mob-label1 {
        width: 100% !important;
    }
    .resp-inner {
        display: none;
    }
    .table1 .under-text:before {
        top: 40px;
    }
    .ix-thead,
    p.table-time:before,
    .li-inner-1 .dot_1 {
        display: none;
    }
    .dot-none {
        display: none !important;
    }
    .ix-table1 td {
        width: 100%;
        float: left;
    }
    .mob-arrow-down {
        position: absolute;
        right: 16px;
        top: 16px;
        display: block;
    }
    .arrow-down {
        display: none;
    }
    .ul-inner-1 .li-inner-1,
    .ul-inner-2 .li-inner-2 {
        width: 100%;
    }
    .li-inner-text {
        display: block;
        background: #f4f5fa;
        font-weight: 100;
    }
    .mob-label1,
    .time {
        padding: 0;
    }
    .mob-label1,
    .time {
        display: inline-block;
        text-align: left;
        color: #566483;
        font-size: 13px;
        font-weight: 600;
        padding: 12px 0;
        width: 33.3%;
        position: relative;
    }
    .ul-inner-2 .li-inner-2 {
        z-index: auto;
    }
    .li-inner-txt {
        text-align: left !important;
    }
    .ml-auto {
        margin-left: 0 !important;
    }
    .midd-name {
        padding: 0 0 0 15px;
    }
}


/* End IWL table css */


/* madhavi */

.ix_table-responsive {
    background: #fff;
    padding: 10px 10px;
    border-radius: 4px;
}

.ix_table-responsive .card {
    margin: 0 0 10px 0;
}

.ix_table-responsive .card a.card-link:focus {
    outline: none;
}

.ix_table-responsive .card .card-header {
    background: #e6e9ee;
}

.ix_table-responsive .card a.card-link {
    color: #122856;
    font-weight: 400;
    font-size: 15px;
}

.ix_table-responsive .card .card-body {
    background: #f5f7fa;
    font-size: 14px;
    padding: 10px 20px;
}

.ix_table-responsive .card .card-body table,
.ix_table-responsive .card .card-body table tbody,
.ix_table-responsive .card .card-body table,
.ix_table-responsive .card .card-body table tbody tr {
    width: 100%;
}

.ix_table-responsive .card .card-body table tbody tr td,
.ix_table-responsive .card .card-body table tbody tr th {
    padding: 10px 15px;
    min-width: 50px;
    max-width: 50px;
}

table.table-header {
    background: #fff;
    box-shadow: 0px 4px 5px 0 #ddd;
    z-index: -1;
    border-radius: 4px 4px 0 0;
}

table.table-body {
    background: #fff;
    box-shadow: 3px 2px 2px #ddd;
    z-index: 9;
    box-shadow: inset 0 0 5px #ddd;
    border-radius: 0 0 4px 4px;
}

.ix_table-responsive .card .card-body table.table-body tbody tr td {
    /*   padding: 10px 15px;*/
    line-height: 18px;
    font-size: 12px;
}

.ix_table-responsive .card .card-body table tbody tr th {
    font-size: 13px;
    font-weight: 600;
    color: #565656;
}

.table-1:nth-child(2n),
.ix_table-responsive .card:nth-child(2n) {
    margin: 10px 0;
}

.table-1:last-child,
.ix_table-responsive .card:last-child {
    margin: 10px 0 0 0;
}

.table-1.active-tab .table-body {
    display: table;
}

.table-body,
.mob-list-header,
tr.mob-table-detaile .mob-view {
    display: none;
}

@media (max-width: 567px) {
    .ix_table-responsive .card .card-body table tbody tr th,
    th.mob-table-header span,
    .ix_table-responsive .card .card-body table tbody tr.mob-table-detaile td.id {
        display: none;
    }
    .ix_table-responsive .card .card-body table tbody tr th.mob-table-header {
        display: block;
        padding: 5px;
        max-width: 100%;
    }
    .ix_table-responsive .card .card-body table tbody tr th.user-name,
    tr.mob-table-detaile .mob-view {
        display: inline-flex;
    }
    .ix_table-responsive .card .card-body table tbody tr th.user-name label {
        padding: 0 6px;
        text-decoration: underline;
        color: #122856;
    }
    ul.mob-list-header,
    ul.mob-list-header li {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        flex-flow: row wrap;
    }
    ul.mob-list-header li {
        width: 50%;
    }
    ul.mob-list-header li a {
        padding: 0 4px;
        line-height: 24px;
        font-size: 11px;
    }
    .search-bar {
        position: relative;
    }
    .search-bar button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 10px;
        border-radius: 0 4px 4px 0;
        border: none;
    }
    .search-bar input {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px 35px 8px 35px;
        width: 100%;
    }
    ul.mob-list-header li:last-child {
        margin-left: auto;
        justify-content: flex-end;
    }
    .ix_table-responsive .card .card-body table tbody tr.mob-table-detaile td {
        display: block;
        max-width: 100%;
    }
    .table-1.active-tab .table-body {
        display: block;
    }
    label.mob-view {
        color: #566483;
        font-weight: 600;
        width: 80px;
    }
    .ix_table-responsive .card .card-body table tbody,
    .ix_table-responsive .card .card-body table tbody tr {
        display: block;
    }
    label.mob-view {
        display: inline-block;
    }
    .ix_table-responsive .card .card-body table tbody tr.mob-table-detaile td span {
        display: inline-block;
        width: 50%;
        vertical-align: text-top;
    }
    .ix_table-responsive .card .card-body table tbody tr {
        display: none;
    }
    .ix_table-responsive .card .card-body table tbody tr.mob-table-detaile,
    .ix_table-responsive .card .card-body table tbody tr.mobile-header,
    .search-bar .dropdown .dropdown-content.active {
        display: block;
    }
    .ix_table-responsive .card .card-body {
        padding: 10px;
    }
    .table-1:last-child,
    .ix_table-responsive .card:last-child,
    .table-1:nth-child(2n),
    .ix_table-responsive .card:nth-child(2n) {
        margin: 0;
    }
    .dropdown {
        position: absolute;
        left: 0;
    }
    button.dropbtn {
        position: absolute;
        left: 0;
        top: -30px;
        background: transparent;
        border: none;
        padding: 0 15px;
        outline: none;
        height: auto;
    }
    .dropdown-content a {
        display: block;
        width: 100%;
    }
    .search-bar .dropdown {
        display: block;
        width: 100%;
        background: #fff;
        border-radius: 0 0 4px 4px;
        padding: 0px 5px;
        z-index: 1;
    }
    .search-bar .dropdown .dropdown-content {
        display: none;
    }
    button.dropbtn i {
        font-size: 24px;
        color: #999;
    }
    .search-bar .dropdown .dropdown-content.active {
        box-shadow: 0 0 10px #ddd;
    }
}


/* End madhavi */

.ix-content-details1.active,
.ix-content-details2.active,
.ix-content-details3.active,
.ix-content-details4.active,
.ix-content-details5.active {
    display: block;
}

.ix-content-details1,
.ix-content-details2,
.ix-content-details3,
.ix-content-details4,
.ix-content-details5 {
    display: none;
}

.custom-table-space table {
    border-spacing: 0px 10px;
    border-collapse: collapse;
}

.custom-comm-table .custom-table-head .custom-table-head-row {
    background-color: #0a7e90;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    max-width: 100%;
}

.custom-table-head-row {
    border-radius: 0px;
    box-shadow: 0 0 10px 0 #e3e9f9;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.custom-comm-table .custom-table-head .custom-table-head-row th:first-child {
    border: none;
    border-radius: 3px 0 0 3px;
    text-align: left;
}

.custom-comm-table .custom-table-head .custom-table-head-row th:last-child {
    border: none;
    text-align: left;
    border-radius: 0 3px 3px 0;
}

.custom-table-body-row {
    border-radius: 2px;
    box-shadow: 0 0 2px #d2d2d2;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.custom-table-body-row:hover {
    box-shadow: 0 0 10px #ddd;
}

.custom-table-body-row td {
    vertical-align: middle !important;
    padding: 7px 15px;
    cursor: auto;
}

.table-text {
    font-weight: 400;
    color: #646464;
    width: 95%;
    word-break: break-word;
}

td.com-members-count {
    width: 200px;
}

button.list-action-buttons svg path {
    fill: #4a4a4a;
}

.custom-table-body-row td:first-child {
    border-radius: 2px 0 0 2px;
    text-align: left;
}

.custom-table-body-row td:last-child {
    border-radius: 0 2px 2px 0;
    text-align: left;
}

button.list-action-buttons:hover svg path {
    fill: #4D687E;
}

.table-text-para {
    margin-bottom: 0px;
    font-size: 13px;
}

.status-inactive {
    color: #d0021b;
    text-transform: capitalize;
}

.status-active {
    color: #417505;
    text-transform: capitalize;
}

.icons-ul {
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

.icons-li {
    display: inline-block;
}

.edit-icon {
    padding-right: 10px;
}

.edit-icon svg,
.trash-icon {
    fill: #4a4a4a;
}

.filter-para {
    margin-bottom: 0px;
}

.filter-hold {
    padding-left: 10px;
    cursor: pointer;
}

.dropdown-toggle::after {
    display: none !important;
}

.filter-hold {
    position: relative;
}

.filter-hold .branch-menu-options {
    position: absolute;
    transform: none !important;
    top: 26px !important;
    right: 0px !important;
    left: auto !important;
    will-change: transform;
}

.custom-dropdown-menu .custom-branch-dropdown-item .check-box-text span {
    color: #4a4a4a;
    font-size: 12px;
}

.custom-branch-dropdown-item {
    display: flex !important;
}

.custom-checkbox {
    padding-bottom: 0px !important;
}

.branch-select-common {
    position: relative;
    display: flex;
}

.branch-filter-options {
    position: absolute !important;
    background: #fff !important;
    min-width: 200px !important;
    box-shadow: 0 0 10px 0 #e3e9f9 !important;
    top: 29px !important;
    left: auto !important;
    right: 45px !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 0 !important;
}

.branch-filter-options.dropdown-menu.show:after {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    content: '';
    top: -15px;
    position: absolute;
    bottom: auto;
    right: 30px;
    transform: rotate(90deg);
    left: auto;
}

.status-select-common {
    position: relative;
    display: flex;
}

.status-filter-options {
    min-width: 200px !important;
    box-shadow: 0 0 10px 0 #e3e9f9;
    top: 28px !important;
    left: auto !important;
    right: -7px !important;
    bottom: auto !important;
    transform: none !important;
    padding: 0 0 12px 0 !important;
}

.custom-checkbox {
    width: inherit !important;
}

.checkbox-text {
    font-size: 12px;
}

.branch-drop-ul.ps-branch-drop {
    height: 120px;
}

.branch-drop-ul {
    margin-bottom: 0px;
}

.branch-drop-li {
    display: flex;
    padding: 10px 5px;
    padding-left: 10px;
    border-left: 3px solid #fff;
    cursor: pointer;
}

.branch-drop-li:hover {
    background: #f8f9fa;
}

.checkbox-text {
    color: #4a4a4a;
}

.branch-drop-li:hover {
    background: #edf5ff;
    border-left: 3px solid #01367a;
}

.add-clear-buttons-grp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px 15px 0px 15px !important;
    margin-bottom: 0px !important;
}

.form-group .filter-action-buttons {
    font-size: 12px !important;
    padding: 2px 15px !important;
}

.list-action-buttons {
    background: #fff;
    border: none;
    padding: 5px;
    outline: none;
    border-radius: 5px !important;
}

.list-action-buttons:focus {
    box-shadow: 0 0 0 0.2rem #86d9e7 !important;
}

.no-data-found-hold {
    width: 200px;
    height: auto;
    text-align: center;
    padding: 10px !important;
}

.no-data-found-hold img {
    width: 100%;
}

.no-data-text {
    color: #4a4a4a !important;
    margin-bottom: 0px !important;
    padding-top: 5px;
}

.add-btn-text {
    font-weight: 700;
}

.custom-search-input {
    color: #000 !important;
}

.resp-label {
    display: none;
}


/*Button Color*/


/*text color*/


/*navbar style*/

nav.navbar.topbar.navbar-expand-sm {
    height: 60px;
    padding: 0px 0px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9;
    letter-spacing: 1px;
    font-size: 20px;
    box-shadow: 0px 2px 4px #00000012;
}

.topbar .topbar-left {
    color: #fff;
    text-align: center;
    height: 60px;
    background: #0c1b3c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    transition: all .5s ease-in;
    position: relative;
    margin-right: 0px;
    padding: 0px;
}

.widget-nav .topbar-left {
    width: 165px;
}

.side-toggle-open .logo-hide {
    transition: width .5s ease, visibility 500ms;
    visibility: hidden;
    display: none;
}

.toggle-logo {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.side-toggle-open .topbar .toggle-logo {
    width: 60%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: opacity .7s ease-in, height 0.1s ease-in, width 0.5s ease-in;
}

.topbar-right {
    height: 60px;
    padding: 0px 15px;
    align-items: center;
}

.topbar-right .right-bar {
    padding: 6px 4px;
    position: relative;
}

.topbar-right .right-bar .pro-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 11px;
}

.topbar-right .right-bar .profile-link {
    color: #000;
    padding: 0px 0px 0px 10px;
    display: inline-flex;
    align-items: center;
}

.topbar-right .right-bar .profile-link .pro-img {
    padding: 2px 7px;
}

.topbar-right .right-bar .noti-link {
    padding: 9px;
    padding-right: 12px !important;
}

.topbar-right .right-bar .noti-link span {
    cursor: pointer;
}

.topbar-right .dropdown-toggle::after {
    content: none;
}

.topbar-right .right-bar .down-img img {
    width: 9px;
    height: 9px;
    transform: rotate(0deg);
    transition: all .25s ease-in;
}

.topbar {
    height: 60px;
    padding: 0px 0px;
    position: fixed;
    width: 100%;
    background: #646464;
    z-index: 1000;
    box-shadow: 0px 3px 10px #E8EFF4;
}

.topbar-right .right-bar .profile-link .profile-design {
    font-size: 12px;
    margin-bottom: 0px;
}

.topbar .navbar-nav .dropdown-menu-right {
    right: -9px;
    left: auto;
    min-width: 165px;
    padding: 0px;
    z-index: 9999;
}

.drop-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 17rem;
    padding: .5rem 0;
    margin: 0 0;
    font-size: 12px;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E8EFF4;
    border-radius: .25rem;
    border-top: 4px solid #ff0000;
    box-shadow: 0px 0px 10px 0px #e3e9f9;
}

.drop-menu .drop-profile {
    font-size: 15px;
    color: #274a92;
    font-weight: 500;
    padding: 10px 10px;
    margin-bottom: 0px;
    font-family: 'AvenirLTStdBold';
}

.notif-align {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8EFF4;
    justify-content: space-between;
}

label.notif-label {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #274a92;
    cursor: pointer;
    transition: 0.3s ease;
    padding: 0px 10px;
    text-decoration: underline;
}

.notify-list.dropdown-item.drop-item.notif-left {
    padding: 10px;
}

.notif-inner {
    margin: 0;
    display: block;
}

.notif-duration {
    width: 100%;
    font-size: 12px;
    color: #a7a5a5;
}

label.notif-label:hover {
    text-decoration: none;
}

.inner-notif-label {
    white-space: normal;
    word-break: break-word;
    width: 100%;
    display: block;
    font-size: 13px;
    margin: 0;
}

.notif-detail {
    text-decoration: underline;
    transition: 0.3s ease;
    cursor: pointer;
}

.notif-detail:hover {
    color: #1E4A92;
    text-decoration: none;
}

.drop-item {
    display: block;
    width: 100%;
    padding: 0px;
    clear: both;
    font-weight: 400;
    color: #646464 !important;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    white-space: normal;
    cursor: pointer;
}

.drop-item .drop-img img {
    width: 16px;
    height: 16px;
}

.drop-menu .dropdown-item:focus,
.dropdown-item:hover {
    color: #000;
    text-decoration: none;
    background-color: none !important;
}

.drop-menu .dropdown-divider {
    border-top: 1px solid #ebebeb;
}

.topbar .navbar-nav .dropdown-menu-left {
    right: 3px;
    top: 50px;
    left: auto;
    width: 310px;
    padding: 0px;
}

.text-menu-left {
    font-size: 12 !important;
    color: #E8EFF4 !important;
    font-weight: 400;
    margin-bottom: 0px;
}

.list-of-users-common {
    margin: 15px 0;
}

.navbar-expand-sm .navbar-nav .dropdown-menu a:first-child {
    border-radius: 4px 4px 0 0;
}

.navbar-expand-sm .navbar-nav .dropdown-menu a:last-child {
    border-radius: 0 0 4px 4px;
    width: 100%;
    font-size: 14px;
    margin-right: 0;
}

.navbar-expand-sm .navbar-nav .dropdown-menu a:hover {
    color: #1E4A92 !important;
}


/*end navbar*/


/*notification style start*/

.dropdown-menu.drop-menu.dropdown-menu-left.navbar-dropdown.show::before,
.dropdown-menu.drop-menu.dropdown-menu-right.navbar-dropdown.show::before,
.dropdown-menu.filter-chioce.show:after {
    position: absolute;
    content: '';
    top: -8px;
    right: 16px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    opacity: 1;
    transform: rotate(180deg);
}

.topbar-right .noti-count {
    position: absolute;
    top: 13px;
    right: 13px;
    display: block;
    height: 14px;
    font-size: 8px;
    color: #fff;
    background: #4fadf2;
    border-radius: 22px;
    border: 1px solid #fff;
    text-align: center;
    padding: 1px 4px;
    min-width: 13px;
    display: inline-flex;
    align-items: center;
}

.noti-scroll {
    display: block;
    max-height: 200px;
    overflow-y: auto;
}

.noti-left {
    font-size: 13px !important;
    color: #000 !important;
    padding: 8px !important;
}

a.dropdown-item.drop-item.noti-left {
    display: flex;
}

a.dropdown-item.drop-item.noti-left .not-prfl {
    width: 15%;
}

a.dropdown-item.drop-item.noti-left .cntn {
    width: 85%;
    margin-left: 8px;
    overflow: hidden;
}

.not-prfl img {
    width: 35px;
    height: 35px;
}

a.dropdown-item.drop-item.noti-left .cntn h5 {
    font-size: 13px;
    margin: 0;
    position: relative;
}

a.dropdown-item.drop-item.noti-left .cntn h5 span {
    white-space: normal;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 3px;
}

.notify-list {
    max-height: 230px;
    margin: 0;
    font-size: .858rem;
    border-radius: 0;
    overflow: hidden;
    overflow-y: auto;
}

.notify-list::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

.notify-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f4f6f8;
}

.notify-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.09);
    border-radius: 0;
}

.all-button {
    float: right;
    width: 50%;
    margin-right: -15px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 7px 15px !important;
}


/*notification style end*/

.main-menu label.home-lb {
    margin: 0;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    margin-right: 0px;
    transition: 0.3s;
    padding: 5px 15px;
    font-weight: 400;
    position: relative;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 3px;
}

.main-menu label.home-lb.active {
    border: 1px solid #00ADF2;
    border-radius: 3px;
    background: #163C7A;
    font-family: 'AvenirLTStdBolder';
}

.main-menu label.home-lb span {
    display: none;
}

.main-menu label.home-lb.active span {
    display: block;
    position: absolute;
    top: -1px;
    width: 30px;
    left: 0px;
    right: 0;
    margin: auto;
    height: 1px;
    background: #163c79;
    animation: animate 1s linear forwards;
}

.main-menu label.home-lb.active span:before,
.main-menu label.home-lb.active span:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    border: 1px solid #00adf1;
    border-radius: 50%;
    top: -3px;
    background: #1e4a92;
    left: 0;
}

.main-menu label.home-lb.active span:after {
    right: 0;
    left: initial;
    width: 6px;
    height: 6px;
    top: -2px;
}

li.nav-item.right-bar.divider:after,
li.nav-item.right-bar.divider:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 2px;
    top: 0;
    background: #e0e6f538;
}

li.nav-item.right-bar.divider:before {
    left: 0;
}

a.dropdown-item.drop-item.noti-left:hover {
    background: #eaf0fd;
    border-radius: 3px;
}

@keyframes animate {
    0% {
        width: 0;
    }
    50% {
        width: 15px;
    }
    100% {
        width: 30px;
    }
}

span.nav-link.slide-toggle {
    padding: 0;
    width: 60px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.nav-link.slide-toggle svg {
    width: 100%;
    height: 60px;
}

.topbar-right .right-bar .profile-link .pro-img {
    padding: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #162852;
    border-radius: 20px;
}

.footer-bg {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
}

.mr-ft-left {
    margin-left: 120px;
    padding-right: 0;
    padding: 15px 25px;
    background: white;
    box-shadow: 0px -3px 10px #0000001A;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 120px);
    flex-direction: row;
    transition: all .7s ease-in;
}

.footer-bg ul.ftr-right-bx {
    justify-content: flex-end;
}

.footer-bg ul {
    display: inline-flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.footer-btn-li .ip-button-txt {
    padding-right: 0px !important;
    font-family: 'AvenirMedium';
}

li.footer-btn-li {
    margin-left: 10px;
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .mr-ft-left {
        margin-left: 0px;
        width: calc(100% - 0px);
    }
}

perfect-scrollbar#sidebar-ps {
    max-height: 100vh;
    height: calc(100vh - 60px);
    width: 120px !important;
    position: fixed;
    box-shadow: 0 9px 7px 2px #e0e0e0;
    -moz-box-shadow: 0 9px 7px 2px #e0e0e0;
    background: #162852;
    padding: 0;
    z-index: 999;
    top: 60px;
    transform: translateX(0px);
    transition: all 0.7s;
    overflow: visible !important;
}

perfect-scrollbar#sidebar-ps>.ps {
    overflow: visible !important;
}

.side-toggle-open perfect-scrollbar#sidebar-ps.open-slide {
    transform: translateX(-10000px);
    width: 0px !important;
    transition: all 0.7s;
    transition-delay: 0.1s;
}


/*sidebar begins*/

.overlay-mob-menu.active {
    background: rgba(0, 0, 0, 0.56);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9;
    cursor: pointer;
    transition: .1s;
}

.cms-toggle-open .overlay-mob-menu.active {
    background: rgba(255, 255, 255, 0.1);
}

span.text-img svg {
    width: 20px;
    height: 20px;
}

span.menu-title {
    opacity: 1;
    transition: all .7s ease-in;
    margin-top: 2px;
}

.body-wrapper {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
}

.sidebar {
    min-height: calc(96vh - 60px);
    padding: 0;
    width: 100%;
    z-index: 11;
    transition: width 0.7s ease, background 0.7s ease;
}

.sidebar h6 {
    font-size: 15px;
    color: #00a2ea;
    padding: 10px 0px 0px;
    text-align: left;
    display: flex;
    align-items: center;
    width: 75%;
    margin: auto;
    transition: all .7s ease-in;
}

.side-toggle-open .sidebar h6 {
    padding: 10px 0px 0px;
    display: flex;
    align-items: center;
    transition: all .7s ease-in;
    width: 50%;
}

.sidebar .sidebar-nav .side-item {
    padding: 0px 0px;
    transition: 0.3s;
    position: relative;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    border-top: 1px solid #223769;
}

.sidebar .sidebar-nav .side-item .side-link {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-family: "AvenirMedium";
    text-transform: uppercase;
}

.sidebar .sidebar-nav .side-item .side-link .text-img {
    display: inherit;
    text-align: center;
    padding: 5px 10px 12px;
    outline: none;
    font-size: 16px;
}

.sidebar .sidebar-nav .side-item .side-link .text-img svg path {
    fill: #fff;
}

.sidebar i.material-icons {
    font-size: 1.125rem;
}


/*end sidebar */

.sidebar .sidebar-nav .side-item {
    position: relative;
}

.sidebar .sidebar-nav .side-item.active:before {
    background: #ffa364;
    position: absolute;
    content: '';
    width: 130px;
    height: auto;
    z-index: -1;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 3px 0px 6px #00000029;
}

.sidebar .sidebar-nav .side-item:hover:before {
    background: #ffa364;
    position: absolute;
    content: '';
    width: 130px;
    height: auto;
    z-index: -1;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 3px 0px 6px #00000029;
}

@media only screen and (max-width: 1300px) {
    .sidebar .sidebar-nav .side-item .side-link {
        font-size: 11px;
        padding: 8px;
    }
}


/*Button Color*/


/*text color*/


/* ===== new theme style======= */

.no-padding * {
    padding: 0px !important;
}

.pad-0 {
    padding: 0;
}

.pad-05 {
    padding: 5px;
}

.pad-10 {
    padding: 10px;
}

.pad-15 {
    padding: 15px;
}

.pad-20 {
    padding: 20px;
}

.pad-25 {
    padding: 25px;
}

.pad-30 {
    padding: 30px;
}

.pad-b-05 {
    padding-bottom: 5px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.pad-b-15 {
    padding-bottom: 15px;
}

.pad-b-20 {
    padding-bottom: 20px;
}

.pad-b-25 {
    padding-bottom: 25px;
}

.pad-b-30 {
    padding-bottom: 30px;
}

.pad-t-05 {
    padding-top: 5px;
}

.pad-t-10 {
    padding-top: 10px;
}

.pad-t-15 {
    padding-top: 15px;
}

.pad-t-20 {
    padding-top: 20px;
}

.pad-t-25 {
    padding-top: 25px;
}

.pad-t-30 {
    padding-top: 30px;
}

.pad-r-05 {
    padding-right: 5px;
}

.pad-r-10 {
    padding-right: 10px;
}

.pad-r-15 {
    padding-right: 15px;
}

.pad-r-20 {
    padding-right: 20px;
}

.pad-r-25 {
    padding-right: 25px;
}

.pad-r-30 {
    padding-right: 30px;
}

.pad-l-05 {
    padding-left: 5px;
}

.pad-l-10 {
    padding-left: 10px;
}

.pad-l-15 {
    padding-left: 15px;
}

.pad-l-20 {
    padding-left: 20px;
}

.pad-l-25 {
    padding-left: 25px;
}

.pad-l-30 {
    padding-left: 30px;
}

.pad-lr-05 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pad-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pad-tb-05 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pad-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pad-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad-tb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pad-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.no-margin * {
    margin: 0px !important;
}

.mar-0 {
    margin: 0;
}

.mar-05 {
    margin: 5px;
}

.mar-10 {
    margin: 10px;
}

.mar-15 {
    margin: 15px;
}

.mar-20 {
    margin: 20px;
}

.mar-25 {
    margin: 25px;
}

.mar-30 {
    margin: 30px;
}

.mar-b-05 {
    margin-bottom: 5px;
}

.mar-b-10 {
    margin-bottom: 10px;
}

.mar-b-15 {
    margin-bottom: 15px;
}

.mar-b-20 {
    margin-bottom: 20px;
}

.mar-b-25 {
    margin-bottom: 25px;
}

.mar-b-30 {
    margin-bottom: 30px;
}

.mar-b-50 {
    margin-bottom: 50px;
}

.mar-t-05 {
    margin-top: 5px;
}

.mar-t-10 {
    margin-top: 10px;
}

.mar-t-15 {
    margin-top: 15px;
}

.mar-t-20 {
    margin-top: 20px;
}

.mar-t-25 {
    margin-top: 25px;
}

.mar-t-30 {
    margin-top: 30px;
}

.mar-t-35 {
    margin-top: 35px;
}

.mar-t-40 {
    margin-top: 40px;
}

.mar-t-45 {
    margin-top: 45px;
}

.mar-t-50 {
    margin-top: 50px;
}

.mar-r-0 {
    margin-right: 0;
}

.mar-r-0-imp {
    margin-right: 0 !important;
}

.mar-r-05 {
    margin-right: 5px;
}

.mar-r-10 {
    margin-right: 10px;
}

.mar-r-15 {
    margin-right: 15px;
}

.mar-r-20 {
    margin-right: 20px;
}

.mar-r-25 {
    margin-right: 25px;
}

.mar-r-30 {
    margin-right: 30px;
}

.mar-l-05 {
    margin-left: 5px;
}

.mar-l-10 {
    margin-left: 10px;
}

.mar-l-15 {
    margin-left: 15px;
}

.mar-l-20 {
    margin-left: 20px;
}

.mar-l-25 {
    margin-left: 25px;
}

.mar-l-30 {
    margin-left: 30px;
}

.mar-lr-05 {
    margin-left: 5px;
    margin-right: 5px;
}

.mar-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mar-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mar-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mar-lr-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mar-lr-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mar-tb-05 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mar-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mar-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mar-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mar-tb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mar-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.text-bold {
    font-weight: bold !important;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.inline-list {
    padding: 0;
    font-size: 0;
}

.flex-div {
    display: inline-flex;
}

.btn {
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 13px;
}

.primary-btn {
    background: #00AEEF;
    color: #ffffff;
    -ms-box-shadow: 0 3px 8px #00AEEF4D;
    -o-box-shadow: 0 3px 8px #00AEEF4D;
    box-shadow: 0 3px 8px #00AEEF4D;
}

.secondary-btn {
    background: #4D687E;
    color: #ffffff;
    -ms-box-shadow: 0 3px 8px #4D687E4D;
    -o-box-shadow: 0 3px 8px #4D687E4D;
    box-shadow: 0 3px 8px #4D687E4D;
}

.footer-action-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 100px);
    margin-left: 100px;
    background: #ffffff;
    -ms-box-shadow: 0px -5px 15px #ddd;
    -o-box-shadow: 0px -5px 15px #ddd;
    box-shadow: 0px -5px 15px #ddd;
    padding: 15px 30px;
    z-index: 99;
}

.footer-action-btn .footer-left,
.footer-action-btn .footer-right {
    display: inline-block;
    width: 50%;
}

.footer-action-btn .footer-left {
    text-align: left;
}

.footer-action-btn .footer-right {
    text-align: right;
}

.footer-action-btn .footer-right button:first-child {
    margin-right: 15px;
}


/*=======common list style========*/

.list-section ul li {
    display: inline-flex;
    width: 100%;
}

.head-ls {
    width: 15%;
}

.head-ls label,
.list-inner label {
    color: #4D687E;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.list-inner label {
    font-weight: 400;
    color: #000;
    margin: 0;
    font-size: 12px;
}

.inner-li {
    border: 1px solid #D0DBE5;
    border-radius: 4px;
    padding: 7px;
    background: #fff;
    margin-bottom: 6px;
}

.inner-li:last-child {
    margin-bottom: 0;
}

.list-inner {
    width: 15%;
}

.head-ls.wd-lg,
.list-inner.lg-wd {
    width: 35%;
}

.head-ls:last-child,
.list-inner:last-child {
    width: 20%;
}

span.view-sp,
span.edit-sp {
    text-decoration: underline;
    margin-right: 20px;
    cursor: pointer;
}

span.edit-sp {
    margin: 0;
}

span.view-sp:hover,
span.edit-sp:hover {
    text-decoration: none;
}

.main-panel.bg-list {
    background: #F8FBFD;
}

.table-container {
    display: inline-flex;
    width: 100%;
}


/*Theme hamburger menu start*/

#menuToggle {
    display: inline-flex;
    position: relative;
    z-index: 1;
    user-select: none;
    width: 30px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    margin-right: 0px;
    transition: all 0.3s ease-in;
}

#menuToggle span {
    display: inline-flex;
    width: 100%;
    height: 2px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 8px;
    position: relative;
    background: #162852;
    border-radius: 0px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
    width: 50%;
    transition: all 0.7s ease-in;
}

#menuToggle span:last-child {
    margin-bottom: 0px;
}

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

.side-toggle-open #menuToggle span {
    width: 100%;
    height: 2px;
    transition: all 0.3s ease-in;
}

.side-toggle-open .footer-action-btn {
    width: calc(100%);
    margin-left: 0;
    transition: all 0.3s ease-in;
}


/*Theme hamburger menu end*/

.form .form-control label {
    display: block;
    font-size: 12px;
    position: absolute;
    top: 0;
    color: #2e3c4c;
}

.form-control {
    margin-bottom: 15px;
    position: relative;
}

.form-control input,
.form-control select,
.form-control textarea {
    padding: 6px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    font-size: 14px;
    margin-top: 25px;
    width: 100%;
}

.form .form-control .form-element label,
.form .form-control .form-element {
    display: inline-block;
    position: static;
    top: inherit;
}

.form .form-control .form-element input {
    vertical-align: middle;
    margin-top: auto;
    width: auto;
}

.form .form-control button {
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 15px;
    cursor: pointer;
}

.form .form-control .primary-btn {
    background: #007bff;
    border: 1px solid #007bff;
    color: #fff;
}

.form .form-control .secondary-btn {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #fff;
}

.form .form-control .success-btn {
    background: #1c7430;
    border: 1px solid #1c7430;
    color: #fff;
}

.form .form-control textarea {
    resize: none;
    height: 80px;
}

.form .form-control .large-btn {
    font-size: 18px;
}

.form .form-control .medium-btn {
    font-size: 14px;
}

.form .form-control .small-btn {
    font-size: 12px;
}

.form .form-control .primary-outline-btn {
    background: transparent;
    color: #007bff;
    border: 1px solid #007bff;
}

.form .form-control .primary-outline-btn:hover {
    background: #007bff;
    color: #fff;
    border: 1px solid #007bff;
}

.form .form-control .secondary-outline-btn {
    background: transparent;
    color: #6c757d;
    border: 1px solid #6c757d;
}

.form .form-control .secondary-outline-btn:hover {
    background: #6c757d;
    color: #fff;
    border: 1px solid #6c757d;
}

.form .form-control span.file-name,
.form .form-control span.upload-text {
    display: none;
}

.intl-tel-input {
    width: 100%;
}

.form-control .intl-tel-input .phn {
    margin-top: 25px !important;
}

.intl-tel-input .flag-container {
    top: 25px;
}

.ripple {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.ripple .rippling {
    position: absolute;
    border-radius: 50%;
    background-color: #ddd;
    pointer-events: none;
    opacity: .4;
    transform: translate3d(-50%, -50%, 0);
}

.form-control select {
    -webkit-appearance: none;
    background-image: url("../img/downarw.svg");
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
}


/*Login page from fields start*/

.log-field.log-pwd-field {
    position: relative;
}

.log-field.log-pwd-field .pswd-chk {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0;
    width: 30px;
    min-width: 30px;
    height: 28px;
    box-shadow: none;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.log-field.log-pwd-field .pswd-chk svg {
    width: 17px;
    height: 11px;
}

.log-field.log-pwd-field .pswd-chk svg#Capa_1 {
    width: 18px;
    height: 15px;
}

.log-field.log-pwd-field .pswd-chk svg#Capa_1 path {
    fill: #1e3d74;
    opacity: 50%;
}

.log-field.log-pwd-field .pswd-chk svg path {
    fill: #1e3d74;
}


/*Login page from fields end*/


/*Button Color*/


/*text color*/


/*login 2 style start*/

.login-container {
    background: #f4f6f8;
}

.login-container .login-container {
    position: relative;
    margin: 0px auto;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.login-container .login-container .inner-login {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.login-container .login-container .inner-login:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 100vh;
    right: 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.309804);
    z-index: 0;
    top: 0;
    background-size: cover;
    background-position: bottom right;
    display: none;
}

.login-container .login-container .sign-in {
    background-size: cover;
    width: 100%;
    height: 100vh;
    z-index: 9;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    background-color: #43557d;
}

.login-container .login-container .sign-in .sign-inner {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    padding: 35px;
    border-radius: 20px;
}

.login-container .login-container .sign-in .login-img {
    width: 100%;
    height: auto;
    margin: 0;
    text-align: left;
}

.login-container .login-container .sign-in .login-img.text-align {
    text-align: center;
}

.login-container .login-container .sign-in .login-img.text-align h1 {
    margin-bottom: 5px;
}

.login-container .login-container .sign-in .login-logo {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.login-container .login-container .sign-in .login button.rnd-btn.mat-raised-button {
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 5px;
    border-radius: 25px;
    background: #42537a;
    border: 1px solid #44557c;
    outline: #44557c;
}

.login-container .login-container .sign-in .or-span {
    position: relative;
    width: 40px;
    background: #e7e7e8;
    height: 40px;
    border-radius: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    color: #969696;
    font-size: 18px;
    align-items: center;
    margin: auto;
}

.login-container .login-container .sign-in .new-demo {
    text-align: center;
    margin: 20px 0px 10px;
}

.login-container .login-container .sign-in .or-demo {
    position: relative;
}

.login-container .login-container .sign-in .or-demo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: transparent;
    border: 1px dashed #f0efef;
    top: 20px;
}

.login-container .login-container .sign-in .new-demo h4 {
    font-size: 20px;
    font-family: 'AvenirMedium';
    margin: 20px 0px 10px;
}

.login-container .login-container .sign-in .medium-btn {
    font-size: 14px;
    padding: 8px 30px;
    border-radius: 25px;
}

.login-container .login-container .sign-in .login-logo img {
    width: 15%;
}

.login-container .login-container .sign-in form {
    width: 100%;
}

.login-container .login-container .sign-in form p {
    font-size: 13px;
    position: absolute;
    left: 0px;
    width: 100%;
    font-weight: 300;
    bottom: -10%;
    text-align: center;
}

.login-container .login-container .sign-in form p strong {
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.login-container .login-container .sign-in form p strong:hover {
    text-decoration: underline;
}

.login-container .login-container .sign-in input::placeholder {
    color: #000;
}

.login-container .login-container .sign-in h1 {
    color: #1e3d74;
    font-size: 20px;
    margin-bottom: 0;
    flex: 1 100%;
    line-height: 24px;
    margin-bottom: 5px;
    text-align: left;
    font-family: 'AvenirHeavy';
}

.login-container .login-container .sign-in p {
    color: #1f3e76;
    font-weight: 400;
    flex: 1 100%;
    margin: 0;
    font-size: 13px;
}

.login-container .login-container .sign-in .align-pro {
    text-align: center;
    width: 100%;
    margin: 15px 0;
}

.login-container .login-container .sign-in .align-pro a {
    padding: 0 25px;
    font-size: 13px;
    color: #606577;
}

.login-container .login-container .log-field.log-pwd-field .pswd-chk span.mat-button-wrapper {
    height: 36px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
}

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

.login-container .login-container .lef-side {
    height: 100vh;
    min-height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    z-index: 99;
    background-size: cover;
    justify-content: center;
    width: 60%;
    flex: 0 0 60%;
    position: relative;
    background-image: linear-gradient(to top, #780ade 0%, #7f28ce 1%, #2a0038 100%);
    background: #0C1B3C;
}

.login-container .login-container .lef-side:before {
    background: transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.03;
    opacity: 0.1;
    background: url(/assets/images/login-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.login-container .login-container .lef-side .left-inner {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    height: 100%;
}

.login-container .login-container .lef-side .left-inner:before {
    background: transparent;
    content: '';
    position: absolute;
    background-position: 70% 0;
    left: 0;
    top: -17%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.login-container .login-container .lef-side .left-inner:after {
    background: transparent;
    content: '';
    position: absolute;
    background-position: 70% 0;
    left: 0;
    top: 80%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.login-container .login-container .lef-side h1 {
    font-weight: 300;
    color: #4582c0;
    font-size: 28px;
    flex: 1 100%;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 0;
}

.login-container .login-container .lef-side .logo {
    display: flex;
    align-items: center;
    flex: 1 100%;
    margin-bottom: 30px;
    font-size: 46px;
    color: #fff;
    font-family: 'AvenirHeavy';
    margin-top: 10px;
}

.login-container .login-container .lef-side .logo img {
    width: 70%;
    margin: auto;
}

.login-container .login-container .lef-side .login-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0px;
    margin: auto;
    width: 62%;
    margin-left: 12%;
    position: relative;
}

.login-container .login-container h3 {
    font-size: 24px;
    color: #66ccff;
    font-weight: 400;
    text-align: center;
    flex: 1 100%;
}

.login-container .login-container p {
    color: #606577;
    font-weight: 300;
    font-size: 13px;
    flex: 1 100%;
    margin-top: 40px;
}

.creat-new-pwd h6 {
    color: #4A4A4A;
    text-align: center;
    font-size: 13px;
}

.creat-new-pwd {
    margin: 10px 0px 0px;
    display: inline-grid;
    width: 100%;
}

.bg_shape {
    position: absolute;
    background-color: #1E4A92;
    background: linear-gradient(45deg, #ffffff, #ffc3a3);
    width: 1100px;
    height: 1775px;
    display: block;
    border-radius: 120px;
    z-index: 1;
    animation: banner_move 20s linear alternate infinite;
}

.bg_shape.shape_one {
    right: -690px;
    transform: rotate(-43deg);
    top: -100px;
    width: 100%;
}

.bg_shape.shape_two {
    left: -700px;
    transform: rotate(-43deg);
    top: -1140px;
    width: 100%;
}

@keyframes banner_move {
    0%,
    100% {
        transform: translateY(0px) rotate(-50deg);
    }
    50% {
        transform: translateY(80px) rotate(-50deg);
    }
}

.me-banner-two:after {
    animation: banner_move_two 10s linear alternate infinite;
}

@keyframes banner_move_two {
    0%,
    100% {
        transform: translateX(1px) rotate(-63deg);
    }
    50% {
        transform: translateX(30px) rotate(-63deg);
    }
}

.login input.form-control {
    padding-left: 30px;
}

.login input:focus {
    outline: none;
    box-shadow: none;
}

.keep-me {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0px;
    font-size: 14px;
}

.keep-me .check-box.checkbox {
    padding: 0px;
    display: inline-flex;
    width: 100%;
    flex: 1;
}

.keep-me .check-box.checkbox label.cbx {
    top: 0;
}

.keep-me .check-box.checkbox .terms-conds {
    font-size: 13px;
    color: #686868;
}

.keep-me .check-box.checkbox .terms-conds a,
.keep-me .check-box.checkbox .terms-conds a:not([href]):not([tabindex]) {
    color: #1E4A92;
    text-decoration: underline;
}

.keep-me label.cbx span {
    color: #2e3c4c;
    margin-bottom: 0;
    font-size: 14px;
}

.keep-me a {
    color: #1f3d75;
    text-decoration: none;
}

.keep-me a:hover {
    color: #959db7;
}

.keep-me .cbx span:first-child {
    border-radius: 0;
    border: 1px solid #008ed4;
}

.top-log-link {
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.top-log-link .bckto {
    font-size: 12px;
    color: #9b9b9b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pwd-note {
    display: none;
    margin: 0px 0px;
    width: 100%;
}

.pwd-note.show {
    animation: swal2-show .3s;
    display: inline-flex;
}

.pwd-note ul {
    margin: 0px;
}

.pwd-note ul li {
    line-height: 12px;
}

.pwd-note ul li span {
    font-size: 11px;
    line-height: 18px;
    color: #141d46;
}

.dnt-acc {
    text-align: center;
    color: #ddd;
}

.dnt-acc span {
    font-size: 13px;
}

.dnt-acc span.clk-spn {
    font-weight: bold;
    cursor: pointer;
    color: #204b93;
}


/*Alert Message Start*/

.alert-msgs {
    font-size: 12px;
    margin: 15px 0px 10px !important;
    padding: 8px 10px !important;
    display: none;
}

.alert-msgs.show {
    display: block;
    animation: swal2-show .3s;
}

.alert-danger .err-cls-ico {
    background: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0px;
    font-size: 16px;
    color: #b12323;
    position: absolute;
    right: 10px;
    cursor: pointer;
}


/*Alert Message End*/


/* Signup Success Message Start */

.success-msgs-container {
    margin: auto;
    background: #fff;
    padding: 20px;
    width: 60%;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.success-msg-icon {
    background: #f5f8f9;
    width: 80px;
    height: 80px;
    margin: auto;
    margin-top: -55px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0px 1px 0px 0px #e8e8e8;
}

.sign-success {
    padding: 10px;
    margin: 30px 0px 10px;
}

.sign-success h5 {
    font-size: 14px;
}

.sign-success p {
    font-size: 12px !important;
    margin: 20px 0px !important;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 5;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}


/* Signup Success Message End*/

.form-input-field {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.3);
    align-items: center;
    border-radius: 5px;
    background-color: #fff;
}

.form-input-field input {
    margin-top: 0px;
    border: none;
    padding-left: 10px;
}

.int-icon img {
    width: 100%;
}

.int-icon {
    padding-left: 10px;
    width: 30px;
}

.with-inputicon .log-field.log-pwd-field input {
    padding-left: 10px;
}

.form .with-inputicon .form-control label {
    position: relative;
}

.form-control input {
    height: 38px;
}

.login-logo .sub-text {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
}

.ipdx-logo {
    position: absolute;
    top: 9%;
    left: 10%;
}

.ipdx-logo img {
    width: 100%;
}

.login-container .login-container .sign-in .login button.rnd-btn.mat-raised-button:hover {
    background: #8b70fb;
    border-color: #8b70fb;
}

.login-container .login-container .sign-in .medium-btn.rnd-btn.btn-primary:hover {
    background: #8b70fb;
    border-color: #8b70fb;
}

.terms-con {
    position: absolute;
    color: #fff;
    right: 98px;
    bottom: 30px;
    cursor: pointer;
}

.terms-con a {
    color: #fff;
}

.terms-con a:hover {
    color: #fff;
    text-decoration: none;
}

.c-right {
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 12%;
}

.login-container .login-container .ipdx-logo {
    font-family: 'AvenirHeavy';
    color: #fff;
    width: 180px;
}

.login-logo h5 {
    font-size: 35px;
    font-family: 'AvenirHeavy';
    color: #44557c;
}

.login-container .dark-theme.login-container .login-logo h5 {
    color: #fff;
}

.area {
    background: #4e54c8;
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
    width: 100%;
    height: 100vh;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: transparent;
    color: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    font-family: 'AvenirHeavy';
}

.circles li img {
    width: 100%;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
    font-size: 80px;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    font-size: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    font-size: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    font-weight: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    font-size: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    font-size: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    font-size: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.login-logo:before {
    content: '';
    position: absolute;
    width: 160px;
    height: 4px;
    top: 0px;
    background: #8b70fb;
    border-radius: 10px;
}

@media only screen and (max-width: 1395px) {
    .login-container .login-container .lef-side .logo {
        font-size: 42px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1290px) {
    .login-container .login-container .lef-side .logo {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .login-logo .sub-text {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1290px) {
    .ipdx-logo img {
        width: 80%;
    }
}

@media only screen and (max-width: 1024px) {
    .login-container .login-container .lef-side .login-logo {
        width: 70%;
    }
    .login-container .login-container .lef-side .logo {
        font-size: 34px;
        line-height: 40px;
    }
    .login-container .login-container .sign-in .sign-inner {
        width: 80%;
    }
}

@media only screen and (max-width: 991px) {
    .login-container .login-container .lef-side .logo {
        font-size: 26px;
        line-height: 40px;
    }
}

.body-common-section {
    padding-top: 60px;
    padding-left: 120px;
    height: 100vh;
    transition: all 0.7s ease-in;
}

.side-toggle-open .body-common-section {
    padding-left: 0px;
    transition: all 0.7s ease-in;
}

.side-toggle-open .mr-ft-left {
    margin-left: 0px;
    width: calc(100% - 0px);
}

.common-inner-wrapper {
    padding: 10px 20px;
    background: #eceff2;
}

.side-toggle-open .body-common-section .title-header.top-title.fixed {
    width: calc(100% - 40px) !important;
}

.right-bar .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0px;
}

.btn-primary {
    background-color: #44557c;
}

.common-inner-wrapper {
    background: #ECEFF2;
    height: calc(100vh - 60px);
}

.table-actions-hold {
    margin-left: auto;
}

.ip-form-action-label {
    font-size: 11px;
    margin-bottom: 0px;
    padding-right: 10px;
    color: #4A4F5C;
}

.table-info-actions {
    margin-bottom: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
}

.create-col-li button {
    padding: 5px 8px;
}

.ip-table-action {
    display: flex;
    align-items: center;
}

.table-actions-hold-ul {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.table-actions-hold-li {
    margin-right: 12px;
}

ul.table-actions-hold-ul .table-actions-hold-li:last-child {
    margin-right: 0px;
}

.with-filter-sec .table-actions-hold {
    margin-left: inherit;
}

.count-entries {
    padding-left: 10px;
    font-size: 11px;
}

.text-img img {
    width: 20px;
}

.res-logo {
    display: none;
}

.tab-sec .mat-tab-label-active {
    opacity: 1 !important;
    color: #fff;
    background: #44557C;
}

.tab-sec .mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #44557C;
}

input.ip-table-input-element:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset !important;
}

input.ip-table-input-element:-webkit-autofill:hover,
input.ip-table-input-element:-webkit-autofill:focus,
input.ip-table-input-element:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
}

input.ip-table-input-element:-webkit-autofill,
input.ip-table-input-element:-webkit-autofill:hover,
input.ip-table-input-element:-webkit-autofill:focus,
input.ip-table-input-element:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #0e2856 !important;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #0e2856 !important;
}

input.ip-table-input-element {
    vertical-align: middle;
    font-size: 12px;
}

.mat-form-field.ip-table-select-form.ip-table-text-form {
    width: 200px;
}

.lg-searchbox .mat-form-field.ip-table-select-form.ip-table-text-form {
    width: 400px;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .ip-table-input-element {
    padding: 0px 30px;
    font-size: 11px !important;
    height: 24px;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .mat-form-field-label span {
    padding-left: 30px !important;
    font-size: 11px !important;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .mat-form-field-infix {
    padding: 8px 0px;
    position: relative;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .search-icon {
    position: absolute;
    left: 7px;
    right: auto;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .search-sort-icon {
    position: absolute;
    right: 5px;
    left: auto;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 26px;
    margin: auto;
    background-color: #E4E5EA;
    border-radius: 2px;
    justify-content: center;
}

.custom-mat-ip-table .mat-table-sticky:last-child .mat-button {
    line-height: 20px;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .search-icon svg {
    fill: #aebdd1;
    width: 15px;
    height: 15px;
}

.mat-form-field.ip-table-select-form.ip-table-text-form .search-sort-icon svg {
    fill: #aebdd1;
}

.custom-mat-ip-table.view-table thead th {
    font-size: 14px;
}

.custom-matselect.show-list {
    width: 80px;
    height: 35px;
}

custom-matselect matsearch-box {
    width: 240px;
    height: 35px;
}

.custom-matselect mat-form-field {
    width: 100%;
    height: 35px;
}

.mat-form-field-wrapper {
    padding-bottom: 0px !important;
}

.custom-matselect .mat-form-field.ip-table-select-form .mat-form-field-flex {
    padding: 0px !important;
    height: 35px;
}

.custom-matselect .mat-form-field.ip-table-select-form .mat-form-field-infix {
    padding: 5px;
    border: 0 !important;
    height: 35px;
    width: 100%;
}

.custom-matselect .mat-form-field.ip-table-select-form .mat-form-field-infix .mat-select-arrow-wrapper {
    top: 11px;
    background: #fff;
}

.custom-matselect.mat-custom {
    min-width: 90px;
}

.custom-matselect.mat-custom .mat-form-field.ip-table-select-form .mat-form-field-infix .mat-select-arrow-wrapper {
    top: 14px;
}

.back-arrow {
    cursor: pointer;
}

.mat-form-field.ip-table-select-form .mat-form-field-infix {
    padding: .5em 0;
    border: 0 !important;
}

.mat-form-field.ip-table-select-form .mat-form-field-infix .mat-select-trigger {
    width: 100%;
    align-items: center;
    display: flex;
    height: 26px;
}

.mat-form-field.ip-table-select-form .mat-form-field-flex {
    background-color: #fff !important;
    border: 1px solid #D2D4E0;
    border-radius: 2px;
    padding: 5px 15px !important;
}

.mat-form-field.ip-table-select-form .mat-form-field-underline {
    display: none;
}

.mat-form-field.ip-table-select-form .mat-form-field-infix .mat-select-arrow-wrapper {
    position: absolute;
    right: 2px;
    /* bottom: 0px; */
    /* margin: auto; */
    top: 8px;
}

.current-page-info svg {
    width: 20px;
    height: 14px;
    cursor: pointer;
    fill: #162852;
}

.current-page-info svg path {
    fill: #162852;
}

.table-info-actions .current-page-info {
    font-size: 16px;
    color: #414153;
    font-family: "AvenirHeavy";
    text-transform: uppercase;
}

.current-page-info {
    font-size: 16px;
    margin-bottom: 0px;
    color: #414153;
    font-family: "AvenirHeavy";
    text-transform: uppercase;
}

.pd-tb-10 {
    padding: 10px 0px !important;
    padding-right: 25px !important;
}

.td-full {
    width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
    max-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 11px;
}

.td-wb {
    max-width: 250px;
    word-break: break-word;
    text-overflow: ellipsis;
    max-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 11px;
}

.td-wb.full-td-wb {
    max-width: inherit;
}

.td-ellipsis {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}

.td-lg-wb {
    width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
}

.flag-para {
    font-size: 12px;
    color: #31497E;
    word-break: break-word;
}

.img-store-ul {
    margin-bottom: 0px;
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
}

.img-store-ul li {
    width: 120px;
    height: 170px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    margin: 15px 20px 15px 0px;
    cursor: pointer;
}

.img-store-ul li:last-child {
    margin-right: 0px;
}

.img-store img {
    width: 100%;
    height: 170px;
}

.b-text {
    font-family: 'AvenirHeavy';
    color: #162852;
}

.img-store {
    position: relative;
}

.download-image {
    width: 450px;
    max-height: 450px;
    margin: 10px auto;
    overflow-y: auto;
}

.download-image img {
    width: 100%;
    max-height: 450px;
}

.dia-close-icon {
    position: absolute;
    right: -8px;
    top: -5px;
    background: #162852;
    border-radius: 50px;
    padding: 0px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: transparent;
}

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

.ip-tab-w-24 {
    width: 24%;
}

.ip-tab-w-17 {
    width: 17%;
}

.ip-tab-w-20 {
    width: 20%;
}

.ip-tab-w-22 {
    width: 22%;
}

.ip-tab-w-12 {
    width: 12%;
}

.del-col-icon svg {
    fill: #162852;
    width: 15px;
}

.del-col-icon svg path {
    fill: #162852;
    width: 15px;
}

.ip-table-container .example-container {
    border-radius: 5px;
}

.ip-table-container .example-container .ip-table-scroll-common {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.custom-mat-ip-table td,
.custom-mat-ip-table th {
    vertical-align: middle;
    border: none;
    font-size: 11px;
}

.custom-mat-ip-table thead th {
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirHeavy';
}

i.fas.fa-question {
    font-size: 10px;
}

.custom-mat-ip-table tbody td {
    color: #313140;
}

.custom-mat-ip-table tbody tr:nth-child(odd) {
    background: #F4F6F8;
    border-top: 1px solid #E4E5EA;
    border-bottom: 1px solid #E4E5EA;
}

.custom-mat-ip-table.mat-table thead {
    background-color: #6679A5 !important;
    box-shadow: 0px 6px 14px #0000004D;
}

.custom-mat-ip-table .mat-table-sticky:first-child {
    border-right: none !important;
}

.custom-mat-ip-table .mat-table-sticky:last-child {
    border-left: none !important;
}

.ip-table-containe .example-container {
    height: auto;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    background: #fff;
}

.custom-mat-ip-table td.mat-column-star {
    width: 20px;
    padding-right: 8px;
}

.custom-mat-ip-table th.mat-column-position {
    padding-left: 8px;
}

.custom-mat-ip-table td.mat-column-position {
    padding-left: 8px;
}

.custom-mat-ip-table thead th:first-child {
    border-top-left-radius: 5px;
}

.custom-mat-ip-table thead th:last-child {
    border-top-right-radius: 5px;
    z-index: 100 !important;
}

.table-search-results {
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #fff;
}

.table-search-results .table-result-text {
    font-size: 14px;
    margin-bottom: 0px;
    color: #4A4F5C;
    font-family: "AvenirLTStdRoman" !important;
}

.table-search-results .table-result-text span {
    color: #FFA364;
    padding: 0px 5px;
}

.sort-icons-hold {
    padding-right: 5px;
}

.table-sort-icons {
    fill: #fff;
    display: flex;
    cursor: pointer;
}

.sort-icons-common {
    display: flex;
    align-items: center;
}

.col-icons-hold {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.edit-col-icon {
    width: 22px;
    height: 22px;
    background: #43547B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.custom-col-icons {
    margin-left: 20px;
    cursor: pointer;
}

.edit-col-icon svg {
    width: 9px;
}

.edit-col-icon svg path {
    fill: #fff;
}

.tree-count-num i {
    font-size: 9px;
}

.center-check.ip-check-box-hold .check-content label {
    display: flex;
}

.ip-check-box-hold .inp-cbx {
    display: none;
}

.ip-check-box-hold .check-content label {
    padding-left: 0px;
    display: inherit;
    align-items: center;
}

.ip-check-box-hold .cbx span:first-child {
    width: 16px;
    height: 16px;
    top: 2;
    position: relative;
    min-width: 14px;
    height: 14px;
    max-width: 14px;
    border-radius: 2px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #CCCEDB;
    transition: all .2s ease;
}

.ip-check-box-hold .cbx span {
    display: inline-block;
}

.ip-check-box-hold .form-element.ripple-effect span:before {
    content: "";
    width: 32px;
    height: 32px;
    left: -8px;
    top: -8px;
    margin: auto;
    position: absolute;
    background: #1e4b5e;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.ip-check-box-hold .cbx span:first-child svg {
    position: absolute;
    top: 1px;
    left: 1px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all .3s ease;
    transition-delay: .1s;
    transform: rotate(5deg);
    width: 10px;
    height: 10px;
}

.ip-check-box-hold .cbx span {
    display: inline-block;
}

.ip-check-box-hold .form-element.ripple-effect span:before {
    content: "";
    width: 32px;
    height: 32px;
    left: -8px;
    top: -8px;
    margin: auto;
    position: absolute;
    background: #1e4b5e;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.ip-check-box-hold .cbx span {
    display: inline-block;
}

.ip-check-box-hold .check-custom-text {
    font-size: 11px;
    color: #162852;
    font-family: 'AvenirHeavy';
}

.ip-check-box-hold .form-element.ripple-effect span:before {
    content: "";
    width: 32px;
    height: 32px;
    left: -8px;
    top: -8px;
    margin: auto;
    position: absolute;
    background: #1e4b5e;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.inp-cbx:checked+.cbx span:first-child {
    background: #6679a5 !important;
    border-color: #6679a5 !important;
}

.flag-icons img {
    width: 100%;
}

.flag-icons svg {
    fill: #fff;
    width: 15px;
    height: 15px;
}

.flag-icons svg path {
    fill: #fff;
}

.flags-common-ul {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin-bottom: 0px;
}

.flags-common-li {
    margin-left: -12px;
    overflow: hidden;
    border-radius: 50%;
    overflow: visible;
}

.flags-common-li:first-child {
    margin-left: 0px;
}

.flags-common-li:hover .flag-indv-hold {
    transform: scale(1.4);
    transition: transform .2s;
}

.flags-common-li.hovered .flag-indv-hold {
    transform: scale(1.4);
    transition: transform .2s;
}

.cdk-column-remaining_life {
    width: 120px !important;
}

.flags-common-ul .flags-repeat-ul:hover .flags-common-li.hovered .flag-indv-hold {
    transform: scale(1.3);
    transition: transform .2s;
}

.flags-common-li:last-child {
    margin-right: 0px;
}

.flag-indv-hold.plus-flag {
    background: #797979;
}

.flags-common-li .flag-indv-hold {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.flags-repeat-ul:hover {
    margin-left: 2px !important;
    margin-right: 8px;
    transition: transform .2s;
}

.flags-repeat-ul:first-child:hover {
    margin-left: -8px !important;
}

.flags-repeat-ul:last-child:hover {
    margin-right: 0px !important;
}

.flags-common-hold {
    display: flex;
    align-items: center;
}

.custom-mat-ip-table .mat-table-sticky:last-child .flags-common-hold {
    width: 100%;
}

.custom-mat-ip-table .mat-table-sticky:last-child .flags-common-hold .flags-common-ul {
    width: 100%;
}

.edt-icon {
    min-width: 22px;
    min-height: 22px;
    background: #44557C;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.edt-icon svg path {
    fill: #fff;
}

.info-msg {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 12px;
    color: #161f48;
}

.info-msg .info-icon {
    margin-right: 5px;
}

.info-icon svg {
    width: 15px;
}

.info-icon svg path {
    fill: #161f49;
}

.info-icon p {
    margin-bottom: 0px;
    font-size: 12px;
}

.log-field.log-pwd-field .pswd-chk {
    z-index: 1;
}

.log-field.log-pwd-field .pswd-chk .mat-button-wrapper {
    height: 36px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
}

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

.date-picker .custom-date {
    width: 48%;
}

.date-picker .custom-date .date-label {
    font-size: 11px;
    font-family: 'AvenirMedium';
    margin-bottom: 2px;
}

.date-picker .custom-date .mat-form-field {
    width: 100% !important;
}

.selt-count {
    margin-bottom: 0px;
    font-size: 11px;
    color: #6E7D89;
}

.align-cell-center {
    text-align: center !important;
}

.edited-text-area {
    font-size: 14px;
    color: #0e2856;
    line-height: 26px;
    word-break: break-word;
    width: 100%;
}

.edit-text-area textarea {
    width: 100%;
    background-color: #fff !important;
    border: 1px solid #D2D4E0;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    color: #0e2856;
}

.edit-text-data {
    position: relative;
    margin-bottom: 15px;
}

.edit-text-data label {
    position: absolute;
    top: -8px;
    left: 15px;
    background: #fff;
    font-size: 11px;
    padding: 0px 5px;
    margin-bottom: 5px;
    pointer-events: none;
}

.inline-flex {
    display: flex;
    align-items: center;
    width: 100%;
}

.mat-table-sticky:last-child {
    border-left: 1px solid #e0e0e0;
}

.title-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.title-header h5 {
    margin-bottom: 0px;
    font-size: 18px;
}

.link,
.link:hover {
    text-decoration: underline !important;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 13px;
}

.title-header h3 {
    font-size: 15px;
    margin-bottom: 0px;
}

.title-header .link {
    position: relative;
}

.title-header .link.theme-link:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4a4a4a;
    top: 9px;
    right: -20px;
}

.title-header.top-title {
    padding: 0px 5px 15px;
}

.left-title {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'AvenirHeavy';
    letter-spacing: 0.5px;
    line-height: 26px;
    max-width: 75%;
    word-break: break-word;
}

.left-title span {
    padding-right: 10px;
}

.right-comments {
    margin-left: auto;
}

.com-icons {
    background-color: #fff;
    border-radius: 50px;
    min-width: 22px;
    height: 22px;
    padding: 3px 5px;
    display: inline-block;
    vertical-align: middle;
}

.com-icons svg {
    width: 12px !important;
    height: 16px !important;
    fill: #44557c;
}

.com-icons i {
    color: #44557c;
}

.big-icon svg {
    width: 15px !important;
}

.bg-white-sec {
    padding: 20px;
    box-shadow: 0px 4px 20px #0000000F;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 25px;
}

.table-actions-hold-li button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    min-width: auto;
    height: 32px;
    border-radius: 2px;
}


/*// chat css start*/

.chat-bay {
    right: 0px;
    z-index: 999;
    top: 60px;
    width: 400px;
    height: calc(100vh - 60px);
    background: #EBEEF1;
    box-shadow: -8px 0px 14px #00000024;
    position: fixed;
    color: #44557C;
    word-break: break-word;
}

.chat-window {
    width: 100%;
    padding: 15px;
    overflow-y: auto;
    position: relative;
    min-height: calc( 100vh - 260px) !important;
    max-height: calc( 100vh - 290px) !important;
}

.chat-bay .selected-opttext {
    overflow-y: auto;
    padding: 5px 10px;
    min-height: inherit;
    max-height: inherit;
}

.chat-bay .selected-opttext ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    min-height: auto;
    max-height: 70px;
}

.chat-bay .selected-opttext ul li {
    min-width: 65px;
    width: auto;
}

.chat-bay .selected-opttext ul li .fil-text {
    width: 100%;
    text-overflow: inherit;
    padding-right: 10px;
    overflow: inherit;
    white-space: nowrap;
}

.sent-notify {
    padding: 10px;
    font-size: 12px;
}

.comment-head {
    padding: 15px;
    border-bottom: 1px solid #D2D4E0;
    padding-bottom: 5px;
}

.commentor {
    background-color: #e8e8e8;
    padding: 4px;
    margin-right: 3px;
    border-radius: 2px;
    margin-bottom: 2px;
}

.command-tag {
    display: flex;
    flex-wrap: wrap;
}

.comments-title {
    font-size: 16px;
    font-family: "AvenirHeavy";
}

.comment-name label {
    margin: 5px 0px 2px;
}

.receiver-chat-name {
    font-size: 12px;
    color: #212730;
    font-weight: 500;
    padding-bottom: 5px;
}

.receiver-chat-msg {
    width: 100%;
    padding: 12px;
    font-size: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DFE1EB;
    border-radius: 10px 10px 10px 0px;
}

.comment-time {
    display: flex;
    justify-content: flex-start;
    font-size: 11px;
}

.chat-time {
    padding-left: 5px;
}

.text-msgs {
    padding-top: 15px;
    position: relative;
}

.comments {
    width: 100%;
}

.msg-left {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    border-radius: 3px;
    font-size: 15px;
}

.chatter-common-li {
    margin-bottom: 10px;
}

.chat-msg-p .del-icon {
    width: 21px;
    height: 21px;
    border-radius: 3px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 3px;
}

.chat-msg-para {
    display: flex;
    margin-top: 5px;
}

.msg-left .img-download {
    left: auto;
    right: -30px;
}

.share-files {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.img-download {
    margin-left: 5px;
    position: absolute;
    width: 25px;
    height: 25px;
    left: -30px;
    bottom: 20px;
}

.chat-msg-p .del-icon svg {
    width: 12px;
}

.chat-msg-p .del-icon svg path {
    fill: #7086A3;
}

.enter-message .chat-text-input-row {
    border: 1px solid #C7CAD9;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
}

.enter-message .chat-text-input-row form {
    width: 100%;
    margin-left: 0px;
}

.chat-text-input-field .dropdown-menu.scrollable-menu.mention-menu {
    padding: 0px;
    bottom: 34px;
}

.chat-text-input-field .scrollable-menu.mention-menu .mention-item {
    font-size: 14px;
    font-family: 'AvenirMedium';
}

.chat-text-input-field .scrollable-menu.mention-menu li a {
    padding: 10px 25px;
    cursor: pointer;
}

.chat-text-input-field .scrollable-menu.mention-menu .mention-active>a {
    background-color: #44557c;
    padding: 10px 25px;
}

.chat-text-input-field .scrollable-menu.mention-menu li:hover a {
    background-color: #44557c;
    color: #fff;
}

.custom-send-btn a:hover {
    color: #fff;
}

.chat-extras {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: #00447d;
    padding: 0px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc-toggle-btn i {
    font-size: 10px;
}

.chat-text-input-row {
    padding: 4px 0px;
}

.chat-text-input-row {
    margin: 0px !important;
}

.enter-message-col {
    margin-left: 5px;
}

.chat-text-input-field {
    margin: 0px !important;
    position: relative;
}

.chat-text-input-field .custom-textarea {
    margin-bottom: 0px;
    overflow-y: auto;
    border: transparent;
    resize: none;
    width: 100%;
    height: 24px;
    font-size: 12px;
}

.custom-send-btn {
    background: #44557C;
    align-items: center;
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
    min-width: 70px;
    font-size: 11px;
    color: #fff;
}

.custom-send-btn a {
    margin-top: 0px;
    vertical-align: middle;
    justify-content: center;
    line-height: 0;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    padding: 0px;
    font-family: 'AvenirHeavy';
}

.chat-extras {
    cursor: pointer;
}

.custom-send-btn a {
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    justify-content: center;
    line-height: 0;
}

.sent-notify {
    padding: 10px;
    padding-bottom: 0px;
    font-size: 12px;
    border-top: 1px solid #ccc;
}

.enter-message {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.success-checkmark {
    width: 80px;
    height: auto;
    margin: 0 auto;
}

.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4CAF50;
}

.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}

.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
    content: '';
    height: 100px;
    position: absolute;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #4CAF50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, 0.5);
}

.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #FFFFFF;
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.upload-document-model {
    display: flex;
    width: 100%;
    flex: 0px 0px 100%;
    padding: 100px 120px;
}

.upload-document-model .left-side-update {
    width: 35%;
}

.upload-document-model .right-after-upload {
    width: 65%;
}

.profile-success .modal-dialog.modal-lg .close-btn {
    background: #557996;
    width: 15px;
    height: 15px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #557996;
    border-radius: 25px;
    position: absolute;
    right: 8px;
    top: 8px;
}


/*// chat css end*/

.right-comments .btn {
    font-size: 12px;
    margin-right: 10px;
}

.right-comments .btn:last-child {
    margin-right: 0px;
}

.custom-dropdown button {
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
}

.embed-dropdown {
    font-size: 14px !important;
    right: -100px !important;
    min-width: 450px !important;
    left: auto !important;
    max-width: 450px;
    padding: 10px !important;
    padding-top: 15px !important;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.27);
}

.modal-body .embed-dropdown {
    box-shadow: none;
}

.success-message {
    font-size: 12px;
    border: 1px solid #c3e6cb;
    width: 100%;
    text-align: center;
    padding: 4px;
    border-radius: 3px;
    color: #155724;
    background-color: #d4edda;
    margin: 10px auto;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.custom-dropdown button:focus,
.custom-dropdown button:hover {
    outline: none;
    border: none;
    box-shadow: none;
}

.custom-dropdown .dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 3px 20px #0000002E;
    border: 1px solid #CCCDDB;
    font-size: 12px;
}

.sort-element svg {
    fill: #fff;
    width: 9px;
    position: relative;
    top: -1px;
}

.btn.ip-modal-btn {
    background-color: #44557C;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
    min-height: 38px;
}

.ip-button-txt {
    padding-right: 10px;
    font-size: 11px;
    font-family: "AvenirHeavy";
    color: #fff;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.flex-align-center {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.left-fill {
    display: flex;
    align-items: center;
}

.with-filter-sec .onfilter .current-page-info {
    display: block;
    margin-left: 0px;
    margin-right: auto;
    width: 18%;
}

.with-filter-sec .table-info-actions.onfilter.flex-space-between {
    justify-content: flex-end;
}

.with-filter-sec .default-cols.example-container table {
    min-width: 1440px;
    max-width: 1600px;
}

.with-filter-sec .ip-table-action.without-hold {
    display: flex;
}

.with-filter-sec .table-actions-hold-li.without-hold .ip-table-action {
    margin-left: 10px;
}

.table-actions-hold-li.without-hold {
    display: none;
}

.with-filter-sec .table-actions-hold-li.without-hold {
    display: block;
}

.data-details-sec .select-clear {
    padding: 5px;
}

.data-details-sec .find-data {
    padding: 0px 5px;
}

.data-details-sec .data-details {
    padding: 2px 5px;
}

.selected-opttext.inside-tag ul li .fil-text {
    padding-left: 5px;
}

.ip-table-action.without-hold {
    padding-right: 12px;
    display: none;
}

.left-fill .ip-table-action.without-hold {
    padding-left: 10px;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.space-between {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    justify-content: center;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    flex-wrap: wrap;
}

.drop-conf-btn {
    padding: 5px 10px;
    font-size: 11px;
    padding-bottom: 0px;
}

.drop-conf-btn .btn {
    font-size: 11px;
}

.f-s-11 {
    font-size: 11px;
    word-break: break-word;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.process-details .close-svg {
    padding-left: 5px;
}

.f-s-12 {
    font-size: 12px;
}

.table-related-container {
    width: 100%;
}

.onfilter .current-page-info {
    display: none;
}

.onfilter .without-fill-hold {
    display: none;
}

.with-filter-sec .onfilter .without-fill-hold {
    display: block;
}

.with-filter-sec .onfilter .current-page-info {
    display: block;
}

.with-filter-sec {
    display: flex;
}

.with-filter-sec .without-filter {
    display: none;
}

.with-filter-sec .onfilter .pagerow-count {
    display: none;
}

.with-filter-sec .onfilter .lg-searchbox .mat-form-field.ip-table-select-form.ip-table-text-form {
    width: 240px;
}

.fillter-container {
    display: none;
}

.with-filter-sec .fillter-container {
    width: 16%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px #0000000F;
    border: 1px solid #DEDFEA;
    border-radius: 5px;
    display: block;
}

.filter-sec {
    padding: 10px;
    padding-bottom: 20px;
}

.filter-element {
    padding-top: 6px;
    height: calc(100vh - 160px);
}

.filter-element .dropdown {
    margin-bottom: 6px;
}

.filter-element .info-details.dropdown {
    margin-bottom: 0px;
}

.with-filter-sec .table-related-container {
    width: 83%;
    margin-left: auto;
}

.small-title {
    font-size: 14px;
    font-family: "AvenirHeavy";
    margin-bottom: 0px;
}

.hide-btn {
    background: #FFA364;
    border: 1px solid #FFA364;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    font-family: 'AvenirHeavy';
    cursor: pointer;
}

.filter-element .ng-select .ng-select-container .ng-value-container {
    padding-left: 10px !important;
}

.filter-element .ng-select {
    margin-bottom: 10px;
}

.filter-element .custome-select input.ng-pristine.ng-valid.ng-touched {
    width: 100%;
    padding-left: 8px;
}

.filter-used {
    margin: 10px 0px 8px;
    display: flex;
    align-items: center;
}

.filter-used p {
    margin-bottom: 0px;
    font-size: 11px;
}

.used-count {
    width: 22px;
    height: 20px;
    background: #44557C;
    border-radius: 3px;
    font-family: 'AvenirHeavy';
    font-size: 10px;
    color: #fff;
    padding: 2px 5px;
    margin-left: 5px;
}

.browse-url.custom-file-upload {
    margin-bottom: 0px;
    padding: 10px 25px;
    background: #44557C;
    color: #fff;
    position: absolute;
    right: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

.left-browse .browse-url.custom-file-upload {
    right: auto;
    left: 0px;
    background: #6679a5;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.close-svg svg {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.doc-updated-list {
    border: 1px solid #DEDFEA;
    padding: 8px;
    border-radius: 5px;
    padding-bottom: 5px;
    background-color: #fff;
}

.mat-progress-bar-fill::after {
    background-color: #44557C !important;
    border-radius: 5px !important;
}

.mat-progress-bar {
    border-radius: 5px !important;
    height: 6px !important;
}

.mat-progress-bar-buffer {
    background-color: #C6CBD7 !important;
}

.doc-uploaded li {
    padding: 10px 0px 0px;
}

.doc-uploaded li:last-child {
    padding-bottom: 0px;
}

.right-col-dia {
    display: flex;
    align-items: center;
}

.custom-filter-down {
    position: relative;
    border: 1px solid #E1E2EA;
    border-radius: 2px;
    font-size: 12px;
    color: #4A4F5C;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    align-items: center;
    cursor: pointer;
}

.custom-filter-drop-down-icon {
    padding-left: 5px;
    cursor: pointer;
}

.custom-filter-drop-down-icon svg {
    width: 10px;
    fill: #80909D;
}

.rotate {
    transform: rotate(180deg);
}

.company-data-custom-dropdown {
    box-shadow: 0px 3px 20px #0000004D;
    border-radius: 3px;
    border: 1px solid #9797972e;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    padding: 10px;
    z-index: 9;
    background: #fff;
    top: 40px;
    left: auto;
    right: 0px;
}

.company-data-custom-dropdown::before {
    position: absolute;
    content: '';
    top: 2px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid white;
    opacity: 1;
    transform: rotate(135deg);
    border: 4px solid black;
    transform-origin: 0 0;
    box-shadow: -3px 3px 1px 0 rgba(0, 0, 0, 0.1);
    right: -1px;
    border-color: transparent transparent #fff #fff;
}

.custom-filter-down:hover {
    border-color: #6679a5;
}

.select-clear {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    padding: 10px 0px;
    color: #4A4F5C;
}

button.btn.btn-search svg {
    fill: #7f9ca6;
    width: 15px;
    height: 15px;
}

.sample {
    width: 40%;
    display: flex;
    background: 0 0;
    border-bottom: 1px solid #7f9ca6;
    margin: 0 10px;
    align-items: center;
    position: relative;
}

.company-data .sample {
    width: 100%;
    margin: 0;
    border: 1px solid #b7bcd6;
    border-radius: 3px;
    padding: 2px 5px;
}

.sample.one button.btn-search {
    border-radius: 0;
    height: 26px;
    transition: all .3s ease-in-out;
    width: auto;
    padding: 0;
}

.sample.one input {
    transition: all .3s ease-in-out;
    width: 100%;
    border: transparent;
    padding: 0 5px;
    background: 0 0;
    font-size: 12px;
}

.company-data.company-data-custom-dropdown .sample input {
    height: 26px !important;
}

.find-data {
    padding-bottom: 0;
}

.status-count {
    font-size: 11px;
}

ul.data-ul {
    min-height: auto;
    max-height: 420px;
    margin-bottom: 10px;
}

.data-details .data-ul {
    max-height: calc(100vh - 384px);
}

.filter-element .data-details .data-ul {
    max-height: 230px;
    padding-right: 12px;
    margin-bottom: 0px;
}

.filter-element .data-details .data-ul.jurisdiction-data-ul {
    max-height: 180px;
}

.filter-element .encum-dropdown .data-details .data-ul {
    padding-right: 0px;
}

.data-details .data-ul li:first-child {
    padding-top: 0px;
}

.data-details .data-ul li {
    padding: 5px 0;
    color: #414550;
    cursor: pointer;
    position: relative;
    padding-right: 0px;
}

.data-details .data-ul li .form-element .cbx span {
    vertical-align: top;
    max-width: 100px;
    white-space: normal;
    word-break: break-word;
}

.data-details .data-ul li .form-element label.cbx {
    vertical-align: middle;
}

.status-filter-li-hold:hover {
    color: #162852 !important;
}

.check-boxfilter-hold .cbx span:first-child {
    border: 1px solid #CCCEDB;
}

.company-data-custom-dropdown .inp-cbx:checked+.cbx span:first-child svg {
    color: #fff !important;
}

.company-data-custom-dropdown .data-details ul.data-ul .cbx span:first-child {
    background: #fff;
}

.company-data.company-data-custom-dropdown .sample input {
    height: 30px !important;
}

.company-data-custom-dropdown .data-details ul.data-ul .cbx span:first-child {
    top: 0px;
    margin: auto;
}

.count-checklabel {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
}

.count-checklabel .check-boxfilter-hold {
    border: 1px solid #E1E2EA;
    width: 100%;
    padding: 2px 8px;
    border-radius: 2px;
}

.data-details .data-ul li .form-element.check-boxfilter-hold .cbx span {
    max-width: 90%;
}

.dec-list {
    font-size: 11px;
    padding-right: 0px;
    width: 32px;
}

.data-details-sec .drop-label {
    font-size: 14px;
}

.drop-label {
    margin-bottom: 0px;
    font-size: 11px;
    font-family: 'AvenirHeavy';
    word-break: break-word;
    text-transform: capitalize;
}

.count-checklabel .check-boxfilter-hold {
    border: 1px solid #E1E2EA;
    width: 100%;
    padding: 2px 8px;
    border-radius: 2px;
}

.count-checklabel .check-boxfilter-hold:active {
    cursor: grabbing;
}

.dropdown-menu.rest-dropdown {
    font-size: 10px;
    color: #31497E;
    padding: 10px;
    box-shadow: 0px 3px 20px #0000004D;
    border: 1px solid #CCCDDB;
    width: 150px;
    left: 0px !important;
    z-index: 10001;
}

.dropdown-menu.rest-dropdown:before {
    position: absolute;
    content: "";
    top: 0px;
    right: auto;
    left: 8px;
    opacity: 1;
    border: 2px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -1px 1px 0px 0 #0000004D;
}

.data-details .select-clear {
    border-bottom: 1px solid #ededed;
}

.dropdown-menu.down-dropdown.rest-dropdown {
    left: -10px !important;
    right: auto !important;
}

.dropdown-menu.down-dropdown.rest-dropdown.show:before {
    left: 15px;
    right: auto;
}

.count-checklabel .data-details .data-ul li .form-element label.cbx {
    width: 100%;
    cursor: pointer;
}

.liti-flag {
    padding: 15px;
    font-size: 12px;
    word-break: break-word;
}

.com-name {
    font-size: 12px;
    color: #465C90;
    font-family: 'AvenirHeavy';
    margin: 0px;
    padding: 10px 0px;
    line-height: 16px;
}

.flag-detail .card-no {
    padding-right: 20px;
    color: #414550;
}

.liti-flag .flag-detail {
    align-items: flex-start !important;
}

.flag-detail .card-no {
    min-width: 110px;
    max-width: 120px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flag-detail .card-no span:last-child {
    padding-left: 5px;
}

.flag-detail .card-data {
    max-width: 200px;
    padding-left: 10px;
}

.flag-detail {
    padding: 5px 0px;
    color: #162852;
    font-size: 12px;
}

.flag-para {
    margin-bottom: 0px;
    padding: 10px 0px;
    color: #414550;
}

ul.data-ul .form-element input:not(:placeholder-shown)+label,
.form-element input:focus+label {
    font-size: 11px;
}

.check-boxfilter-hold .custom-checkbox-span {
    width: 13px;
    height: 13px;
}

.check-boxfilter-hold .cbx span:last-child {
    margin-right: 0px;
    text-align: start;
    padding-left: 5px;
    font-weight: 500;
}

.select-clear .form-element input:not(:placeholder-shown)+label,
.select-clear .form-element input:focus+label {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.company-data-custom-dropdown .inp-cbx:checked+.cbx span:first-child svg {
    left: 2px !important;
    top: 2px !important;
}

a.fillclear {
    color: #162852 !important;
    cursor: pointer;
    text-decoration: underline !important;
    font-size: 12px;
}

.inside-input {
    margin: 5px 0px 5px;
}

.selected-opttext {
    min-height: auto;
    max-height: 65px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.selected-opttext ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.selected-opttext ul li {
    border: 1px solid #9797977a;
    border-radius: 3px;
    margin: 5px 2px;
    padding: 5px 8px;
    background: #162852;
    position: relative;
    width: 65px;
}

.selected-opttext ul li .fil-text {
    font-size: 10px;
    color: #fff;
    cursor: pointer;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 12px;
}

.selected-opttext ul li .fil-close svg {
    width: 12px;
    height: 11px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0px;
    fill: #fff;
    bottom: 0px;
    margin: auto;
    background: #162852;
    padding-left: 3px;
}

.add-col-body {
    background: #fff;
    margin: 20px 0px;
    box-shadow: 0px 4px 20px #0000000F;
    border-radius: 5px;
}

.scroll-add-col {
    height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}

.add-col-body.no-scroll-body {
    height: auto;
}

.add-col-body-head h4 {
    color: #414153;
    font-size: 16px;
    font-family: 'AvenirHeavy';
    margin-bottom: 0px;
}

.add-col-body-head {
    border-bottom: 1px solid #DFE1EB;
    border-bottom: 1px solid #DFE1EB;
    padding: 15px 20px;
}

.add-col-label {
    display: inline-block;
    color: #414153;
    font-size: 12px;
    font-family: 'AvenirHeavy';
    text-transform: uppercase;
    position: relative;
}

label.add-col-label.req-field-mark:after {
    content: '*';
    position: absolute;
    right: -10px;
    left: auto;
}

.modal-fields-common .ix-form-text.input-focus label {
    padding-right: 3px;
}

.modal-fields-common .req-field-mark:after {
    content: '*';
    position: absolute;
    right: -5px;
    left: auto;
    background: #fff;
    top: 2px;
    bottom: auto;
}

.req-field-mark .mat-select-req-span {
    color: red;
}

.custom-ngselect .req-field-mark {
    padding-right: 3px;
}

.log-field.log-pwd-field .ix-input-form .ix-form-text label.req-field-mark:after {
    content: '*';
    position: absolute;
    right: -5px;
    left: auto;
    background: #fff;
    top: 2px;
    bottom: auto;
}

.add-col-body-content {
    padding: 15px 20px;
}

.add-col-input-field input {
    border: 1px solid #E1E2EA;
    border-radius: 2px;
    min-height: 36px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.add-col-input-field textarea {
    border: 1px solid #E1E2EA;
    border-radius: 2px;
    min-height: 36px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    margin: 0px;
}

.add-col-input-field input::placeholder {
    color: #3C404A;
    opacity: 0.6;
}

.add-col-inner-fields .flag-ul li.input-w-48 {
    margin-bottom: 20px;
}

.input-w-48 {
    width: 48%;
    margin-bottom: 15px;
}

.input-w-100 {
    width: 100%;
    margin-bottom: 20px;
}

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

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

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

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

.cdk-column-publication_number {
    width: 120px;
}

.cdk-column-original_assignee {
    width: 170px;
}

.cdk-column-application_number {
    width: 170px;
}

.cdk-column-jurisdiction {
    width: 150px;
}

.cdk-column-applicants {
    width: 180px;
}

.cdk-column-level_1_tech,
.cdk-column-level_2_tech {
    width: 250px;
}

.cdk-column-priority_date,
.cdk-column-grant_date {
    width: 120px;
}

.cdk-column-expiration_date,
.cdk-column-application_date,
.cdk-column-family_id,
.cdk-column-docket_number {
    width: 150px;
}

.cdk-column-patent_status {
    width: 140px;
}

.cdk-column-current_assignee {
    width: 180px;
}

.cdk-column-title,
.mat-column-inventors,
.cdk-column-inventors,
.cdk-column-cpc_ipc_classes,
.cdk-column-family_members {
    width: 300px;
}

.patent-para {
    padding-bottom: 15px;
}

.right-tab.show .dropdown-item {
    font-size: 14px;
}

.div-header .table-actions-hold-li {
    margin-right: 15px;
}

.add-col-inner-fields ul.flag-ul {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.add-col-fields-common .ip-table-action {
    display: block;
}

.add-col-fields-common .ip-table-action .mat-form-field.ip-table-select-form {
    width: 100%;
}

.add-col-fields-common .ip-table-action .mat-form-field.ip-table-select-form .mat-form-field-flex {
    border: 1px solid #E1E2EA;
}

.column-added-modal-content button {
    margin: 0 auto;
}

.add-links {
    background: #ECEFF2;
    border-radius: 3px;
    padding: 20px;
}

.url-filed {
    border: 1px solid #DEDFEA;
    background: #ffff;
    display: flex;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 10px;
    position: relative;
    height: 40px;
    margin-bottom: 0px;
}

.link-list {
    margin-bottom: 10px;
}

.url-filed {
    position: relative;
}

.url-filed input {
    width: 80%;
    border: transparent;
    padding: 0px 10px;
    font-size: 12px;
}

.url {
    padding: 10px;
    font-size: 12px;
    background: #6679A5;
    color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    min-width: 100px;
    white-space: nowrap;
}

.add-product-modal-fields .group {
    margin-bottom: 20px;
}

.add-product-modal-fields .group .custom-ngselect .ng-select {
    margin-bottom: 0px !important;
}

.add-product-modal-fields .ix-input-form,
.add-product-modal-fields .ix-input-form1 {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 576px) and (min-width: 320px) {
    .company-data-custom-dropdown .data-details .data-ul li {
        padding: 2px 10px !important;
    }
    .find-data {
        padding-bottom: 5px;
    }
    .select-clear .cbx span:first-child {
        margin: 0px;
    }
    .company-data-custom-dropdown {
        transform: translate3d(0px, 8px, 0px);
    }
}

.setting-dropdown .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    transform: translate3d(-12px, 39px, 0px) !important;
}

.setting-dropdown .data-details .data-ul li:first-child {
    padding-top: 0px;
}

.setting-dropdown .data-details .data-ul li {
    border: 1px solid #E1E2EA;
    margin: 5px 0px;
    padding: 0px 5px;
}

.setting-dropdown ul.data-ul {
    max-height: 200px;
    color: #414550;
}

.setting-dropdown .data-details .data-ul li {
    color: #414550;
}

.setting-dropdown ul.data-ul .form-element input:not(:placeholder-shown)+label,
.setting-dropdown .form-element input:focus+label {
    font-size: 11px;
}

.setting-dropdown .data-details-sec {
    padding-top: 6px;
}

.setting-dropdown .dropdown-menu ul {
    font-size: 12px;
    color: #162852;
}

.setting-dropdown .dropdown-menu ul li {
    padding: 8px 10px;
    border-bottom: 1px solid #DFE1EB;
    cursor: pointer;
}

.setting-dropdown .dropdown-menu ul li:last-child {
    border-bottom: none;
}

.transition,
.ix-input-form .ix-form-text label,
.ix-input-form .ix-form-text input[type="text"],
.ix-input-form .ix-form-text input[type="password"] {
    transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
}

.ix-input-form,
.ix-input-form1 {
    display: inline-block;
    width: 100%;
    background-color: white;
    border-radius: 40px;
    text-align: left;
}

.ix-input-form,
.ix-input-form1 {
    margin-bottom: 20px;
}

.ix-input-form .ix-form-text {
    position: relative;
}

.ix-input-form .ix-form-text label {
    transform-origin: left center;
    letter-spacing: 0.16px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    top: 12px;
    padding: 0px 5px;
    left: 15px;
    color: #414153;
    font-size: 11px;
    background-color: #fff;
    font-family: 'AvenirMedium';
}

.ix-input-form .ix-form-text input[type="text"],
.ix-input-form .ix-form-text input[type="password"] {
    appearance: none;
    background-color: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 10px 15px;
    color: #0e2856;
    font-weight: 100;
    letter-spacing: 0.16px;
    position: relative;
    z-index: 1;
    box-shadow: none;
    transition-duration: 0.2s;
    border: 1px solid #E1E2EA;
    border-radius: 2px;
    max-height: 38px;
    font-size: 12px;
}

.ix-form-text.input-focus input[type="text"]:focus,
.ix-form-text.input-focus input[type="password"]:focus {
    outline: none;
    background: #fff;
    color: #414153;
}

.ix-form-text.input-focus input[type="text"]:focus~label,
.ix-form-text.input-focus input[type="password"]:focus~label {
    top: -7px;
}

.ix-form-text.input-focus input[type="text"]:valid~label,
.ix-form-text.input-focus input[type="password"]:valid~label {
    top: -7px;
}

.info-details i {
    font-size: 11px;
    padding: 5px 5px;
    cursor: pointer;
    color: #6679A5;
}

.info-details .dropdown-menu {
    width: 135px;
    min-width: 135px;
    max-width: auto;
    padding: 10px;
    left: 0px;
    right: auto;
    top: 0px;
}

.info-details .dropdown-menu p {
    font-size: 11px;
    margin-bottom: 0px;
    word-break: break-word;
    color: #31497E;
}

.info-details .dropdown-menu:before {
    position: absolute;
    content: '';
    top: 3px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid white;
    opacity: 1;
    transform: rotate(135deg);
    border: 4px solid black;
    transform-origin: 0 0;
    box-shadow: -3px 3px 1px 0 rgba(0, 0, 0, 0.1);
    right: auto;
    left: 50px;
    border-color: transparent transparent #fff #fff;
}

.info-details .dropdown-menu {
    transform: translate3d(-35px, 22px, 0px) !important;
}

.ip-custom-modal .modal {
    background: #162852E6 !important;
}

.widget-content img {
    width: 90px;
    height: 90px;
    margin: 10px auto 20px;
    display: flex;
}

.widget-content p {
    font-size: 18px;
    text-align: center;
    font-family: 'AvenirMedium';
    color: #162852;
}

.widget-editor {
    display: flex;
    width: 100%;
    height: calc(100vh - 220px);
    overflow-y: auto;
}

.widget-right-setting {
    display: inline-flex;
    width: 240px;
    justify-content: flex-start;
    flex-direction: column;
    background: #fff;
    border-left: 1px solid #dbdbed;
    padding: 10px;
    overflow: hidden;
    top: 0;
    margin-left: 10px;
    position: sticky;
    right: 0px;
}

.frame-name {
    color: #414153;
    font-size: 15px;
    text-align: left;
    font-family: 'AvenirHeavy';
    font-weight: inherit;
}

.w-h-sec input {
    padding: 5px 15px 5px 5px;
    background: #fff;
    border: .5px solid #acc7dd;
    color: #002f56;
    width: 70%;
    border-radius: 3px;
    font-size: 12px;
}

.w-h-sec {
    margin-bottom: 10px;
}

.color-picker input {
    padding: 0px;
    height: 40px;
}

.w-h-sec label {
    position: initial;
    padding: 0;
    font-size: 12px;
    margin: 0 0 5px;
}

.wid-flex {
    display: flex;
    margin-bottom: 10px;
}

.wid-flex .size-select {
    margin-left: 10px;
}

.size-select button {
    background: #002f56;
    border: .5px solid #acc7dd;
    color: #fff;
}

.custom-matselect.px-dropdown {
    width: 50px;
    margin-left: 10px;
}

.custom-matselect.px-dropdown .mat-form-field.ip-table-select-form .mat-form-field-flex {
    border: .5px solid #acc7dd;
}

.size-select .dropdown-menu {
    left: 0px;
    width: 52px;
    min-width: fit-content;
    transform: translate3d(3px, 30px, 0px) !important;
    padding: 2px 0px;
}

.size-select .dropdown-menu a.dropdown-item {
    padding: 8px 16px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.size-select button:hover {
    color: #fff;
}

.modal-form-title {
    color: #162852;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 26px;
}

.modal-custom-para {
    font-size: 14px;
}

.btn-primary.simple-btn {
    min-width: 60px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-transpant {
    border: transparent;
    background: transparent;
}

.chat-bay.liti-comments .chat-window {
    min-height: calc(100vh - 230px) !important;
    max-height: calc(100vh - 230px) !important;
}

.company-management-list-common .mat-tab-body-wrapper {
    background-color: transparent;
    box-shadow: none;
}

.select-all-rest-common {
    background-color: #fff;
    border: 1px solid #D2D4E0;
    border-radius: 2px;
    padding: 2px 6px;
    margin-bottom: 5px;
    overflow-x: auto;
}

.select-all-rest-common .select-rest-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    padding: 2px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-150 {
    margin-bottom: 150px;
}

.trash-icon-hold {
    cursor: pointer;
    padding-left: 5px;
}

.trash-text {
    font-size: 11px;
    text-decoration: underline;
    padding-left: 5px;
    cursor: pointer;
    font-family: "AvenirMedium";
    color: #162852;
}

.trash-icon-hold svg {
    width: 11px;
}

.icon-hold button {
    border: transparent;
    background: transparent;
}

.doc-updated-list .doc-file-name {
    max-width: 80%;
}

.icon-hold .download-icon svg,
.icon-hold .delete-icon svg {
    width: 15px;
    height: 15px;
    fill: #536286;
}

.icon-hold button:last-child {
    margin-left: 10px;
}

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

.filters-selected-ul {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: max-content;
}

ul.filters-selected-ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lic-encumb-tags .filter-types-values-common .filter-values-ul {
    flex-wrap: wrap;
}

.lic-tag .filters-selected-ul .encumb-filters-selected-li .filter-values-ul .encumb-filter-values-li {
    max-width: 100% !important;
}

.filter-types-li-hold {
    background-color: #44557C;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    margin-left: 10px;
}

span.filter-selected-head {
    font-family: 'AvenirMedium';
    font-size: 12px;
    color: #4A4F5C;
}

.filter-types-common {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

span.filter-types-head {
    font-size: 12px;
    font-family: 'AvenirHeavy';
}

.filter-types-values-common .filter-values-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.patent-detail-body-section .filter-types-values-common .filter-values-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 330px;
    flex-wrap: wrap;
    max-height: 65px;
}

.patent-detail-body-section .lic-encumb-tags .filters-selected-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 330px;
    flex-wrap: wrap;
    max-height: 65px;
}

.patent-detail-body-section .filter-types-values-common.selected-multi-value {
    padding-right: 40px;
}

.filter-types-values-common .filter-values-ul {
    cursor: pointer;
}

.selected-multi-value {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.filter-value-head {
    font-size: 11px;
    font-family: 'AvenirMedium';
    color: #fff;
    padding-right: 10px;
}

.filter-values-ul .filter-close-icon {
    padding-left: 2px;
    line-height: 0px;
    background: #6679a5;
    position: absolute;
    right: 6px;
    width: 8px;
    height: 8px;
    bottom: 0px;
    margin: auto;
    top: 0px;
}

ul.filter-values-ul li {
    background: #6679A5;
    border-radius: 2px;
    padding: 5px 5px;
    margin: 2px 5px;
    margin-bottom: 5px;
    max-width: 100px !important;
    min-width: auto;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    margin-bottom: 0px !important;
    position: relative;
}

.loc-elipsis {
    margin: 0px 5px;
}

.selected-opttext.inside-tag ul li {
    min-width: auto;
    max-width: 60px;
    display: flex;
    align-items: center;
    padding-top: 5px !important;
}

.selected-opttext.inside-tag .loc-elipsis {
    margin: 0px 2px;
}

.selected-opttext.inside-tag {
    max-height: 100px;
}

.clear-all-filters-txt {
    font-size: 12px;
    font-family: 'AvenirMedium';
    cursor: pointer;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 13px;
}

.ip-breadcrumb-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.ip-breadcrumb-ul li {
    cursor: pointer;
    font-size: 13px;
    margin-left: 15px;
    max-width: 800px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ip-breadcrumb-ul li:last-child {
    cursor: inherit;
}

span.ip-breadcrumb-nxt-icon svg {
    transform: rotate(270deg);
}

span.ip-breadcrumb-nxt-icon {
    padding-left: 10px;
}

.ip-breadcrumb-ul .ip-breadcrumb-lvl-1,
.ip-breadcrumb-ul .ip-breadcrumb-lvl-2 {
    color: #6E6E71;
    font-family: 'AvenirMedium';
}

.ip-breadcrumb-ul .ip-breadcrumb-last-lvl {
    color: #414153;
    font-family: 'AvenirHeavy';
}

.ip-breadcrumb-common {
    display: flex;
    align-items: center;
}

.ip-acc-card-common {
    margin-top: 25px;
}

.ip-acc-card-common .ip-accordion-card.card {
    box-shadow: 0px 4px 20px #0000000F;
    border: 1px solid #DEDFEA;
    border-radius: 5px;
}

.ip-accordion-card .ip-accordion-card-header {
    border-bottom: 1px solid #DFE1EB;
    background: #fff;
}

.ip-accordion-card .ip-accordion-card-head h4 {
    font-size: 16px;
    font-family: "AvenirHeavy";
    margin-bottom: 0px;
}

.encum-sec {
    width: 100%;
}

.encum-sec.flag-encum {
    padding: 15px;
}

.encum-sec .encum-title {
    font-size: 13px;
    font-family: 'AvenirHeavy';
    margin: 8px 0px;
    line-height: 18px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.encum-list .enum-para {
    margin: 10px 0px;
    font-size: 12px;
    font-family: 'AvenirMedium';
}

.encum-list:last-child {
    margin-bottom: 0px;
}

ul.encum-list {
    list-style: none;
    margin-left: 0px;
    font-size: 13px;
}

ul.encum-list li {
    margin: 8px 0px;
    text-transform: capitalize;
}

.encum-list {
    margin-bottom: 15px;
    width: 100%;
    word-break: break-word;
}

ul.encum-list {
    margin-bottom: 5px !important;
}

.encum-list .encum-list-li-hold {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    font-family: 'AvenirMedium';
}

.patent-details mat-accordion {
    width: 100%;
    color: #4a4a4a;
}

.accordtion-sec mat-expansion-panel-header {
    border-bottom: 1px solid #ddd;
}

.accordtion-sec mat-expansion-panel {
    border-radius: 5px;
    margin-bottom: 0px;
}

.ip-accordion-sec .mat-expansion-panel-body {
    padding: 25px !important;
}

.app-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;
    font-size: 13px;
}

.app-list li {
    width: 25%;
}

.app-list li .app-li {
    padding: 10px;
    padding-left: 0px;
}

.app-list li .app-li h5 {
    margin-bottom: 10px;
    font-size: 15px;
}

.app-list li .app-li p {
    margin-bottom: 0px;
}

.ip-accordion-sec .mat-expansion-panel-header {
    background: #EDF0F4 !important;
    box-shadow: 0px 4px 10px #00000033;
    border: 1px solid #DEDFEA;
    border-radius: 5px 5px 0px 0px;
    padding: 0px 15px;
}

.ip-accordion-sec .mat-expansion-panel-header.mat-expanded {
    height: 50px !important;
}

.ip-accordion-sec .mat-expansion-panel-header .title-header {
    font-size: 13px;
    font-family: 'AvenirHeavy';
    padding-left: 10px;
}

.acc-head-panel-flag .flag-indv-hold.asset-flag,
.acc-head-panel-flag .flag-indv-hold.ligitation-flag {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ip-acc-table thead tr th {
    font-size: 13px;
    font-family: "AvenirHeavy";
    color: #414153;
}

.ip-acc-table tbody tr td {
    text-decoration: underline;
    font-family: "AvenirLTStdRoman" !important;
    letter-spacing: 0px;
    color: #414550;
    font-size: 11px;
}

.flag-upload {
    font-size: 11px;
}

.flag-upload .or-flag {
    padding: 0px 10px;
}

.flag-upload label {
    margin-bottom: 0px;
}

.flag-upload .flags-common-li {
    margin-bottom: 0px;
    margin-left: 5px;
}

.flag-upload .flags-common-li:first-child {
    margin-left: 0px;
}

.add-rules {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 15px;
    justify-content: space-between;
    background: #F4F6F8;
    border: 1px solid #DEDFEA;
    margin: 10px 0px;
    border-radius: 5px;
}

.f-trash-icon {
    cursor: pointer;
}

.f-trash-icon svg path {
    fill: #44557C;
    stroke: #44557C;
}

.add-rules .flag-select li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.date-time-picker {
    margin-bottom: 10px;
}

.flag-picker .custom-date {
    width: 120px;
    margin-right: 10px;
}

.m-label {
    font-size: 11px;
    font-family: 'AvenirMedium';
    color: #414153;
    display: block;
}

ul.flag-select {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 0px;
}

.w-30 {
    width: 30%;
}

.w-25 {
    width: 25%;
}

.w-20 {
    width: 20%;
}

.w-15 {
    width: 15%;
}

.w-11 {
    width: 11%;
}

.w-14 {
    width: 14%;
}

.w-10 {
    width: 10%;
}

.w-8 {
    width: 8%;
}

.w-9 {
    width: 9%;
}

.w-6 {
    width: 6%;
}

.w-7 {
    width: 7%;
}

.w-12 {
    width: 12%;
}

.w-5 {
    width: 5%;
}

.w-4 {
    width: 4%;
}

.w-3 {
    width: 3%;
}

.w-2 {
    width: 2%;
}

.w-1 {
    width: 1%;
}

.w-55 {
    width: 55%;
}

.work-product-table th.mat-header-cell.cdk-header-cell.w-15.cdk-column-WorkProductType {
    width: 10% !important;
}

.work-product-table th.mat-header-cell.cdk-header-cell.w-30.cdk-column-WorkProductName {
    width: 15%;
}

.work-product-table th.mat-header-cell.cdk-header-cell.w-30.cdk-column-SharePointLink {
    width: 15%;
}

.total-columns-count {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #6679A5;
    border-radius: 2px;
    font-size: 11px;
    padding: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    font-family: 'AvenirHeavy';
}

.total-columns-count span {
    font-size: 11px;
}

.total-columns-count .count-hold {
    color: #fff;
    background-color: #43547B;
    border-radius: 50%;
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    padding: 5px 5px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    text-align: center;
}

.claim-common-inner-section {
    padding: 20px;
}

.add-claims-section {
    padding: 30px;
    background: #F4F6F8 0% 0% no-repeat padding-box;
    border: 1px solid #DEDFEA;
    border-radius: 5px;
}

.add-claims-section .add-claim-default-para {
    margin-bottom: 0px;
    color: #414550;
    font-family: "AvenirMedium";
    font-size: 12px;
    width: 221px;
}

.litigation-filter-by .mat-form-field-infix {
    background: #44557c !important;
}

.litigation-filter-by .mat-select-value-text {
    color: #fff !important;
}

.encumb-filters-selected-li {
    width: 100%;
}

.patent-list-body-section .ip-check-box-hold .form-element .cbx .sp-txt-upload {
    display: none !important;
}

.litigation-table-starts .flex-start {
    position: relative;
}

.litigation-table-starts .sort-icons-hold {
    padding-right: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.litigation-filter-by .dropdown.show-list {
    background: #44557c;
    color: #fff;
    border-radius: 5px;
}

.litigation-filter-by .dropdown.show-list .custom-filter-down {
    color: #fff;
}

.litigation-filter-by .dropdown.show-list .custom-filter-drop-down-icon svg {
    fill: #fff;
    margin-left: 8px;
}

.body-content {
    padding: 20px;
}

.body-content p {
    font-size: 16px;
    line-height: 30px;
    font-family: "AvenirHeavy" !important;
    padding: 20px;
    text-align: center;
    color: #162852;
    margin-bottom: 0px;
}

.mat-expansion-panel-content {
    font-family: "AvenirMedium" !important;
}

.app-list li .app-li h5 {
    margin: 5px 0px 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'AvenirHeavy';
}

.app-list li .app-li p {
    font-size: 12px;
    padding: 5px 0px;
    color: #414550;
    font-family: 'AvenirLTStdRoman';
    word-break: break-word;
    padding-right: 15px;
}

.view-publish-detail .app-list li .app-li p {
    padding-left: 10px !important;
}

.add-new-flag-common-section .mat-expansion-panel-body {
    padding: 16px 16px !important;
}

.custom-claim-li {
    width: 100%;
}

.custom-claim-li .claim-txt-area {
    width: 100%;
    border: 1px solid #E4E5EA;
    padding: 5px;
    min-height: 60px;
    font-size: 14px;
    color: #414153;
}

.custom-claim-li .inner-claim-content-section {
    width: 100%;
}

.claim-child-li.custom-claim-li.child-li-lvl-1 {
    padding-left: 30px;
}

.claim-child-li.custom-claim-li.child-li-lvl-2 {
    padding-left: 26px;
}

.claim-child-li.custom-claim-li.child-li-lvl-3 {
    padding-left: 26px;
}

.claim-child-li.custom-claim-li.child-li-lvl-4 {
    padding-left: 26px;
}

.claim-li-flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 15px;
}

.custom-claim-li-sub-in {
    position: relative;
}

.custom-claim-li-sub-in:before {
    position: absolute;
    width: 2px;
    content: '';
    height: 100%;
    left: 12px;
    right: auto;
    top: 18px;
    border: 0 none;
    border-left: 2px dashed #44557c;
}

a.edit-link {
    color: #44557C;
    text-decoration: underline !important;
    font-size: 14px;
    cursor: pointer;
    font-family: 'AvenirMedium';
}

a.edit-link:hover {
    text-decoration: underline !important;
}

.word-wp-text {
    width: 200px;
    word-wrap: break-word;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-1 {
    position: relative;
    overflow: hidden;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-2 {
    position: relative;
    overflow: hidden;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-3 {
    position: relative;
    overflow: hidden;
}

.level-1-all-dash:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: 38px;
    right: auto;
    top: -13px;
    border: 0 none;
    border-left: 2px dashed #44557c;
    opacity: 1;
}

.level-2-all-dash:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: 34px;
    right: auto;
    top: -13px;
    border: 0 none;
    border-left: 2px dashed #44557c;
    opacity: 1;
}

.level-3-all-dash:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: 34px;
    right: auto;
    top: -13px;
    border: 0 none;
    border-left: 2px dashed #44557c;
    opacity: 1;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-1 .claim-count {
    position: relative;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-1 .claim-count-dashed {
    position: relative;
}

.claim-child-li.custom-claim-li.custom-claim-li-sub.child-li-lvl-1 .claim-count.claim-count-lvl-1-dashed:before {
    position: absolute;
    content: '';
    border-top: 2px dashed #44557c;
    width: 100%;
    left: -20px;
    right: auto;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.claim-child-li.custom-claim-li.child-li-lvl-2 {
    position: relative;
}

.claim-li-flex {
    position: relative;
}

.claim-li-flex.level-3-claim-flex {
    position: relative;
}

.claim-child-li.child-li-lvl-1 .level-1-claim-flex:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: 8px;
    right: auto;
    top: 9px;
    border: 0 none;
    border-left: 2px dashed #44557c;
    opacity: 1;
}

.claim-child-li.child-li-lvl-2 .level-2-claim-flex:before {
    position: absolute;
    width: 2px;
    content: '';
    height: 100%;
    left: 8px;
    right: auto;
    top: 10px;
    border: 0 none;
    border-left: 2px dashed #44557c;
}

.claim-li-flex.level-3-claim-flex:before {
    position: absolute;
    width: 2px;
    content: '';
    height: 100%;
    left: 8px;
    right: auto;
    top: 10px;
    border: 0 none;
    border-left: 2px dashed #44557c;
}

.claim-child-li.custom-claim-li.child-li-lvl-2 .claim-count.claim-count-lvl-2-dashed:before {
    position: absolute;
    content: '';
    border-top: 2px dashed #44557c;
    width: 100%;
    left: -18px;
    right: auto;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.claim-child-li.custom-claim-li.child-li-lvl-3 .claim-count.claim-count-lvl-3-dashed:before {
    position: absolute;
    content: '';
    border-top: 2px dashed #44557c;
    width: 100%;
    left: -18px;
    right: auto;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.claim-child-li.custom-claim-li.child-li-lvl-4 .claim-count.claim-count-lvl-4-dashed:before {
    position: absolute;
    content: '';
    border-top: 2px dashed #44557c;
    width: 100%;
    left: -18px;
    right: auto;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.btn.btn-primary.btn-primary-inactive {
    background-color: #16285282;
}

.ip-pdf-hold {
    padding: 30px 0px;
    height: calc(100vh - 270px);
    overflow-y: hidden;
}

.ip-pdf-hold .page {
    border: 2px solid #000 !important;
}

.warning-msg i {
    color: #ea4432;
}

.warining-sec {
    display: flex;
}

.warning-msg {
    width: 20px;
    margin-right: 5px;
}

.warning-msg img {
    width: 100%;
}

.sign-inner,
.left-inner {
    position: relative;
}

.rd-after {
    position: absolute;
    right: 0;
    bottom: 40px;
}

span.c1 {
    background: #ffffff;
    height: 15px;
    width: 40px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: -18px;
    top: -30px;
    animation: 3s linear infinite nudge;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

span.c-blue {
    background: #00447d !important;
}

span.c-blue {
    background: #09485d;
    height: 16px;
    width: 30px;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    left: -18px;
    top: -15px;
}

span.c2 {
    background: #ffffff;
    height: 15px;
    width: 60px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: -20px;
    top: 1px;
    animation: 2s linear infinite nudges;
}

.c1.wd-c1:after,
.c2.c2-b4:after {
    left: 33px;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rd-before {
    position: absolute;
    left: 0;
    top: 40px;
    transform: rotate(180deg);
    /* background: red; */
}

.c1.wd-c1 {
    width: 60px;
}

span.c1 {
    background: #ffffff;
    height: 15px;
    width: 40px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: -18px;
    top: -30px;
    animation: 3s linear infinite nudge;
}

.c1.wd-c1:after,
.c2.c2-b4:after {
    left: 33px;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

span.c-blue {
    background: #43557d !important;
}

span.c-blue {
    background: #43557d;
    height: 16px;
    width: 30px;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    left: -18px;
    top: -15px;
}

.c2.wd-c2 {
    width: 40px;
}

span.c2 {
    background: #ffffff;
    height: 15px;
    width: 60px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: -20px;
    top: 1px;
    animation: 2s linear infinite nudges;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

label.rd-after.rd-lft-top {
    top: 20px;
}

.rd-after {
    position: absolute;
    right: 0;
    bottom: 40px;
}

label.rd-after.rd-lft-top span.c2 {
    left: -15px;
}

span.c2 {
    background: #ffffff;
    height: 15px;
    width: 60px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: -20px;
    top: 1px;
    animation: 2s linear infinite nudges;
}

.c1.wd-c1:after,
.c2.c2-b4:after {
    left: 33px;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rd-after {
    position: absolute;
    right: 0;
    bottom: 40px;
}

label.rd-after.rd-lft-bottom {
    bottom: 40px;
    right: 20px;
}

label.rd-after.rd-lft-bottom {
    bottom: 40px;
    right: 4px;
    z-index: -2;
}

.rd-after {
    position: absolute;
    right: 0;
    bottom: 40px;
}

.c1.wd-c1:after,
.c2.c2-b4:after {
    left: 33px;
}

span.c1:after,
span.c2:after {
    background: rgba(0, 68, 125, 0.1) !important;
}

span.c1:after,
span.c2:after {
    position: absolute;
    content: "";
    height: 9px;
    width: 24px;
    background: #3cbbe654;
    border-radius: 22px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.left-inner span.c2 {
    background: #0C1B3C;
}

.left-inner span.c2:after {
    background: #ffffffa6 !important;
}

@keyframes nudge {
    50% {
        transform: translate(10px, 0px);
    }
    80% {
        transform: translate(10px, 0px);
    }
}

@keyframes nudges {
    50% {
        transform: translate(10px, 0px);
    }
    80% {
        transform: translate(10px, 0px);
    }
}

@media only screen and (max-width: 1067px) and (min-width: 320px) {
    .table-actions-hold-ul {
        justify-content: flex-end;
        flex-wrap: wrap;
        align-items: center;
    }
    .body-common-section {
        padding-left: 0px !important;
    }
    .common-inner-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .with-filter-sec .table-related-container {
        width: 82%;
    }
    .with-filter-sec .fillter-container {
        width: 17%;
    }
}

@media only screen and (max-width: 680px) and (min-width: 320px) {
    .ip-custom-modal .modal-content {
        width: 100%;
    }
}

@media only screen and (max-width: 1380px) {
    .with-filter-sec .onfilter .current-page-info {
        width: auto;
        font-size: 14px;
    }
    .with-filter-sec .table-info-actions.onfilter.flex-space-between {
        justify-content: flex-start;
    }
    .table-actions-hold-li {
        margin-right: 5px;
    }
    .flags-common-li .flag-indv-hold {
        width: 26px;
        height: 26px;
    }
    .edited-text-area {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1283px) {
    .with-filter-sec .onfilter .lg-searchbox .mat-form-field.ip-table-select-form.ip-table-text-form {
        width: 200px;
    }
}

@media only screen and (max-width: 1215px) {
    .with-filter-sec .table-info-actions.onfilter.flex-space-between {
        justify-content: flex-end;
    }
    .table-actions-hold-ul {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
    .with-filter-sec .fillter-container {
        width: 20%;
    }
    .with-filter-sec .table-related-container {
        width: 78%;
    }
    .with-filter-sec .onfilter .current-page-info {
        width: auto;
    }
    .res-logo {
        display: block;
    }
    .nor-logo {
        display: none;
    }
    .topbar .topbar-left {
        background: transparent;
        height: auto;
    }
    .edited-text-area {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .with-filter-sec .table-with-filter-scroll {
        width: 1280px;
        overflow-x: scroll;
    }
    .with-filter-sec .table-related-container.table-with-filter-scroll {
        margin-left: 25px;
    }
    .with-filter-sec .fillter-container {
        width: 50%;
    }
    .sidebar .sidebar-nav .side-item.active:before {
        width: 110px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    ul.table-actions-hold-ul.res-padding {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 425px) and (min-width: 320px) {
    .table-info-actions .current-page-info {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1448px) and (min-width: 320px) {
    .add-rules .flag-select .w-19 {
        margin-right: 0px !important;
    }
    .add-flags-common-section .add-rules {
        position: relative;
    }
    .add-flags-common-section .f-trash-icon {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 5px;
        left: auto;
        bottom: auto;
    }
}

@media only screen and (max-width: 1172px) {
    .cdk-column-title,
    .mat-column-inventors,
    .cdk-column-inventors,
    .cdk-column-cpc_ipc_classes,
    .cdk-column-family_members {
        min-width: 150px;
        max-width: 320px;
        width: 320px;
    }
    .cdk-column-priority_date,
    .cdk-column-grant_date {
        width: 150px;
    }
    .cdk-column-expiration_date,
    .cdk-column-application_date,
    .cdk-column-family_id,
    .cdk-column-docket_number {
        width: 160px;
    }
    .cdk-column-patent_status {
        width: 160px;
    }
}

@media only screen and (max-width: 1024px) {
    .view-full-container {
        overflow-x: scroll;
    }
    .view-full-container table {
        width: 1440px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
    .login-container .login-container .lef-side {
        width: 50%;
        flex: 0 0 50%;
    }
    .login-container .login-container .sign-in .sign-inner {
        width: 80%;
    }
}

@media only screen and (max-width: 914px) and (min-width: 320px) {
    .ip-litigation-table .table-info-actions .table-actions-hold-ul {
        width: 100% !important;
        margin: 10px 0px;
    }
    .ip-litigation-table .table-info-actions .table-actions-hold-ul li {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 862px) and (min-width: 320px) {
    .login-container .login-container .lef-side {
        display: none;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .add-patent-case-body-section .input-w-48.url-mob-w100 {
        width: 100%;
    }
    .left-title {
        max-width: 100%;
    }
}

@media only screen and (max-width: 680px) and (min-width: 320px) {
    .login-container .login-container .sign-in .sign-inner {
        width: 70%;
    }
    .table-actions-hold-ul.custom-mob-table-actions {
        flex-wrap: wrap-reverse !important;
    }
    .table-actions-hold-ul.custom-mob-table-actions li.table-actions-hold-li {
        margin-right: 0px;
        margin-left: 10px;
    }
    .lg-searchbox .mat-form-field.ip-table-select-form.ip-table-text-form {
        width: 240px;
    }
}

@media only screen and (max-width: 576px) and (min-width: 320px) {
    .flag-ul .input-w-48 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 384px) and (min-width: 320px) {
    .user-list-body-section .table-actions-hold {
        width: 100%;
    }
    .user-list-body-section .table-actions-hold .table-actions-hold-li {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px !important;
    }
    .table-actions-hold .custom-mob-table-actions .table-actions-hold-li .custom-matselect.matsearch-box {
        width: 100%;
    }
    .table-actions-hold .custom-mob-table-actions .table-actions-hold-li .ip-table-action {
        width: 100%;
    }
    .table-actions-hold .custom-mob-table-actions .table-actions-hold-li .ip-table-action .mat-form-field.ip-table-select-form.ip-table-text-form {
        width: 100%;
    }
    .table-actions-hold .custom-mob-table-actions .table-actions-hold-li {
        display: flex;
    }
    .table-actions-hold-ul.custom-mob-table-actions {
        justify-content: flex-end !important;
    }
}

@media only screen and (max-width: 425px) and (min-width: 320px) {
    .login-container .login-container .sign-in .sign-inner {
        width: 80%;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 320px) {
    .data-details .data-ul {
        max-height: calc(100vh - 297px);
    }
}

@media only screen and (max-width: 1300px) and (min-width: 320px) {
    .custom-mat-ip-table thead th {
        font-size: 10px;
    }
    .custom-mat-ip-table thead th {
        padding: 10px 0px;
    }
    .table-info-actions .current-page-info {
        font-size: 14px;
    }
    .table-actions-hold-li button {
        height: 28px;
    }
    .com-icons {
        min-width: 20px;
        height: 20px;
    }
    .com-icons svg {
        width: 10px !important;
        height: 12px !important;
    }
    .custom-matselect .mat-form-field.ip-table-select-form .mat-form-field-flex {
        height: 30px;
    }
    .custom-matselect .mat-form-field.ip-table-select-form .mat-form-field-infix {
        height: 30px;
    }
    .mat-form-field.ip-table-select-form.ip-table-text-form .ip-table-input-element {
        height: 20px;
    }
    .mat-form-field-appearance-legacy .mat-form-field-label {
        top: 19px;
    }
    .td-wb {
        font-size: 9px;
        max-height: 40px;
    }
    .table-search-results {
        padding: 5px;
    }
}

.mat-form-field.ip-table-select-form.bulk-table-select-form .mat-form-field-flex {
    border-radius: 4px !important;
    border: 1px solid #6779A5 !important;
}

.mat-form-field.ip-table-select-form.bulk-table-select-form .mat-form-field-infix .mat-select-arrow-wrapper {
    position: absolute;
    right: 2px;
    /* bottom: 0px; */
    /* margin: auto; */
    top: 50% !important;
}

.mat-form-field.ip-table-select-form.bulk-table-select-form.subheader-select .mat-form-field-flex {
    background-color: transparent !important;
    color: #6779A5 !important;
    border: none !important;
    /* max-width: 80px; */
}

.subheader-select .mat-select-value-text {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #6779A5 !important
}

.subheader-select .mat-select-value {
    justify-content: center;
    display: flex;
    width: min-content;
}

.mat-form-field.ip-table-select-form.bulk-table-select-form .mat-form-field-infix .mat-select-arrow-wrapper {
    position: initial !important;
    transform: none !important;
}

.mat-form-field.ip-table-select-form .mat-form-field-infix .mat-select-trigger {
    justify-content: center;
    align-items: center;
    gap: 4px;
}