*{
    text-shadow: none;
}
body {
    background: var(--main-background);
    font-family: var(--main-font-family);
    font-size: var(--main-font-size);
    color: var(--main-color);
    padding-top: 60px;
    overflow: hidden;
    height: 100%;
}
html,
body {
    height: 100%;
}
body .session_security_overlay {
    z-index: 10000;
}

body .session_security_modal {
    z-index: 10000;
}

body .main-alert {
    margin-top: 20px;
}


a {
    color: var(--main-color);
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
a:focus {
    text-decoration: none;
}
a:hover, a:focus {
    color: unset;
}
.application_error_socket {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 30000;
}

.floating-notification {
    width: 300px;
    position: fixed;
    top: 60px;
    right: 5px;
    z-index: 30000;
}

/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
    cursor: pointer;
}

.dropzone.dz-clickable * {
    cursor: default;
}

.dropzone .dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04);
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    display: inline-block;
    margin: 17px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px;
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px;
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%;
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
    display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block;
}

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #8cc657;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #ee162d;
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #8cc657;
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, 0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block;
}

.modal.centered.in {
    display: flex !important;
}

.modal.centered > .modal-dialog {
    margin: auto;
    width: clamp(600px, 40em, 900px);
}

.flex-centered-content {
    height: calc(100% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    xcolor: rgb(255 255 255 / 50%);
    background: var(--secondary-background);
    color: var(--main-color);
    outline: 1px solid var(--main-outline);
    border-radius: var(--main-border-radius);
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}

ul.errorlist {
    margin-left: 30px;
    list-style: none;
    padding: 0 !important;
}

.form-group ul.errorlist {
    color: var(--state-error);
    margin-left: 0;
    font-weight: 500;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.select2-container--disabled,
.bootstrap-tagsinput[disabled]
{
    cursor: default;
    background-color: var(--input-background);
    opacity: 0.7;
    border-radius: var(--input-border-radius);
}


.form-horizontal .control-label {
    padding-top: 2px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{
    padding-top: 3px;
}
.tooltip-inner {
    display: inline-block;
    text-align: left;
    max-width: 800px;
    overflow-y: auto;
    background: var(--main-color);
    color: var(--main-background);
}

.tooltip-inner .tooltip-row-name {
    color: gray;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    width: 150px
}

.tooltip-inner .tooltip-title {
    margin-left: 10px;
}

.tooltip-inner .tooltip-row-value {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
}

.tooltip-inner .tooltip-separator {
    height: 10px;
}

.dataTable:focus {
    outline: 0 !important;
}
.dataTables_scrollHead .focused>[class^="ri-"]:first-child {
    color: var(--activated-color);
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu,
.dropdown-menu li .sub-menu:hover{
    visibility: visible;
    display: block;
}


/*
    from automate_it.css
 */


/* scroll   bar itself */

*:hover::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-hover-container-background);
}
*:hover::-webkit-scrollbar-thumb:hover,
.workflow_container:hover::-webkit-scrollbar-thumb,
.linkit_view_container:hover::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-hover-background);
}

td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-rendering: optimizelegibility;
}


body.no-padding-top {
    padding-top: 0px;
}

body.top-navigation {
    padding-top: 110px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--main-font-family);
    font-weight: 500;
}

h3 {
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1em;
}

.header {
    padding-top: 16px;
    padding-bottom: 5px;
    /*background: #737373;*/
    border-bottom: 1px solid #a5a5a5;
    line-height: 71px;
}
.glyphicon{
    xxxbackground: red!important
}
.ri-none:before {
    content: "\ea01";
    opacity: 0 !important;
}
[class^="ri-"], [class*=" ri-"] {
    position: relative;
}
.navbar .dropdown-menu [class^="ri-"], .navbar .dropdown-menu [class*=" ri-"] {
    margin-right: 15px;
    margin-left: -4px;
    opacity: 0.7;
}

.navbar {
    z-index: 1030;
}

.navbar-brand {
    line-height: 40px;
    height: 40px;
    padding-top: 8px;
}

.factory-bg {
    background: var(--factory-bg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    margin-top: 0px;
    opacity: 50;
}

/* ------------------------------------------ TEXT -------------------------------------------*/

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #203362
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #a2a920
}

