/* Minification failed. Returning unminified contents.
(933,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1915,44): run-time error CSS1046: Expect comma, found '0'
(1915,48): run-time error CSS1046: Expect comma, found '/'
(1916,36): run-time error CSS1046: Expect comma, found '0'
(1916,40): run-time error CSS1046: Expect comma, found '/'
(2092,44): run-time error CSS1046: Expect comma, found '0'
(2092,48): run-time error CSS1046: Expect comma, found '/'
(2093,36): run-time error CSS1046: Expect comma, found '0'
(2093,40): run-time error CSS1046: Expect comma, found '/'
(2366,44): run-time error CSS1046: Expect comma, found '0'
(2366,48): run-time error CSS1046: Expect comma, found '/'
(2367,36): run-time error CSS1046: Expect comma, found '0'
(2367,40): run-time error CSS1046: Expect comma, found '/'
 */
/*@font-face {
  font-weight: normal;
  font-family: 'Automy-Font';
  font-style: normal;
  src: url('/Content/app-assets/fonts/Automy-Font.eot?e9y4om');
  src: url('/Content/app-assets/fonts/Automy-Font.eot?e9y4om#iefix') format('embedded-opentype'),
    url('/Content/app-assets/fonts/Automy-Font.ttf?e9y4om') format('truetype'),
    url('/Content/app-assets/fonts/Automy-Font.woff?e9y4om') format('woff'),
    url('/Content/app-assets/fonts/Automy-Font.svg?e9y4om#Automy-Font') format('svg');
  font-display: block;
}*/
@font-face {
    font-weight: normal;
    font-family: 'Automy-Font';
    font-style: normal;
    src: url('/Content/app-assets/fonts/Automy-Font.ttf?e9y4om') format('truetype');
    font-display: block;
}

[class^='automy-icon-'],
[class*=' automy-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  margin-right: 14px;
  font-weight: normal;
  font-size: 18px;
  font-family: 'Automy-Font' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.automy-icon-back::before {
  color: #9ca4c5;
  content: '\61';
}
.automy-icon-tareas::before {
  color: #9ca4c5;
  content: '\62';
}
.automy-icon-procesos2::before {
  color: #9ca4c5;
  content: '\63';
}
.automy-icon-procesos::before {
  color: #9ca4c5;
  content: '\64';
}
.automy-icon-arrow::before {
  color: #9ca4c5;
  content: '\65';
}
.automy-icon-solicitudes::before {
  color: #9ca4c5;
  content: '\66';
}
.automy-icon-eliminar::before {
  color: #9ca4c5;
  content: '\67';
}
.automy-icon-configuraciones::before {
  color: #9ca4c5;
  content: '\68';
}
.automy-icon-reloj::before {
  color: #9ca4c5;
  content: '\69';
}
.automy-icon-preguntas::before {
  color: #9ca4c5;
  content: '\6a';
}
.automy-icon-Frame-21::before {
  color: #9ca4c5;
  content: '\6b';
}
.automy-icon-gl_copy::before {
  color: #9ca4c5;
  content: '\6c';
}
.automy-icon-descargar::before {
  color: #9ca4c5;
  content: '\6d';
}
.automy-icon-editar::before {
  color: #9ca4c5;
  content: '\6e';
}
.automy-icon-detalle::before {
  color: #9ca4c5;
  content: '\6f';
}
.automy-icon-usuarios::before {
  color: #9ca4c5;
  content: '\70';
}
.automy-icon-grupo::before {
  color: #9ca4c5;
  content: '\71';
}
.automy-icon-inicio::before {
  color: #9ca4c5;
  content: '\72';
}
.automy-icon-permisos::before {
  color: #9ca4c5;
  content: '\73';
}
.automy-icon-conexiones::before {
  color: #9ca4c5;
  content: '\74';
}
.automy-icon-menu::before {
  color: #9ca4c5;
  content: '\75';
}
.automy-icon-buscar::before {
  color: #9ca4c5;
  content: '\76';
}
.automy-icon-dudas::before {
  color: #9ca4c5;
  content: '\77';
}

.long-operation-btn{}
.sidebar-header-logo {
    width: 240px;
    padding: 20px;
}
.sidebar-header-small-logo {
    width: 44px;
}


#app-top-header-logo-small {
    display: none
}
body.mini-sidebar #app-top-header-logo {
    display: none;
}

body.mini-sidebar #app-top-header-logo-small {
    display: inherit;
}

/*.dataTables_filter {
    float: none;
    margin-bottom: .5rem;
}*/
table.dataTable span.highlight {
    background-color: #FFFF88;
    border-radius: 0.28571429rem;
    padding: 0
}
table.dataTable tr.selected span.highlight {
    background-color: #a6a6a6;
    color: white
}
table.dataTable tbody tr.selected a.dropdown-item,
table.dataTable tbody th.selected a.dropdown-item,
table.dataTable tbody td.selected a.dropdown-item {
    color: #2A2E30
}

/*table.dataTable tbody td {
    vertical-align: middle;
}

table.dataTable tbody td.vertical-top {
    vertical-align: top;
}*/


/*div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 0.85em;
}*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #c4e2ff;
    border-color: #c4e2ff;
}

.form-actions > .form.form-inline {
    display: inline
}

form-control-danger is-invalid > .select2-selection,
form-control-danger is-invalid > .select2 {
    border-color: #dc3545
}

.topbar .top-navbar .app-search {
    margin-top: 16px;
}

.sidebar-nav ul li ul li a {
    padding: 10px 30px 10px 15px;
}

a > .card:hover{
    -webkit-box-shadow: 1px 1px 16px 1px rgba(0,62,158,0.5);
    box-shadow: 1px 1px 16px 1px rgba(0,62,158,0.5);
}
.tasks-container .card {
    border-radius: 0.4rem;
}
    .tasks-container .card:hover {
        -webkit-box-shadow: 0px 20px 30px rgba(49, 70, 147, 0.12);
        box-shadow: 0px 20px 30px rgba(49, 70, 147, 0.12);
    }

.grow {
    transition: all .2s ease-in-out;
}
.grow:hover {
    transform: scale(1.01);
}
.card-border-outline-info {
    border: 1px solid #003e9e!important;
}
.card-border-outline-success {
    border: 1px solid #55ce63 !important;
}
.card-border-outline-danger {
    border: 1px solid #f62d51 !important;
}
.card-border-outline-secondary {
    border: 1px solid #6c757d !important;
}

.process-form-config .card-outline-info {
    border: 1px solid #d3d4d6 !important;
}
.preloader {
    background: #d3d4d6;
    opacity: 0.7;
}
.user-fullname-position {
    color: #fff;
}
.div-fullname, .div-position {
    line-height: normal
}
blockquote.warning {
    border-left-color: #ffbc34
}
blockquote.danger {
    border-left-color: #FF4471
}
blockquote.secondary {
    border-left-color: #54667a
}
blockquote.success {
    border-left-color: #55ce63
}
blockquote.info {
    border-left-color: #003e9e
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

/*.cd-horizontal-timeline {
    margin: auto
}*/
/*.cd-horizontal-timeline .timeline {
    max-width: none;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: none;
}*/
.force-display-block {
    display: block!important
}
.content-item-card-container.hidden {
    display: none
}
.card.card-filter-content.visado > .card-header{
    border-color: #ffbc34
}
.dataTables_filter > label > input.form-control:valid,
.dataTables_filter > label > input.form-control,
.dataTables_filter > input.form-control:valid,
.dataTables_filter > input.form-control {
    background-image: none !important;
    border: 1px solid #d9d9d9!important;
}

.validation-summary-errors li {
    color: #e6294b
}
/*.tracking-detail {
    padding: 3rem 0
}*/

/*#tracking {
    margin-bottom: 1rem
}*/

/*[class*=tracking-status-] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
}*/

/*.tracking-status-outfordelivery {
    background-color: #f5a551
}

.tracking-status-deliveryoffice {
    background-color: #f7dc6f
}

.tracking-status-delivered {
    background-color: #4cbb87
}

.tracking-status-attemptfail {
    background-color: #b789c7
}

.tracking-status-error, .tracking-status-exception {
    background-color: #d26759
}

.tracking-status-expired {
    background-color: #616e7d
}

.tracking-status-pending {
    background-color: #ccc
}

.tracking-status-inforeceived {
    background-color: #214977
}*/

/*.tracking-list {
    border: 1px solid #e5e5e5
}*/

/*.tracking-item {*/
    /*border-left: 1px solid #e5e5e5;*/
    /*position: relative;
    padding: 2rem 1.5rem .5rem 2.5rem;
    font-size: .9rem;*/
    /*margin-left: 3rem;*/
    /*min-height: 5rem
}*/

