.multiselect{position:relative;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;cursor:pointer;outline:none;border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);background:var(--ms-bg,#fff);font-size:var(--ms-font-size,1rem);min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2)}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{cursor:default;background:var(--ms-bg-disabled,#f3f4f6)}.multiselect.is-active{box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.18823529411764706))}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{display:flex;align-items:center;height:100%;position:absolute;left:0;top:0;pointer-events:none;background:transparent;line-height:var(--ms-line-height,1.375);padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);box-sizing:border-box;max-width:100%}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.multiselect-search{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;outline:none;box-sizing:border-box;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;font-family:inherit;background:var(--ms-bg,#fff);border-radius:var(--ms-radius,4px);padding-left:var(--ms-px,.875rem)}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;display:flex;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem);align-items:center}.multiselect-tag{background:var(--ms-tag-bg,#10b981);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);line-height:var(--ms-tag-line-height,1.25rem);font-weight:var(--ms-tag-font-weight,600);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);border-radius:var(--ms-tag-radius,4px);margin-right:var(--ms-tag-mx,.25rem);margin-bottom:var(--ms-tag-my,.25rem);display:flex;align-items:center;white-space:nowrap}.multiselect-tag.is-disabled{padding-right:var(--ms-tag-px,.5rem);background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff)}.multiselect-tag-remove{display:flex;align-items:center;justify-content:center;padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem);margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);border-radius:var(--ms-tag-remove-radius,4px)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.06274509803921569)}.multiselect-tag-remove-icon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;opacity:.8;display:inline-block;width:.75rem;height:.75rem}.multiselect-tags-search-wrapper{display:inline-block;position:relative;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);flex-grow:1;flex-shrink:1;height:100%}.multiselect-tags-search-copy{visibility:hidden;white-space:pre-wrap;display:inline-block;height:1px;width:100%}.multiselect-tags-search{position:absolute;left:0;right:0;top:0;bottom:0;border:0;-webkit-appearance:none;-moz-appearance:none;outline:none;padding:0;font-size:inherit;font-family:inherit;box-sizing:border-box;width:100%;appearance:none}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-spinner{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:var(--ms-spinner-color,#10b981);width:1rem;height:1rem;z-index:10;margin:0 var(--ms-px,.875rem) 0 0;-webkit-animation:multiselect-spin 1s linear infinite;animation:multiselect-spin 1s linear infinite;flex-shrink:0;flex-grow:0}.multiselect-clear{padding:0 var(--ms-px,.875rem) 0 0;position:relative;z-index:10;opacity:1;transition:.3s;flex-shrink:0;flex-grow:0;display:flex}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");background-color:var(--ms-clear-color,#999);display:inline-block;transition:.3s}.multiselect-caret,.multiselect-clear-icon{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem;height:1.125rem}.multiselect-caret{transform:rotate(0deg);transition:transform .3s;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");background-color:var(--ms-caret-color,#999);margin:0 var(--ms-px,.875rem) 0 0;position:relative;z-index:10;flex-shrink:0;flex-grow:0;pointer-events:none}.multiselect-caret.is-open{transform:rotate(180deg);pointer-events:auto}.multiselect-dropdown{position:absolute;left:calc(var(--ms-border-width, 1px)*-1);right:calc(var(--ms-border-width, 1px)*-1);bottom:0;transform:translateY(100%);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:15rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:100;background:var(--ms-dropdown-bg,#fff);display:flex;flex-direction:column;border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);outline:none}.multiselect-dropdown.is-top{transform:translateY(-100%);top:var(--ms-border-width,1px);bottom:auto;flex-direction:column-reverse;border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;max-height:var(--ms-max-height,10rem)}.multiselect-options.is-top{flex-direction:column-reverse}.multiselect-group{padding:0;margin:0}.multiselect-group-label{padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);font-size:.875rem;font-weight:600;background:var(--ms-group-label-bg,#e5e7eb);color:var(--ms-group-label-color,#374151);cursor:default;line-height:var(--ms-group-label-line-height,1.375);display:flex;box-sizing:border-box;text-decoration:none;align-items:center;justify-content:flex-start;text-align:left}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{padding:0;margin:0}.multiselect-option{padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);font-size:var(--ms-option-font-size,1rem);line-height:var(--ms-option-line-height,1.375);cursor:pointer;display:flex;box-sizing:border-box;text-decoration:none;align-items:center;justify-content:flex-start;text-align:left}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);color:var(--ms-empty-color,#4b5563)}.multiselect-fake-input{background:transparent;position:absolute;left:0;right:0;bottom:-1px;width:100%;height:1px;border:0;padding:0;font-size:0;outline:none}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-spacer{display:none}@-webkit-keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
/*@tailwind base;
@tailwind components;
@tailwind util/ities;*/
/*@import "../../node_modules/vue-multiselect/dist/vue-multiselect.min.css";*/

body {
    margin: 0;
    padding: 0;
    background: #FAFAFA;

}

#app {
    padding-top: 60px;
}

