:root {
    --surface-color: #fff;
    --curve: 40;
    --cow-rating-size: 32px;
    /* --cow-color: rgb(155 135 245 / 1); */
    --cow-color: #7801ff;
    --cow-color-disabled: #a855f7;
    --cow-font-family: 'Roboto', 'Helvetica Neue', "Helvetica", 'system-ui', 'ui-sans-serif', 'Arial', sans-serif;
    --cow-default-font-size: 14px;
    /* 'system-ui', 'ui-sans-serif', 'Arial', 'Helvetica Neue', 'Inter', "Roboto", "Helvetica", sans-serif */
    /* Roboto, Helvetica, Arial, sans-serif; */
    /* 'Inter', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; */
    /* ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    --bar-size: 3px;
    --background-color: #fff;
    --cow-rating-color-default: #2980b9;
    --cow-rating-color-background: #c7e1f3;
    --cow-rating-color-good: #27ae60;
    --cow-rating-color-meh: #f1c40f;
    --cow-rating-color-bad: #e74c3c;
    --cow-radio-color: #d1ced2
}

* {
    font-size: var(--cow-default-font-size);
    font-family: var(--cow-font-family);
    letter-spacing: 0;
}

body {
    font-size: var(--cow-default-font-size);
    font-family: var(--cow-font-family);
    /* 'Lato', sans-serif; */
    letter-spacing: 0 !important;
}

/* common */
a,
a:visited {
    font-family: inherit;
}

.hide {
    display: none !important;
}

.cow-mt-65 {
    margin-top: 65px !important;
}

.cow-padding-24 {
    padding: 24px;
}

.no-border-radius {
    border-radius: 0;
}

/* loader */
.busy-load-container {
    opacity: 0.5;
}
.busy-load-text {
    font-size: 16px !important;
}

.dot-loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  30% {
    color: blue;
    text-shadow:
      .25em 0 0 blue,
      .5em 0 0 blue;}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 blue,
      .5em 0 0 blue;}
  60% {
    text-shadow:
      .25em 0 0 blue,
      .5em 0 0 blue;}
  100% {
    text-shadow:
      .25em 0 0 blue,
      .5em 0 0 blue;
    }}
/* loader ends */
/* loader-sm */
.loader-sm {
    width : 25px;
    height: 25px;
    border: 5px solid #bedbf9;
    border-bottom-color: #007bff;
    border-radius: 50%;
    display: inline-block;
    animation: rotation 1s linear infinite;
  }
  @keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
  }
/* loader-sm ends */
.cow-line {
    /* width: 100%;  */
    text-align: center; 
    border-bottom: 1px solid #dddd;
    line-height: 0.1em;
    margin: 10px 0 20px; 
    margin-right: 70px;
    margin-left: 70px;
 } 
 
 .cow-line i { 
     /* background:#f9f9f9;  */
     background:#fff; 
     padding:0 10px; 
     color: #aba7a7;
 }

 /* Buttons */
 input[type="file"] {
    padding: 0.3rem 0.5rem 0.3rem !important;
    /* padding: 0.4rem 0.8rem 1.9rem; */
}

input[type="checkbox"] {
    font-size: 1px;
}
 .form-control {
    padding: 0.5rem 1rem 0.5rem !important;
    /* width: 100% !important; */
    /* padding: 1.2rem 0.8rem 1.2rem; */
    /* padding: 0.5rem 0.8rem .5rem; */
}
/* Credentials start */
.cred-expire-date {
    padding: 6px 12px;
}

.table.dataTable th{
    box-sizing: border-box !important;
    padding: 10px !important; 
    padding-right: 40px !important;
    /* 12px */
}

.table.dataTable td{
    box-sizing: border-box !important;
    padding: 12px !important;
}
.copy-text {
	/*position: relative; */
    padding: 5px;
    /* background: #fff; */
    border: 1px solid #ddd;
    /* border-radius: 10px; */
    display: flex;
}
.copy-text input.text {
	font-size: 18px;
    color: #555;
    border: none;
    outline: none;
}
.copy-text span.copy-icon {
	width: 40px;
    height: 40px;
    background-size: 60% auto;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 10px;
    cursor: pointer;
    background-image: url(../images/icon/copy_icon.png);
    border: 1px solid rgba(0, 0, 0, .29);
    border-bottom-color: rgba(0, 0, 0, .36);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

.copy-icon:before {
    content: '';
    display: none;
    position: relative;
    z-index: 9999999;
    top: 110%;
    left: 60%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .72);
}
.copy-icon:after {
    content: 'Copy to Clipboard';
    display: none;
    position: relative;
    top: 110%;
    left: 20%;
    z-index: 9999999;
    width: 114px;
    height: 36px;
    color: #fff;
    font-size: 10px;
    line-height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 3px;
}
.copy-icon:hover {
    background-color: #eee;
}
.copy-icon:hover:before, .copy-icon:hover:after {
    display: block;
}
.copy-icon:active, .copy-icon:focus {
    outline: none;
}
.copy-icon:active:after, .copy-icon:focus:after {
    content: 'Copied!';
}
/* Credentials end */


.p-default-btn {
    padding: 5px 17px !important;
}

.btn-plain {
    background: none;
    border: none;
    color: #1976d2;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
}

 /* Buttons end */

/* icons */
.icon-size-2-5 {
    font-size: 25px !important;
    height: 30px !important;
}

.icon-size-2 {
    font-size: 20px !important;
}

.icon-size-15 {
    font-size: 15px !important;
}

.icon-container {
    color: #007bff;
}
.icon-container-1 {
    color: #007bff;
}

#reset {
    background-color: #0956a4;
    border-color: white;
    color: white;
}

/* icons end */

/* width */
.w-100-percent {
    width: 100%;
}

.w-300 {
    width: 300px !important;
}
.w-200 {
    width: 200px !important;
}

.min-wid-15 {
    width: 15%;
}

/* width ends */
/* heights */
.height-350 {
    height: 350px !important;
}
.min-height-350 {
    min-height: 350px !important;
}

.overflow-auto {
    overflow: auto;
}

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

.min-height-100 {
    min-height: 100px !important;
}

.height-35 {
    height: 35px !important;
}

.height-40 {
    height: 40px !important;
}
.max-height-300 {
    max-height: 300px !important;
    overflow-y: auto;
}

.max-height-500 {
    max-height: 500px;
    overflow-y: auto;
}
.max-height-1000 {
    max-height: 1000px;
    overflow-y: auto;
}

/* heights end */

/* hover */
.hover-zoom:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: left center;
    /* transform-origin: left center; */
}
/* hover ends */

.underline{
    text-decoration:underline
}
.underline-blue {
    text-decoration:underline;
    text-decoration-color: blue;
}

.text-start {
    text-align: start !important;
}

.uppercase {
    text-transform: uppercase;
}

/* placeholder for div */
div:empty:not(:focus):before {
	content: attr(data-text);
  color: #999999;
}

.disabled {
    opacity: 0.5 !important;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: 15px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}

.font-18 {
    font-size: 18px;
}