/*.tracking-item:last-child {
        padding-bottom: 4rem
    }

    .tracking-item .tracking-date {
        margin-bottom: .5rem
    }
        
        .tracking-item .tracking-date span {
            color: #676F8F;
            padding-left: .4rem
        }

.tracking-item .tracking-content {
        padding: .5rem .8rem;*/
        /*background-color: #f4f4f4;*/
        /*border-radius: .5rem
    }

        .tracking-item .tracking-content span {
            display: block;
            color: #888;
            font-size: 85%
        }

    .tracking-item .tracking-icon {
        line-height: 2.6rem;
        background: transparent;*/
        /*position: absolute;
        left: -1.3rem;*/
        /*width: 1.6rem;
        height: 1.6rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        background-color: transparent;
        color: #C3C6DB;
        font-size: 1.6rem
    }*/

        /*.tracking-item .tracking-icon.status-sponsored {
            background-color: #f68
        }

        .tracking-item .tracking-icon.status-delivered {
            background-color: #4cbb87
        }

        .tracking-item .tracking-icon.status-outfordelivery {
            background-color: #f5a551
        }

        .tracking-item .tracking-icon.status-deliveryoffice {
            background-color: #f7dc6f
        }

        .tracking-item .tracking-icon.status-attemptfail {
            background-color: #b789c7
        }

        .tracking-item .tracking-icon.status-exception {
            background-color: #d26759
        }

        .tracking-item .tracking-icon.status-inforeceived {
            background-color: #214977
        }*/

        /*.tracking-item .tracking-icon.status-intransit {
            color: #e5e5e5;
            border: 1px solid #e5e5e5;
        }*/


ul.timeline:before {
    /*content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;*/
}
li.timeline-item:not(:last-child):before {
    content: ' ';
    background: #DADFF3;
    display: inline-block;
    position: absolute;
    left: 1rem;
    width: 2px;
    height: 85%;
    margin-top: 2.8rem;
    border-radius: 1px;
}
div.timeline-item-content {
    display: inline-flex;
}
div.timeline-line-icon {
    position: absolute;
    /*left: -0.4rem;*/
    color: #C3C6DB;
    margin-top: 4px;
    background: #9CA4C5;
    border-radius: 50%;
    height: 16px;
    width: 16px;
}
div.timeline-line-icon-automy {
    background: transparent;
}
div.timeline-line-icon-container {
    position: absolute;
    left: -0.4rem;
    height: 16px;
    width: 18px;
    margin-top: -4px;
    background: #F6F7FB;
}
div.timeline-line-icon .la{
    margin-top: 3px;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: white;
}


    .timeline-date {
        min-width: 5rem;
    }
.timeline-date .font-dark {
    color: #28335B;
    font-weight: 400;
}
.timeline-content {
    display: inline-block;
}
.request-applicant {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.timeline-content div p, p.request-applicant {
    margin-bottom: .5rem;
}
div.timeline-content p:first-child {
    margin-bottom: 0;
}
.timeline .card.shadow {
    box-shadow: 0px 20px 24px rgba(49, 70, 147, 0.06)!important;
}
.timeline > li {
    margin-bottom: 0;
}
/*@media(min-width:992px) {*/
/* .tracking-item {
        margin-left: 10rem
    }

        .tracking-item .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right
        }

            .tracking-item .tracking-date span {
                display: block
            }

        .tracking-item .tracking-content {
            padding: 0;
            background-color: transparent
        }*/
/*}*/
.topbar .profile-pic {
    width: 40px;
    margin-left: 5px;
    margin: 4px;
    box-shadow: 0 0 0 2px #fff;
}

.error-box {
    position: inherit;
}

.dropdown-item.btn-outline-danger.btn-grid-delete:hover,
.dropdown-item.active,.dropdown-item:active {
    color: white;
}

.sidebar-nav > ul > li.active > a {
    background: rgba(0, 62, 158, 0.05);
    font-weight: 400;
}
.sidebar-nav > ul > li.active > ul > li > a.menu-item.active, .sidebar-nav > ul > li.active > ul > li > a.menu-item:hover {
    border-right: 3px solid rgba(0, 62, 158, 0.05);
}

.dt-buttons {
    padding-top: 0;
    display: inline-flex;
    margin-right: 5px
}

.dt-buttons .dt-button {
    margin-right: 5px
}

.was-validated .form-control:invalid ~ span > span > .select2-selection,
.form-control.is-invalid ~ span > span > .select2-selection {
    border-color: #dc3545
}

.was-validated .form-control:valid ~ span > span > .select2-selection,
.form-control.is-valid ~ span > span > .select2-selection {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(1.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid ~ .select2-selection,
.form-control.is-invalid ~ .select2-selection {
    border-bottom-color: #dc3545;
}

/*.btn-dark.dark-op4 {
    background-color: #4a4d5c!important;
}

.btn-dark.dark-op3 {
    background-color: #4f5264 !important;
}

.btn-dark.dark-op2 {
    background-color: #55596b !important;
}

.btn-dark.dark-op1 {
    background-color: #5d6175 !important;
}

    .btn-dark.dark-op1:hover,
    .btn-dark.dark-op2:hover,
    .btn-dark.dark-op3:hover,
    .btn-dark.dark-op4:hover {
        background-color: #353640 !important;
        border-color: #353640 !important;
    }*/
.dropify-wrapper {
    height: 150px
}
.full-width {
    width: 100%
}
.logo-login {
    width: 250px
}

.condition-logical-operator-selector {
    max-width: 75px !important;
    width: 75px !important;
}
table.table-condition-groups {
    margin-bottom: 0
}
.user-name-div span {
    margin-top: -12px;
}
.company {
    margin-bottom: 0;
    margin-top: -5px;
    line-height: 10px;
}

.company span.user-name {
    margin-bottom: 0px !important;
    font-size: 14px;
}

.user-avatar-image.small {
    max-width: 32px;
    max-height: 32px;
}
.dropdown-user-link {
    padding: 1.1rem 1rem !important
}
.topbar .top-navbar .app-search input {
    width: 150px;
}
.round-overlap span {
    line-height: 150px;
}
.login-register.login-sidebar .background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: calc(100% - 400px);
    padding: 10% 0;
    position: fixed;
    left: 0px;
    position: absolute;
    height: 100%;
}
.dropify-small {
    width: 100%
}
    .dropify-small .dropify-wrapper, .DTE_Field_Input .dropify-wrapper {
        height: 80px;
    }
.table-responsive.table-hover {
    overflow-x: auto;
    overflow-y: visible;
}

/*.select2-container--default .select2-selection--single {
    height: 38px;
    border-color: transparent;
    border-bottom-color: #d9d9d9 !important;
    border-radius: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #aaa;
}*/

.badge-x2 {
    font-size: 90%
}


.DTED.DTED_Lightbox_Wrapper {
    z-index: 100
}

.DTE_Field_InputControl input{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
div.DTE div.DTE_Header {
    background-color: white;
    padding: 10px 10px 2px 16px;
    color: #2c2b2e
}
.DTE_Footer {
    background-color: white !important;
}
.DTED_Lightbox_Close {
    top: 10px !important;
    right: 10px !important;
    /*border: none !important;*/
}
.DTE_Form_Buttons .btn {
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    line-height: 1.5 !important;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    background-image: none !important;
    background: #868e96 !important;
    border: 1px solid #868e96 !important;
    color: #ffffff !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
}
    .DTE_Form_Buttons .btn:hover {
        background: #868e96 !important;
        opacity: 0.7 !important;
        border: 1px solid #868e96 !important;
    }
div.DTE div.DTE_Footer {
    height: auto!important
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 5px 10%;
}
.environment-selector a i{
    visibility: hidden
}
.environment-selector a:hover > i {
    visibility: visible
}
.hidden {
    display: none;
}
div.DTE_Field_Type_radio div.DTE_Field_InputControl > div > div {
    float: left;
    width: 33%; /* change as needed */
}
    div.DTE_Field_Type_radio div.DTE_Field_InputControl > div > div > label {
        margin-top: .5rem;
    }
    div.DTE_Field_Type_radio div.DTE_Field_InputControl > div > div > input[type=radio] {
        float: left;
        margin-top: .5rem;
        width: 33%;
        height: 1.5rem;
    }
/*.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: #003976;
    top: 1.55rem;
}

.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #4b626d;
}*/

.badge-http-method-post, .badge-http-method-1 {
    background-color: #49cc90;
    color: #ffffff;
}
.badge-http-method-get, .badge-http-method-2 {
    background-color: #61affe;
    color: #ffffff;
}
.badge-http-method-put, .badge-http-method-3 {
    background-color: #fca130;
    color: #ffffff;
}
.badge-http-method-delete, .badge-http-method-4 {
    background-color: #f93e3e;
    color: #ffffff;
}
.badge-http-method-patch, .badge-http-method-5 {
    background-color: #fca130;
    color: #ffffff;
}
li span.pattern-name:hover {
    cursor: pointer;
    color: #7460ee;
    text-decoration: underline;
}
.min-height-600 .tox.tox-tinymce.tox-platform-touch {
    min-height: 600px;
}
.card.card-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
h1.error-message-code{
    font-size: 100px;
}
.was-validated .dropify-small.has-error {
    border-bottom: 1px solid #dc3545;
}
.was-validated .dropify-small {
    border-bottom: 1px solid #28a745;
}
th.th-select-checkbox {
    width: 50px;
}
    table.dataTable tbody td.select-checkbox:before,
    table.dataTable tbody th.select-checkbox:before,
    th.th-select-checkbox input.select-checkbox:before {
        transform: scale(1.25);
        border: 1px solid #6c757d;
        margin-top: 0.3rem;
    }
    table.dataTable tbody td.select-checkbox:after,
    table.dataTable tbody th.select-checkbox:after,
    th.th-select-checkbox input.select-checkbox:after {
        top: 0;
        margin-top: .6rem !important;
    }
datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-top {
    z-index: 10000;
}
/*table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {*/
    /*content:' '*/
/*}*/

.badge-environment-0, .badge-environment-Development {
    color: #fff;
    background-color: #6c757d;
}
.badge-environment-1, .badge-environment-Testing {
    background-color: #ffbc34;
    color: #fff;
}
.badge-environment-2, .badge-environment-Production {
    background-color: #55ce63;
    color: #fff;
}
.validation-summary-errors {
    padding: 20px;
    background: #FF4471;
    font-weight: 400;
}
.validation-summary-errors ul li {
    list-style: none;
    color: white;
}
.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 0;
}



@media (max-width: 767px) {
    .login-register {
        position: fixed;
    }
    .login-register > .login-box.card {
        margin-top: 100px;
    }
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

/*******************
/*Top bar
*******************/
.topbar {
    background: #296DFF
    /* Old browsers */
    background: -moz-linear-gradient(left, #296DFF 0%, #296DFF 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #296DFF 0%, #296DFF 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #296DFF 0%, #296DFF 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .topbar .navbar-header {
        background: #ffffff;
        box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
    }

    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
            color: #ffffff !important;
        }

.logo-center .topbar .navbar-header {
    background: transparent;
    box-shadow: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
    color: #296DFF !important;
}

.bg-theme {
    background-color: #296DFF !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #296DFF;
    border-color: #296DFF
}

.right-sidebar .rpanel-title {
    background: #296DFF
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
    border-left: 4px solid #296DFF
}

.text-themecolor {
    color: #296DFF !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #296DFF;
    color: #296DFF
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #296DFF
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
    background: #296DFF;
    color: #ffffff;
    border: 1px solid #296DFF
}

    .btn-themecolor:hover,
    .btn-themecolor.disabled:hover {
        background: #296DFF;
        opacity: 0.7;
        border: 1px solid #296DFF
    }

    .btn-themecolor.active, .btn-themecolor:focus,
    .btn-themecolor.disabled.active,
    .btn-themecolor.disabled:focus {
        background: #028ee1;
    }

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
    background: #fff;
}

.sidebar-nav ul li a {
    color: #31373a;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: #676F8F
}

.sidebar-nav ul li a.active {
    color: #31373a;
}

.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}

.sidebar-nav > ul > li.active > a {
border-left: 3px solid #296DFF;
color: #296DFF
}

.sidebar-nav > ul > li.active > a i {
    color: #296DFF
}

.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}