.text-info:hover {
    color: #676b14;
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.selector select {
    color: #2b2e32 !important;
}

.selector select option {
    border-bottom: 1px dashed #2b2e32;
    padding: 5px;
}

/* ------------------------------------------------------------------------------------------------------------*/
.ait_alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px
}

.ait_alert h4 {
    margin-top: 0;
    color: inherit
}

.ait_alert .ait_alert-link {
    font-weight: 700
}

.ait_alert > p, .ait_alert > ul {
    margin-bottom: 0
}

.ait_alert > p + p {
    margin-top: 5px
}

.ait_alert-dismissable, .ait_alert-dismissible {
    padding-right: 35px
}

.ait_alert-dismissable .close, .ait_alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

/**-------------------------------------------ALERT-------------------------------------------**/
.ait_alert.square {
    border-radius: 0px;
}

.ait_alert.ait_alert-bold-border {
    border-radius: 0px;
    border: none;
    /*color: #434A54;*/
    border-left: 5px solid transparent;
}

/**-------------------------------------------THE BOX-------------------------------------------**/
.the-box {
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #D5DAE0;
    position: relative;
}

.the-box.more-padding {
    padding: 20px;
}

.the-box.full-width {
    margin: 0 -15px;
    border: none;
}

.the-box.transparent {
    background: transparent;
    border: none;
}

.the-box.full {
    padding: 0;
}

.the-box.no-margin {
    margin: 0;
}

.the-box.no-border {
    border: none;
}

.the-box.rounded {
    border-radius: 10px;
}

.the-box .right-action {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 9;
}

h4.small-title {
    font-size: 16px;
    color: #656D78;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.bg-dark .small-title, .bg-primary .small-title, .bg-success .small-title,
.bg-info .small-title, .bg-danger .small-title, .bg-warning .small-title {
    color: #fff;
}

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

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #223584
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

/**-------------------------------------------LABEL AND BADGE-------------------------------------------**/

.label {
    display: inline;
    padding: .2em .6em .2em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #373737;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #373737;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.label-default {
    background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label.square {
    border-radius: 0em;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    width: 200px;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-size: 0.9em;

}

input[type=radio], input[type=checkbox] {
    margin: 0px 0 0;
    margin-top: 1px;
    line-height: normal;
        height: 1em !important;
    width: 1em !important;

}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 6px;
    font-size:1em;
    line-height: 1.42857143;
    color: var(--input-color);
    background-color: var(--input-background);
    background-image: none;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: var(--input-border-color);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder {
    color: #777
}

textarea.form-control {
    height: auto
}


input[type=date], input[type=time], input[type=datetime-local],
input[type=month] {
    line-height: 34px;
    line-height: 1.42857143 \0
}

input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm,
input[type=month].input-sm {
    line-height: 30px
}

input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg,
input[type=month].input-lg {
    line-height: 46px
}

.form-group {
    margin-bottom: 15px;
    width: 90%;
}

.page .form-group p{
    font-size: 0.9em;
    opacity: 0.7;
    margin-top: 5px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-top: 2px;
    margin-left: -20px;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled,
input[type=checkbox].disabled, fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm, .form-horizontal .form-group-sm .form-control {
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: var(--input-border-radius);
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.input-lg, .form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}


.has-success .form-control-feedback {
    color: var(--state-success)
}



.has-warning .form-control-feedback {
    color: var(--state-warning)
}


.has-error .form-control-feedback {
    color: var(--state-error)
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: unset;
    opacity: 0.7;
}

/**-------------------------------------------FORM-------------------------------------------**/
.form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}

.form-control.bold-border {
    border-width: 2px;
}

.form-control.no-border {
    border: none;
}

.form-control.rounded {
    border-radius: 4px;
}

textarea.no-resize {
    resize: none;
}

.input-group-addon.rounded {
    border-radius: 0px;
}

.input-group-addon.input-sm {
    border-radius: 0px;
}

.input-group-addon.input-lg {
    border-radius: 0px;
}

.bg-color-showcase {
    padding: 10px 20px
}

.input-group-addon {
    border-radius: 0px;
    border: 1px solid #ddd;
}

.has-feedback.no-label .form-control-feedback {
    top: 0px;
}

.has-feedback.no-label.lg .form-control-feedback {
    top: 7px;
}

.has-feedback.left-feedback .form-control {
    padding-left: 35.5px;
    padding-right: 0px;
}

.has-feedback.left-feedback .form-control-feedback {
    left: 0;
    right: auto;
}

.has-feedback.left-feedback.lg .form-control-feedback {
    left: 3px;
}

.form-control-feedback {
    color: #AAB2BD;
}

.has-success .help-block, .has-success .control-label, .has-success .radio,
.has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: var(--state-success);
}

.has-success .form-control {
    border-color: var(--state-success);
}

.has-success .form-control:focus {
    border-color: var(--state-success);
}

.has-success .input-group-addon {
    color: #8CC152;
    background-color: #dff0d8;
    border-color: #8CC152;
}

.has-success .form-control-feedback {
    color: var(--state-success);
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio,
.has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: var(--state-warning);
}

.has-warning .form-control {
    border-color: var(--state-warning);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-warning .form-control:focus {
    border-color: var(--state-warning);
}

.has-warning .input-group-addon {
    color: var(--state-warning);
}

.has-warning .form-control-feedback {
    color: var(--state-warning);
}

.has-error .control-label, .has-error .radio,
.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: var(--state-error);
    opacity: 1;
}
.has-error .control-label{
    color: unset;
}
.has-error .control-label:before{
    font-family: 'remixicon' !important;
    font-style: normal;
    content: "\eca1";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color: var(--state-error) !important;
}
.has-error .help-block{
    color: unset;
}
.has-error .help-block.errormsg{
    opacity: 1;
}
.has-error .form-control {
    border-color: var(--state-error);
}

.has-error .form-control:focus {
    border-color: var(--state-error);
    box-shadow: unset;
}

.has-error .input-group-addon {
    color: var(--state-error);
}

.has-error .form-control-feedback {
    color: var(--state-error);
}

.input-group-addon.primary {
    border-color: #37BC9B;
    background-color: #37BC9B;
    color: #fff;
}

.input-group-addon.danger {
    border-color: var(--state-error);
    background-color: var(--state-error);
    color: #fff;
}

.input-group-addon.success {
    border-color: #8CC152;
    background-color: #8CC152;
    color: #fff;
}

.input-group-addon.info {
    border-color: #3BAFDA;
    background-color: #3BAFDA;
    color: #fff;
}

.input-group-addon.warning {
    border-color: #F6BB42;
    background-color: #F6BB42;
    color: #fff;
}

.field_block {
    margin-bottom: 10px;
}

.selector-available {
    display: inline-block;
    float: left;
}

.selector-available h2 {
    font-size: 16px;
}

.selector-available #id_permissions_add_all_link,
.selector-available #id_user_permissions_add_all_link {
    display: block;
}