#app-aside {
    background: #1D2740;
    position: fixed;
    width: 250px;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    overflow-y: auto;
}

#app-aside::-webkit-scrollbar {
    width: 5px;
}

#app-aside::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

#app-aside::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #CCCCCC;
}

#app-header {
    position: fixed;
    top: 0;
    left: 250px;
    height: 60px;
    width: calc(100% - 250px);
    background: #ffffff;
    box-shadow: 0 4px 6px rgb(0 0 0 / 5%);
    z-index: 10;
    transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
}

#app-content {
    margin-left: 250px;
    transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#asideTrigger {
    font-size: 30px;
    cursor: pointer;
    display: none;
}

#app-header:after {
    content: '';
    display: block;
    clear: both;
}

#app-header .left-container {
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
}

#app-header .right-container {
    margin-right: 10px;
    height: 60px;
    float: right;
    width: 80%;
    height: 100%;
}

#app-header .right-container ul {
    margin: 0;
    padding: 0;
    float: right;
}

#app-header .right-container ul li {
    display: inline-block;
    float: right;
    margin-right: 15px;
    margin-left: 10px;
}

#app-header .right-container ul li.icon {
    font-size: 20px;
    color: #828282;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
}

#app-header .right-container .profile-badge {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2F80ED;
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 1px;
    margin-top: 10px;
    line-height: 38px;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#app-aside .app-name {
    height: 60px;
    width: 100%;
    line-height: 60px;
    background: #111827;
    padding: 0 20px;
}

#app-aside .app-name a {
    color: #FFFFFF;
    font-weight: 900;
    text-decoration: none;
}

#app-aside .section .title {
    color: #9CA3AF;
    padding: 10px 10px;
    font-size: 12px;
}

#app-aside .nav-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#app-aside .nav-wrap ul li {
    display: block;
}

#app-aside .nav-wrap ul li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    display: block;
    padding: 13px 15px;
    font-weight: 500;
}

#app-aside .nav-wrap ul li a.selected {
    color: #0a58ca;
}

#app-aside .nav-wrap ul li a span {
    margin-left: 10px;
}

#app-aside .nav-wrap ul li ul li a span {
    margin-left: -5px;
}

#app-aside .nav-wrap ul li a:hover {
    color: #2F80ED;
}

#app-aside .nav-wrap ul li a .m-icon {
    font-size: 20px;
    float: left;
    margin-right: 5px;
}

#app-aside .nav-wrap ul li > ul {
    margin-left: 35px;
    display: none;
}

#app-aside .nav-wrap ul li > ul li a {
    padding: 8px 10px;
    font-weight: 400;
}

#app-aside .nav-wrap .extension-nav-option:before {
    float: left;
    margin-left: -20px;
    font-size: 17px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    transform: rotate(270deg);
}

#app-aside .nav-wrap .extension-nav-option[data-state=open]:before {
    transform: rotate(0deg);
}

#app-content-header {
    padding: 35px;
    padding-bottom: 15px;
}

#app-content-header h1 {
    font-size: 28px;
}

#app-content-header .main-buttons {
    text-align: right;
}

#app-content-header .main-buttons button, #app-content-header .main-buttons a {
    margin-left: 13px;
}

#app-content-body {
    padding: 0 35px;
}


#content-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

#content-wrapper .content-editor {
    background: #ffffff;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}


#content-wrapper .table-view {
    padding: 25px;
}

.content-editor .tab-navigation {
    border-bottom: 1px solid #E0E0E0;
}