.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
    border-left: 3px solid #676F8F
}

    .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
        color: #676F8F
    }
    .sidebar-nav > ul > li > a:hover {
        border-left: 3px solid #676F8F
    }

        .sidebar-nav > ul > li > a:hover i {
            color: #676F8F
        }

.sidebar-nav > ul > li > a i {
    color: #a6b7bf;
}

.sidebar-nav > ul > li > a.active {
    font-weight: 400;
    background: #ffffff;
    color: #296DFF
}

.btn-info, .btn-info.disabled {
    background: #296DFF;
    border: 1px solid #296DFF;
}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#296DFF, #296DFF), linear-gradient(#296DFF, #296DFF );
}

.card-info {
    background: #296DFF;
    border-color: #296DFF;
}

.card-primary {
    background: #7460ee;
    border-color: #7460ee;
}

.card-outline-info {
    border-color: #296DFF;
}

    .card-outline-info .card-header {
        background: #296DFF;
        border-color: #296DFF;
    }
@font-face {
    font-family: "Lato";
    src: url("/Content/app-assets/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2") format('woff2');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/Content/app-assets/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2") format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/Content/app-assets/fonts/lato/S6u9w4BMUTPHh7USSwaPGR_p.woff2") format('woff2');
}
/* rubik-300 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/app-assets/fonts/rubik/rubik-v14-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

.topbar .top-navbar {
    padding-right: 0;
}
.login-register.login-sidebar .background {
    width: 60%;
    background: #296DFF;
    padding: 0;
}
.login-register.login-sidebar .login-box {
    background-color: white;
}
.login-sidebar .login-box {
    height: 100%;
    width: 40%;
    margin-left: 60%;
    padding: 4rem;
}
.login-box .card-body {
    display: table;
    margin: 0 auto;
    min-width: 400px;
    max-width: 450px;
}
.logo-login {
    width: 150px;
}
.a-logo-login {
    margin-bottom: 5rem;
}

.new-input {
    background: #F7F8FC;
    border-radius: 4px !important;
    background-image: none !important;
    border-bottom: 1px solid #DADFF3 !important;
    background: #F7F8FC !important;
    height: 3.7rem !important;
    padding-left: 1rem !important
}
.new-input, .new-input::placeholder {
    /* Form/Placeholder_16px */
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    /* or 150% */
    display: flex;
    align-items: center;
}

.new-a-link {
    /* Button/Button_12px */
    /*font-family: Lato;*/
    font-style: normal;
    /*font-weight: bold;*/
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 133% */
    display: flex;
    align-items: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    /* gray_2 */
    color: #9CA4C5!important;
}

.new-button {
    height: 3.7rem !important;
    font-style: normal;
    font-size: 13.5px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 8px;
}
.new-button-light {
    border: 1px solid #296DFF;
    color: #296DFF;
}
.new-button-light:hover,
.new-button-light:active,
.new-button-light:focus,
button.new-button-light:visited {
    background: #296DFF !important;
    color: white !important;
}
a.reset-pass-gotohome {
    padding: 1.2rem 1.5rem;
}
.new-button-primary {
    background: #296DFF;
    color: white;
}
.new-button-primary:hover {
    background: #296DFF !important;
    color: white !important;
}


.irs-from, .irs-to, .irs-single {
    background: #296DFF;
}
    .irs-from:after, .irs-to:after, .irs-single:after {
        border-top-color: #296DFF;
    }

.form-card-header .card-header > h4.mb-0.text-white {
    white-space: pre-wrap;
}
html body .bg-danger, .bg-danger {
    background-color: #FF4471 !important;
}
html body .bg-warning, .bg-warning {
    background-color: #FFB58B !important;
}
html body .bg-success, .bg-success {
    background-color: #0DC26B !important;
}
html body .bg-info, .bg-info {
    background-color: #296DFF !important;
}
html body .bg-dark, .bg-dark {
    background-color: #28335B !important;
}
html body .bg-light, .bg-light {
    background-color: #F7F8FC !important;
}
.progress {
    background-color: #F7F8FC;
}
.font-dark, .round-overlap span {
    color: #28335B;
}
.font-gray {
    color: #676F8F
}
.font-blue, i.font-blue:before {
    color: #296DFF;
}
.font-green {
    color: #0DC26B;
}
.font-weight-400 {
    font-weight: 400;
}
.round-overlap span {
    font-weight: 400;
}
.dt-buttons .dt-button {
    background: white;
    color: #296DFF;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 8px;
}

.dt-buttons .dt-button:hover {
    color: white;
    background: #296DFF !important;
}

.btn-add-item span::before {
    content: "\e99d";
    font-family: 'feather' !important;
    font-size: 16px;
    margin-right: 6px;
    font-weight: 500;
    float: left;
}