.selector-chooser {
    margin-left: 25px;
    width: 200px;
    display: inline-block;
    text-align: center;
}

.selector-chooser li {
    list-style: none;
}

#id_permissions_add_link {

}

.selector-chosen {
    float: right;
    display: inline-block;
}

.selector-chosen h2 {
    font-size: 16px;
}

.selector-chosen #id_permissions_remove_all_link,
.selector-chosen #id_user_permissions_remove_all_link {
    display: block;
}

.support_pane {
    padding: 30px;
}

.support_pane p {
    margin-top: 10px;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.table-responsive > .table {
    background-color: #404448;
}

table .container_thumbnails {
    /*min-widthxx: 120px;*/
    /*max-widthxx: 120px;*/
    display: block;
}

table .container_thumbnails .select_media_spinner {
    zoom: 0.6;
}

table .container_thumbnails .file_preview {
    width:90px
}
table .container_thumbnails .file_broken {
    zoom: 0.4;
}

table .container_thumbnails .video_preview {
    cursor: ew-resize;
}

table .container_thumbnail {
    min-height: 40px;
    max-height: 40px;
    min-width: 76px;
    max-width: 76px;
    display: block;
    float: left;
    position: relative;
    margin-top: 4px;
    vertical-align: middle;

}

table .file_thumbnail {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: white;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.panel_selector_list {

}

.panel_selector_container {
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-radius: 2px;
}

.panel_selector {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 130px;
    /*height: 65px;*/
    /*box-shadow: 0 0 6px #bbb;*/
    font-weight: bold;
    cursor: pointer;
}

.panel_selector:hover {
    opacity: 0.5;
}

.register_pnl_notif {
    margin-top: 20%;
    text-align: center;
    font-size: 20px;
    opacity: 0.5;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    z-index: 1030;
    opacity: 0.6;
    font-size: 15px;
}

/*  ----------- COLORS ----------- */
.label-info {
    background-color: var(--state-success);
}

.btn-view {
    background: unset;
}

.btn-action {
    background: unset;
}


.image_container .file_preview {
    width: 100%;
    height: 144px;
}

.image_container .file_preview .single_image {
/ / width: 100 %;
    max-width: 100%;
    max-height: 100%;
}

.image_container .file_preview .empty_media {
    text-align: center;

}
.image_container .file_preview .empty_media .title{
    font-size: 1em;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}
.image_container .file_preview .empty_media .picto{
    width: 100%;
}
.image_container .file_preview .empty_media .picto svg{
}

.dashboard-container {
    padding-left: 14px;
    padding-top: 3px;
    position: relative;
    /*height: 200px;*/
}

.dashboard-column {
    float: left;
    width: 50%;
}

.dashboard-block {
    padding: 10px;
}

.ui-sortable-placeholder {
    border: 3px dashed #aaa;
    height: 45px;
    width: 344px;
    background: #ccc;
}

#request_modal {
    margin-top: 70px;
}

#request_modal .col-sm-5 {
    padding-right: 0 !important;
}

