/* --------------------------------------------------------
 -----   ~/DesktopModules/BusinessEngine/extensions/nitro-I/field-types/grid/grid.css   -----
-----------------------------------------------------------*/
.b-grid-table {
  width: 100%;
}

.b-grid-table thead {
  border-bottom: solid 0.1rem #f0f0f0;
}

.b-grid-table thead .grid-header-column {
  color: #b8b8b8;
  font-size: 0.95em;
  font-weight: 500;
  padding: 0.5rem.2rem;
}

.b-grid-table tbody tr {
  border-bottom: solid 0.1rem #f0f0f0;
}

.b-grid-table tbody tr:last-child {
  border: none;
}

.b-grid-table tbody .grid-body-column {
  color: #333;
  padding: 0.5rem 0.2rem;
  font-size: 0.95rem;
  font-weight: 400;
}



/* --------------------------------------------------------
 -----   ~/DesktopModules/BusinessEngine/extensions/nitro-I/field-types/switch-button/switch-button.css   -----
-----------------------------------------------------------*/
/* --------------------------------------------------------
         Switch Button 
    -----------------------------------------------------------*/
.b-switch {
    position: relative;
    display: inline-block;
    width: 3.5rem;
    height: 1.7rem;
}

    .b-switch input {
        display: none;
    }

    .b-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #969696;
        border-radius: 5rem;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        .b-switch .slider:before,
        .b-switch .slider:after {
            position: absolute;
            content: "";
            height: 1.6rem;
            width: 1.6rem;
            border-radius: 50%;
            left: 0.1rem;
            bottom: 0.1rem;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

        .b-switch .slider:before {
            background: #dbeafe;
            box-shadow: 0.2rem 0 0.4rem 0.1rem hsl(18deg 77% 15% / 5%), 0 0.8rem 0.7rem 0.1rem hsl(18deg 77% 15% / 20%), -0.1rem 0 0.3rem 0.1rem hsl(0deg 0% 0% / 36%);
        }

        .b-switch .slider:after {
            background: transparent;
            box-shadow: inset 0px 3px 8px 4px hsl(0deg 0% 0% / 10%);
        }

    .b-switch input:checked + .slider {
        background: #0896fc;
    }

        .b-switch input:checked + .slider:before {
            -webkit-transform: translateX(2rem);
            -moz-transform: translateX(2rem);
            transform: translateX(2rem);
        }

        .b-switch input:checked + .slider:after {
            -webkit-transform: translateX(1.9rem);
            -moz-transform: translateX(1.9rem);
            transform: translateX(1.9rem);
        }

    .b-switch.switch-sm {
        width: 2.2rem;
        height: 1.11rem;
    }

        .b-switch.switch-sm .slider:before,
        .b-switch.switch-sm .slider:after {
            height: 1.1rem;
            width: 1.1rem;
            bottom: 0;
        }

        .b-switch.switch-sm input:checked + .slider:before {
            -webkit-transform: translateX(1rem);
            -moz-transform: translateX(1rem);
            transform: translateX(1rem);
        }

        .b-switch.switch-sm input:checked + .slider:after {
            -webkit-transform: translateX(1rem);
            -moz-transform: translateX(1rem);
            transform: translateX(1rem);
        }



/* --------------------------------------------------------
 -----   ~/DesktopModules/BusinessEngine/extensions/nitro-II/field-types/chosen-dropdown/themes/default.css   -----
-----------------------------------------------------------*/
:root {
    --container-color: #fff;
    --border-color: rgba(34, 36, 38, 0.15);
    --outline-color: #007fd4;
    --color: rgba(0, 0, 0, 0.87) --box-shadow-color: rgb(0 0 0 / 36%);
}


/* --------------------------------------------------------
         group with icon
    -----------------------------------------------------------*/

.b-with-icon {
    position: relative;
}

.b-with-icon>i {
    font-size: 1em;
    position: absolute;
    top: 0.2em;
    z-index: 99;
}

.b-with-icon:not(.icon-position-right)>i {
    left: 0.7em;
}

.b-with-icon.icon-position-right>i {
    right: 0;
}

.b-with-icon .chosen-single {
    padding-left: 1.2em;
}


/* --------------------------------------------------------
                single styles
          -----------------------------------------------------------*/

.chosen-default.chosen-container {
    display: inline-flex;
    flex: 1 0 auto;
    margin: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.21428571em;
    padding: .5em 1em;
    background-color: var(--container-color);
    border: .1em solid var(--border-color);
    color: var(--color);
    border-radius: 0.28571429em;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    box-shadow: none;
    max-width: 100%;
    min-width: 100%;
    position: relative;
}

.chosen-default.chosen-container.chosen-container-active {
    outline-color: var(--outline-color);
    outline-width: .1em;
    outline-style: solid;
    outline-offset: -.1em;
}

.chosen-default.chosen-container a.chosen-single {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    position: unset !important;
    font-size: .9em;
}

.chosen-default.chosen-container a.chosen-single div b {
    background-image: url("/DesktopModules/BusinessEngine/extensions/nitro-II/field-types/chosen-dropdown/themes/down-arrow.png") !important;
    background-repeat: no-repeat;
    background-size: 2.2em;
    background-position: center right;
    position: absolute;
    top: 0;
    right: 0.3em;
    height: 100%;
}

.chosen-default.chosen-container .chosen-drop {
    box-shadow: var(--box-shadow-color) 0em 0em .8em .2em;
    -webkit-box-shadow: var(--box-shadow-color) 0em 0em .8em .2em;
    outline-color: var(--outline-color);
    outline-width: .1em;
    outline-style: solid;
    outline-offset: 0;
    position: absolute;
    border-top: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.chosen-default.chosen-container .chosen-drop .chosen-results>li {
    font-size: .85em;
}


/* --------------------------------------------------------
                multiple styles
          -----------------------------------------------------------*/

.b-multiple.b-with-icon>i {
    top: 0.4em;
}

.chosen-default.chosen-container-multi .chosen-choices {
    background: no-repeat;
    border: none;
    padding-left: 1.1em;
}

.chosen-default.chosen-container-multi .chosen-choices li.search-choice {
    font-size: .85em;
    padding: .2em 1.6em .2em .4em;
}

.chosen-container.chosen-container-multi.chosen-default {
    padding: .2em 0 .2em 1.2em;
}

.chosen-default.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 0.5em;
    font-size: unset;
}

.chosen-default.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-size: .85em;
    margin-top: .2em;
}