.btn-background-light {
    background: #EEF4FF !important;
}
.btn-background-light-danger {
    background: #ffe9ed !important;
    color: #f62d51 !important;
}
.btn-outline-success {
    color: #0DC26B;
    background-color: transparent;
    border-color: #0DC26B;
}
.btn-success {
    background-color: #0DC26B;
    border-color: #0DC26B;
    color: white;
}
    .btn-outline-success:hover {
        color: white;
        background-color: #0DC26B;
    }
.badge-secondary {
    color: #fff;
    background-color: #9CA4C5;
}
.btn-outline-secondary {
    color: #9CA4C5;
    background-color: transparent;
    border-color: #9CA4C5;
}

    .btn-outline-secondary:hover {
        color: white;
        background-color: #9CA4C5;
        border-color: #9CA4C5;
    }
.btn-outline-danger {
    color: #FF4471;
    background-color: transparent;
    border-color: #FF4471;
}

    .btn-outline-danger:hover {
        color: white;
        background-color: #FF4471;
    }
.btn-outline-info {
    color: #296DFF;
    background-color: transparent;
    border-color: #296DFF;
}

    .btn-outline-info:hover {
        color: white;
        background-color: #296DFF;
    }
.topbar .top-navbar .navbar-header .navbar-brand b {
    height: 70px;
    min-height: 70px;
}
.sidebar-header-logo {
    background: transparent;
}
.badge-status-color, .badge {
    /*
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;*/
    padding: 0.2em 0.75em;
    border-radius: 8px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    /* or 160% */

    align-items: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.status-color-0,
.status-color-Execution,
.action-instance-status-0,
.action-instance-status-Pending,
.process-scheduled-execution-status-0,
.process-scheduled-execution-status-Pending {
    background-color: #FFF5E2;
    color: #FF8D44;
}

.action-instance-status-6,
.action-instance-status-Execution,
.process-scheduled-execution-status-5,
.process-scheduled-execution-status-Execution {
    background-color: #FFF5E2;
    color: #f77100;
}

.round {
    background: #296DFF;
}

.action-instance-status-0-round,
.action-instance-status-Pending-round {
    background: #FF8D44;
}
.action-instance-status-6-round,
.action-instance-status-Execution-round {
    background: #f77100;
}

.status-color-1, .status-color-Approved,
.action-instance-status-1,
.action-instance-status-Finished,
.action-instance-operation-type-1,
.action-instance-operation-type-Approved,
.action-instance-operation-type-3,
.action-instance-operation-type-Signed,
.action-instance-operation-type-4,
.action-instance-operation-type-TaskExecuted,
.action-instance-operation-type-6,
.action-instance-operation-type-Completed,
.action-instance-operation-type-7,
.action-instance-operation-type-SavedAndCompleted,
.action-instance-operation-type-8,
.action-instance-operation-type-ScheduledExecutionCompleted,
.process-scheduled-execution-status-3,
.process-scheduled-execution-status-Executed,
.badge-success {
    background-color: #DFF9ED;
    color: #0DC26B;
}

.status-color-2, .status-color-Rejected,
.action-instance-status-2,
.action-instance-status-Rejected,
.action-instance-operation-type-2,
.action-instance-operation-type-Rejected,
.badge-danger {
    background-color: #FFECEE;
    color: #FF3750;
}

.status-color-5, .status-color-Error,
.action-instance-status-5,
.action-instance-status-Error,
.process-scheduled-execution-status-2,
.process-scheduled-execution-status-Error {
    background-color: #FFECEE;
    color: #FF3750;
}

.status-color-3,
.status-color-Canceled,
.action-instance-status-4,
.action-instance-status-Skipped,
.status-color-secondary,
.process-scheduled-execution-status-4,
.process-scheduled-execution-status-Skipped {
    color: #9CA4C5;
    background-color: #F7F8FC;
}

.instance-canceled {
    color: #F7F8FC;
    background-color: #9CA4C5;
}

.status-color-4, .status-color-Voided,
.action-instance-status-3,
.action-instance-status-Overdue,
.process-scheduled-execution-status-1,
.process-scheduled-execution-status-Canceled {
    /*color: #F7F8FC;*/
    background-color: #28335B;
}

[class^='action-type-'],
[class*=' action-type-'] {
    color: white;
    background-color: #9CA4C5;
    border-color: #9CA4C5;
}

.action-type-CompleteInformation, .action-type-1 {
    background-color: #FFF5E2;
    color: #FF8D44;
}

.action-type-Approval, .action-type-2 {
    background-color: #DFF9ED;
    color: #0DC26B;
}

.action-type-ExecuteTask, .action-type-5 {
    background-color: #ffede2;
    color: #ed9862;
}

.action-type-DigitalSignature,
.action-type-8,
.action-instance-operation-type-5,
.action-instance-operation-type-Saved,
.badge-info{
    background-color: #dfe3ff;
    color: #2467f8;
}

.badge-outline-info {
    background-color: #EEF4FF;
    color: #2467f8;
}

.dashboard-container .card {
    border-radius: 8px;
}
    .dashboard-container .card h3 {
        font-weight: 500;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.dashboard-container h6.text-muted {
    color: #676F8F;
}

#pi-details-tab.nav-tabs .nav-link.active,
#pi-details-tab.nav-tabs .nav-item.show .nav-link,
#pi-details-tab-forms.nav-tabs .nav-link.active,
#pi-details-tab-forms.nav-tabs .nav-item.show .nav-link,
#pi-details-tab-generated-documents.nav-tabs .nav-link.active,
#pi-details-tab-generated-documents.nav-tabs .nav-item.show .nav-link,
.back-transparent.nav-tabs .nav-link.active,
.back-transparent.nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    font-weight: 400;
}
#process-forms .tab-content,
#process-generated-documents .tab-content {
    padding-top: 0;
}
.customvtab li a.nav-link.active {
    border-right: 2px solid #296DFF !important;
    color: #296DFF !important;
}
.card-no-border .page-wrapper {
    background: #F6F7FB;
}
.assignedto {
    padding: 0px 0 0 27px;
    margin: 0px;
}

.assignedto li {
    list-style: none;
    padding: 0px;
    display: inline-block;
    border: 0px;
    margin-right: 2px;
}

    .assignedto li img,
    .assignedto li span,
    ul.approvers-users li img.img-user-photo,
    ul.approvers-users li span.span-user-letters {
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px;
        border-radius: 100%;
    }
ul.approvers-users {
    list-style-type: none;
}
    ul.approvers-users li:not(:first-child) {
        padding-top: 0.5rem !important;
    }
.badge-light-blue {
    background: #EEF4FF;
    color: #296DFF;
}
div.empty-data, .dataTables_empty {
    height: 96px;
    background: #EDF0F9;
    border-radius: 4px;
    padding: 2.5rem;
}
    div.empty-data span, .dataTables_empty {
        color: #3E476C;
    }
.alert-v2 {
    border-radius: 0;
    padding: 1.4rem;
    padding-left: 2rem;
    padding-right: 5rem;
    color: #28335B;
    border: none;
    border-bottom: 1px solid #28335B;
}
    .alert-v2.alert-dismissible .close {
        padding: 1.5rem 2rem;
    }
.alert-v2 span.alert-content-title {
    margin-left: .8rem;
    font-weight: 400;
    color: #28335B;
}
    .alert-v2 .alert-icon i {
        font-size: 22px;
    }
    .alert-v2.alert-info {
        background-color: #D2E8FF;
        border-bottom: 1px solid #296DFF;
    }
.alert-v2.alert-info .alert-icon i{
        color: #296DFF;
}
.alert-v2.alert-success {
    background-color: #DFF9EC;
    border-bottom: 1px solid #3EDD90;
}
.alert-v2.alert-success .alert-icon i {
    color: #0DC26B;
}
.alert-v2.alert-danger {
    background-color: #FFECEE;
    border-bottom: 1px solid #FF5B70;
}
.alert-v2.alert-danger .alert-icon i {
    color: #EF3340;
}
.alert-v2.alert-warning {
    background-color: #FFF5E2;
    border-bottom: 1px solid #FFBF74;
}

.alert-v2.alert-warning .alert-icon i {
    color: #FFA733;
}

    .alert-v2.alert-secondary {
        background-color: #e3e4ea;
        border-bottom: 1px solid #28335B;
    }

        .alert-v2.alert-secondary .alert-icon i {
            color: #28335B;
        }
/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
}*/
/*.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #296DFF;
}*/

.left-sidebar {
    width: 300px;
}
.sidebar-nav ul li a, .sidebar-nav ul li.nav-small-cap {
    padding-left: 35px;
    letter-spacing: 0.8px;
}
.sidebar-nav ul li ul {
    padding-left: 62px;
}
/*.sidebar-nav ul li a {
    color: #494F66;
}*/
    .sidebar-nav ul li.nav-small-cap {
        color: #9CA4C5;
    }