.content-editor .tab-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-editor .tab-navigation ul li {
    display: inline-block;
    padding: 20px 15px 15px;
    border-radius: 0;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.content-editor .tab-navigation ul a {
    color: inherit;
}

.content-editor .tab-navigation ul li.selected, .content-editor .tab-navigation ul li:hover {
    background: rgba(86, 204, 242, 0.15);
    border-bottom: 3px solid #56CCF2;
}

.content-editor .tab-navigation ul li:first-child.selected, .content-editor .tab-navigation ul li:first-child:hover {
    border-radius: 0;
}

.content-editor .tab-navigation ul li.disabled {
    background: #ccc;
    cursor: not-allowed;
    border-bottom: 3px solid #d2d2d2;
}

.content-editor .tab-navigation ul li:first-child {
    border-radius: 8px 0 0 0;
}

.content-editor .tab-content {
    padding: 25px;
}

.data-table-style-1 {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #F3F4F6;
}

.data-table-style-1 tr th {
    padding: 10px 10px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #E0E0E0;
    background: #FFFFFF;
}

.data-table-style-1 tr th.small-w, .data-table-style-1 tr td.small-w {
    width: 50px;
}

.data-table-style-1 tr td {
    padding: 10px 10px;
}

.data-table-style-1 tr:hover > td {
    cursor: pointer;
    background-color: #FAFAFA;
}

.data-table-style-1 tr:nth-child(even) {
    background-color: #F9FAFB;
}

.data-table-style-1.striped-rows-group tr:nth-child(even) {
  background: transparent;
}

.data-table-style-1.striped-rows-group tr:hover > td {
    cursor: pointer;
    background-color: transparent;
}

.data-table-style-1.striped-rows-group tr:nth-child(4n+1) {
    background-color: #F9FAFB;
}

.data-table-style-1.striped-rows-group tr:nth-child(4n+2) {
    background-color: #F9FAFB;
}

.data-table-style-1 .options-col {
    width:1px;
    white-space:nowrap;
}

.input-group-text.f-awesome-icons {
    padding: 10px;
}


.selectize-customer-item {
    padding: 2px 8px;
    width: 100%;
    display: block;
}



.selectize-customer-item .highlight {
    background: #C5A266 !important;
    color: #FFFFFF !important;
    border-radius: 1px;
}

.selectize-customer-item .name{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    padding: 0 !important;
    padding-bottom: 5px !important;
}

.selectize-customer-item .bottom {
    color: #828282;
    font-weight: 400;
    font-size: 14px;
}

.selectize-customer-item .bottom:after {
    content: "";
    display: table;
    clear: both;
}

.selectize-customer-item .bottom .left {
    width: 60%;
    float: left;
}

.selectize-customer-item .bottom .right {
    width: 40%;
    float: right;
    text-align: right;
}

fieldset {
    border: solid 1px #ced4da;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}
legend {
    float: none;
    width: auto;
    font-size: 15px;
    padding: 0 10px;
}

@media only screen and (max-width: 1280px) {
    #app-aside:not(.asideOpen) {
        transform: translate(-250px);
        -webkit-transform: translate(-250px, 0);
        -moz-transform: translate(-250px, 0);
        -o-transform: translate(-250px, 0);
        -ms-transform: translate(-250px, 0);
    }

    #app #app-header:not(.asideOpen) {
        width: calc(100%);
        transform: translate(-250px);
        -webkit-transform: translate(-250px, 0);
        -moz-transform: translate(-250px, 0);
        -o-transform: translate(-250px, 0);
        -ms-transform: translate(-250px, 0);
    }

    #app #app-content:not(.asideOpen) {
        margin-left: 0;
    }

    #asideTrigger {
        display: inline-block;
    }
}

@media only screen and (max-width: 766px) {
    #app-content-header .main-buttons {
        text-align: left;
    }

    #app-content-header .main-buttons button, #app-content-header .main-buttons a {
        margin-right: 13px;
        margin-left: 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.table-responsive {
    overflow-x: visible;
}

.multiselect-option.is-selected.is-pointed {
    background: #ccc;
    color: #000000;
}

.multiselect-option.is-selected {
    background: #ccc;
    color: #000000;
}

.tabs-component {

}

.tabs-component-tabs {
    border: solid 1px #ddd;
    border-radius: 6px;
    margin-bottom: 5px;
    padding-left: 0;
}

@media (min-width: 700px) {
    .tabs-component-tabs {
        border: 0;
        align-items: stretch;
        display: flex;
        justify-content: flex-start;
        margin-bottom: -1px;
    }
}

.tabs-component-tab {
    color: #999;
    font-size: 14px;
    font-weight: 600;
    margin-right: 0;
    list-style: none;
}