/* --------------------------------------------------------
                icon right position
          -----------------------------------------------------------*/

.b-with-icon.icon-position-right a.chosen-single div b {
    background-position: center left;
    right: auto;
    left: 0.2em;
    top: -.1em;
}

.b-with-icon.icon-position-right>i {
    right: .7rem;
}


/* --------------------------------------------------------
 -----   ~/DesktopModules/BusinessEngine/extensions/nitro-II/field-types/select2-dropdown/themes/default.css   -----
-----------------------------------------------------------*/
:root {
    --container-color: #fff;
    --border-color: rgba(34, 36, 38, 0.15);
    --outline-color: #007fd4;
    --color: rgba(0, 0, 0, 0.87) --box-shadow-color: rgb(0 0 0 / 36%);
}


/* --------------------------------------------------------
         group with icon
    -----------------------------------------------------------*/

.b-with-icon {
    position: relative;
}

.b-with-icon>i {
    font-size: 1em;
    position: absolute;
    top: 0.3em;
    z-index: 99;
}

.b-with-icon:not(.icon-position-right)>i {
    left: 0.7em;
}

.b-with-icon.icon-position-right>i {
    right: 0.7em;
}


/* --------------------------------------------------------
                single theme
          -----------------------------------------------------------*/

.select2-container.select2-container--default {
    min-width: 100%;
}

.select2-container.select2-container--default .select2-dropdown{
	z-index:999999 !important;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single {
    background-color: var(--container-color);
    border: .1em solid var(--border-color);
    border-radius: 0.28571429em;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    max-height: 3em;
}

.select2-container.select2-container--default.select2-container--open .select2-selection.select2-selection--single {
    outline-color: var(--outline-color);
    outline-width: .1em;
    outline-style: solid;
    outline-offset: -.1em;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-size: .95em;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: .65em .75em .65em 2.3em;
    line-height: 1em !important;
    font-size: .95em;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__clear {
    float: none;
    position: absolute;
    right: 2.5em;
    top: .75em;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0em;
    width: 2.5em;
}

.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__arrow b {
    display: block;
    background-image: url("/DesktopModules/BusinessEngine/extensions/nitro-II/field-types/select2-dropdown/themes/down-arrow.png") !important;
    background-repeat: no-repeat;
    background-size: 2em;
    background-position: center;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    border: none;
    margin: 0;
    width: 100%;
}


/* --------------------------------------------------------
                multiple theme
          -----------------------------------------------------------*/

.select2-container--default.select2-container .select2-selection--multiple {
    min-height: auto;
    max-height: 2.3em;
}

.select2-container--default.select2-container .select2-search--inline .select2-search__field {
    padding: .6em;
    margin: 0;
    font-size: .85em;
}

.select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 2em;
}

.select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered li {
    line-height: 1em;
}

.select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    margin-top: .45em;
}

.select2-container--default.select2-container .select2-selection--multiple {
    min-height: auto;
    max-height: 2.3em;
}

.select2-container--default.select2-container .select2-selection--multiple .select2-selection__clear {
    margin: 0 .35em;
}

.select2-container--default.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: .6em;
    margin: 0;
    font-size: .85em;
}


/* --------------------------------------------------------
                  rtl signle theme
          -----------------------------------------------------------*/

.b-rtl .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
    text-align: right;
    padding-right: 2.2em;
    padding-left: .5em;
}

.b-rtl .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__arrow {
    left: 0;
    right: auto;
}

.b-rtl .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__arrow b {
    left: 0;
    right: auto;
}

.b-rtl .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__clear {
    left: 2.5em;
    right: auto;
}