.sidebar-nav > ul > li > a [class^='automy-icon-']::before {
    font-size: 18px;
    color: #C3C6DB;
}
.sidebar-nav > ul > li > a i {
    font-size: 18px;
}
.sidebar-nav > ul > li.active > a [class^='automy-icon-']::before {
    color: #296DFF;
}
.sidebar-nav > ul > li:not([class^='active']):hover > a,
.sidebar-nav > ul > li:not([class^='active']):hover > a [class^='automy-icon-']::before {
    color: #676F8F;
}
    .sidebar-nav > ul > li:not([class^='active']):hover > a,
    .sidebar-nav > ul > li > ul > li:not([class^='active']):hover > a {
        color: #676F8F;
        font-weight: 400;
    }

.app-top-header-logo {
    margin-top: 10px;
}
.topbar {
    background: #F6F7FB;
}
.navbar-collapse {
    border-bottom: 1px solid #E4E8F7;
    padding-left: 60px;
}

.action-display-title {
    margin-top: 2px;
    margin-left: 16px;
}
.d-container-instance-info {
    margin-top: -5px;
    margin-left: 0.5rem !important;
}
.current-page-title {
    /* Title_06/Regular_20px */

    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    /* identical to box height, or 140% */

    display: flex;
    align-items: center;
    /* Gray_1_Títulos */

    color: #494F66;
    opacity: 0.9;
}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-size: 12px;
    color: #676F8F;
}
.page-titles .automy-icon-back {
    font-size: 22px;
}
.page-breadcrumb a, .page-breadcrumb li {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 167% */

    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    /* gray_1 */

    color: #676F8F;
}
#show-advanced-filters,
#hide-advanced-filters {
    color: #9CA4C5;
    font-weight: normal;
}
    #show-advanced-filters:hover, 
    #hide-advanced-filters:hover {
        transition: ease-in-out;
        color: #3E476C;
        font-weight: 400;
    }
    #show-advanced-filters:active,
    #hide-advanced-filters:active {
        background: transparent;
    }
.automy-image-footer {
    height: 14px;
}
.sidebar-footer {
    padding: 14px 40px;
    display: inline-flex;
}
/*.footer-content {
    max-width: 220px;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.footer-user-container {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
}
.footer-content * {
    cursor: pointer;
}
    .footer-content img, .footer-content span.round {
        border-radius: 8px;
    }
.footer-content .user-name, .footer-content .company {
    font-size: 12px;
    line-height: 18px;
}
.footer-content .user-name {
    font-weight: 500;
    color: #494f66;
}
.footer-content .company {
    font-weight: 400;
    color: #8891B7;
}
.sidebar-nav .has-arrow::after { right: 1.4em; }

.icon-show-account-options::after {
    position: absolute;
    content: '';
    width: .4em;
    height: .4em;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #54667a;
    right: 1.4em;
    -webkit-transform: rotate( -45deg ) translate(0, -50%);
    -ms-transform: rotate(-45deg) translate(0, -50%);
    -o-transform: rotate(-45deg) translate(0, -50%);
    transform: rotate( -45deg ) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 50%;
}
.icon-show-account-options.open::after {
    border-width: 1px 1px 0px 0px;
}
#sidebar-account-options {
    position: fixed;
    width: 299px;
    height: 550px;
    z-index: 1100;
    background: #ffffff;
    bottom: 76px;
    -webkit-box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
    box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
    /*-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;*/
    display: none;
}
.sidebar-nav > ul > li.active > a {
    border-left: none;
    background: transparent;
}
#sidebar-account-options {
    padding-top: 69px;
}
    #sidebar-account-options ul {
        /*max-height: 455px;*/
        /*height: 455px;*/
        height: 90%;
        padding: 0px 0px 20px;
        overflow: auto;
    }
    #sidebar-account-options.show-sidebar-account-options {
        display: block;
    }
#sidebar-account-options .logout-button {
    padding-top: 15px;
     bottom: 10px;
}
    #sidebar-account-options .logout-button a {
        text-transform: uppercase;
        width: 180px;
        height: 40px;
        background: #296DFF;
        border-radius: 8px;
        letter-spacing: 0.8px;
        font-size: 12px;
        padding: 10px 12px;
    }
.request-details div.table-responsive {
    background: white;
    padding: 20px;
}
.request-info {
    max-width: 400px;
    padding-top: 20px;
}
.request-name-container {
    display: inline-flex;
}
.request-info .request-name-divider {
    border-left: 6px solid;
    border-radius: 5px;
    width: 6px;
    margin-right: 20px;
}
.request-info .request-name h4 {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #3E476C;
}
.request-info .request-name p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */

    letter-spacing: 0.2px;
    color: #3E476C;
}
.request-info .request-options {
    padding-left: 27px;
    width: 100%;
}
.request-info .line-divider {
    width: auto;
    background: #DADFF3;
    border-radius: 2px;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.request-info a.link,
.request-info a i,
.request-info-link,
.request-info-link i,
a.a-show-report {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #296DFF;
}
.request-info a.btn, .request-info button.btn {
    border-radius: 8px;
    width: 190px;
    /*height: 48px;*/
    text-transform: uppercase;
    font-size: 14px;
    line-height: 2;
    /* or 114% */

    text-align: center;
    letter-spacing: 0.8px;
}
.request-info a.btn-versions-history, .request-info a.btn-versions-history i {
    color: #3E476C;
}
.request-options p {
    margin-bottom: 1.5rem;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
#sidebar-account-options ul::-webkit-scrollbar-track,
#sidebar-request-history ul::-webkit-scrollbar-track {
    border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    background: #BAC1C9;
    border-radius: 8px;
}

/* Handle on hover */
    ::-webkit-scrollbar-thumb:hover,
    ::-webkit-scrollbar-thumb:hover {
        background: #BAC1C9;
    }
.request-details .vtabs .tabs-vertical {
    width: auto;
    min-width: 200px;
    max-width: 300px;
}
.line-height-15 {
    line-height: 1.5!important;
}
#btn-sidebar-account-options-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
    #btn-sidebar-account-options-close i,
    #btn-request-versions-history-close i,
    .btn-close-form-table i{
        border: 1px solid #C3C6DB;
        border-radius: 20px;
        padding: 2px;
        color: #C3C6DB;
    }

#sidebar-request-history {
    position: fixed;
    width: 500px;
    height: 100%;
    right: 0;
    z-index: 1100;
    background: #ffffff;
    top: 0;
    -webkit-box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
    box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
    display: none;
    padding: 32px 40px;
}
    #sidebar-request-history.show-sidebar-request-history {
        display: block;
    }
    #sidebar-request-history h5 {
        color: #3E476C;
    }
    #sidebar-request-history .title-bar,
    #sidebar-request-history .current-action-instance{
        border-bottom: 1px solid #E4E8F7;
        padding-bottom: 15px;
    }
    #sidebar-request-history .previous-steps-list {
        overflow: auto;
        height: 600px;
        padding-bottom: 50px;
        padding-top: 20px;
        padding-left: 0;
    }
.current-action-instance {
    display: grid;
}
    .current-action-instance h6,
    .previous-steps h6{
        color: #9CA4C5;
        text-transform: uppercase;
    }

ul.previous-steps-list li span.border-left-divider {
    border-left: 4px solid #D2E8FF;
    border-radius: 2px;
}

ul.previous-steps-list li:hover span.border-left-divider {
    border-left: 4px solid #296DFF;
}
/*ul.previous-steps-list li:hover {
    color: #296DFF;
    font-weight: 500;
}*/

table.automy-v2 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
table.automy-v2 thead {
    background: white;
}
table.automy-v2 th:first-child {
    border-radius: 8px 0 0 8px !important;
}

table.automy-v2 th:last-child {
    border-radius: 0 8px 8px 0 !important;
}
table.automy-v2 th {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #A3ABCC;
    padding-top: 20px;
    padding-bottom: 20px;
}
table.automy-v2 thead .sorting:before,
table.automy-v2 thead .sorting_asc:before,
table.automy-v2 thead .sorting_desc:before,
table.automy-v2 thead .sorting_asc_disabled:before,
table.automy-v2 thead .sorting_desc_disabled:before {
    bottom: auto;
}
table.automy-v2 thead .sorting:after,
table.automy-v2 thead .sorting_asc:after,
table.automy-v2 thead .sorting_desc:after,
table.automy-v2 thead .sorting_asc_disabled:after,
table.automy-v2 thead .sorting_desc_disabled:after {
    bottom: 20px;
}