.blink-soft {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.border-right {
    border-right: 1px solid #c0d0e1 !important;
}

.asmt-config-label {
    vertical-align: top;
    color: #007bff;
    font-size: 14px;
}

.support-email-block {
    position: fixed;
    bottom: 35px; 
    right: 35px;
    z-index: 10;
}

.support-email-icon {
    height: 60px;
    width: 60px;
    background-color: rgba(238, 240, 246, 0.8);
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 10;
}

.support-email-icon > i {
    margin-top: 30%;
    height: auto;
    font-size: 22px;
}

.word-break {
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* alignments */
.cow-center {
    width: 100% !important;
    margin-left: 50% !important;
}
/* alignments end */

/* common end */

/* Header */

.plan-logo {
    width: 50px;
    height: auto;
}

.cow-logo {
    /* max-width: 200px; */
    /* max-width: 150px; */
    max-width: 100px;
}

.cow-logo-max-w-10 {
    max-width: 10rem;
}
.cow-logo-max-w-15 {
    max-width: 15rem;
}

.user-profile {
    /* padding: 5px 20px !important; */
    /* padding: 5px 10px !important; */
    /* padding: 8px 12px !important; */
    padding: 11px !important;
    border: none;
    margin-right: 0 !important;
    margin-top: 2px;
    padding-bottom: 13px !important;
}

/* font-size: 25px;
    border-radius: 33px;
    width: 48px;
    height: 48px;
    line-height: 49px;
    margin: 5px; */

.name {
    font-size: 18px !important;
    border-radius: 25px !important;
    max-width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0px !important;
    margin-right: 5px !important;
    margin-left: -5px !important;
}

/* .name {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
} */

/* alert box */
.alert-box {
	/* padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;  
    position: fixed;
    z-index: 1051;
    top: 10%;
    left: 30%;
    right: 30%;
    display: none; */

    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;  
    position: fixed;
    z-index: 1051;
    top: 25%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    display: none;
}

.swal2-title {
    /* font-size: 1.4em !important; */
    font-weight: 400 !important;
}

.swal2-popup {
    font-size: inherit;
}

/* .swal2-icon-show {
    font-size: xx-small !important;
} */

/* swal2-error-icon starts  */
.swal2-error-custom {
    width: 25px;
    height: 25px;
}

.swal2-x-mark-line-left, .swal2-y-mark-line-left {
    width: 23px !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 0.1em !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 0.1em !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: 0.9em;
    height: .2em;
    width: 1.9375em;
}

/* swal2-error-icon ends  */

.swal2-styled.swal2-confirm {
    color: #fff;
    background-color: var(--cow-color) !important;
    border: 1px solid var(--cow-color) !important;
    /* padding: .375rem .75rem !important; */
    padding: 4.5px 9px !important;
    border-radius: 0 !important;
    font-size: inherit !important;
}

.swal2-styled.swal2-cancel {
    border: 1px solid #757575 !important;
    /* padding: .375rem .75rem !important; */
    padding: 4.5px 9px !important;
    border-radius: 0 !important;
    background-color: #757575;
    color: #fff;
    font-size: inherit !important;
}

.swal2-styled.swal2-deny {
    background-color: #888 !important;
    margin: 0.413em !important;
    padding: 0.4em 0.9em !important;
    border: 0 !important;
    border-radius: 1px !important;
}

.swal2-validation-message {
    margin: 0;
}

.swal2-html-container {
    text-align: center!important;
    font-size: 14px !important;
}

.swal2-container {
    z-index: 9999;
}

/* Toast alert box */
#snackbar {
    word-wrap: break-word;
}
  
#alertMessage {
    visibility: hidden;
    position: fixed;
    z-index: 999999;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
  
#alertMessage.show {
    visibility: visible;
}
  
#alertMessage * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  
.toast-top-right {
    top: 12px;
    right: 12px;
}
  
#alertMessage > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 20px 25px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #fff;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
  
.toast {
    background-color: #030303;
}
  
.toast-success, .alert-success {
    background-color: #51a351;
    color: #fff !important;
}
  
.toast-error, .alert-danger {
    background-color: #bd362f;
    color: #fff !important;
}

.alert-warning {
    background-color: #f5e0a4;
    color: #383737 !important;
    /* background-color: #d6a20c; */
}

.alert-primary {
    color: #004085 !important;
    /* background-color: #90c4fb; */
    background-color: #cce5ff;
    border-color: #cce5ff;
}

.cow-alert-primary {
    background-color: #eaf2fa; /*#d6e5f5*/
}

.alert-info {
    background-color: #4796ea;
    color: #fff !important;
}
  
@-webkit-keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }
    to {
      bottom: 30px;
      opacity: 1;
    }
}
  
@keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }
    to {
      bottom: 30px;
      opacity: 1;
    }
}
  
@-webkit-keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
}
  
@keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
}
  
/* Toast alert box ends */

/* alert box */

/* site tour */

.enjoyhint_next_btn, .enjoyhint_close_btn, .enjoyhint_skip_btn{
    color: #d5d0d8;
    border: 2px solid #7901ff
}

.enjoyhint_next_btn:hover {
    color: rgba(255,255,255,1);
    background: #7901ff;
}

.enjoyhint_skip_btn:active {
    border: 2px solid #7901ff;
    background: #7901ff
}

.enjoyhint_skip_btn:hover {
    border: 2px solid #7901ff;
    background: #7901ff
}

.enjoyhint_close_btn:hover {
    background: #525655;
}
/* site tour ends */


/* Header */

/* Menubar */
.cow-submenu {
    position: absolute;
    left: 100% !important;
    top: 10% !important;
    z-index: 99;
}

.table_overflow{
    overflow-x: unset;
}

.horizontal-menu ul li a {
    font-size: var(--cow-default-font-size);
    font-family: var(--cow-font-family)!important;
    /* 'Poppins', sans-serif  */
}

.horizontal-menu ul li span {
    font-size: var(--cow-default-font-size);
    font-family: var(--cow-font-family) !important;
    /* 'Poppins', sans-serif  */
}

@media (min-width: 992px){
    /* .submenu {
        max-height: 500px;
        overflow-y: auto;   
    } */

    .submenu .dropdown-toggle:after, .submenu .dropdown-border-right:after{
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .submenu .submenu{
        margin-left:0; 
        margin-right: 0;
        margin-top: -8px;
        width: auto;
    }

    .submenu li{
        position: relative;
    }
    .dropdown-item .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .dropdown-item .submenu-left{ 
        right:100%; left:auto;
    }

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

    .submenu > li:hover{ background-color: #f1f1f1 }
    .submenu > li:hover > .submenu{
        display: block;
    }
}

/* bot links */
.social {
    position: absolute;
}

.sharer .fa {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
    color: #fff;
    border-radius: 5px;
    padding-left: 1px;
    padding-right: 1px;
    transition: transform .2s;
}

.sharer .fa:hover {
    transform: scale(1.5);
}
/* bot links ends */


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--cow-color);
}

.horizontal-menu .submenu {
    border-top: 4px solid var(--cow-color) !important;
}
/* Menubar */

/* Breadcrums */
.breadcrumbs-area {
    /* padding: 17px 38px; */
    /* padding: 20px; */
    padding: 10px;
}

.breadcrumb-ul > li > a, .breadcrumb-ul > li > span {
    font-size: 12px;
    font-weight: 500;
}

/* , */
.breadcrumb-ul > li 
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40ch;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    padding-right: 15px;
}

.breadcrumb-ul > li > a:before {
    content: '>';
    color: #768387;
    position: absolute;
    right: 2px;
    top: 0;
    background: #fff;
    padding-left: 4px;
    z-index: 1;
    pointer-events: none;
}
/* Breadcrums */

