a {
    padding: 0px !important;
}

.n-h1 {
    font-size: 40px !important;
    font-weight: normal !important;
    border: none !important;
    width: fit-content !important;
}

.n-h3 {
    font-size: 20px !important;
    font-weight: bold !important;
}

.n-p {
    font-size: 13px;
    font-weight: normal;
    color: #7e7e7e;
}

.icon {
    margin-left: 4.5px;
    margin-top: 36px;
    width: 220px;
    height: 32px;
    cursor: pointer;
}

    /*.icon:first-of-type{
    margin-bottom:100px;
    margin-left:9px;
    margin-top:12px;
}*/

    .icon > img {
        width: 32px;
        height: 32px;
    }

/*.icon-active {
    width: 42px;
    height: 42px;
    background-color: #afb8ff;
    float: left;
    border-radius: 22px;
    padding-top: 8px;
    padding-left: 2px;
}*/

.icon-inactive {
    width: 44px;
    height: 44px;
    background-color: #004bff;
    float: left;
    padding-top: 9px;
    padding-left: 0px;
    text-align:left;
}
.icon-active {
    width: 44px;
    height: 44px;
    background-color: #afb8ff;
    float: left;
    border-radius: 22px;
    padding-top: 10px;
    padding-left:0px;
    text-align:left;
  
}
.icon-active > i {
    color: #004bff;
    width: 32px;
    float: left;
}

.icon-inactive > i {
    color: white;
    width: 32px;
    float: left;
    margin-left:9px;
}

.icon-bottom {
    position: fixed;
    bottom: 14px;
   /* width: 0px;*/
}

.hidden-wrapper {
    color: #004bff;
    width: 0px;
    float: left;
    width: 270px;
    padding-top: 10px;
    margin-left: 10px;
}

.wrap {
    display: flex;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-y:auto;
    height:fit-content;
}

    .wrap .col1 {
        min-height: 100px;
        background: #004dff;
        width: 56px !important;
        height: 100vh;
        transition: all .5s;
    }

    .wrap .col2 {
        min-height: 100px;
        background: #fff;
        width: calc(100% - 56px);
        transition: all .5s;
        height: calc(100vh - 40px);
        padding: 40px;

        overflow-y:visible;
    }


    .wrap .col3 {
        min-height: 100px;
        background: #fff;
        width: calc(100% - 350px);
        transition: all .5s;
        height: calc(100vh - 80px);
        padding: 40px;
      /*  overflow-y:scroll;*/
    }

div.wrap > div:nth-of-type(1) {
    background: #004dff;
}


.col1 {
}

.icon {
    pointer-events: auto;
}

.hidden-wrapper {
    pointer-events: auto;
}

.icon-bottom {
    pointer-events: auto;
}

.box1 {
    padding-bottom: 20px;
}

.col1:has(.box1:hover) {
    /*you may replace this with an explicit className, e.g. :has(.child1)*/
    width: 240px !important;
   /* color: white !important;*/
    transition: all .5s;
}



/*.col1:has(.hidden-wrapper:hover) {*/
    /*you may replace this with an explicit className, e.g. :has(.child1)*/
    /*color: white !important;
    width: fit-content;
    transition: all .5s;
}





.col1:has(.icon-bottom:hover) {*/
    /*you may replace this with an explicit className, e.g. :has(.child1)*/

    /*color: white !important;
    width: fit-content;
    transition:ease-in .5s ;
    
}*/

.box1 .hidden-wrapper {
    color: white !important;
    width: fit-content !important;
    transition: all .5s;
    float:left;
   
}
/*.col1:hover {
    width: 240px !important;
    color: white;
    transition: all .5s;
}
*/
/*.icon:hover .hidden-wrapper {
    color: white;
    width: fit-content;
    transition: all .5s;
}

.icon:hover .icon-bottom {
    color: white;
    width: fit-content;
    transition: all .5s;
}

.icon:hover .icon-bottom {
    color: white !important;
    width: fit-content;
    transition: all .5s;
}*/


.k-column-title {
    min-width: 0;
    text-overflow: inherit !important;
    white-space: pre-line !important;
    flex-shrink: 1;
    overflow: visible !important;
    word-break: break-word !important;
    height: 60px !important;
    font-size: 14px !important;
    font-weight: bold;
    color: black;
    padding: 0px !important;
}

.k-grid .k-grid-header .k-table-th {
    position: relative;
    vertical-align: bottom;
    cursor: default;
    background-color: #ecf5ff !important;
}

.k-grid td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    font-size: 16px !important;
}

.wizard-right {
    width: 300px;
    height: 500vh;
    margin: 0px;
    /*padding: 733px 20px 20px 98px;*/
    /*background-color: #; */
    /*background-color: #f8f8f8;*/ /* GRAHAM VALUE*/
    background-color: #f1f1f1; /* GRAHAM VALUE*/

    position: fixed;
    right: 0px;
    top: 0px ;
    z-index: 10000;
}

.n-form-control {
    width: 320px;
    height: 50px;
    border-radius: 10px;
    border: solid 1px #adadad;
    background-color: #f8f8f8;
    padding-left: 14px;
    padding-right: 14px;
}

.n-form-control-locked {
    background-color: #f8f8f8 !important;
    color: #999 !important;
}