/* Perms */
#perms_container{
    padding: 10px;
    margin-top: 20px;
}
#perms_container .select2-selection{
    line-height: 30px;
    font-size: 0.9em;
}
.perms_users_select2_container{
    font-size: 0.9em;
}
.perms_label {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

/*------------ extras ------------------*/
.media_selector:not(.select_media) {
    width: 250px;
    /*display:inline-table*/
}

.error_message {
    color: var(--state-error);
    font-weight: bold;
}

.error_message li {
    list-style: none !important;
}

.button_perms:hover {
    color: #597fae;
    cursor: pointer;
}

.mappings input {
    width: 90%;
}
.mappings input[type="checkbox"] {
    width: unset;
}

/*----------- Support -------------------*/
.support .panel-body {
    min-height: 300px;
}

.support tr > th {
    width: 250px;
}

.support tr > td > ul {
    padding-left: 15px;
}

.table.table-slim {
    margin-bottom: 0;
    background-color: inherit;
}

.table.table-slim td {
    padding: 1px !important;
    border-top: transparent;

}

/* Users Pages */

fieldset label, fieldset label.required, fieldset p.datetime {
    color: inherit;
    font-weight: bold;
    font-size: 15px;
    margin-left: 5px;
}

a.active.selector-chooseall, a.active.selector-clearall {
    color: var(--activated-color);
}

fieldset .form-row {
    border-bottom: 0;
}

.selector .selector-available h2 {
    background: transparent !important;
    color: inherit !important;
}

.selector-available h2, .selector-chosen h2 {
    border: none !important;
}

.selector-chosen h2 {
    background: transparent !important;
    color: inherit !important;
}

/*----------- Request -------------------*/
.request_logs .label {
    width: 100%;
    max-width: 185px;
    display: block;
}

.table > tbody > tr > td.priority {
    padding-left: 2px;
    padding-right: 2px;
}

.priority:hover {
    cursor: pointer;
}

.modal-body #slider {
    margin-top: 10px;
    width: 81%;
    margin-left: calc(7% + -2px);
}

.modal-body #priority_value {
    margin-top: 18px;
}

.btn-modal-submit {
    display: none;
}

.priority_levels {
    padding: 0;
    width: 100%;
}

.priority_level {
    display: inline-block;
    width: 20%;
}

.panel-default > .panel-heading {
}

.processing_request {
    cursor: pointer;
    min-width: 300px;
}

.processing_request .panel .panel-footer {
    background-color: var(--panel-heading-background);
}

.processing_request > .panel-danger {
    border-color: var(--state-error);
}

.processing_request > .panel-danger > .panel-footer {
    background-color: #f2dede;
    color: var(--state-error);
}

.processing_request > .panel-success {
    border-color: #dff0d8;
}

.processing_request > .panel-success > .panel-footer {
    background-color: #dff0d8;
    color: var(--state-success);
}

.processing_request .buttons{
    opacity: 0;
    transition: all 0.2s;
    position: absolute;
    right: 0;
}

.processing_request:hover .buttons{
    opacity: 1;
}