/* Body starts*/
.main-content-inner {
    padding: 0 30px 50px !important;
    margin-bottom: 5rem;
}

/* span {
    color: var(--cow-color);
} */

.btn-login {
    border-radius: 40px;
    text-transform: uppercase;font-weight: 600;
    font-size: var(--cow-default-font-size);
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-cow {
    color: #fff !important;
    background-color: var(--cow-color) !important;
    border-radius: 0;
    /* padding: 5px 17px; */
    padding: 5px 15px;
    font-size: 14px;
    transition: 0.3s;
}
.btn-cow-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 0;
    padding: 12px 15px;
    font-size: 14px;
    transition: 0.3s;
}

.btn-pad {
    padding: 10px 15px;
}

.btn-outline-danger {
    padding: 5px 15px;
}
.btn-cow-not-hover {
    color: #fff !important;
    background-color: var(--cow-color) !important;
    border-radius: 0;
    padding: 5px 17px;
    font-size: 14px;
    transition: 0.3s;
}

.btn-cow-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: 0;
    padding: 5px 17px;
    font-size: 14px;
    transition: 0.3s;
}

.btn-cow-primary:hover {
    background-color: #6aabef;
    border-color: #6aabef;
    color: white;
    transform: scale(1.1);
    opacity: 80%;
}

.btn-cow-secondary:hover {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
    color: white;
    transform: scale(1.1);
    opacity: 80%;
}

.btn-cow:hover {
    background-color: #0f03b7;
    color: white;
    transform: scale(1.1);
    opacity: 80%;
}

.cow-bg {
    color: #fff !important;
    background-color: var(--cow-color) !important;
    border-color: var(--cow-color) !important;
}


.max-content-div {
    /* max-height: 750px; */
    max-height: 825px;
    overflow-y: auto;
}

.max-content-div2 {
    /* max-height: 750px; */
    /* max-height: 1000px; */
    overflow-y: auto;
}

.max-content-div3 {
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid rgba(0,0,0,.2);
}

.max-content-div4 {
    max-height: 300px;
    overflow-y: auto;
}

.max-content-div5 {
    max-height: 800px;
    overflow-y: auto;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
/* 
.add-btn {
    margin-bottom: -60px;
} */

.cow-border-radius-16 {
    border-radius: 16px;
}

/* cow-container list view */
.cow-card {
    padding: 20px;
    position: relative;
    text-align: center;
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s; */
    /* color: white;
    background: #853BFA; */
}

.cow-white-color {
    color: white;
}

.btn-cow-outline {
    border: 1px solid var(--cow-color);
    border-radius: 2px;
    background: transparent;
    padding: 5px;
    margin: 5px;
    color: var(--cow-color);
}

.btn-cow-outline {
    border: 1px solid var(--cow-color);
    border-radius: 2px;
    background: transparent;
    padding: 5px;
    margin: 5px;
    color: var(--cow-color);
}

.cow-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* cow-container list view ends */

/* Body end*/

/* Controls Page */
/* datatable */

.paginate_button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.datatable-primary thead {
    background: var(--cow-color) !important;
    color: #fff !important;
}

.datatable-primary .dataTables_paginate .page-item.active .page-link, .datatable-primary .dataTables_paginate .page-item .page-link:hover {
    background-color: var(--cow-color) !important;
    border-color: var(--cow-color) !important;
    color: #fff !important;
}

.datatable-primary .dataTables_paginate .page-link {
    color: var(--cow-color) !important;
    border: 1px solid var(--cow-color) !important;
}

.ColVis_collection > li:first-child { display: none; }
.ColVis_collection > li:last-child { display: none; }

.ColVis_collection {
    max-height: 400px;
    overflow-y: auto !important;
}

/* .cow-dt-col-width {
    width: 15% !important;
} */

.custom-select {
    font-size: var(--cow-default-font-size);
    padding-top: 3px;
}

.dataTable {
    width: 100% !important;
}

.dataTables_wrapper > .row > .col-sm-12 {
    overflow-x: auto;
}
/* datatable */
/* Tabs */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* color: #fff !important;
    background-color: var(--cow-color) !important; */
    /* border: 1px solid #004987 !important; */
    border: 1px solid #dee2e6 !important;
    background-color: #fff !important;
    color: #004987 !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0px 0px;
    /* border-right: 1px solid var(--cow-color) !important;
    border-left: 1px solid var(--cow-color) !important; */
}

.nav-link, .cow-color {
    color: var(--cow-color) !important;
}

.cow-color-disabled {
    color: var(--cow-color-disabled);
}

.nav-pills .nav-link {
    padding: 10px 18px;
    line-height: 19px;
    border-radius: 0;
}

a.nav-link:hover {
    color: #4336fb !important;
}

/* .nav-link {
    width: 150px;
} */
/* .sw-theme-arrows>ul.step-anchor>li>a:after {
    width: 150px;
} */

/* smartwizard */

.sw-theme-arrows>.nav .nav-link.done,
.sw-theme-dots>.nav .nav-link.done {
    color: var(--cow-color) !important;
    border-color: none !important;
    background: none !important;
    cursor: pointer !important;
}



.sw-theme-arrows>.nav .nav-link.active {
    color: #fff !important;
    border-color: var(--cow-color) !important;
    background: var(--cow-color) !important;
    cursor: pointer;
}

.sw-theme-arrows>.nav .nav-link.done::after,
.sw-theme-dots>.nav .nav-link.done::after {
    border-left-color: #f9f9f9 !important;
}

.sw-theme-arrows>.nav .nav-link.active::after {
    border-left-color: var(--cow-color) !important;
}

.sw-theme-dots>.nav .nav-link.active::after {
    background-color: var(--cow-color) !important;
}

.sw-theme-dots>.nav .nav-link::before {
    color: var(--cow-color) !important;
}

.sw-theme-dots>.nav .nav-link.active {
    color: var(--cow-color) !important;
}

.sw-theme-arrows .toolbar>.btn, .sw-theme-dots .toolbar>.btn {
    color: #fff;
    background-color: var(--cow-color) !important;
    border: 1px solid var(--cow-color) !important;
    padding: .375rem .75rem;
    border-radius: 0 !important;
    /* font-weight: 400; */
}
.sw-theme-dots>.nav .nav-link.done::after {
    background-color: #999;
}

.tab-content {
    height: auto !important;
}

/* smartwizard ends */

/* actions */

.actions-tab-title  {
    margin-bottom: -45px;
}

/* actions */
/* evidence */
.blue {
    /* color: #007bff !important;
    background-color: transparent;
    border-color: #007bff; */
    color: #0347f5 !important;
    background-color: transparent;
    border-color: #0347f5;
}
.gray {
    color: #919194;
}
.cow-color {
    color: var(--cow-color);
    /* font-style: italic; */
    font-weight: 500;
}

.text-black {
    color: #000000de;
}

.text-maroon {
    color: #800000;
}

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

.cow-title, .page-title, .page-title label{
    /* color: var(--cow-color);
    font-weight: 400;
    font-size: 24px !important; */
    color: var(--cow-color) !important;
    font-weight: 400;
    font-size: 26px !important;
    /* margin-bottom: 8px !important; */
    /* 2px */

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40ch;
}

@media (max-width: 992px){
    .cow-title, .page-title{
        overflow: visible;
        text-overflow: inherit;
        white-space: normal;
    }
}

.page-sub-title {
    font-size: 20px !important;
}