.table.automy-v2 th,
.table.automy-v2 td {
    border-top: 0;
}
.table.automy-v2 tbody{
    background: transparent;
}
.table.automy-v2 tr > td {
    padding-bottom: 1em;
    padding-top: 1em;
    background: white;
    border-top: 8px solid #F6F7FB;
}
.table.automy-v2 tr:hover > td,
.table.automy-v2 tr.selected > td {
    background: #EEF4FF;
    /*cursor: pointer;*/
}
.table.row-clickable tr:hover > td {
    cursor: pointer;
}
.dataTables_empty, .dataTables_empty:hover {
    background: #EDF0F9 !important;
    /*cursor: default!important;*/
}
.table.automy-v2 tbody tr td:first-child {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 10px;
}
.table.automy-v2 tbody tr td:last-child {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
}
/*i.automyicon-color-on-tr-hover:before,*/
i.automyicon-color-on-a-hover:before {
    color: #dadff3;
}
a:hover i.automyicon-color-on-a-hover:before {
    color: #9ca4c5;
}

.table.row-clickable tr:hover i.automyicon-color-on-tr-hover:before,
.table.row-clickable tr.selected i.automyicon-color-on-tr-hover:before {
    color: #9ca4c5;
}
.dataTables_processing.card {
    background: #e3e4ea;
    color: #28335B;
    font-weight: 400;
    /*display: none!important;*/
}
.badge-process-group-total-items,
.badge-report-group-total-items,
.badge-custom-list-group-total-items {
    border-radius: 4.92308px;
    padding: 8px 14px;
    font-size: 14px;
    background: #296DFF;
    color: #fff;
    font-weight: 400;
}
.row-padding-1-5 tr > td {
    padding-bottom: 1.5em !important;
    padding-top: 1.5em !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.paging_simple .paginate_button.previous:before {
    content: "\e928";
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    color: #9ca4c5;
}



.paging_simple .paginate_button.next:after {
    content: "\e929";
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    color: #9ca4c5;
}
.paging_simple .paginate_button.previous:not(.disabled):hover:before,
.paging_simple .paginate_button.next:not(.disabled):hover:after {
    color: #676F8F;
}
.paging_simple .paginate_button:active {
    background-color: transparent !important;
}
.paging_simple .paginate_button.previous a,
.paging_simple .paginate_button.next a {
    display: none;
}
.star-remove-favorite i:before {
    color: #296DFF!important;
}
.star-remove-favorite:hover i:before {
    color: #FF4471 !important;
}
.a-btn-history-back {
    margin-top: 4px;
}
.dataTables_filter label {
    margin-top: 3px;
    margin-right: 3px;
}
.automy-v2 .btn-group .btn.btn-secondary.btn-sm.btn-icon.dropdown-toggle {
    background: #DADFF3 !important;
    border: 1px solid #DADFF3 !important;
}
    .automy-v2 .btn-group .btn.btn-secondary.btn-sm.btn-icon.dropdown-toggle:hover,
    .automy-v2 tr:hover .btn.btn-secondary.btn-sm.btn-icon.dropdown-toggle {
        background: #9CA4C5 !important;
        border: 1px solid #9CA4C5 !important;
    }
.process-card, .report-card {
    height: 270px;
}
    .process-card p.fixed-bottom,
    .report-card p.fixed-bottom {
        position: absolute;
        bottom: 0px;
        padding-left: 20px !important;
        z-index: 1;
    }
.font-25 { font-size: 25px; }
li.environment-selector a {
    padding-right: 10px !important;
    width: 290px;
    max-width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.height-auto {
    height: auto;
}
.table-error {
    display: block;
}

div.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 100;
}

#sidebar-iteration-result,
#sidebar-switch-result,
#sidebar-evaluation-result,
#sidebar-apicall-result,
#sidebar-rpacall-result,
#sidebar-webhook-result,
#sidebar-entityoperation-result,
#sidebar-entityoperation-modify-result,
#sidebar-consumesequenceoperation-result,
#sidebar-formoperation-result,
#sidebar-variableoperation-result,
#sidebar-internaloperation-result {
    position: fixed;
    width: 700px;
    height: 100%;
    right: 0;
    z-index: 1100;
    background: #ffffff;
    top: 0;
    display: none;
    padding: 32px 40px;
    -webkit-box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
    box-shadow: 5px 1px 40px rgb(0 0 0 / 10%);
}
#sidebar-switch-result {
    width: 600px;
}
#sidebar-evaluation-result,
#sidebar-apicall-result,
#sidebar-rpacall-result,
#sidebar-webhook-result {
    min-width: 500px;
    width: 70%;
    z-index: 1200
}

#sidebar-entityoperation-result,
#sidebar-consumesequenceoperation-result,
#sidebar-variableoperation-result,
#sidebar-formoperation-result,
#sidebar-internaloperation-result {
    min-width: 400px;
    width: 60%;
    z-index: 1200
}

    #sidebar-apicall-result pre,
    #sidebar-rpacall-result pre,
    #sidebar-webhook-result pre,
    #sidebar-entityoperation-result pre,
    #sidebar-entityoperation-modify-result pre,
    #sidebar-entityoperation-modify-result-data pre,
    #sidebar-consumesequenceoperation-result pre,
    #sidebar-variableoperation-result pre,
    #sidebar-formoperation-result pre,
    #sidebar-internaloperation-result pre {
        background-color: ghostwhite;
        border: 1px solid silver;
        padding: 10px 20px;
        margin: 20px 10px;
    }

    #sidebar-apicall-result .json-key,
    #sidebar-rpacall-result .json-key,
    #sidebar-webhook-result .json-key,
    #sidebar-entityoperation-result .json-key,
    #sidebar-entityoperation-modify-result .json-key,
    #sidebar-entityoperation-modify-result-data .json-key,
    #sidebar-consumesequenceoperation-result .json-key,
    #sidebar-variableoperation-result .json-key,
    #sidebar-formoperation-result .json-key,
    #sidebar-internaloperation-result .json-key {
        color: brown;
    }

    #sidebar-apicall-result .json-value,
    #sidebar-rpacall-result .json-value,
    #sidebar-webhook-result .json-value,
    #sidebar-entityoperation-result .json-value,
    #sidebar-entityoperation-modify-result .json-value,
    #sidebar-entityoperation-modify-result-data .json-value,
    #sidebar-consumesequenceoperation-result .json-value,
    #sidebar-variableoperation-result .json-value,
    #sidebar-formoperation-result .json-value,
    #sidebar-internaloperation-result .json-value {
        color: navy;
    }

    #sidebar-apicall-result .json-string,
    #sidebar-rpacall-result .json-string,
    #sidebar-webhook-result .json-string,
    #sidebar-entityoperation-result .json-string,
    #sidebar-entityoperation-modify-result .json-string,
    #sidebar-consumesequenceoperation-result .json-string,
    #sidebar-entityoperation-modify-result-data .json-string,
    #sidebar-variableoperation-result .json-string,
    #sidebar-formoperation-result .json-string,
    #sidebar-internaloperation-result .json-string {
        color: olive;
        overflow-wrap: anywhere;
    }


#sidebar-iteration-result.action-instances-visible,
#sidebar-entityoperation-modify-result.modify-result-data-visible {
    right: 700px;
}

#sidebar-switch-result.case-result-visible {
    right: 800px;
}
#sidebar-iteration-result-action-instances,
#sidebar-entityoperation-modify-result-data,
#sidebar-switch-result-case {
    position: fixed;
    width: 700px;
    height: 100%;
    right: 0;
    z-index: 1100;
    background: #F6F7FB;
    top: 0;
    display: none;
    padding: 32px 40px;
    overflow-y: auto;
}
#sidebar-entityoperation-modify-result-data,
#sidebar-switch-result-case {
    width: 800px;
}
    #sidebar-iteration-result h5,
    #sidebar-iteration-result-action-instances h5,
    #sidebar-switch-result h5,
    #sidebar-switch-result-case h5,
    #sidebar-evaluation-result h5,
    #sidebar-evaluation-result-case h5,
    #sidebar-apicall-result h5,
    #sidebar-apicall-result-case h5,
    #sidebar-rpacall-result h5,
    #sidebar-rpacall-result-case h5,
    #sidebar-webhook-result h5,
    #sidebar-webhook-result-case h5,
    #sidebar-entityoperation-result h5,
    #sidebar-entityoperation-result-case h5,
    #sidebar-entityoperation-modify-result h5,
    #sidebar-entityoperation-modify-result-data h5,
    #sidebar-entityoperation-modify-result-case h5,
    #sidebar-consumesequenceoperation-result h5,
    #sidebar-consumesequenceoperation-result-case h5,
    #sidebar-variableoperation-result h5,
    #sidebar-variableoperation-result-case h5,
    #sidebar-formoperation-result h5,
    #sidebar-formoperation-result-case h5,
    #sidebar-internaloperation-result h5,
    #sidebar-internaloperation-result-case h5 {
        color: #3E476C;
    }

