.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
   
    padding-right: 15px;
    padding-left: 15px;
}
a {
  
    text-decoration: none;
}
/*dropdoen css*/
.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}
.dropleft ~.dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
    .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: .125rem;
    }
/*.dropdown-menu-right {
    right: 0;
    left: auto !important;
}*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
   /* .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
        right: auto;
        bottom: auto;
    }*/
/*ul.navbar-nav.ms-auto.userlink li.nav-item.dropdown .dropdown-menu.dropdown-menu-right.show::before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 2px;
    top: -19px;
}*/
ul.navbar-nav.ms-auto.userlink li.nav-item.dropdown a.nav-link.dropdown-toggle.show span.fa.fa-angle-down {
    transform: rotate(180deg);
}
ul.navbar-nav.ms-auto.userlink li.nav-item.dropdown .dropdown-menu.show a.dropdown-item {
    padding: 8px 10px !important;
    border-bottom: 1px solid #c2c5c7;
    font-size: 14px;
}
ul.navbar-nav.ms-auto.userlink li.nav-item.dropdown .dropdown-menu.dropdown-menu-right.show {
    padding: 0;
}
.form-select {
    font-size: var(--commonfontsize);
}
.form-group {
    margin-bottom: 1rem;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cust-nav-right.browser-back-button button.btn.ms-auto.btn-default {
    white-space: nowrap;
}
.btn-close {
    background: none !important;
    opacity: 1;
}
    .btn-close[data-bs-dismiss="modal"]:before {
        content: "\f00d";
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font-size: 20px;
        position: relative;
        top: -3px;
    }
.tile-button button {
    width: 100%;
}

.case-details-wrapper .cust-nav-right button {
    white-space: nowrap;
}
.esri-popup__inline-actions-container:only-child{
    gap:5px;
}
.esri-popup__button.esri-popup__action[title="Zoom to"]{
    margin-bottom:0 !important;
}
/* Page Management all pages css */
.k-treeview-md {
    font-size: 1rem;
    line-height: 1.5;
}
.k-treeview {
    padding: 0;
    border-width: 0;
    background: 0 0;
    box-sizing: border-box;
    outline: 0;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    cursor: default;
    overflow: auto;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.k-treeview-group {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.k-treeview-item {
    outline-style: none;
    margin: 0;
    padding: 0 0 0 16px;
    border-width: 0;
    display: block;
}
.k-treeview-bot, .k-treeview-mid, .k-treeview-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.k-treeview *, .k-treeview ::after, .k-treeview ::before {
    box-sizing: border-box;
}
.k-treeview-leaf {
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
.k-treeview-leaf {
    border-radius: 0.25rem;
    padding: 0.25rem 0.75rem;
    border: 0 solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    position: relative;
}
.k-treeview-toggle {
    margin-left: -16px;
    flex: none;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    cursor: pointer;
}
/**/
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-radius: 4px;
}
/*Portal UI Config*/
.themeConfigurationBox .styleTheme-box .colorPicker {
    height: 30px !important;
}
.custom-switch {
    padding-left: 2.25rem;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #0559a1 !important;
    border-color: #0559a1 !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.media-wrapper.LoginpageStyle .theme-col .colorPicker {
    height: 34px !important;
}
.form-check-input:checked ~ .form-check-label::before {
    color: #fff !important;
    background-color: var(--themecolor) !important;
    border-color: var(--themecolor) !important;
}
.form-check-input:checked {
    background-color: var(--themecolor);
    border-color: var(--themecolor);
    color: #fff !important;
}
/*pop up model close*/
.mainContent-wrapper .modal-header .btn-close {
    padding: 10px;
}
.modal-header .btn-close .cancelbutton {
    margin: -1rem 0rem -0.5rem auto !important;
    color: #fff !important;
    opacity: 1 !important;
}

/*add control page*/
.form-group.Categorydiv select.form-select {
    min-width: 222px;
}

/*color picker css*/
.k-color-picker, .k-colorpicker {
    width: min-content;
    display:flex;
}
.k-picker {
    border-color: #e4e7eb;
    color: #212529;
    background-color: #e4e7eb;
    cursor: pointer;
}
.k-input-md, .k-picker-md {
    font-size: 1rem;
    line-height: 1.5;
}
.k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner {
    width: 1.5em;
    height: 1.5em;
    padding: 0.375rem;
    box-sizing: content-box;
}
.k-icon-picker .k-input-inner {
    padding: 0.375rem;
    justify-content: center;
}
span.k-input-inner {
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.k-input-inner {
    padding: 0.375rem 0.75rem;
    width: 100%;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0 0;
    font: inherit;
    flex: 1;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}
.k-color-preview {
    border-color: #dee2e6;
}
.k-color-preview {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-radius: 0.25rem;
    box-sizing: border-box;
    border-style: solid;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
}
.k-color-preview-mask {
    width: 100%;
    height: 100%;
    position: relative;
}
    .k-color-preview-mask::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC);
        background-size: contain;
        background-position: 0 0;
    }
.k-picker .k-input-button {
    color: inherit;
    background: 0 0;
    border-color: transparent;
}
.k-input-button {
    width: auto;
    border-width: 0;
    border-inline-start-width: 1px;
    flex: none;
    aspect-ratio: auto;
    box-shadow: none;
}
.k-icon-button.k-button-md > .k-button-icon {
    min-width: 1.5rem;
    min-height: 1.5rem;
}
.k-input-button > .k-button-icon {
    min-width: auto !important;
}
.k-icon-button .k-icon {
    display: inline-flex;
}
.k-button-icon {
    color: inherit;
    align-self: center;
    position: relative;
}
.k-picker .k-input-button {
    color: inherit;
    background: 0 0;
    border-color: transparent;
}
.k-icon {
    width: 1em;
    height: 1em;
    outline: 0;
    font-size: 16px;
    font-family: WebComponentsIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    text-decoration: none;
    flex-shrink: 0;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.k-i-arrow-s::before {
    content: "\e006";
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

/* 
***************************************************************** 
********** Bootstrap 4 to Bootstrap 5 override classes ********** 
***************************************************************** 
*/
.mr-0 {
    margin-right: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.ml-1 {
    margin-left: 0.25rem !important;
}

.mr-2{
    margin-right: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}
.ml-3{
    margin-left: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mr-5{
    margin-right: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

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

.pl-0 {
    padding-left: 0 !important;
}

.pr-1{
    padding-right: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pr-2{
    padding-right: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3{
    padding-right: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pr-4{
    padding-right: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.ml-auto{
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .mr-sm-0{
        margin-right: 0 !important;
    }

    .ml-sm-0{
        margin-left: 0 !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mr-sm-3{
        margin-right: 1rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .ml-sm-5{
        margin-left: 3rem !important;
    }

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

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .pr-sm-1{
        padding-right: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .ml-sm-auto{
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {

    .mr-md-0 {
        margin-right: 0 !important;
    }
    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

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

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pl-md-4{
        padding-left: 1.5rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pl-md-5{
        padding-left: 3rem !important;
    }

    .mr-md-auto{
        margin-right: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .ml-lg-3{
        margin-left: 1rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

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

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }
    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pl-lg-4{
        padding-left: 1.5rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .ml-xl-1{
        margin-left: 0.25rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }

    .ml-xl-2{
        margin-left: 0.5rem !important;
    }

    .mr-xl-3 {
        margin-right: 1rem !important;
    }


    .ml-xl-3 {
        margin-left: 1rem !important;
    }

    .mr-xl-4{
        margin-right: 1.5rem !important;
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }
    .mr-xl-5 {
        margin-right: 3rem !important;
    }

    .ml-xl-5 {
        margin-left: 3rem !important;
    }

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

    .pl-xl-0 {
        padding-left: 0 !important;
    }

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }

    .pr-xl-3 {
        padding-right: 1rem !important;
    }

    .pl-xl-3 {
        padding-left: 1rem !important;
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }

    .pr-xl-5 {
        padding-right: 3rem !important;
    }

    .pl-xl-5 {
        padding-left: 3rem !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }
}
.text-left {
    text-align: left !important;
}

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

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

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

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

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}
.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

/*----------------------------------*/

label {
    margin-bottom: 0.5rem;
}

input.form-check-input{
    border-color: #939393;
}
input[readonly="readonly"] {
    background: #e9ecef;
}
.Signature-button button{
    white-space:nowrap;
}