#evidenceFooter {
    position: fixed;
    bottom: 0;
    padding: 30px;
    background: #f9f9f9;
    z-index: 2;
}

/* evidence end*/

.btn-table table tr th, table tr td {
    border-top: none !important;
}
/* Tabs */

/* checklist */
#checklistDiv {
    /* overflow-y: auto;
    max-height: 15rem; */
}
/* checklist */

/* Controls Page */

/* Footer */
.footer-area p a {
    color: var(--cow-color);
    font-size: 15px !important;
}

.footer-area p span {
    font-size: 15px !important;
}

footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   z-index:3;
}
/* Footer */

/* Side Modal */

.cow-side-modal {
    position: fixed;
    right: -50%;
    top: 0;
    height: 100vh;
    width: 50%;
    background: #f9f9f9;
    z-index: 998;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;
    transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;
}

.cow-side-lg-modal {
    overflow-y: auto !important;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #f9f9f9;
    z-index: 998;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;
    transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;
}

/* .show_hide#cow-side-checklist-modal, 
.show_hide#cow-side-attachment-modal, 
.show_hide#cow-side-note-modal,
.show_hide#cow-side-evidence-filter-modal{ */
.show_hide.cow-side-modal{
    right: 0;
}
.show_hide.cow-side-lg-modal{
    right: 0;
}

.cow-modal-close {
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cow-modal-close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* select2 starts */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border: 1px solid var(--cow-color);
    color: var(--cow-color);
    font-weight: 500;
    margin-top: 0;
    padding: 3px;
    border-radius: 12px;
    font-size: var(--cow-default-font-size);
    line-height: 1.3;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.select2-container--default .select2-selection--multiple {
    /* padding: .5rem .5rem; */
    padding: .3rem .5rem !important;
    /* border: 1px solid rgba(170, 170, 170, .3); */
    border: 1px solid #ced4da;
}

.select2-selection__choice {
    margin-bottom: 2px;
}

.select2 {
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
}

.input-black-color {
    color: #495057;
}

.assignedto {
    max-height: 100px;
    overflow-y: auto;
}

.select2-selection {
    overflow-y: auto;
    height: 37px;
    /* height: 40px; */
}

.filter-select-height .select2-selection {
    height: auto !important;
    max-height: 60px !important;
    min-height: 37px !important;
}

.flex-container {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to prevent overlap */
    gap: 1rem; /* Add spacing between elements */
}

.select2-selection--single {
    height: 38px !important;
    padding-top: 4px !important;
}

/* .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: pointer;
} */

/* select2 end*/

/* select */
select {
    padding: 0.6rem 1rem 0.7rem !important;
    height: 40px !important;
}
/* select ends */

.checklist-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #853bfa;
    border-radius: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.91, 0.31, 0.31, 0.92) 0s;
    transition: all 0.3s cubic-bezier(0.91, 0.31, 0.31, 0.92) 0s;
}

.btn .pointer {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.hand-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;
}

/* tags */

/* .select2-container--default {
    width: 249px !important;
} */
#tags, .tags{
    float:left;
    border:1px solid #853bfa;
    padding:5px;
  }
#tags > span, .tags > span{
    cursor:pointer;
    display:block;
    float:left;
    color:#fff;
    background:#853bfa;
    padding:5px;
    padding-right:25px;
    margin:4px;
}
#tags > span:hover,  .tags > span:hover{
    opacity:0.7;
}
#tags > span:after, .tags > span:after{
   position:absolute;
   content:"×";
   /* border:1px solid; */
   padding:2px 5px;
   margin-left:3px;
   font-size:11px;
}
#tags > input, .tags > input {
    background:#fff;
    border:0;
    margin:4px;
    padding:7px;
    width:auto;
}

.default-tag {
    cursor: default;
    background: #4336FB !important;
 }

.label-info {
    background-color: #4336FB;
}

.cow-tags {
    cursor:pointer;
    display:block;
    float:left;
    color:#fff;
    background:#853bfa;
    padding:5px;
    padding-right:25px;
    margin:4px;
}

.cow-tags:disabled, .cow-tags[readonly] {
    background-color: #e9ecef;
    color:#853bfa;
}

.bootstrap-tagsinput {
    width: 100%;
    line-height: 25px;
    /* line-height: 28px; */
}

.tag {
    cursor:pointer;
    display:block;
    float:left;
    /* color:#fff;
    background:#853bfa; */
    color: #853bfa !important;
    background: white;
    border: 1px solid #853bfa;
    border-radius: 20px;
    /* padding: 3px; */
    padding-right: 8px;
    padding-left: 8px;
    /* margin: 2px; */
    margin: 1px;
}

.tag-name {
    padding: 0.5rem 1rem 0.6rem !important;
}
/* tags ends */

@media (min-width: 992px) {
    .cow-modal-lg {
        max-width: 1600px !important;
        /* max-width: 1200px !important; */
    }

    .cow-modal-lg-2 {
        max-width: 1200px !important;
    }

    .cow-modal-sm {
        width: 400px;
    }
}


/* Side Modal */

/* left right content */
.cow-content { 
    width:49%; float:left; margin:0; 
}
  
.expanded { width:100%; transition: width 1s, height 2s;}
.shrunk { display:none; transition: width 1s, height 2s;}

/* left right content */

/* Error Page */
.four_zero_four_bg {
    background-image: url(../images/bg/404.gif);
    height: 400px;
    background-position: center;
}

.contant_box_404 {
    margin-top: -50px;
}

.four_zero_four_bg h1 {
    font-size: 80px;
}

.four_zero_four_bg h3 {
    font-size: 80px;
}

.page_404 {
    padding: 40px 0;
    background: #fff;
}
/* Error Page ends */


/* plan details cards */
.is-rounded {
    border-radius: 5px!important;
}
.is-64x64 {
    height: 64px;
    width: 64px;
    display: inline-block;
}

.first-letter-design {
    /* 
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #8A2BE2; */
    /* font-family: Times New Roman, serif; */
    font-weight: 900;
    position: relative;
    bottom: 15px;
    right: 3px;
    color: #fff;
    /* linear-gradient(-45deg, #ac32e4, #7918f2, #4801ff) */
    text-shadow: 3px 1px 0 #c1c1c1;
    font-size: 52px;
    text-align: left;
    /* text-align: center; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: capitalize;
}

div.container4 {
    height: 10em;
    text-align: center;
    /* position: relative  */
}
div.container4 > * {
    margin: 0;
    /* background: yellow; */
    position: relative;
    top: 100%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}

@media (min-width: 992px){
    div.container3 {
        height: 10em;
    }
    div.container3 > * {
        margin: 0;
        position: absolute;
        top: 40%;
        left: 70%;
        margin-right: -65%;
        transform: translate(-50%, -50%) 
    }
}



/* cards */

.card-row > div[class*='col-'] {
    display: flex;
    flex:1 0 auto;
}

.card-padding {
    padding-right: 0px !important;
    padding-left: 8px !important;
}

.text-label {
    font-size: 13px;
}

.filter-selected{
    font-weight: bolder;
}

.control-filter{
    cursor: pointer;
}


.card-shadow-layout {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
  }
  
  .card-shadow-layout:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
  }

/* cards ends */
/* plan details cards end */

/* nav */
.nav-pills {
    border-bottom: 1px solid #e3e6e8;
    padding-bottom: 5px !important;
}
/* nav ends */

.cow-main-content-inner {
    background-color: #fff;
    padding-bottom: 100px !important;
}