.tabs-component-tab:not(:last-child) {
    border-bottom: dotted 1px #ddd;
}

.tabs-component-tab:hover {
    color: #666;
}

.tabs-component-tab.is-active {
    color: #000;
}

.tabs-component-tab.is-disabled * {
    color: #cdcdcd;
    cursor: not-allowed !important;
}

@media (min-width: 700px) {
    .tabs-component-tab {
        background-color: #fff;
        border: solid 1px #ddd;
        border-radius: 3px 3px 0 0;
        margin-right: .5em;
        transform: translateY(2px);
        transition: transform .3s ease;
    }

    .tabs-component-tab.is-active {
        border-bottom: solid 1px #fff;
        z-index: 2;
        transform: translateY(0);
    }
}

.tabs-component-tab-a {
    align-items: center;
    color: inherit;
    display: flex;
    padding: .75em 1em;
    text-decoration: none;
}

.tabs-component-panels {
    padding: 15px;
}

@media (min-width: 700px) {
    .tabs-component-panels {
        background-color: #fff;
        border: solid 1px #ddd;
        border-radius: 0 6px 6px 6px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    }
}

.tabs-component-btn {
    cursor: pointer;
    background: #e1ecf4;
    border-radius: 3px;
    border: 1px solid #7aa7c7;
    padding: 4px 8px;
    color: #39739d;
}

.tabs-component-btn:hover {
    background-color: #b3d3ea;
    color: #2c5777;
}

.tabs-component-btn:active {
    background-color: #a0c7e4;
    box-shadow: none;
    color: #2c5777;
}


.upload-image-btn {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    cursor: pointer;
}

.upload-image-placeholder {
    width: 85px;
    height: 85px;
    display: grid;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
.upload-image-placeholder .breeding-rhombus-spinner {
    place-self: center;
}

.uploaded-images-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.uploaded-images-container .uimage-container {
    margin-right: 25px;
    margin-bottom: 15px;
}

.uploaded-images-container .uimage-container:last-child {
    margin-right: 0;
}

.uploaded-images-container .uimage-container .uploadedImage {
    width: 85px;
    height: 85px;
    display: grid;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: zoom-in;
}

@media screen and (max-width: 1000px) {
    #app-content-body {
        padding: 0;
    }

    #app-content-header {
        padding: 0;
        margin-top: 35px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .content-editor .tab-content {
        padding: 10px;
    }

    .tabs-component-panels {
        padding: 0;
    }

    .tabs-component-panels .tabs-component-panel {
        padding-top: 15px;
    }
}

.imagePreviewModal {
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}

body.imagePreviewModalOpen {
    overflow: hidden;
}

.imagePreviewModalContent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.closeImagePreviewModal {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.closeImagePreviewModal:hover,
.closeImagePreviewModal:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.deleteImageFromPreview {
    position: absolute;
    top: 30px;
    right: 80px;
    color: darkred;
    font-size: 25px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .imagePreviewModalContent {
        width: 100%;
    }
}


.uploaded-files-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.uploaded-files-container .ufile-container {
    margin-right: 25px;
    margin-bottom: 15px;
    border: solid 1px #ccc;
    display: grid;
    -moz-column-gap: 10px;
         column-gap: 10px;
    border-radius: 3px;
    grid-template-columns: 50px auto;
    justify-items: center;
    align-items: center;
    padding: 0 10px;
    max-width: 250px;
    overflow: hidden;
}

.uploaded-files-container .ufile-container:first-child {
    border: 0;
}

.uploaded-files-container .ufile-container .file-name {
    width: 100%;
}

.uploaded-files-container .ufile-container .controls span {
    display: inline-block;
    color: #0d6efd;
    cursor: pointer;
    margin-right: 10px;
}

.uploaded-files-container .ufile-container .controls span:last-child {
    margin-right: 0;
    color: red;
}

.uploaded-files-container .ufile-container:last-child {
    margin-right: 0;
}

.uploaded-files-container .upload-file-btn {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    cursor: pointer;
    padding: 12px;
}

.upload-file-placeholder {
    width: 85px;
    height: 85px;
    display: grid;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
.upload-file-placeholder .breeding-rhombus-spinner {
    place-self: center;
}

.usedArticlesTable tbody tr.selected {
    background: #eeff45;
}

.usedArticlesTable tbody tr.selected:hover {
    background: #eeff45;
}

.data-table-style-1 tr.selected:hover > td {
    background-color: #eeff45;
}