#sidebar-iteration-result .title-bar,
#sidebar-iteration-result .current-action-instance,
#sidebar-switch-result .title-bar,
#sidebar-switch-result .current-case,
#sidebar-evaluation-result .title-bar,
#sidebar-evaluation-result .current-case,
#sidebar-apicall-result .title-bar,
#sidebar-apicall-result .current-case,
#sidebar-rpacall-result .title-bar,
#sidebar-rpacall-result .current-case,
#sidebar-webhook-result .title-bar,
#sidebar-webhook-result .current-case,
#sidebar-entityoperation-result .title-bar,
#sidebar-entityoperation-result .current-case,
#sidebar-entityoperation-modify-result .title-bar,
#sidebar-entityoperation-modify-result .current-case,
#sidebar-consumesequenceoperation-result .title-bar,
#sidebar-consumesequenceoperation-result .current-case,
#sidebar-variableoperation-result .title-bar,
#sidebar-variableoperation-result .current-case,
#sidebar-formoperation-result .title-bar,
#sidebar-formoperation-result .current-case,
#sidebar-internaloperation-result .title-bar,
#sidebar-internaloperation-result .current-case {
    border-bottom: 1px solid #E4E8F7;
    padding-bottom: 15px;
}

#sidebar-apicall-result-content pre,
#sidebar-rpacall-result-content pre,
#sidebar-webhook-result-content pre,
#sidebar-entityoperation-result-content pre,
#sidebar-entityoperation-modify-result-content pre,
#sidebar-consumesequenceoperation-result-content pre,
#sidebar-variableoperation-result-content pre,
#sidebar-formoperation-result-content pre,
#sidebar-internaloperation-result-content pre {
    white-space: pre-wrap;
}

#sidebar-iteration-result .previous-steps-list,
#sidebar-entityoperation-modify-result .previous-steps-list,
#sidebar-switch-result .previous-steps-list {
    overflow: auto;
    height: 600px;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-left: 0;
}
table.hide-first-item-top-line tr:first-child td {
    border-top: none;   
}
.modal {
    z-index: 1500
}
.list-taskboard-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    max-height: 700px;
}
.list-taskboard-column-list-wrapper {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    margin: 0 4px;
    vertical-align: top;
    white-space: nowrap;
    width: 272px;
    background: #ebecf0;
    border-radius: 5px;
    max-height: 700px;
    height: 700px;
    overflow-y: auto;
}
.list-title {
    color: #494F66;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.list-item-title {
    vertical-align: middle;
    padding: 0.5rem !important;
    overflow: hidden;
    white-space: normal;
}
.list-item-labels {
    max-width: 252px;
    text-overflow: ellipsis;
    white-space: normal;
    display: flex;
    margin: 5px;
}
.list-item-description {
    vertical-align: middle;
    padding: 0.5rem !important;
    max-width: 252px;
    max-height: 200px;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: normal;
}
.list-item-applicant {
    padding: 0.5rem !important;
    display: flex;
}
.list-item-labels-value {
    width: 40px;
    height: 8px;
    margin-left: 5px;
    border-radius: 5px;
}
.list-item-comments-count {
    margin-left: 10px;
    font-size: 18px;
}
.badge-permission-read {
    background-color: #296DFF;
}
.badge-permission-write {
    background-color: #0DC26B;
}
.badge-permission-delete {
    background-color: #FF4471;
}
.current-action-instance-infinity-loading {
    position: relative;
    margin-top: -10px;
}
.current-action-instance-infinity-loading .stage {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

/**
* DOT FLOATING
*/
.dot-floating {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #FF8D44;
    color: #FF8D44;
    animation: dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}
.dot-floating::before, .dot-floating::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

    .dot-floating::before {
        left: -12px;
        width: 8px;
        height: 8px;
        border-radius: 5px;
        background-color: #FF8D44;
        color: #FF8D44;
        animation: dotFloatingBefore 3s infinite ease-in-out;
    }

    .dot-floating::after {
        left: -24px;
        width: 8px;
        height: 8px;
        border-radius: 5px;
        background-color: #FF8D44;
        color: #FF8D44;
        animation: dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1);
    }

@keyframes dotFloating {
    0% {
        left: calc(-50% - 5px);
    }

    75% {
        left: calc(50% + 105px);
    }

    100% {
        left: calc(50% + 105px);
    }
}

@keyframes dotFloatingBefore {
    0% {
        left: -50px;
    }

    50% {
        left: -12px;
    }

    75% {
        left: -50px;
    }

    100% {
        left: -50px;
    }
}

@keyframes dotFloatingAfter {
    0% {
        left: -100px;
    }

    50% {
        left: -24px;
    }

    75% {
        left: -100px;
    }

    100% {
        left: -100px;
    }
}

/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
.dot-spin {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: transparent;
    color: transparent;
    box-shadow: 0 -18px 0 0 #FF8D44, 12.72984px -12.72984px 0 0 #FF8D44, 18px 0 0 0 #FF8D44, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);
    animation: dotSpin 1.5s infinite linear;
}

@keyframes dotSpin {
    0%, 100% {
        box-shadow: 0 -18px 0 0 #FF8D44, 12.72984px -12.72984px 0 0 #FF8D44, 18px 0 0 0 #FF8D44, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
    }

    12.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #FF8D44, 18px 0 0 0 #FF8D44, 12.72984px 12.72984px 0 0 #FF8D44, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
    }

    25% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #FF8D44, 12.72984px 12.72984px 0 0 #FF8D44, 0 18px 0 0 #FF8D44, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
    }

    37.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #FF8D44, 0 18px 0 0 #FF8D44, -12.72984px 12.72984px 0 0 #FF8D44, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
    }

    50% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #FF8D44, -12.72984px 12.72984px 0 0 #FF8D44, -18px 0 0 0 #FF8D44, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
    }

    62.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #FF8D44, -18px 0 0 0 #FF8D44, -12.72984px -12.72984px 0 0 #FF8D44;
    }

    75% {
        box-shadow: 0 -18px 0 0 #FF8D44, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #FF8D44, -12.72984px -12.72984px 0 0 #FF8D44;
    }

    87.5% {
        box-shadow: 0 -18px 0 0 #FF8D44, 12.72984px -12.72984px 0 0 #FF8D44, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #FF8D44;
    }
}

/**
 * ==============================================
 * Dot Falling
 * ==============================================
 */
.dot-falling {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #FF8D44;
    color: #FF8D44;
    box-shadow: 9999px 0 0 0 #FF8D44;
    animation: dotFalling 1s infinite linear;
    animation-delay: .1s;
}

.dot-falling::before, .dot-falling::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-falling::before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #FF8D44;
    color: #FF8D44;
    animation: dotFallingBefore 1s infinite linear;
    animation-delay: 0s;
}

.dot-falling::after {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #FF8D44;
    color: #FF8D44;
    animation: dotFallingAfter 1s infinite linear;
    animation-delay: .2s;
}