/* cards */

.cards {
    display: grid;
    /* grid-template-columns: auto auto auto; */
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: .5rem;
    /* margin: 3rem 3vw; */
    margin: 3rem 0vw;
    padding: 0;
    list-style-type: none;
  }
  @media (min-width: 992px){
        ul.cards > li {
            max-width: 465px;
        }
  }
  .cow-card {
    position: relative;
    display: block;
    height: 100%;  
    /* border-radius: calc(var(--curve) * 1px); */
    overflow: hidden;
    text-decoration: none;
    /* background: #f7f4f9; */
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    border: 1px solid #dfdfdf;
}

  .card__image {      
    width: 100%;
    height: 250px;
    /* height: auto; */
  }
  
  .card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;      
    border-radius: calc(var(--curve) * 1px);    
    background-color: var(--cow-color);      
    transform: translateY(100%);
    transition: .2s ease-in-out;
  }
    /* styles for card data */
    .height-160 {
        height: 160px;
    }
    .height-130 {
        height: 130px;
    }
    .txt-align {
        text-align: initial;
    }
    .max-height-52 {
        max-height: 52px;
    }

    .h-3em {
        height: 3em;
    }
    /* end */
  
  .cow-card:hover .card__overlay {
    transform: translateY(0);
  }
  
  .card__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2em;
    /* padding: 2em; */
    padding: 1.4em;
    border-radius: calc(var(--curve) * 1px) 0 0 0;    
    background-color: #fff; 
    /* var(--surface-color) */
    transform: translateY(-100%);
    transition: .2s ease-in-out;
    background: var(--cow-color) !important;
  }
  
  .card__arc {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 99%;
    right: 0;      
    z-index: 1;
  }
  
  .card__arc path {
    /* fill: var(--surface-color); */
    fill: var(--cow-color) !important;
    d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
  }       
  
  .cow-card:hover .card__header {
    transform: translateY(0);
  }
  
  .card__thumb {
    flex-shrink: 0;
    width: 50px;
    height: 50px;      
    border-radius: 50%;      
  }
  
  .card__title {
    /* font-size: 1.2em; */
    font-size: 1.0em;
    margin: 0 0 .3em;
    color: #fff;
  }
  
  .card__tagline {
    display: block;
    margin: 1em 0;
    font-size: .8em; 
    color: #fff;  
  }
  
  .card__status {
    font-size: .8em;
    color: #fff;
  }
  
  .card__description {
    padding: 0 2em 2em;
    margin: 0;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    background: var(--cow-color);
  }    

  #right {
    border-left: none;
  }

  /* .card-input {
    border-radius: 5px;
    margin: 2px;
  } */
/* cards ends */

.no-left-border {
    border-left: none;
  }

  /* font styles */
  .white * {
      color: white !important;
  }
  .white {
    color: white;
  }

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

  .border-badge-w {
    border: 1px solid #fff;
    /* border: inset; */
  }

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

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


  .font-inherit {
    font-size: inherit !important;
  }
  /* font styles ends */


  /* notification bell */
  @media (min-width: 240px) and (max-width: 479px) {
    .notification-area {
        margin: 0px;
    }
  }
    

  /* notification bell ends*/


/* read more */
.morecontent span {
    display: none;
}
.morelink {
    display: block;
    color: var(--cow-color);
    font-size: var(--cow-default-font-size) !important;
    font-weight: 500;
}
/* read more ends*/


/* tooltip */

.cow-tooltip{
    position:relative;
}
.cow-tooltip:hover{
    text-decoration:none;
}
.cow-tooltip:after{
    content: attr(tip);
    font-size:90%;
    line-height:1.2em;
    color:#fff;
    min-width:150px;
    padding:5px 10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:var(--cow-color);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    position:absolute;
    top:38px;
    left:-3px;
    display:none;

    text-overflow: clip;
    white-space: normal;
    /* word-break: break-all; */
}
.cow-tooltip:before{
    z-index:1000;
    position:absolute;
    content:"";
    top:15px;
    left:0px;
    border-right:7px transparent solid;
    border-left:7px transparent solid;
    display:none;
}
.cow-tooltip:hover{
    z-index:1000;
    position:relative;
    color:#8325f7;
}
.cow-tooltip:hover:after{
    display:block;
}
.cow-tooltip:hover:before{
    display:block;
}

/* tooltip ends */

/* dashboard */
/* toggle */
.toggle-on, .toggle-off {
    /* line-height: 8px; */
    padding-top: 14px;
}

.btn-outline-cow {
    color: #8325f7;
    background-color: transparent;
    background-image: none;
    border-color: #8325f7;
}
.toggle-handle {
    background-color: #fff;
    /* background-color: #8325f7; */
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
  .toggle.ios .toggle-handle { border-radius: 20rem; }

.filter-dashboard {
    padding-top: 12px;
    color: #8325f7;
}
/* toggle ends */
/* dashboard ends */

/* plan-exec-summary */

#visualisation {
    border: 1px solid #d8e3e7;
    width: 100%; 
    height: 100%;
    background: white;
}
/* tooltip */
.tooltip-inner {
    background: #002134;
    color: white;
    min-width: 400px;
    border-radius: 25px;
}

.ui {
    min-width: 240px;
    margin: 0 auto;
    color: white;
    box-shadow: none;
}
.cow-ul {
    margin: 0px 30px 10px 0px;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
}
.ui_box {
    /* float: left; */
    position: relative;
    background: #002134;
    /* box-shadow: -1px 0px rgba(255, 255, 255, 0.07); */
    cursor: pointer;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-property: background,-webkit-transform;
    transition-property: background,-webkit-transform;
    transition-property: transform,background;
    transition-property: transform,background,-webkit-transform;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
}
.ui_box__inner {
    padding: 30px;
}
  
.ui_box h2 {
    font-weight: normal;
    font-size: 16px;
    margin: -4px 0px 3px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  }
  
  .stat_left {
    float: left;
  }

  .progress_graph {
      min-width: 40px;
  }
  .tooltip:before {
    transform: scale3d(.2,.2,1);
    transition: all .2s ease-in-out;
  }
  .tooltip:after {
    transform: translate3d(0,6px,0);
    transition: all .1s ease-in-out;
  }
  .tooltip:hover:before,
  .tooltip:hover:after {
    opacity: 1;
    transform: scale3d(1,1,1);
  }
  .tooltip:hover:after {
    transition: all .2s .1s ease-in-out;
  }



.count-div {
    padding: 10px;
    background:#002134;
}
.charts_orb {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    color: white;
    padding: 10px 5px;
}

.orb {
    /* padding: 5px 0px; */
}

.charts_orb .orb .orb_graphic {
    position: relative;
}
.charts_orb .orb .orb_graphic .orb_value {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8em;
    font-weight: bold;
}
.charts_orb .orb .orb_label {
    /* text-transform: uppercase; */
    text-align: center;
    /* margin-top: 1em; */
    word-wrap: break-word;
}
.charts_orb svg {
    width: 100px;
    height: 35px;
}
.charts_orb svg circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke-dasharray: 314.16, 314.16;
    stroke-width: 2;
    fill: transparent;
    r: 15;
    cx: 48;
    cy: 18;
}
.charts_orb svg circle.fill {
    stroke: #D3D3D3;
}
.charts_orb svg circle.progress {
    stroke: #8325f7;
    transition: stroke-dashoffset 0.35s;
    stroke-dashoffset: 214.16;
    -webkit-animation: NAME-YOUR-ANIMATION 1.5s forwards;
    -webkit-animation-timing-function: linear;
    }
    @-webkit-keyframes NAME-YOUR-ANIMATION {
    .charts_orb svg circle.progress 0% {
        stroke-dashoffset: 314.16;
    }
    .charts_orb svg circle.progress 100% {
        stroke-dashoffset: 0;
    }
}