.processing_request .rqst_status{
    display: inline-block;
    margin-top: 2px;
}

.rqst_progress .progress-bar-info {
    background-color: #7a8288;
}

.rqst_progress.progress {
    height: 8px;
}

.rqst_progress_block {
    padding: 0 20px;
}

.rqst_panel-body ul {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 20px;
}

.rqst_panel-body ul > li {
    list-style-type: none;
    margin-bottom: 10px;
}

.rqst_progress .progress-bar.active {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -moz-animation: progress-bar-stripes 1s linear infinite;
    -ms-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.rqst_progress .progress-bar.active.reverse {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -ms-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
}

.rqst_panel-body .ri-arrow-right-s-line {
    color: #797f10;
}

.rqst_panel-body .ri-check-line {
    color: green;
}

.panel-title {
    color: #797f10;
    font-size: 1.1em;
}

.rqst_progress_row {
    margin-bottom: 20px;
}

.rqst_progress {
    margin-bottom: 0;
}

.rqst_progress_details {
    text-align: center;
    margin-top: 5px;
}

.no_in_progress {
    height: 50%;
    position: relative;
}

.no_in_progress > p {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 20px;
}

/*--------------------------- AIT_Preview ---------------------------*/
@media screen and (min-width: 750px) {
    .preview_modal {
        width: 100%;
        right: 0;
        left: 0;
    }
}

@media screen and (min-width: 970px) {
    .preview_modal {
        width: 970px;
        right: 47%;
        left: inherit;
    }
}

@media screen and (min-width: 1170px) {
    .preview_modal {
        width: 1170px;
        right: 50%;
        left: inherit;
    }
}

#display_preview {
    top: 4%;
}

.preview_list {
    height: 526px;
    overflow: auto;
    text-align: center;
}

.preview_list_item {
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto 10px auto;
    cursor: pointer;
}

.preview_list_item.active {
    border: 3px solid #c5d357;
    padding: 3px;
}

#preview_item_container > .item > img{
    margin: auto;
}

[data-schematype] .ace_editor>.ace_scroller ,
[data-schematype] .ace_editor>.ace_gutter {
    padding-top: 2px;
    padding-left: 2px;
}
[data-schematype] .ace_editor>.ace_gutter {
    background: var(--panel-heading-background);
}

[data-schematype] .ace_editor .ace_cursor-layer {
  display: none;
}
.ace-twilight.ace_editor {
}
.ace-twilight.ace_editor .ace_cursor {
}
.ace_editor {
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}
.ace_editor.ace_autocomplete .ace_completion-highlight{
    color: unset!important;
    text-shadow: unset!important;
    font-weight: bold;
}
.ace_editor.ace_autocomplete .ace_scroller .ace_line{
    padding-left: 5px;
}
.ace_editor.ace_autocomplete .ace_scroller .ace_line .ace_rightAlignedText{
    padding-right: 5px;
}
body>.ace_tooltip {
    color: var(--main-color);
    background: var(--main-background);
    border: 2px solid var(--hover-background);
}

#holdon-content-container>#holdon-content>.sk-bounce>div {
    background: var(--main-color);
}
#holdon-content-container>#holdon-message{
    font-weight: 900;
}

.tooltip {
   position: fixed!important;
    min-width: 80px;
    text-align: center;
}

.tooltip {
    background-color: var(--main-background);
    color: var(--main-color);
    border: none;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

.tooltip .tooltip-inner {
    background-color: var(--main-background);
    color: var(--main-color);
    border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--main-background);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--main-background);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--main-background);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--main-background);
}

.expandable-container{
    position: absolute;
    z-index: 102;
    top:1px;
    padding-left: 0px;
    border-radius: 4px;
}

.expandable-container.left{
    left: 5px;
}

.expandable-container.right{
    right: 10px;
}
.expandable-container .expandable-content{
    display: block;
    height: 100%;
    overflow-y: auto;
}
.expandable-container.expanding,
.expandable-container.expanded{
    background: var(--dialog-body-background);
    box-shadow: 0 1px 7px var(--main-background);
    overflow: hidden;
    border-radius: var(--main-border-radius);
}

.modal-open .modal::-webkit-scrollbar {
  display: none;
}

.modal_waiting_message {
    background: var(--panel-heading-background);
    border-radius: var(--main-border-radius);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    z-index: 4;
    box-shadow: 0 2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}