@keyframes dotFalling {
    0% {
        box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        box-shadow: 9999px 0 0 0 #FF8D44;
    }

    100% {
        box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        box-shadow: 9984px 0 0 0 #FF8D44;
    }

    100% {
        box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        box-shadow: 10014px 0 0 0 #FF8D44;
    }

    100% {
        box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

.iteration-result-stage {
    position: absolute;
    margin-top: -35px;
    margin-left: 16px;
}

/*.expansion-panel-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1rem;
}*/
.scroll-sidebar-account-options .sidebar-nav {
    left: 299px;
    height: 100%;
    bottom: 0;
    top: 0;
}
#sidebar-account-options {
    height: 100%;
}

.form-control-danger.is-invalid .invalid-feedback {
    display: block;
}

.signature-container {
    color: #282828;
    background-color: white;
    padding: 15px;
    height: 300px;
}
.field-signature {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 2px dotted #000;
    height: 270px;
}
.add-signature-container {
    height: 40px;
    background: #cecece;
    border-bottom: 2px solid #958f8f;
    text-align: center;
}
    .add-signature-container span {
        vertical-align: -webkit-baseline-middle;
    }
    .add-signature-container:hover {
        cursor: pointer;
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg, #DADFF3 25%, transparent 25%, transparent 50%, #DADFF3 50%, #DADFF3 75%, transparent 75%, transparent);
        background-image: linear-gradient(-45deg, #DADFF3 25%, transparent 25%, transparent 50%, #DADFF3 50%, #DADFF3 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
    }

@media (min-width: 768px) {
    .navbar-header {
        width: 300px;
    }
}

.field-group-items {
    background: white;
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
}
input.select2-search__field {
    width: 100%!important;
}
/*-- ============================================================== 
 Small Desktop & above all (1024px) 
 ============================================================== */
@media (min-width: 1024px) {
    .page-wrapper {
        margin-left: 300px;
    }

    .footer {
        left: 300px;
    }
}
    @media (max-width: 767px) {
        .login-sidebar .login-box {
        height: 100%;
        width: 90%;
        margin-left: 10%;
        padding: 0.1rem;
    }

    .login-box .card-body {
        display: table;
        margin: 0 auto;
        min-width: 290px;
    }
}
.process-config-view .process-config-badge-count {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 13px 18px;
    font-size: 16px;
}
.process-config-view .vertical-align-center {
    align-items: center;
}

.process-config-view h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    letter-spacing: 0.2px;
    color: #28335B;
    opacity: 0.9;
}

.process-config-view  p.card-text.text-body {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 167% */

    letter-spacing: 0.2px;
    /* gray_1 */

    color: #676F8F;
}
.process-config-view .card-icon img{
    width: 40px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    margin-right: 10px;
}

#sidebar-process-config {
    position: fixed;
    right: 0;
    top: 200px;
    background: #F5F6FB;
    box-shadow: 0px 20px 30px rgba(49, 70, 147, 0.08);
    padding: 20px;
}

#sidebar-process-config ul li {
    list-style: none;
}

    #sidebar-process-config ul li a {
        padding-left: 35px;
        letter-spacing: 0.8px;
        color: #31373a;
        padding: 14px 35px 14px 15px;
        display: block;
        font-size: 15px;
    }


.form-group-display-title {
    /* Title_08/Bold_12px_Upper */

    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #676F8F;
    border-top: 1px solid #DADFF3;
    margin-top: 0 !important;
    padding-top: 30px;
}

.floating-labels label:not(.radio-label) {
    margin-left: 10px;
    top: 18px !important;
}

/*.floating-labels input:not([value=""]) ~ label*/
.floating-labels .form-group .form-control:not(:read-only):focus ~ label,
.floating-labels .form-group .form-control:required:valid ~ label,
.floating-labels .form-group .form-control:not(:placeholder-shown) ~ label,
.floating-labels .form-group .form-control:placeholder-shown:read-only ~ label,
.floating-labels .form-group .form-control label.force-has-value,
.floating-labels label.force-has-value {
    font-size: 12px;
    color: #676F8F;
    top: 2px !important;
    font-weight: 400;
}

.floating-labels .form-group .select2-container--default .select2-selection--single .select2-selection__placeholder,
.floating-labels .form-group .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    /*display: none;*/
    color: #54667a;
    font-weight: 400;
}

.has-error .form-control:focus ~ label,
.has-error .form-control:valid ~ label {
    color: #FF4471 !important;
}

/*.floating-labels .form-group input:placeholder-shown:not(:focus).form-control ~ label {
    top: 18px !important;
}*/
.floating-labels .form-control {
    padding: 30px 10px 8px 10px;
}
.floating-labels input.form-control,
.floating-labels a.form-control,
.floating-labels select.form-control,
.floating-labels .select2-container--default .select2-selection--single,
.floating-labels .select2-container--default .select2-selection--multiple {
    height: 56px;
}
.floating-labels .form-group .select2-container--default .select2-selection--single,
.floating-labels .form-group .select2-container--default .select2-selection--multiple {
    padding: 20px 10px 8px 2px;
    display: block;
    border: none;
    font-family: "Rubik", sans-serif;
    border-radius: 0px;
    border-bottom: 1px solid #d9d9d9;
}

.floating-labels .form-group .select2-container--default .select2-selection--single,
.floating-labels .form-group .select2-container--default .select2-selection--multiple {
    padding: 20px 10px 8px 2px;
    display: block;
    border: none;
    font-family: "Rubik", sans-serif;
    border-radius: 0px;
    border-bottom: 1px solid #d9d9d9;
}
.floating-labels .select2-container--default .select2-selection--single .select2-selection__arrow,
.floating-labels .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    top: 12px;
}
.floating-labels .select2-selection__clear {
    top: -10px;
}

.floating-labels textarea.form-control {
    height: 100px;
}
.floating-labels.was-validated .form-control:invalid:focus,
.floating-labels .form-control.is-invalid:focus,
.floating-labels.was-validated .form-control:valid:focus,
.floating-labels .form-control.is-valid:focus {
    box-shadow: none;
}

.floating-labels input[type="checkbox"] ~ label {
    margin-left: 0px;
    top: -2px !important;
}
.floating-labels input[type="checkbox"] ~ span.switchery,
.floating-labels span[class^="irs js-irs-"] {
    top: 23px !important;
}
.floating-labels input[type="checkbox"] ~ small.form-control-feedback {
    margin-left: 60px;
}
.floating-labels .form-group.margin-bottom {
    margin-bottom: 30px;
}
.floating-labels .form-group.margin-bottom-45 {
    margin-bottom: 45px;
}
.floating-labels .select2-selection__placeholder ~ label {
    display: none;
}

.floating-labels .dataTables_length label,
.floating-labels .dataTables_filter label{
    position: initial;
}

.floating-labels .dataTables_filter input {
    height: 35px;
    padding: 5px 10px;
    border-radius: 8px;
}

.floating-labels .dataTables_length select {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 2rem;
    font-size: 0.875rem;
}

.form-table-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 30%;
    min-width: 500px;
    padding: 20px 40px 20px 40px;
    z-index: 100;
    display: none;
    background: #ffffff;
    height: 100%;
    transition: opacity 1s ease-out;
}
.form-table-container .table-form-content {
    overflow: auto;
    }
.form-table-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.form-table-container .form-control,
.form-table-container .select2-container--default .select2-selection--single,
.form-table-container .select2-container--default .select2-selection--multiple,
.form-table-container .dropify-wrapper {
    background: #F6F7FB;
}
    .form-table-container .switchery.switchery-default{
        background-color: #DADFF3 !important;
    }

.form-table-container .dropify-wrapper:hover {
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg, #DADFF3 25%, transparent 25%, transparent 50%, #DADFF3 50%, #DADFF3 75%, transparent 75%, transparent);
        background-image: linear-gradient(-45deg, #DADFF3 25%, transparent 25%, transparent 50%, #DADFF3 50%, #DADFF3 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
    }

.form-table-container.show-form {
    display: block;
}
.form-table-container .title-bar h5 {
    color: #687090;
}
    .form-table-container .title-bar button.close {
        /*border: 1px solid #687090;*/
        color: #687090;
    }
.btn-close-form-table button.close:focus {
    border: none;
}

.form-table-container .title-bar {
    border-bottom: 1px solid #E4E8F7;
    padding-bottom: 15px;
    position: relative;
}
.table-form-content div:first-child{
    margin-top: 15px;
}
.form-control.irs-hidden-input {
    display: none !important;
}

#form-table-error-container-tabla {
    position: relative;
    margin-top: 15px;
}
    #form-table-error-container-tabla .alert-v2.alert-dismissible .close { padding: 1.5rem 1rem; }
    #form-table-error-container-tabla .alert-v2 { padding-right: 2.5rem !important; }
.form-table-buttons-border-top {
    border-top: 1px solid #E4E8F7;
    padding-top: 20px;
}
.floating-labels table.dataTable span.highlight {
    position: relative;
}
.floating-labels label.upload-file-label {
    margin-top: calc(0.375rem + 1px) !important;
}
.floating-labels .clearExisting span.switchery.switchery-default {
    top: 8px !important;
}
.icon-remove-self-assigned-task {
    font-size: 1.3em;
    position: relative;
    top: 2px;
}
/*.btn-close-form-table {*/
    /*position: fixed;*/
    /*right: 50px;
    top: 20px;*/
    /*z-index: 100;
}*/

/*.btn-close-form-table i {
    border: 1px solid #494F66;
    color: #494F66;
}
.btn-close-container {
    top: 0;
    position: fixed;
    height: 50px;
    z-index: 100;
    background: #F6F7FB;
    width: 30%;
    min-width: 500px;
}
.btn-close-container .divider {
    border-bottom: 1px solid #E4E8F7;
}
.btn-close-container {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.btn-close-form-table button {
    border: 0;
    background: transparent;
}*/