.consolidated-table {
    /* border: 1px #315061 solid; */
    margin: 10px 0px;
}

.consolidated-table > tbody {
    padding: 5px;
    text-align: right;
}

.consolidated-table > tbody > tr > td:first-child{
    padding-right: 10px;
}
.consolidated-table > tbody > tr > td{
    /* border: 1px #315061 solid; */
}

/* .arrow::before, .arrow::after {
    width: 40px;
    height: 40px;
} */

/* tooltip ends */

/* plan-exec-summary ends */


/* Configuration */
.kcf {
    min-width: 150px;
}
/* Configuration ends */
/* treeboxes */
.title-box {
    stroke: var(--cow-color) !important;
    fill: var(--cow-color) !important;
}
.body-box {
    stroke:#dfdfdf !important;
    fill: white !important;
    stroke-width: 1.5px !important;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}


.body-group:hover .body-box {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.title-box {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.title-group:hover .title-box {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
/* treeboxes ends */
/* plan-exec-summary ends */


/* list and tree view  */
.filter-buttons {
    display: flex;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.table-view-button,
.list-view-button,
.tree-view-button {
  color: var(--cow-color);
  border: 1px solid var(--cow-color);
  padding: 5px;
  margin: 5px;
  cursor: pointer;
}

.table-view-button > a,
.list-view-button > a,
.tree-view-button > a {
  color: var(--cow-color);
  cursor: pointer;
}

.table-view-button> a:hover,
.list-view-button > a:hover,
.tree-view-button > a:hover {
    color: white;
    cursor: pointer;
}

.table-view-button:hover,
.list-view-button:hover,
.tree-view-button:hover {
  background: var(--cow-color);
  color: white;
}

.table-view-button:hover a,
.list-view-button:hover a,
.tree-view-button:hover a {
  background: var(--cow-color);
  color: white;
}

.filter-buttons::before{
    background: var(--cow-color);
    color: white;
    transition: 0.5s;
    transform: scale(1.1);
}
.filter-buttons::after{
    background: var(--cow-color);
    color: white;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: 0.5s;
    transform: scale(1.1);
}

.toggle-filter {
    background: #6927ff ;
    color: white;
}


/* list and tree view ends */


/* cow copy copy-button style */
.copy-button {
    display: block;
    position: absolute;
    top: 62%;
    transform: translateY(-50%);
    left: calc(90% - 60px);
    width: 40px;
    height: 39px;
    cursor: pointer;
    background-color: #fff;
    // background-image: url('https://abs.twimg.com/emoji/v1/72x72/1f4cb.png');
    background-image: url(../images/icon/copy_icon.png);
    /* Twitter clipboard emoji */
    background-size: 60% auto;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, .29);
    border-bottom-color: rgba(0, 0, 0, .36);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}
.copy-button:before {
    content: '';
    display: none;
    position: absolute;
    z-index: 9999999;
    top: 35px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .72);
}
.copy-button:after {
    content: 'Copy to Clipboard';
    display: none;
    position: absolute;
    z-index: 9999999;
    top: 40px;
    left: -37px;
    width: 114px;
    height: 36px;
    color: #fff;
    font-size: 10px;
    line-height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 3px;
}
.copy-button:hover {
    background-color: #eee;
}
.copy-button:hover:before, .copy-button:hover:after {
    display: block;
}
.copy-button:active, .copy-button:focus {
    outline: none;
}
.copy-button:active:after, .copy-button:focus:after {
    content: 'Copied!';
}
  
.copy-button-1 {
    top: 45%;
}
/* cow copy copy-button style ends */


/* poc */
/* .progress-bar-danger {
    background-color: #d9534f;
} */


.controls-chart .middle-line {
    stroke: black;
    stroke-width: 2px;
}
.controls-chart .target {
    stroke: black;
    stroke-width: 1px;
}
.controls-chart .target-text {
    font-family: var(--cow-font-family);
    font-size: 11px;
    font-weight: bold;
}
.controls-chart .controls-value {
    fill: black;
    fill: rgba(0, 0, 0, .66);
    font-size: 14px;
    font-weight: bold;
    font-family: var(--cow-font-family);
}
.controls-chart .controls-label {
    fill: black;
    font-size: var(--cow-default-font-size);
    font-family: var(--cow-font-family);
}
/* poc ends */



/* switch toggle button */
.switchToggle input[type=checkbox] {
    height:  0;
     width:  0;
     visibility:  hidden;
     position:  absolute;
 }

.switchToggle label  {
    cursor:  pointer;
     text-indent:  -9999px;
     width: 115px;
     /* max-width:  70px; */
     height:  30px;
     background:  #d1d1d1;
     display:  block;
     border-radius:  100px;
     position:  relative;
 }

.switchToggle label:after  {
    content:  '';
     position:  absolute;
     top:  2px;
     left:  2px;
     width:  26px;
     height:  26px;
     background:  #fff;
     border-radius:  90px;
     transition:  0.3s;
 }

.switchToggle input:checked + label,  .switchToggle input:checked + input + label   {
    background:  var(--cow-color);
 }

    .switchToggle input + label:before,  .switchToggle input + input + label:before  {
    content:  'SampleData';
     position:  absolute;
     top:  5px;
     left:  30px;
     width:  26px;
     height:  26px;
     border-radius:  90px;
     transition:  0.3s;
     text-indent:  0;
     color:  #888;
 }

.switchToggle input:checked + label:before,  .switchToggle input:checked + input + label:before  {
    content:  'RealData';
     position:  absolute;
     top:  5px;
     left:  20px;
     width:  26px;
     height:  26px;
     border-radius:  90px;
     transition:  0.3s;
     text-indent:  0;
     color:  #fff;
 }

.switchToggle input:checked + label:after,  .switchToggle input:checked + input + label:after  {
    left:  calc(100% - 2px);
     transform:  translateX(-100%);
 }

.switchToggle label:active:after  {
    width:  60px;
 }
 
.toggle-switchArea  {
     margin:  10px 0 10px 0;
 }

/* switch toggle button ends */


/* badges */

/* .badge {
    color: "#000";
    background-color: transparent;
    border: 1px solid #888; 
} */

.cow-badge-warning-outline {
    color: #212529;
    background-color: transparent;
    border: 1px solid #ffc107;
}

.cow-badge-success-outline {
    color: #212529;
    background-color: transparent;
    border: 1px solid green;
}
.cow-badge-danger-outline {
    color: #212529;
    background-color: transparent;
    border: 1px solid red;
}

.badge-warning {
    color: #44484b;
}
/* badges ends */


/* Rating item */
.cow-rating {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    
    background: var(--cow-rating-color-default);
    color: var(--cow-rating-color-default);
    width: var(--cow-rating-size);
    height: var(--cow-rating-size);
  
    /* Basic style for the text */
    font-size: calc(var(--cow-rating-size) / 3);
    line-height: 1;
  }
  
  /* cow-rating circle content */
  .cow-rating span {
    position: relative;
    display: flex;
    font-weight: bold;
    z-index: 2;
  }
  
  .cow-rating span small {
    font-size: 5px;
    font-weight: 900;
    align-self: center;
  }
  
  /* Bar mask, creates an inner circle with the same color as thee background */
  .cow-rating::after {
    content: "";
    position: absolute;
    top: var(--bar-size);
    right: var(--bar-size);
    bottom: var(--bar-size);
    left: var(--bar-size);
    background: var(--background-color);
    border-radius: inherit;
    z-index: 1;
  }
  
  /* Bar background */
  .cow-rating::before {
    content: "";
    position: absolute;
    top: var(--bar-size);
    right: var(--bar-size);
    bottom: var(--bar-size);
    left: var(--bar-size);
    border-radius: inherit;
    box-shadow: 0 0 0 1px var(--cow-rating-color-background);
    z-index: -1;
  }
  
  /* Classes to give different colors to cow-ratings, based on their score */
  .cow-rating.good {
    background: var(--cow-rating-color-good) !important;
    color: var(--cow-rating-color-good) !important;
  }
  
  .cow-rating.meh {
    background: var(--cow-rating-color-meh) !important;
    color: var(--cow-rating-color-meh) !important;
  }
  
  .cow-rating.bad {
    background: var(--cow-rating-color-bad) !important;
    color: var(--cow-rating-color-bad) !important;
  }
  /* Rating item ends*/

/* assessment-page */
.cow-assessment-img {
    /* max-width: 150px;
    height: 60px; */
    width: auto;
    height: 50px;
}

.alias-text {
    position: absolute;
    bottom: 10px;
}

.add-assessment-name {
    padding: 0.7rem 1rem 0.7rem !important;
}
/* assessment-page ends */


/* assessment details page */

.switch input { 
    display:none;
}
.switch {
    display:inline-block;
    width: 40px;
    height: 15px;
    transform:translateY(50%);
    position:relative;
}
/* Style Wired */
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:3px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-25px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(25px);
    background:var(--cow-color);
}
input:checked + .slider {
    box-shadow:0 0 0 2px var(--cow-color),0 0 2px var(--cow-color);
}


/* Style Flat */
.switch.flat .slider {
 box-shadow:none;
}
.switch.flat .slider:before {
  background:#FFF;
}
.switch.flat input:checked + .slider:before {
 background:white;
}
.switch.flat input:checked + .slider {
  background:var(--cow-color);
}

/* assessment details page ends */


/* feedback */

  #userFeedback {
    width: 100%;
    min-height: 150px;
    height: auto;
    padding: 16px;
    margin-bottom: 32px;
    font-size: 18px;
    border: 1px solid var(--cow-color);
    border-radius: 5px;
  }


  .ratings-container {
    display: flex;
    margin: 20px 0;
  }
  
  .rating {
    flex: 1;
    cursor: pointer;
    padding: 20px;
    margin: 10px 5px;
    height: 125px;
  }
  
  .rating:hover,
  .rating.active {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  
  .rating img {
    width: 40px;
  }
  
  .rating small {
    color: #fff;
    display: inline-block;
    margin: 10px 0 0;
  }
  
  .rating small {
    color: #8f94fb;
  }
/* feedback ends */


/* padding */
.p-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px
}