.k-textbox {
    height: 50px !important;
    border-radius: 10px !important;
    border: solid 1px #adadad !important;
    background-color: #f8f8f8 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.n-label {
    width: fit-content;
    height: 24px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.n-text-area {
    min-height: 140px;
}

textarea.k-input-inner {
    margin: 0;
    border-radius: 10px;
    border: solid 0px #adadad !important;
    background-color: #f8f8f8 !important;
    padding-left: 14px;
    padding-right: 14px;
}

.err {
    border-color: red !important;
}

.n-error-text {
    color: red !important;
}

.k-button-solid-base {
    /*border-color: #0d6efd !important;*/
    color: white #dedede;
    background-color: #0d6efd !important;
    border: solid 1px #adadad !important;
    background-color: #f8f8f8 !important;
    text-transform:uppercase !important;
}

.k-input-inner {
    padding-block: 0.375rem;
    padding-inline: 0.75rem;
    width: 100%;
    border: 0;
    outline: 0;
    color: inherit;
    background: none;
    background-color: #f8f8f8 !important;
    font: inherit;
    flex: 1;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}

.k-button-md.k-icon-button .k-button-icon {
    min-width: 1.5rem;
    min-height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #808080 !important;
}

.k-input-button {
    width: auto;
    border-width: 0;
    border-inline-start-width: 4px;
    flex: none;
    aspect-ratio: auto;
    box-shadow: none;
    border: none !important;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left: solid 1px #dedede !important;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(222, 222, 222);
}


.k-button {
    border-radius: 10px !important;
  /*  padding: 12px !important;*/
}

.k-item.k-selected .item-wrapper {
    background: #666 !important;
}


.n-industries-selected {
    width: 22px;
    height: 22px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #004bff;
    border-radius: 12px;
    float: left;
    margin-left: 6px;
    padding: 4px;
    padding-top: 1px;
    margin-top: -13px;
    position:absolute;
    top:0px;
    right:-23px;
 
}

.n-industries-selected-10 {
    width: 28px;
    height: 22px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #004bff;
    border-radius: 12px;
    float: left;
    margin-left: 6px;
    padding: 4px;
    padding-top: 1px;
    margin-top: -13px;
    position: absolute;
    top: 0px;
    right: -23px;
}

.disabled {
    background-color: #dedede !important;
    border-color: #dedede !important;
    color: #909090 !important;
}

.ninety-six-percent-wide {
    width: 96% !important;
}

.k-checkbox {
    border-color: #adadad !important;
    background-color: #f8f8f8 !important;
}

    .k-checkbox:focus, .k-checkbox-md:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .k-checkbox:checked, .k-checkbox.k-checked {
        border-color: #0d6efd !important;
        color: white !important;
        background-color: #0d6efd !important;
    }

.k-table-row.k-selected, .k-table-alt-row.k-selected {
    background-color: white !important;
}


.k-table-tbody .k-table-row.k-selected, .k-table-list .k-table-row.k-selected {
    background-color: white !important;
}

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

.k-grid .k-selected .k-table-td {
    background-color: white !important;
    /*color: #ffffff !important;*/
}

.k-header > .k-checkbox:first-of-type {
    margin-top: -18px;
}

.k-table-td {
    cursor: default;
}

.n-anzsics-selected {
    width: 22px;
    height: 22px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #004bff;
    border-radius: 12px;
    float: left;
    margin-left: 6px;
    padding: 4px;
    padding-top: 1px;
    margin-top: -12px;
}

.n-anzsics-selected {
    width: 22px;
    height: 22px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #004bff;
    border-radius: 12px;
    float: left;
    margin-left: 0px;
    padding: 4px;
    padding-top: 1px;
    margin-top: 2px;
}

/*.n-anzsics-selected-10 {
    width: 32px;
    height: 22px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #004bff;
    border-radius: 12px;
    float: left;
    margin-left: 0px;
    padding: 4px;
    padding-top: 1px;
    margin-top: 2px;
}*/


.n-anzsics-selected-10 {
    width: 30px;
    height: 17px;
    text-align: center;
    color: white;
    font-size: 10px;
    background-color: #004bff;
    border-radius: 7px;
    float: left;
    margin-left: 0px;
    /* padding: 1px; */
    padding-top: 1px;
    margin-top: 2px;
}

.k-pager-numbers > .k-pager-md .k-pager-numbers-wrap .k-button {
    min-width: 6px !important;
    color: #004bff !important;
    height: 22px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.n-broker {
width:100px;
padding:2px;
text-align:center;
color:white;
background-color:#000;
border-radius:4px;
margin-top:-20px;
float:left;
font-size:14px;
}




.k-grid .k-table-th {
   min-height: 60px !important;
   height:fit-content !important;

}


.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 0px !important;
    padding-inline: 0px !important;
}


.k-table-md .k-table-th, .k-table-md .k-table-td {
    padding: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom:10px !important;
}

.k-button {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.k-grid .k-table-th {
    vertical-align: top !important;
}

.k-rounded-md {
    border-radius: 6px !important;
}

.k-checkbox>.k-rounded-md{
    border-radius:2px !important;
} 

Textarea.k-input-inner {
    height:140px;
    overflow-y:scroll;
}

.k-svg-i-caret-alt-down:before {
    content: "\e015";
    color: #004bff !important;
    font-size: 10px !important;
    padding-right: 8px;
}

/* Customize the entire scrollbar */
/*::-webkit-scrollbar {
    width: 16px;*/ /* Vertical scrollbar width */
    /*height: 16px;*/ /* Horizontal scrollbar height */
    /*background-color: rgba(0, 0, 0, 0.1);*/ /* Track background color */
/*}*/

/* Customize the thumb */
/*::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);*/ /* Thumb background color */
    /*border-radius: 8px;*/ /* Rounded corners for the thumb */
    /*border: 2px solid rgba(0, 0, 0, 0.2);*/ /* Add a border to the thumb */
/*}*/

/* Customize the track */
/*::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);*/ /* Track background color */
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/ /* Add a border to the track */
/*}*/

::-webkit-scrollbar:horizontal {
    height: 10px;
    
}

::-webkit-scrollbar-thumb:horizontal {
    background: #000;
    border-radius: 10px;
}