.pb-6 {
    padding-bottom: 6rem !important;
}
/* padding ends */


/* text colors */
.red {
    color: red !important;
}

.yellow {
    color: #856404;
}

.inprogress {
    color: orange !important;
}

.purple {
    color:var(--cow-color) !important;
}

.green {
    color: green !important;
}

.bg-green {
    background-color: green !important;
    border: 2px solid green !important;
}

.gray {
    color: #495057 !important;
}

.red-stroke {
    stroke: red !important;
}

.yellow-stroke {
    stroke: #f3cd5e !important;
}

.green-stroke {
    stroke: green !important;
}

.light-blue {
    color: #5C5558;
    background-color: #b3cde3;
    border-color: #b3cde3;
}

.btn-primary:hover {
    background-color: #b3cde3;
    border-color: #b3cde3;
}

.partially-active {
    background: #f4e3b2;
}
/* text colors end */

/* background */
.gray-bg {
    background: #f9f9f9 !important;
}
/* background ends*/


/* folder tree structure */
.folder-tree-wrapper {
	background-color: #fff;
	width: auto;
	min-height: 310px;
	padding: 20px;
	margin: 35px auto;
	border-radius: 1px;
	box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 11%);
}

.folder-tree {
	list-style: none;
	cursor: pointer;
	padding-left: 20px;
}

.folder-tree li {
	margin-bottom: 10px;
	font-size: 14px;
	transition: all .4s ease;
	position: relative;
    padding-left: 10px;
}

.folder-tree li:hover {}

.folder-tree li i {
	color: rgb(242, 176, 53);
    padding-right: 5px;
}

.folder-tree li ul {
	padding-left: 10px;
	padding-top: 8px;
}

.folder-tree ul {
	display: none;
	position: relative;
}

.folder-tree ul:before {
	position: absolute;
	content: '';
	left: -10px;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: transparent;
	border-left: dashed 1px #c2c2c2;
	border-bottom: dashed 1px #c2c2c2;
}

.folder-tree li ul li {
	display: block;
	margin-bottom: 8px;
}

.folder-tree .arrow {
	position: absolute;
	top: 0px;
	left: -14px;
	width: 15px;
	height: 15px;
	transition: all .4s ease;
	transform: rotate(-90deg);
}

.folder-tree .arrow i {
	color: #595959;
	transition: all .4s ease;
}

.folder-tree .arrow:hover i {
	color: #292929;
}

.folder-tree li.expanded>ul {
	display: block;
}

.folder-tree li.expanded>.arrow {
	transform: rotate(0deg);
}
/* folder tree structure ends */

/* response text block */
#responseText, #envVariableTableDiv, #collectionBlock, .responseData {
    overflow-y: auto;
    max-height: 300px;
}

.responseBlock {
    width: 100%;
}

#responseHeader {
    overflow-y: auto;
    max-height: 300px;
}
/* response text block ends */



/* slack */
/* ul list styles */
.ul-disc {
    list-style-type: disc;
}

.ul-circle {
    list-style-type: circle;
}
/* ul list styles end */
/* slack ends */



/* cow custom styles */
.h-40 {
    height: 40px;
}

.h-35 {
    height: 35px;
}
/* cow custom styles end */


/* workflow */
.div1 {
    padding-top: 10px;
    padding-bottom: 80px;
}

.div2 {
    padding-top: 30px;
    padding-bottom: 60px;
}

.div3 {
    padding-top: 50px;
    padding-bottom: 40px;
}

.div4 {
    padding-top: 70px;
    padding-bottom: 20px;
}

.div5 {
    padding-top: 90px;
}

.div1 button:after,
.div2 button:after{
    width: 50px;
    height: 0;
    margin-top: 1px;
    border-radius: 0;
}
/* ,
.div3 button:after  */

.div1 button:last-child:after,
.div2 button:last-child:after {
    height: 10px;
    border-top: 1px solid #333;
    border-bottom: none;
    /* border-radius: 0 0 10px 0; */
    margin-top: -2px;
}
/* ,
.div3 button:last-child:after */

.div1 button:first-child:after,
.div2 button:first-child:after {
    height: 10px;
    /* border-radius: 0 10px 0 0; */
}
/* ,
.div3 button:first-child:after  */

.div1 button:after,
.div2 button:after {
    content: "";
    width: 11px;
    border-top: 1px solid #333;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: 1px;
}
/* .div3 button:after  */

.div5 button:before,
.div2 button:before,
.div3 button:before,
.div4 button:before {
    content: "";
    width: 10px;
    border-top: none;
    border-bottom: 1px solid #333;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -10px;
}

.div5 button:last-child:before,
.div2 button:last-child:before,
.div3 button:last-child:before,
.div4 button:last-child:before {
    height: 10px;
    /* border-radius: 0 0 0 10px; */
}

.div5 button:last-child:before,
.div2 button:last-child:before,
.div3 button:last-child:before,
.div4 button:last-child:before {
    content: "";
    height: 50%;
    border-left: 1px solid #333;
    position: absolute;
    left: -10px;
}

.div1 button:last-child:after,
.div2 button:last-child:after {
    content: "";
    height: 50%;
    border-right: 1px solid #333;
    position: absolute;
    right: -12px;
}
/* .div3 button:last-child:after  */

.workflow-container {
    max-width: 100% !important;
}
/* workflow ends */


/* cross control/evidence matrix */
.unlink-evidence {
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 5px;
  }
/* cross control/evidence matrix ends */

/* For download icon in codes catalog header */
.download-btn-catalog { 
    max-width: 16px;
}
/**/


/* codemirror editor */
.jse-main {
    min-height: 500px !important;
    min-width: 350px !important;
}

/* .CodeMirror {
    height: auto !important;
} */
/* codemirror editor ends */


/* autocomplete */
.ui-autocomplete {
    z-index: 9999;
}
/* autocomplete ends */


/* dropdown hover */
/* .dropdown:hover>.dropdown-menu {
    display: block;
} */

/* .dropdown>.dropdown-toggle:active {
    pointer-events: none;
} */

/* dropdown hover ends */

/* signup  */
.signup-guideme {
    font-size: 18px;
}
/* signup ends */

/* border */
.border {
    border-radius: 5px;
    padding: 0.5rem!important;
    margin: 0.5rem!important;
}

.border-1 {
    border: 1px solid #e5e7eb;
}

/* border ends */
/* textarea */
textarea {
    padding-top: 8px !important;
}
/* textarea ends */

/* for assessment scheduler */
.gentleselect-label {
    border-radius: 0px !important;
    padding-bottom: 0.25rem!important;
    padding-top: 0.25rem!important;
    margin-left: 0.25rem!important;
    margin-right: 0.25rem!important;
}

/* cow accordian */
/* .cow-accordion {
    height: 45em;
    overflow-y: auto;
} */
/* cow accordian ends */

/* plan details page */
.plan-run-icons {
  /*float: right;
  width: 50px;
  height: 130px;
  flex-direction: column
  color: var(--cow-color) !important;*/
  fill: #fff;
  top: 226px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.plan-run-card-icon {
  opacity: 0;
//   -moz-opacity:0;
  transition: opacity 1s;
}

.assessment-run:hover .plan-run-card-icon {
  opacity: 1;
//   -moz-opacity:1;
}
/* plan details page ends */

/* setup page starts */


#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

#msform .action-button {

    cursor: pointer;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311B92
}

#msform .action-button-previous {
    cursor: pointer;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.setup-steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #system:before {
    font-family: FontAwesome;
    content: "\f0c2"
}

#progressbar #credntials:before {
    font-family: FontAwesome;
    content: "\f084"
}

#progressbar #firstRunAssessment:before {
    font-family: FontAwesome;
    content: "\f022"
}

#progressbar #finishSetup:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    position: inherit;
    z-index: 1;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 0
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #673AB7
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}


/*  radio buttons start */
.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
}

.radio-tile-group .input-container {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 1rem;
}

.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.radio-tile-group .input-container .radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #bbb;
  border-radius: 5px;
  transition: transform 300ms ease;
  padding: 10px;
  height: 100%;
}

.radio-tile-group .input-container .icon img {
  fill: var(--cow-radio-color);
  width: 100%;
  height: 100%;
}


.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  font-size: var(--cow-default-font-size);
  font-weight: 600;
  color: #673ab7;
  margin: 10px;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: var(--cow-radio-color);
  border: 2px solid var(--cow-radio-color);
  color: white;
  transform: scale(1.1, 1.1);
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon img {
  fill: white;
  background-color: var(--cow-radio-color);
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: white;
  background-color: var(--cow-radio-color);
}
/* radio buttons end */

/* page transition starts */
.setup-block {
    min-height: 55rem;
}

.root-padding-override {
    padding: 0 !important;
    margin: -48px;
}

[data-page]{
    position:absolute; /* or absolute if the content exceeds the height of the page */
    width: 95vw;
    min-height: 100vh;
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in; 
    z-index: 10;
}
[data-page].active{
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 100;
}
[data-role="link"]{
}
section h1{
    padding: 1rem;
    text-align: center;
}
section p{
    padding: 1rem 2rem;
}
/* page transition ends */

/* pop-menu starts */
.kebab-icon {
    cursor: pointer;
    font-size: var(--cow-default-font-size);
    color: #333;
}

.popup-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 999;
    left: 10%;
    padding: 1rem 1rem 1.5rem 1rem; /*0.3rem 0.3rem 1.3rem 0.5rem;*/
}

.popup-menu ul {
    list-style: none;
}

.popup-menu li {
    padding: 0.5rem;
    color: black !important;
    text-align: left;
}

.popup-menu a {
    text-decoration: none;
}
.close-popup-menu {
    text-align: right;
}
.padding-left-10 {
    padding-left: 10px;
}
/* pop-menu ends */
/* setup page ends */

.visibility-hidden{
    visibility: hidden;
}

.info-template-inner-container{
    width: 100%;
}
.info-tooltip-row{
    width: 100% !important;
    margin: 0 !important;
    padding:4px 0;
}
.text-cls{
    /* font-size: 10px !important; */
}
.info-status-icon{
    color: #666666 !important ;
    background-color: transparent;
    border-color: #666666;
    font-size: 11px !important;
}

.placeholder-light::placeholder{
    color: rgb(168, 168, 168);
}

.site-tour-icon{
    color:var(--cow-color) !important;
}
.assessment-react-layout{
    height:0px !important;
    overflow: hidden;
}
.toggle.btn{
    padding: 15px 17px !important;
}
.table-loader-wrapper{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.display-flex{
    display: flex;
}
.assessment-delete-note{
    line-height:20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    height: 35px !important;
}

/* .select2-container--default .select2-results>.select2-results__options {
    background-color:#8f94fb;
} */

.select2-container { 
    margin-bottom: 10px;
}

/* bootstrap dropdown */
.dropleft .dropdown-menu {
    margin-top: -10px;
}

.asmt-config-dropleft .dropdown-menu {
    margin-top: -5px;
}
.linked-control-dropleft .dropdown-menu {
    margin-top: -35px;
}
/* bootstrap dropdown ends */

.form-layout {
    max-width: 900px;
    margin: auto;
}

/* table */
table.assessment-run-details-table td.asmt-table-field-value {
    /* padding: 3px 3px 10px 5px; */
    /* -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: auto-phrase;
    max-width: 15ch; */

    display: inline-block;
    max-width: 15ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* table ends */

/* associate rules modal */
.cow-modal-assessment-name {
    color: var(--cow-color) !important;
    font-weight: 400;
    font-size: 20px !important;
}
 
/* associate rules modal ends*/