/*GENERAL*/
html {
    position: absolute;
    min-height: 100%;
    width: 100%;
}

html, body {
    background-color: #f3f3f3;
    width: 100%;
    overflow-x: hidden;
}

.content {
    min-height: 100%;
}

.undecorated-link:hover {
    text-decoration: none;
}

/*Set padding to content for not being hidden by header*/
.content-padding {
    padding: 15px 20px 20px;
}

.hide-element {
    display: none;
}

/*Margin to get down progress bar*/
.margin-0{
    margin: 0px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-left-0{
    margin-left: 0px!important;
}
.margin-bottom-0 {
    margin-bottom: 0px;
}
.margin-bottom-15 {
    margin-bottom: 15px!important;
}

/*Margin to get down load img in load modal*/
.margin-top-20percent {
    margin-top: 20%;
}

.margin-5 {
    margin: 5px;
}
.padding-top-0 {
    padding-top: 0px;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}

/*Padding to get down upload Nomenclator files modal*/
.padding-top-10percent {
    margin-top: 10%;
}

.padding-15 {
    padding: 15px !important;
}

.padding-0 {
    padding: 0px !important;
}

.padding-r-25{
    padding-right: 25px;
}
/*Font size to get smaller remove icon of columns dialog*/
.size-20 {
    font-size: 20px;
}

.size-25 {
    font-size: 25px;
}

/*HEADER*/
.header-profile-image {
    opacity: 0.8;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    margin-right: 2px;
}

.open .header-profile-image,
a:hover .header-profile-image {
    opacity: 1;
}

.user-header-dropdown-toggle {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

#userForm .form-group .form-control-feedback {
    top: 0;
}

/*Put header navbar over the load modal to be able to click it when load modal doesn't hide*/
header .navbar-fixed-top {
    z-index: 1070;
}

/* Sub header for breadcrumb and user*/
.sub-header {
    height: 55px;
    padding: 0 20px;
    background: #fff;
}

.sub-header .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 38px;
}

.sub-header .user {
    font-size: 15px;
}

.sub-header .breadcrumb-topbar {
    display: inline-block;
    background-color: transparent;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
}

.sub-header .breadcrumb-topbar li span {
    color: #2196f3;
    font-size: 16px;
    font-weight: bold;
}

.sub-header .breadcrumb-topbar li.active span {
    color: #0c7cd5;
    font-size: 16px;
    font-weight: bold;
}

.sub-header .breadcrumb-topbar > li + li:before {
    color: #000000;
    content: ">";
    font-size: 18px;
    font-weight: bold;
}

.sub-header .filter-input #organizationSelect {
    margin-top: 5px;
    width: 150px;
}

.sub-header .navbar-nav .dropdown i {
    color: #0c7cd5;
    /*font-size: 30px;*/
    font-size: 23px;
    padding: 15px 10px;
    height:55px;
}
#mailopen{
    font-size: 23px!important;
}


.sub-header .navbar-nav .dropdown i::before {
    cursor: pointer;
}

.sub-header .navbar-nav .dropdown i:hover::before, .sub-header .navbar-nav .dropdown i[aria-expanded="true"] {
    /*font-size: 35px;*/
    color: #2196f3;
    opacity: 0.9;
}

.sub-header .navbar-nav #alerts-counter {
    position: absolute;
    top: 10px;
    right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.sub-header .navbar-nav #alerts-counter p#counter-value {
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background-color: red;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    display: none;
}

.sub-header .navbar-nav #alerts-counter p#counter-value:not([data-count="0"]) {
    display: block;
}

.sub-header .navbar-nav .dropdown span.select2-container {
    padding: 15px 10px 0 10px;
}

.sub-header .navbar-nav .dropdown span.select2-selection__arrow {
    display: none;
}

#user-menu li:not(.divider) {
    padding: 0 15px;
}

#user-menu li:not(.divider) * {
    text-align: right;
    padding-right: 0;
}

#user-menu li[class="divider"] {
    margin: 3px 0 !important;
}

#user-menu .dropdown-menu {
    top: 56px;
}

#organization-menu span.select2.select2-container {
    display: none;
}

.sub-header .filter-input .select2-container {
    margin-top: 10px;
    padding-right: 18px;
}

.xyz .row {
    margin-left: 0;
    margin-right: 0;
}

.full-height {
    height: 100%;
}

/* SIDEBAR MENU */
/* Toggle Styles */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    height: 100%;
}

#wrapper.toggled {
    padding-left: 250px;
    overflow: hidden;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    /*background: #2196f3;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(79,199,255,1);
    background: -moz-linear-gradient(45deg, rgba(79,199,255,1) 0%, rgba(0,78,130,1) 54%, rgba(0,25,41,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(79,199,255,1)), color-stop(54%, rgba(0,78,130,1)), color-stop(100%, rgba(0,25,41,1)));
    background: -webkit-linear-gradient(45deg, rgba(79,199,255,1) 0%, rgba(0,78,130,1) 54%, rgba(0,25,41,1) 100%);
    background: -o-linear-gradient(45deg, rgba(79,199,255,1) 0%, rgba(0,78,130,1) 54%, rgba(0,25,41,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(79,199,255,1) 0%, rgba(0,78,130,1) 54%, rgba(0,25,41,1) 100%);
    background: linear-gradient(45deg, rgba(79,199,255,1) 0%, rgba(0,78,130,1) 54%, rgba(0,25,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fc7ff', endColorstr='#001929', GradientType=1 );
	*/
	background-color:#0f6599;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.xyz {
    min-width: 360px;
    min-height: 84%;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.fixed-brand {
    width: auto;
}

/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #e0e0e0;
    font-weight: bold;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0c7cd5;
    border-left: white 3px solid;
    font-weight: bold;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav .imglogo {
    width: 30px;
    margin-left: -5px;
}

.sidebar-nav li.header a,
.sidebar-nav li.header a:hover {
    display: block;
    text-decoration: none;
    color: #ffffff;
    /*background-color: #0c7cd5;*/
    background-color: #0f6599;
    height: 55px;
    border-left: none;
    font-size: 15px;
    line-height: 45px;
    font-weight: bold;
}

.sidebar-footer {
    position: absolute;
    bottom: 0;
    /*background-color: #0c7cd5;*/
    background-color: #0f6599;
    height: 45px;
    width: 100%;
    padding: 0 3px 0;
    font-size: 12px;
    color: #fff;
    line-height: 4em;
}

.sidebar-footer .navbar-nav > li > a,
.sidebar-footer .navbar-nav > li > a:hover,
.sidebar-footer .navbar-nav > li > a:focus {
    padding: 0 6px 0;
    line-height: 4em;
    color: #fff;
    /*background-color: #0c7cd5;*/
    background-color: #0f6599;
}

.sidebar-footer2 {
    position: absolute;
    bottom: 0;
    background-color: #0c7cd5;
    width: 100%;
    padding: 0 3px 0;
    font-size: 12px;
    color: #fff;
    line-height: 4em;
}

li.header .fa-stack {
    line-height: 3em;
}

#sidebar-wrapper > .nav-pills > li.active > a,
#sidebar-wrapper > .nav-pills > li.active > a:hover,
#sidebar-wrapper > .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #0c7cd5;
    border-left: white 3px solid;
    font-weight: bold;
}

#sidebar-wrapper > .nav-pills > li > a {
    border-radius: 0;
}

#sidebar-wrapper > .nav-stacked > li + li {
    margin-top: 0;
    margin-left: 0;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.no-margin {
    margin: 0;
}

@media (min-width: 768px) {
    #wrapper {
        padding-left: 50px;
    }

    .fixed-brand {
        width: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
        z-index: 1060;
        overflow-y: hidden;
        -webkit-transition: width 0.4s ease-out; /* Safari prior 6.1 */
  		transition: width 0.4s ease-out;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px;
        overflow-x: hidden;
        overflow-y: hidden;
        z-index: 1060;
    }

    #wrapper.toggled-2 #sidebar-wrapper:hover {
        /*width: 250px;*/
    }

    #page-content-wrapper {
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;

    }
}

/* END SIDEBAR */

/* ALERT MENU RIGHT */
.alerts-nav {
    position: fixed;
    top: 55px;
    right: 0;
    width: 250px;
    height: 100%;
    margin: 0 -250px 0 0;
    padding: 5px 5px 55px 5px;
    list-style: none;
    background-color: #fbfbfc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    z-index: 3001;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    cursor: default;
    overflow: auto;
}

.alerts-nav ul {
    list-style: none;
    padding-left: 0;
}

.alerts-nav li.title {
    text-align: center;
    margin-bottom: 20px;
}

.alerts-nav li.title > span:first-child {
    cursor: pointer;
}

.alerts-nav li.title span:not(.divider) {
    color: #333333;
    font-size: 19px;
}

.alerts-nav li.title span.divider {
    background-color: #333333;
}

.alerts-nav li:not(.title):not(.empty-alert) {
    padding: 7px;
    text-align: left;
    margin-bottom: 9px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.alerts-nav li.in-execution:not(.title):not(.empty-alert) {
    border-left: 6px solid #0c7cd5;
}

.alerts-nav li.finalized:not(.title):not(.empty-alert) {
    border-left: 6px solid lawngreen;
    background-color: rgba(0, 255, 0, 0.1);
}

.alerts-nav li.aborted:not(.title):not(.empty-alert) {
    border-left: 6px solid red;
    background-color: rgba(255, 0, 0, 0.1);
}

.alerts-nav li.in-execution:not(.title):not(.empty-alert) {
    background-color: #ffffff;
}

.alerts-nav li:not(.title):not(.empty-alert) span.alert-text b {
    font-size: 12px;
}

.alerts-nav li.title i.fa.fa-trash, .alerts-nav li.title i.fa.fa-ban {
    color: #333333;
    font-size: 20px;
    float: right;
    cursor: pointer;
    margin: 5px;
    display: none;
}

.alerts-nav li:not(.title) i {
    color: #333333;
    margin-right: 5px;
}

.alerts-nav li:not(.title) i.glyphicon-remove {
    float: right;
    margin: -3px -3px 0 0;
    cursor: pointer;
}

.alerts-nav li:not(.title) span {
    color: #333333;
}

.alerts-nav li:not(.title) span.alert-text {
    font-size: 14px;
}

.alerts-nav li:not(.title) span.alert-init-date {
    font-size: 10px;
    text-align: right;
    width: 100%;
    display: inline-block;
    bottom: 0;
    right: 0;
}

/* ALERT MENU PROGRESS BAR */
.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #0c7cd5;
    border-radius: 2px;
    background-clip: padding-box;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}

.indeterminate {
    background-color: #95cffd;
}

.indeterminate:before {
    content: '';
    position: absolute;
    background-color: #0c7cd5;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.indeterminate:after {
    content: '';
    position: absolute;
    background-color: #0c7cd5;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

/* ALERT MENU DIVIDER */
/* -------- v --------*/
#alerts div:not(.progress) {
    width: 100%;
    height: 16px;
    margin-bottom: 5px;
}

#alerts div i.glyphicon {
    width: 8%;
    float: left;
}

.half-divider-left {
    height: 2px;
    width: 44%;
    float: left;
    display: block;
    margin: 7px 2px;
    overflow: hidden;
    background-color: #333333;
}

.half-divider-right {
    height: 2px;
    width: 44%;
    float: right;
    display: block;
    margin: 7px 2px;
    overflow: hidden;
    background-color: #333333;
}

/* GO UP CONTENT*/
.go-up-content {
    padding-right: 20px;
    padding-bottom: 15px;
    position: fixed;
    z-index: 999999;
    right: 10px;
    bottom: 20px;
}

/* END GO UP CONTENT*/

/*FOOTER*/
.footer {
	position: absolute;
    /*position: initial;*/
    bottom: 0;
    z-index:9;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 60px;*/
    /*background-color: #2196f3;*/

}

.container .text-muted {
    margin: 20px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.footer-img {
    height: 55px;
    width: auto;
    margin-top: 5px;
}

.footer-flags ul {
    padding-right: 2em;
    padding-top: 0.5em;
}

.footer .text-muted {
    color: #1cace4;
}

/*
#lang-dropdown > li > a {
    padding: 0.7em;
}
*/
/*INDEX*/

.mainscreen {
    /*height: calc(100vh - 61px);*/
    height:100vh;
}

.index-img-size {
    height: auto;
    width: 80px;
}

/*FORMS*/
#workNavigator .form-group, #publishNavigator .form-group, #loadNavigator .form-group {
    min-height: 71px;
}

#workNavigator label, #publishNavigator label, #loadNavigator label {
    padding-left: 0;
    font-weight: bold;
}

.dropdown-menu.dropdown-menu-right {
    margin-right: 72px;
}

#workNavigator .col-md-11, #publishNavigator .col-md-11, #loadNavigator .col-md-11 {
    width: 89.5%;
}

#workNavigator .col-md-5, #publishNavigator .col-md-5, #loadNavigator .col-md-5 {
    width: 42.666667%;
}

#workNavigator small.help-block {
    /*display: inline-block;*/
}

#workNavigator div.form-group.has-error {
    margin-bottom: 0px !important;
}

#workNavigator .form-control-feedback {
    top: 25px;
    right: 110px;
}

.input-form {
    width: 100%;
    display: inline;
}

.select2-container, .slider {
    width: 100% !important;
}

.row-padding {
    padding-top: 10px;
}

.pointer {
    cursor: pointer;
}

/* Sign in and sign up style */
.container-signin {
    /*border-top: 1px solid #aaa;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);*/
    /*width: 350px;*/
    width: 450px;
    margin: 0 auto;
    padding: 15px;
    /*text-align: center;*/
    color: #666666;
    margin-top: 157px;
    margin-right:50px;
}

.container-signin h3 {
    font-size: 23px;
    text-transform: none;
}

.container-signin .input-group-addon {
	vertical-align: top;
	padding-top: 15px;
    font-size: 15px;
}

.container-signin input {
    width: 100%;
}

/* CATALOG/EXTENSION EDIT SOURCE AND APPEARANCE BUTTON */
.icon-settings {
    padding: 4px 0;
    text-align: right;
}

.icon-settings span {
    color: #0c7cd5;
    font-size: 30px;
}

.icon-settings span::before {
    cursor: pointer;
}

.icon-settings span:hover::before, .icon-settings span[aria-expanded="true"] {
    font-size: 35px;
    color: #2196f3;
    opacity: 0.9;
}

.icon-settings ul.dropdown-menu {
    width: fit-content;
    top: 40px;
    right: 0;
    left: auto;
}

.icon-settings ul > li {
    cursor: pointer;
}

/*DATATABLES*/
.row-dt-padding {
    padding-top: 0px;
    padding-bottom: 25px
}

.full-screen-table {
    border-collapse: collapse;
    width: 100%;
}

/*CATALOG TITLE*/
.div-adjust-size {
    padding: 1px;
    margin: 0px;
}

/*SNOMED*/
.expression_canvas-mainPanel {
    height: 100%;
    margin: 5px;
    overflow: auto;
}

.text-grey {
    color: #b4b4b4;
}

.error-text {
    display: none;
}

.has-error .help-block.error-text {
    display: block;
}

.has-error .help-inline.error-text {
    display: inline;
}

.div-wrapper {
    /*border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);*/
    margin-bottom: 1.2em;
    padding: 4px 20px;
    /*background-color: #fff;*/
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.col-flex {
    flex: 0 0 25%;
    display: flex;
}

.card {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #444;
    margin: 8px;
    text-align: center;
    width: 100%;
}

#editExtensionForm .form-control-feedback, #editDescriptionForm .form-control-feedback {
    top: 0;
}

/* modalDialog */
.mod-dialog-size {
    width: 80% !important;
}

/* dataTablesControlers */
table.dataTable.select tbody tr,
table.dataTable thead th:first-child {
    cursor: pointer;
}

.dataTables_length {
    padding: 10px 0px 0px 0px;
    position: absolute;
    margin-top: -30px;
}

.dataTables_length select {
    padding: 0px 10px 0px 2px;
    width: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Work zone elements */

.data-table-tab {
    position: relative;
}

.in-table {
    position: absolute;
    top: -24px;
    left: 200px;
    z-index: 2;
    min-width: 460px;
}

.in-table .btn-sm {
    margin: 0;
}

.c-true, .c-true > a:hover, .c-true > a:focus {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-color: #2196f3 !important;
}

.c-false, .c-false > a:hover, .c-false > a:focus {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-color: #72bbf8 !important;
}

.c-true a, .c-false a {
    color: #ffffff !important;
}

/* Checkbox title (modifying properti compact) */
.compact-checkbox {
    padding-right: 4px !important;
}

/* Breadcrumb cliniterm style */
.breadcrumb-ct {
    padding: 0 0 0 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 3px;
    color: #2196f3 !important;
}

.breadcrumb-ct li.active > a {
    color: #2196f3 !important;
    z-index: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2em 0.7em;
}

/*Width select2*/
.no-search .select2-search {
    display: none
}

.glyphicon-circle-success:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #4CAF50;
}

.glyphicon-circle-warning:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #FF9800;
}

.glyphicon-circle-info:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #9C27B0;
}

.glyphicon-circle-danger:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #E51C23;
}

.glyphicon-circle-default:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #000000;
}

.glyphicon-circle-grey:before {
    content: "\25cf";
    font-size: 1.5em;
    color: #797979;
}

.glyphiconPlus:before {
    font-size: 1.5em;
    color: #4CAF50;
}

.divider {
    height: 1px;
    width: 100%;
    display: block; /* for use on default inline elements like span */
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

/* fix bootstrap validation feedback icon for select2 */
#sourceLoadInfo .form-control-feedback {
    top: -2px;
    right: -15px;
}

/* Override Jquery UI Theme Dialog*/
.ui-dialog .ui-widget-header {
    background: #428bca;
}

div[aria-describedby = "addFieldDlg"] {
    z-index: 3000;
}

.ui-dialog .ui-dialog-titlebar {
    color: white;
}

/* icon feedback of relation form */
.form-control-feedback.glyphicon {
    padding-left: 3em;
}

.justify-right {
    text-align: right;
}

.center-select {
    line-height: 2em;
}

.hand {
    cursor: pointer;
}

#addCatalogForm .select2 {
    min-width: 11em;
}

#editPanel .select2 {
    min-width: 11em;
}

.rel-table {
    padding-top: 1em;
}

.hidden {
    display: none !important;
}

.score {
    background: grey;
    padding: 0.3em;
    border-radius: 2em;
    margin-right: 1em;
}

.float-right {
    float: right;
}

#exportMapsetdataFiltered li.dropdown-menu-title {
    text-align: center;
}

#exportMapsetdataFiltered li > b {
    padding: 3px 20px 3px 20px;
}

#exportMapsetdataFiltered li > a {
    cursor: pointer;
}

.dropdown-right-align {
    left: auto;
    right: 0;
    min-width: 200px;
}

.dropdown-right-align .dropdown-submenu {
    position: relative;
}

.dropdown-right-align .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: -100%;
    margin-top: -6px;
    min-width: 160px;
}

.dropdown-right-align .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    right: 100%;
}

table.workMapsetTable .select2 {
    max-width: 30em;
    min-width: 15em;
}

.padding-bot {
    padding-bottom: 0.8em;
}

.select2-selection__placeholder {
    margin-top: 0 !important;
}

#tableRelationships_filter > label > input[type="search"] {
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #dddddd;
    box-shadow: inset 0 -1px 0 #dddddd;
    font-size: 16px;
}

/* custom datatable buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #fff 0%, white 100%);
    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
    background: -o-linear-gradient(top, #fff 0%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #2196f3 !important;
    border: 1px solid #2196f3;
    background-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: transparent;
}

/*Load page modal transparent, full screen but header*/
.modal-big {
    position: fixed;
    top: 10%;
    left: 5%;
    height: 80%;
    width: 90%;
    background: transparent;
    z-index: 1050;
}

.modal-big-no-fixed {
    top: 0;
    left: 2%;
    height: 90%;
    width: 90%;
    margin-top: 0;
    background: transparent;
    z-index: 1050;
}

/*Load page modal transparent, full screen but header*/
.modal-big-all-screen {
    position: fixed;
    top: -2%;
    left: 5%;
    height: 95%;
    width: 93%;
    background: transparent;
    z-index: 1050;
    overflow-y: auto;
}

.list-group-item {
    margin: 0 1px 0 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wrap{
    white-space: inherit!important;
}
.show-bread-crumb {
    outline: solid #eeeeee;
    margin: 1px 5px 15px 5px;
    color: #3c3c3c;
}

.container-add-field {
    margin: 0 0 15px 0;
}

.thead-fixed {
    display: block;
    padding-right: 17px;
}

.thead-fixed tr {
    display: inline-table;
    width: 100%;
}

.tbody-scrollable {
    display: block;
    height: 400px;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
}

/*Load page modal transparent, full screen but header*/
#loadPageDlg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.2);*/
    background: white;
    text-align: center;
    z-index: 1050;
}

/*Show/hide columns modal*/
#loadColumnsDlg, #workColumnsDlg, #publishColumnsDlg {
    position: fixed;
    top: 6%;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.collapsed-buttons-container-horizontal div {
    height: 33px;
}

.collapsed-buttons-container-vertical div {
    width: 100%;
    height: 33px;
}

.btn-collapsed {
    margin: 0 0 5px 5px;
}

.btn-collapsed span {
    display: none;
}

.btn-collapsed:hover > span {
    float: left;
    margin-right: 5px;
    display: block;
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slide-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

/* Csv Tools Modal */
#csvToolsModal .modal-header .inline { /* For loading spinner when file is uploading */
    float: right;
    margin-right: 10px;
}

.disabled-until-file-selected {
    opacity: 0.4;
    pointer-events: none;
}

.disabled-until-file-selected input[type=radio]::before {
    background-color: #666666;
    opacity: 0.8;
}

.disabled-until-file-selected input[type=radio]:checked::after {
    border-color: #666666;
    opacity: 0.8;
}

#csvToolsModal .modal-body .row > div {
    padding-left: 0;
    margin-bottom: 15px;
}

#csvDelimiterSelector label.radio-inline.col-md-4 {
    margin-left: 0 !important;
}

#csvDelimiterSelector label.radio-inline.col-md-2 {
    width: 21%;
}

#customDelimiterValue {
    width: 5%;
}

#customDelimiterValue {
    margin-left: -15px;
    background: transparent;
}

#uploadProgressBar {
    position: relative;
    display: none;
    margin: 15px;
    padding: 3px !important;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    background-clip: padding-box;
    overflow: hidden;
}

#uploadProgressBar.loading {
    display: block;
}

#uploadProgressBar .percent {
    background-color: #99ccff;
    height: auto;
    width: 0;
}

#uploadProgressBar .percent > span {
    margin-left: 250px;
}

#wrongFormat {
    color: #ff0000;
}

#filePreview {
    width: 95%;
    height: 200px;
    border: 2px solid #666666;
    border-radius: 2px;
    margin-left: 15px !important;
    padding-right: 0 !important;
    font-size: 10px;
}

#jsonPreview {
    width: 100%;
    height: 100%;
    background: transparent;
}

#csvPreview {
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* Csv Tools Modal >> Table preview */
#csvPreview table th:not(.idx-left-col) {
    background: #dddddd;
    min-width: 83px;
    min-height: 19px;
    font-weight: normal;
    text-align: center;
}

#csvPreview table th.idx-left-col {
    width: 20px;
}

.idx-left-col {
    background: #dddddd;
    text-align: center;
    vertical-align: middle;
}

#csvPreview table td {
    white-space: nowrap;
}

#csvPreview * {
    border: 1px solid #b9b4bb;
}

#xmlPreview {
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 12px;
    overflow: auto;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    word-break: break-all;
    word-wrap: break-word;
}

/* End Csv Tools Modal*/

/* Traceability Modal */

#traceabilityModal .modal-title {
    text-align: center;
}

/* End Traceability Modal */

/* Forms Definition Modal */
#formsDefineModal::-webkit-scrollbar {
    display: none;
}

#form-type-tabs {
    display: inline-block;
}

#form-type-tabs li {
    min-width: 30px;
}

#form-type-tabs li > i {
    font-size: 18px;
    padding: 11px 5px 11px 5px;
}

#form-type-tabs li.form-not-saved {
    font-style: italic;
}

#form-type-tabs li.form-not-saved > a::after {
    content: ' *';
}

/* Div and input for new form */
#form-type-tabs div {
    position: absolute;
    top: 14px;
    left: 60px;
    padding: 5px;
    border-radius: 5px;
    border: 3px solid;
    background: #FFFFFF;
    z-index: 10;
}

#form-type-tabs div:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#form-type-tabs div:after {
    border-right-color: #000000;
    border-width: 9px;
    margin-top: -18px;
}

#form-type-tabs #newFormType {
    background: #FFFFFF;
    opacity: 0.5;
}

#form-define-tab-content .container-list-fields, #form-define-tab-content .container-list-users {
    max-height: 315px;
    overflow-y: auto;
}

#form-define-tab-content .container-form-preview {
    max-height: 365px;
    overflow-y: auto;
}

#form-define-tab-content div[id$='-container-form-preview'] {
    border: 1px solid #000000;
    padding: 0;
    background-color: #f3f3f3;
    font-size: 10px;
}

#form-define-tab-content div[id$='-container-form-preview'] > div {
    padding: 0 3px 3px 3px;
}

#form-define-tab-content div[id$='-form-preview-field'] {
    min-height: 100px;
}

/* Custom scroll */
#form-define-tab-content .container-list-fields::-webkit-scrollbar-track, #form-define-tab-content .container-list-users::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#form-define-tab-content .container-list-fields::-webkit-scrollbar, #form-define-tab-content .container-list-users::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#form-define-tab-content .container-list-fields::-webkit-scrollbar-thumb, #form-define-tab-content .container-list-users::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122, 153, 217)),
    color-stop(0.72, rgb(73, 125, 189)),
    color-stop(0.86, rgb(28, 58, 148)));
}

/* End Custom scroll */

#form-define-tab-content .container-list-fields li.list-group-item, #form-define-tab-content .container-list-users a.list-group-item {
    height: 45px;
    width: 300px;
    padding: 10px;
}

.field-selected-for-form, .user-selected-for-form {
    background-color: rgba(33, 150, 243, 0.7);
    color: #FFFFFF !important;
}

.field-selected-for-form:hover, .user-selected-for-form:hover {
    color: #555555 !important;
}

#form-define-tab-content .form-ops {
    margin-bottom: 0;
}

#form-define-tab-content .form-ops i {
    padding: 10px;
}

.blinking {
    animation: blinker 1s linear infinite;
    color: #4caf50;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* End Forms Definition Modal */

.modal-form-screen {
    position: fixed;
    top: 0;
    left: 15%;
    height: 95%;
    width: 75%;
    background: transparent;
    z-index: 1050;
    overflow-y: auto;
}

/*All modal backdrops more transparent*/
.modal-backdrop {
    background: rgba(0, 0, 0, 0.2) !important;
}

.divider {
    background-color: #dddddd;
    height: 0.15em;
}

#deleteDialog p.info {
    max-height: 10em;
    overflow: auto;
}

.inline {
    display: inline;
}

table.dataTable {
    max-width: 100vw;
}

.dataTables_wrapper .dataTables_processing {
    top: 20%;
    height: 100%;
    background: rgba(255, 255, 255, 0.49);
}

.dataTables_wrapper .dataTables_processing img {
    padding-top: 5%;
    opacity: 0.3;
}

.alert-danger {
    z-index: 2000 !important;
}

.alert-info {
    z-index: 2000 !important;
}

.alert-success {
    z-index: 2000 !important;
}

.alert-warning {
    z-index: 2000 !important;
}

.slider .tooltip-main {
    z-index: 0;
}

span.selected-rows {
    float: left;
}

div#workMapsetTable_wrapper {
    margin-top: 1.5em;
}

@media (max-width: 1045px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

.href-disabled {
    pointer-events: none;
    cursor: default;
}

.filter-controls {
    text-align: right;
    padding-bottom: 0.5em;
}

.progress-bar-black {
    background-color: black !important;
}

.datatable-controls {
    padding: 0;
    margin: 0;
    text-align: right;
}

.data-table-tab {
    padding-top: 0.5em;
}

.dataTables_info {
    padding-left: 13.5em;
}

.dataTables_length {
    margin: 0;
}

div.filter-label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
    padding-right: 1em;
}

div.filter-input {
    width: 90%;
    display: inline-flex;
    border: 1px solid white;
}

div.filter-pair {
    display: inline-block;
    width: 49%;
    padding-bottom: 0.2em;
    padding-right: 1em;
}

div.filter-pair.staticFilter .filter-input {
    vertical-align: bottom;
}

div.minheight-2em {
    min-height: 2em;
}

.filter-input-date {
    width: 25%;
    display: inline-flex;
    vertical-align: text-bottom;
    padding-left: 0.5em;
}

textarea.input-sm,
textarea.form-control.input-sm,
input.form-control.input-sm,
input[type=text].input-sm,
input[type=password].input-sm,
input[type=email].input-sm,
input[type=number].input-sm,
[type=text].form-control.input-sm,
[type=password].form-control.input-sm,
[type=email].form-control.input-sm,
[type=tel].form-control.input-sm,
[contenteditable].form-control.input-sm {
    font-size: 100%;
}

span.select2-selection.select2-selection--multiple {
    border: hidden;
    border-radius: 0;
    border-bottom: 1px solid #dddddd !important;
}

.filter-controls {
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #2196f3 !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.filter-input select:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #2196f3 !important;
}

.filter-input.date input {
    font-size: 14px !important;
    border-bottom: 1px solid #dddddd !important;
    display: inline;
    width: 75% !important;
}

span.input-group-addon.pointer {
    display: inline-block;
}

.filter-input.date .form-control:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;

}

.btn:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

i.glyphicon.glyphicon-filter.filter-icon {
    padding: 0.5em;
    color: #2196f3;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    font-size: 120%;
    margin-top: initial;
    margin-right: initial;
    padding-right: 0.1em;
    position: absolute;
    left: 102%;
}

.select2-selection__choice {
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selected-rows-group i.glyphicon.glyphicon-check {
    color: #2196f3;
    padding: 0.2em;
    float: left;
}

.show-col-dlg > i {
    padding: 0.2em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: solid 1px #2196f3;
    background-color: transparent;
}

.filter-pair .badge {
    background-color: #2196f3;
}

span.select2-selection__choice__remove {
    font-size: 115%;
    float: left;
}

li.select2-results__option.select2-results__option--highlighted {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    background-color: #2196f3 !important;
}

li.select2-results__option.select2-results__option--highlighted .badge {
    background-color: white;
    color: #2196f3;
}

.select2-container .select2-search--inline {
    float: left;
}

.filter-input-date-clean {
    float: right;
    padding-right: 4em;
    padding-top: 0.5em;
}

.filters input.select2-search__field {
    width: 150% !important;
    /* OJO */
}

/* CUSTOM SELECTOR FIELD */
.selector-value .val-desc {
    display: block;
}

.selector-value .val-id {
    display: block;
    clear: left;
    font-style: italic;
    font-size: x-small;
}

.highlight {
    background-color: #ffff00;
}

/* END CUSTOM SELECTOR FIELD */

li.select2-selection__choice {
    max-width: 30em
}

span.filtered-rows-group {
    float: left;
}

/* to fix weird effect with anti-aliasing filter */
.jumbotron-cliniterm {
    text-shadow: none;
    min-height: 100%;
    margin-bottom:0px;
}

.btn.btn-sm.refreshDates {
    height: 2em;
}

.filter-input.date > div {
    width: 100%;
}

input.select2-search__field[placeholder] {
    text-overflow: ellipsis;
}

/* TERMINOLOGIES */
#addGroup {
    font-size: large;
}

/* END TERMINOLOGIES */

.NMFileNames {
    font-size: 0.8em;
}

/* NOTIFIES */
.alert.animated {
    z-index: 1055 !important;
}

/* END NOTIFIES */

/* TEXTAREA FORM */
.resizable-textarea {
    resize: vertical;
    overflow: auto;
    min-height: 2em;
    max-height: 8em;
    padding-right: 1em;
}

/* END TEXTAREA FORM */

.iconEyeReport {
    margin-right: 5px;
}

/* ERROR MESSAGE IN NOMENCLATOR UPLOAD */
#noUploadFilesTitle {
    color: #ad0506;
}

#deniedExtension, #noSermasFile, #missingDependentFiles {
    color: #ff0000;
}

#uploadErrorMessages li {
    font-size: 11px;
}

/* END ERROR MESSAGE */

/* INFO MESSAGE IN NOMENCLATOR UPLOAD */

#uncompletedFilesTitle {
    color: #000000;
}

#uncompletedSermasFile {
    color: #000000;
}

#nomenclatorFilesSize {
    font-size: 13px;
}

/* END INFO MESSAGE */

/* SOURCE EDIT SWITCH BUTTON */
#aliasChbx .switch, #cascadeValidation .switch {
    position: relative;
    display: inline-block;
    left: 10px;
    top: 5px;
    width: 50px;
    height: 24px;
}

#aliasChbx .switch {
    margin-bottom: 15px;
}

#cascadeValidation .switch {
    margin-bottom: 0;
}

#cascadeValidation .switch input:disabled + .slider {
    opacity: 0.65;
    cursor: not-allowed;
}

#aliasChbx .switch input, #cascadeValidation .switch input {
    display: none;
}

#aliasChbx .slider, #cascadeValidation .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCCCCC;
    -webkit-transition: .4s;
    transition: .4s;
}

#aliasChbx .slider {
    background-color: #B01419;
}

#aliasChbx .slider:before, #cascadeValidation .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#cascadeValidation input:checked + .slider {
    background-color: #2196F3;
}

#aliasChbx input:checked + .slider {
    background-color: #43A546;
}

#cascadeValidation input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#aliasChbx input:focus + .slider {
    box-shadow: 0 0 1px #43A546;
}

#aliasChbx input:checked + .slider:before, #cascadeValidation input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
#cascadeValidation .slider.round {
    border-radius: 34px;
}

#aliasChbx .slider.round {
    border-radius: 4px;
}

#cascadeValidation .slider.round:before {
    border-radius: 50%;
}

#aliasChbx .slider.round:before {
    border-radius: 10%;
}

#aliasChbx {
    height: 45px;
    display: flex;
    align-items: center;
}

#aliasChbx label {
    font-weight: bold;
}

/* END SWITCH BUTTON */

#appearance-viewName.empty-name::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ff0000;
}

#appearance-viewName.empty-name::-moz-placeholder { /* Firefox 19+ */
    color: #ff0000;
}

#appearance-viewName.empty-name:-moz-placeholder { /* Firefox 18- */
    color: #ff0000;
}

#collapseloadFieldsPanel a.list-group-item {
    height: 45px;
    width: 275px;
    padding: 10px;
}

.appearance-list-group-firstLevel a.list-group-item {
    height: 45px;
    width: 300px;
    padding: 10px;
}

.appearance-div-header-alias {
    height: 50px;
    padding: 2px;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 1px;
}

.appearance-div-name-alias {
    display: flex;
    align-items: center;
    height: 45px;
    font-weight: bold;
}

.appearance-div-alias {
    display: flex;
    align-items: center;
    height: 45px;
    font-weight: bold;
    padding: 0;
}

.appearance-div-desc {
    display: flex;
    align-items: center;
    height: 45px;
    font-weight: bold;
    padding: 0;
}

.appearance-div-row-alias {
    height: 50px;
    padding: 2px;
}

.appearance-form-lbl {
    padding: 0;
    margin: 0;
}

.appearance-list-group-item-alias {
    height: 45px;
    width: 85%;
    border: 1px solid #DADADA;
    float: left;
    padding: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 85%;
    line-height: 15px;
}

.appearance-div-row-alias span {
    height: 45px;
    width: 15%;
    display: flex;
    align-items: center;
    padding: 15px;
}

.appearance-div-row-alias .input-group {
    float: left;
}

.appearance-alias-input {
    height: 45px;
    width: 85% !important;
}

.appearance-desc-input {
    height: 45px;
    width: 90% !important;
}

.appearance-restore-desc {
    width: 10% !important;
}

.appearance-restore-modify {
    cursor: pointer;
}

.appearance-restore-nomodify {
    cursor: none;
    pointer-events: none;
    opacity: 0.3;
}

.appearance-selected-for-view {
    background-color: rgba(33, 150, 243, 0.7);
    color: #FFFFFF !important;
}

.appearance-selected-for-view:hover {
    color: #555555 !important;
}


.false-button {
    pointer-events: none;
    border: none;
    background-color: #FFFFFF;
}

.glyphicon-warning-sign {
    color: #f9a00a;
}

.glyphicon-warning-sign.is-error {
    color: #f90310;
}

.detail-navigator {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

.detail-navigator button {
    border: none;
    background-color: inherit;
}

/* Tabs */

#appearance-tab {
    border-bottom: 2px solid #DDD;
}

#appearance-tab li {
    width: 50%;
    text-align: center;
}

#appearance-tab-content {
    margin-top: 15px;
}

#appearance-tab-content .appearance-container-fields-alias {
    margin-bottom: 20px;
}

.view-options {
    margin: 20px 0;
}

.view-options label {
    font-weight: bold !important;
}

.label-viewlist {
    margin: 20px 0;
    padding-left: 0;
    font-weight: bold;
}

.btn-view-options {
    width: 85px;
    margin-top: 30px;
}

.span-default-view {
    border: 1px solid #1D8BF1;
    padding: 4px 30px;
}

#default-view {
    pointer-events: none;
}

.disable-by-rol {
    pointer-events: none;
}

#organizationDlg .modal-header .inline { /* For loading spinner when file is uploading */
    float: right;
    margin-right: 10px;
}

/* Extension description space */
.not-edition-allowed {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

/* Extension refset space */
#resizable-zone div[id^=resizable-] {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    min-height: 450px;
    height: auto;
    float: left;
    position: relative;
}

div#resizable-refset-table, div#resizable-mapset-member-table {
    padding-top: 57px !important;
}

.disabled-until-refset-selected {
    display: none;
}

tr.refset-row-selected {
    background-color: #84f78c !important;
}

tr.refset-row-selected td.add-members-control a {
    color: #00a539;
}

table tbody tr td.validate-component-control a.text-grey {
    color: #b4b4b4 !important;
}

table tbody tr td.validate-component-control a.text-success {
    color: #4caf50 !important;
}

/* Extension suggestion space */
#suggestionTable a.glyphicon-tag, #suggestionTable a.glyphicon-tags, .suggestionTable a.glyphicon-tag, .suggestionTable a.glyphicon-tags {
    font-size: 12px;
}

#suggestionTable a.glyphicon-tag, .suggestionTable a.glyphicon-tag {
    color: #3AD500;
}

#suggestionTable a.glyphicon-tags, .suggestionTable a.glyphicon-tags {
    color: #2C8A00;
}


.box-npage {
    float: right;
}

.box-npage .form-group {
    width: 75px;
    margin-top: 17px;
}

.box-npage input {
    width: 100%;
}

#mapTargetDesc + .select2-container {
    position: absolute !important;
}

.height-400-px {
    height: 400px;
    overflow: auto;
}

.center-bold {
    text-align: center;
    font-weight: bold;
}

.novalid {
    background-color: #e86d6dd1;
    color: white;
}

.valid {
    background-color: #558e59d1;
    color: white;
}

.tag {
    background: #6ca9da;
    border-radius: 3px 0 0 3px;
    color: white;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    float: right;
}

.op-valids {
    padding: 5px;

}

.op-valids:hover {
    cursor: pointer;
    background-color: #1D8BF1;
    color: white;
}

.w-min-cell {
    width: 200px !important;
}

.w-100 {
    width: 100%;
}

.panel_error {
    position: absolute;
    left: 277px;
    color: #000;
    visibility: hidden;
    background-color: white;
    border: 1px solid gray;
    margin-top: -28px;
    width: 650px;
}

.panel_error h5 {
    padding: 10px;
}

.novalid:hover {
    background-color: #8d8d8d;

}

.novalid:hover > .panel_error {
    visibility: visible;

}

.table-collapse-valid {
    margin-bottom: 0;
}

.box-valids {
    padding: 20px;
}

.input-valid-n {
    width: 40px;
}

.tag-valids {
    padding: 5px;
    background-color: #2296f3;
    margin: 10px;
    color: white;
    border-radius: 7px;
}

.code_error {
    position: absolute;
    padding: 2px;
    color: gray;
}

.input_error, .input_error_valid {
    border-bottom: 2px solid #ec8786 !important;
}

.input_error:focus, .input_error_valid:focus {
    border-color: transparent !important;
}

.input_ok {
    border: 2px solid #40ec73 !important;
}

.input_pending {
    border: 2px solid #2296F3 !important;
}

.icon-valid {
    color: #2296F3;
    font-size: 15px;
    margin: 5px;
}

.icon-valid:hover {
    cursor: pointer;
    color: #1fadf3;
}

.msg-validation {
    position: absolute;
    top: 58px;
}

.appearance-container-fields {
    max-height: 326px;
    overflow-y: scroll;
}

.list-group-focusViews {
    margin-left: 0;
    padding-left: 0;
    max-height: 326px;
    overflow-y: scroll;
    border-bottom: 1px solid #DDDDDD;
}

.list-group-focusViews li {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-focusViews li .box-radio {
    border-right: 1px solid #dddddd;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-group-focusViews li .box-name-view {
    font-size: 15px;
    padding-top: 22px;
    margin: 0;
    padding-bottom: 20px;
    padding-left: 10px;
}

.default-view {
    color: white;
    background-color: #6eb2f5;
}

.list-group-focusViews li .box-name-view:hover {
    cursor: pointer;
    color: white;
    background-color: #6eb2f5;
}

.icon-required {
    color: red;
    font-size: 7px !important;
    top: -4px;
}

.icon-required-form {
    font-size: 7px !important;
    top: -4px;
}

.highlightpredict {
    color: black;
    font-weight: bold;
}

.predict {
    color: grey;
    font-weight: lighter;
}

.scorepredict {
    margin-left: 3px;
    color: gray;
    font-size: 10px;
}

.select2-results__option:hover {
    background-color: #DDDDDD !important;
}

li.select2-results__option.select2-results__option--highlighted_predict {
    background-color: #DDDDDD !important;
}

/* DROPDOWN WITH ICONS */
.dropdown-with-icons li a {
    padding: 3px 10px;
}

.dropdown-with-icons li a i {
    margin-right: 5px;
}

.ui-dialog {
    z-index: 1050 !important;
}

.box-predict {
    padding: 0;
    max-height: 200px;
    position: absolute;
    top: 30px;
    overflow: auto;
    z-index: 500;
}

.pos-relative {
    position: relative;
}

.list-group-predict{
	position: relative;
    z-index: 1;
}

.list-group-predict .list-group-item {
    padding: 10px;
}

.list-group-predict .list-group-item:hover {
    background-color: #DDDDDD;
    cursor: pointer;
}

.selected {
    background-color: #DDDDDD;
}

.predict_nf {
    background-color: white;
}

.date-small {
    font-size: 12px;
    color: gray;
}

#matchNavigator div.action-button {
    min-height: 35px;
}

.dropdown-menu li > a {
    cursor: pointer;
}

.icon-required-issue {
    float: left;
    position: absolute;
    left: 70px;
    top: 2px;
}

#formsDefineModal .list-group-item {
    width: 99% !important;
}

#formsDefineModal .list-group-item:hover {
    cursor: pointer;
}

#orgActiveName {
    text-transform: uppercase;
    font-size: 18px;
}

#titleOrgsUsers, #titleUsersOrgs {
    margin-left: 13px
}

.m-ajust-list {
    margin-left: 13px;
}

#table_sources {
    max-height: 295px;
    overflow-y: auto;
}

#boxBtnOrgs {
    display: flex;
    align-items: center;
    height: 70px;
}

#groupBtnOrgs {
    display: flex;
    overflow-x: auto;
}

#groupBtnOrgs .btnOrg {
    margin-right: 15px;
    margin-bottom: 6px;
}

#msg_help {
    margin-top: 20px;
}

.stickyheader {
    display: block;
}

.stickyheader thead {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f3f3f3;
}

.stickyheader thead, .stickyheader tbody, .stickyheader tfoot {
    display: table;
    width: 100%;
}

.stickyheader .obsR {
    width: 70px;
}

.stickyheader .obsW {
    width: 82px;
}

.stickyheader .obsRol {
    width: 515px;
}

.obs {
    width: 1px;
}

#table_users_permissions {
    max-height: 500px;
    overflow-y: auto;
}

a.disabled {
    cursor: default;
    opacity: 0.3;
}

#groupBtnOrgs .btn-default {
    background-color: #636363;
    color: white;
}

#groupBtnOrgs .active {
    background-color: #0a6ebd;
    color: white;
}

.none {
    display: none;
}
#userForm .roles{
    margin-left: 65px;
}

/* p simulating input for dataRelated preview with custom format in workspace form view */
.rel-preview {
    background: #FFFFFF;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    box-shadow: inset 0 -1px 0 #dddddd;
}

.pseudo-link {
    color: #0a6ebd;
    text-decoration: underline;
}
.msg-active{
    color: #494445;
    font-weight: bold;
}
.box-predict-form {
    padding: 0;
    max-height: 200px;
    position: absolute;
    top: 68px;
    overflow: auto;
    z-index: 500;
}
.box-predict-formM {
    max-height: 200px;
    position: absolute;
    top: -9px;
    overflow: auto;
    z-index: 500;
    left: 3px;
    width: 100%;
}
.box-predict-formE{
    overflow: auto;
    max-height: 250px;
    margin-bottom: 30px;
    position: absolute;
    left:0px;
    padding: 0;
    z-index: 999;
}
.box-predict-formS{
    margin-bottom: 30px;
    position: absolute;
    left:0px;
    padding: 0;
    z-index: 999;
}
.select-predict, .binaryAndTertiarySelectBorders{
    border-top: 1px solid #cccccc!important;
    border-left: 1px solid #cccccc!important;
    border-right: 1px solid #cccccc!important;
    padding-left: 10px!important;
}
.select-predict option {
    /*display: none;*/
    visibility:hidden;
}
.refresh-field:hover{
    cursor:pointer;
    color:#2196f3;
}

.refresh-search:hover{
    cursor:pointer;
    color:#2196f3;
}

#box-second-form .panel-default > .panel-heading{
    background-color: white;
}
#box-second-form .panel-default > .panel-heading:hover{
    background-color: #2196f3;
}
.box-collapse-content{
    padding: 10px;
    border: 1px solid #3f6e94;
    margin-top: 10px;
}
.margin-left-50{
    margin-left: 50px;
}

.badge.multiForm-badge{
    position: absolute;
    background-color: red;
    right: -1px;
    top: -5px;
}
.nav-pills.nav-multiform > li {
    padding-bottom: 5px;
}
.panel-focus{
    background-color: #32927c!important;
}
.panel-primary .glyphicon-trash:hover{
    cursor: pointer;
    opacity: 0.8;
}
#edition .select2-container--default .select2-selection--single {
    border: 0px;
    border-bottom: 1px solid #aaa!important;
    border-radius: 0px;
    padding: 0px;
    height: 37px!important;
}
#go-up{
	position: fixed;
    right: 15px;
    z-index: 10;
}
.select_r .select2-container{
	margin-bottom: 9px!important;
}
.delElementList:hover{
	cursor:pointer;
	opacity:0.7;
}

.panel-title{
	font-size:12px;
}
#panelForm{
	position: relative;
	z-index:2;
}
#icon-background-multifoms{
    right: 12px;
    position: fixed;
    font-size: 800px;
    left: 38px;
    opacity: 0.1;
    top: 80px;
    z-index: 0;
}
.msgSelectMF{
	font-size: 25px;
    color: #0e4977;
}
.panel-MF{
	background:none;
	text-align:center;
	border: 0px;
    box-shadow: none;
    margin:0px;
}
.panel-MF .fa-share-alt{
	position: absolute;
    font-size: 89px;
    top: 60px;
    left: 85px;
    color: #5cacff;

}
.panel-MF .fa-send{
	position: absolute;
    font-size: 89px;
    top: 60px;
    left: 85px;
    color: #5cacff;
}
.panel-MF .fa-folder{
	font-size: 170px;
	color:#305469;
}
.panel-MF-title{
	position:relative;
	top:-18px;
}
.c-w{
	color:white!important;
}
.btn-language{
	background: none;
    color: white;
    font-size: 23px;
    border: 0px;
    box-shadow: none;
}
.btn-language:hover{
	box-shadow: none!important;
	border: 0px!important;
	color:#2580b7;
}
.footer-flags .btn-group{
	box-shadow: none;
	border: 0px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.lang-dropdown{
 width: 5px !important;
 height: 6px !important;
}
.mfBox-icons:hover .fa-folder{
	color:#5daaf8;
}
.mfBox-icons .fa-folder{
	font-size: 90px;
	cursor: pointer;
}
.mfBox-icons:hover .fa-share-alt{
	color:#305469;
}
#logo-banner-main{
	width:300px;
}
#home-banner-title h1 small{
	color: #1cace4;
}
#home-banner-title h1{
	font-size: 100px;
}
#home-banner-title{
	margin-top:100px;
	margin-left: 140px;
}
.modal-sidebar-links, .modal-content-multiform {
	background-color:#ffffffcc;

}
.modal-sidebar-links .modal-lg, .modal-content-multiform .modal-lg{
	width:100%;
}
.modal-sidebar-links .modal-lg .modal-content, .modal-content-multiform .modal-lg .modal-content{
	background-color: transparent;
}
.modal-sidebar-links .modal-content , .modal-content-multiform .modal-content{
	border:0px;
	box-shadow:none;
	padding:30px;
}
.modal-content-multiform{
    z-index:99999;
    padding: 0px!important;
}
.modal-content-multiform .modal-dialog{
    min-height: 90vh;
    background-color: #d1d1d1;
}

.icon-doc{
	padding:10px;
	font-size: 25px;
	color:#0f6599;
}
.info-doc{
    margin: 0px;
}
.block-doc a:hover .panel-default{
	background-color: #0f6599;
	color:white;
}
.block-doc .panel:hover .icon-doc{
	color:white;
}
#sidebar-wrapper li:hover{
	cursor:pointer;
}
.msgSubMf{
	display:none;
	margin:0px;
	margin-left: 50px;
}
.icon-panel-mf{
    font-size: 20px;
}

.panel-fields > .panel-heading{
    color: #ffffff;
    background-color: #278ab0;
}
.tab-content-valid{
    min-height: 135px;

}

#box-field-source{
    padding: 10px;
    background-color: whitesmoke;
}

.box-field{
    //height: 85px;
    height: 115px;
}
#sourceEditModal #addField{
    height: 47px;
}
a.disabled {
    pointer-events: none;
    cursor: default;
}
.nav-tabs .disabled{
    pointer-events: none;
}
.metaInfText{
    margin:0px;
    color:#737373;
}

.icon-metaInf{
    color: #cecece;
    padding: 5px;
    margin-top: 5px;
    font-size: 16px;
}
.icon-metaInf-selected{
    color: #2789b0;
}

.bs-wizard {
    padding-top: 20px;
    background-color: white;
}

.icon-form:hover{
    cursor: pointer;
    color: #017cbd;
}
.extra > .panel-heading{
    background-color: #17566f;
}
.arw{
    color: #717171;
}
.arw:hover{
    cursor: pointer;
    color: #333333;
}
.removeBox:hover{
    cursor:pointer;
    opacity:0.7;
}
/*Form Wizard ********************************************************************************/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0!important;
    padding: 0 0 10px 0!important;
}
.bs-wizard > .bs-wizard-step {
    padding: 0!important;
    position: relative!important;
}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959!important;
    font-size: 16px!important;
    margin-bottom: 5px!important;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999!important;
    font-size: 14px!important;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute!important;
    width: 30px!important;
    height: 30px!important;
    display: block!important;
    background: #1d87db;
    top: 45px!important;
    left: 50%!important;
    margin-top: -15px!important;
    margin-left: -15px!important;
    border-radius: 50%!important;
    z-index: 999;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' '!important;
    width: 14px!important;
    height: 14px!important;
    background: #2196f3;
    border-radius: 50px!important;
    position: absolute!important;
    top: 8px!important;
    left: 8px!important;
}
.dot-active, .dot-active:after{
    background: #69ccf5!important;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative!important;
    border-radius: 0px!important;
    height: 8px!important;
    box-shadow: none!important;
    margin: 13px 0!important;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width:0px!important;
    box-shadow: none!important;
    background: #017dbd!important;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%!important;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%!important;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%!important;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%!important;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5!important;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0!important;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%!important;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%!important;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }




.box-tag-crudOp{
    /*position: absolute;
    top:25px;*/
}
.tag-crudOp {
    border:1px solid #DDD;
    display:inline-block;
    color:#717171;
    background:#FFF;
    -webkit-box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);
    box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    border-radius:2px;
    margin:0 3px 6px 0;
    padding:5px 10px;
    /*position:relative;
    left: 220px;*/
    position:absolute;
    top:30px;
}
.tag-crudOp-request, .tag-status-request{
    border:1px solid #DDD;
    display:inline-block;
    color:#717171;
    background:#FFF;
    -webkit-box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);
    box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    border-radius:2px;
    margin:0 3px 6px 0;
    /*padding-left: 40px;
    padding-right: 40px;*/
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
}
.tag-crudOp:hover{border-color:#08C;}
.tag-crudOp a.primary{color:#FFF;background-color:#428BCA;border-color:#357EBD}
.tag-crudOp.tag-cr-create, .tag-crudOp-request.tag-cr-create{color:#FFF;background-color:#5CB85C;border-color:#4CAE4C}
.tag-crudOp.tag-cr-modify, .tag-crudOp-request.tag-cr-modify{color:#FFF;background-color:#5BC0DE;border-color:#46B8DA}
.tag-crudOp a.warning{color:#FFF;background-color:#F0AD4E;border-color:#EEA236}
.tag-crudOp.tag-cr-remove, .tag-crudOp-request.tag-cr-remove{color:#FFF;background-color:#D9534F;border-color:#D43F3A}

.tag-status-request.tag-cr-1, .tag-td-1{
    background-color: #a6a5a5;
    color: white;
}
.tag-status-request.tag-cr-2, .tag-td-2{
    color:#FFF;background-color:#5CB85C;border-color:#4CAE4C;
}
.tag-status-request.tag-cr-3, .tag-td-3{
    color:#FFF;background-color:#5BC0DE;border-color:#46B8DA;
}
.tag-status-request.tag-cr-4, .tag-td-4{
    color:#FFF;background-color:#D9534F;border-color:#D43F3A;
}

#list-fields input{
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddd;
    padding: 10px;
}

#infoUserStatusRequest li, #infoLogStatusRequest li{
    height:55px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#infoUserStatusRequest li .info-date, #infoLogStatusRequest li .info-date{
    margin: 0px;
    font-size: 10px;
    text-align: right;
    position: absolute;
    top: -5px;
    right: 0px;
    padding: 5px;

}

#infoPetitioner{
    font-size: 13px;
}

#firstInfoPetitioner{
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
}
#secondInfoPetitioner{
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

#inputPetitioner{
    color: gray;
}

#inputPetitionerOrganization{
    color: gray;
}

#inputPetitionerCreatedDate{
    color: gray;
}

#inputPetitionerEmail{
    color: gray;
}

#inputPetitionerAD{
    color: gray;
}

#inputPetitionerPhone{
    color: gray;
}

.badge-alert{
    width: 7px;
    height: 7px;
    background: #ff6060;
    position: absolute;
    top: 13px;
    right: 94px;
    border-radius: 50%;
    display:none;
}

.multiple-select:hover{
    cursor:pointer;
    background-color: #a0a0a0;
}
/***************/
#opCrudType .background-color{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue);
	z-index: 1;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#opCrudType .checkbox:checked ~ .background-color{
	background-color: var(--white);
}


#opCrudType [type="checkbox"]:checked,
#opCrudType [type="checkbox"]:not(:checked),
#opCrudType [type="radio"]:checked,
#opCrudType [type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}
#opCrudType .checkbox:checked + label,
#opCrudType .checkbox:not(:checked) + label{
	position: relative;
	width: 70px;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	margin: 17px 0;
	margin-top: 100px;
	height: 6px;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: 100 !important;
}
#opCrudType .checkbox:checked + label:before,
#opCrudType .checkbox:not(:checked) + label:before {
	position: absolute;
	font-family: 'unicons';
	cursor: pointer;
	top: -17px;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#opCrudType .checkbox:not(:checked) + label:before {
	content: '\eac1';
	left: 0;
	color: var(--grey);
	background-color: var(--dark-light);
	box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
}
#opCrudType .checkbox:checked + label:before {
	content: '\eb8f';
	left: 30px;
	color: var(--yellow);
	background-color: var(--dark-blue);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}

#opCrudType .checkbox:checked ~ .section .container .row .col-12 p{
	color: var(--dark-blue);
}


#opCrudType .checkbox-tools:checked + label,
#opCrudType .checkbox-tools:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	color: var(--white);
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#opCrudType .checkbox-tools:not(:checked) + label{
	background-color: var(--dark-light);
	background-color: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
#opCrudType .checkbox-tools:checked + label{
	/*background-color: transparent;*/
	background-color: #2196f3;
    color: white;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
#opCrudType .checkbox-tools:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	background-color: #097cd5;
	color:white;
}
#opCrudType .checkbox-tools:checked + label::before,
#opCrudType .checkbox-tools:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: -1;
}
#opCrudType .checkbox-tools:checked + label .uil,
#opCrudType .checkbox-tools:not(:checked) + label .uil{
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
}

#opCrudType .checkbox:checked ~ .section .container .row .col-12 .checkbox-tools:not(:checked) + label{
	background-color: var(--light);
	color: var(--dark-blue);
	box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);
}
#makeRequestModal .select2-container--default .select2-selection--single {
    border: 1px solid #ddd!important;
    height: 37px;
    border-radius: 0px;
}
#makeRequestModal .select2-selection__rendered {
    height:35px!important;
}
#makeRequestModal .msg-errors-box{
    position: absolute;
    color:#fb5858;
    width: 75%;
    margin-top: 2px;
    height: 100%;
    line-height: 2 !important;

}
.icon-set:hover{
    color: #0870c0;
    cursor: pointer;
}
#linkSettings:hover{
    cursor:pointer;
}
/***************************************/
.customTab .icon-flow{
    font-size: 20px;
}
.customTab p {
    margin: 0px;
}
.customTab .nav-link{
    color:white;
}
.customTab li.active{
    background-color:#4aa3ea;
}
.customTab li:hover {
  opacity: 0.5;
}
.customTab .nav-tabs > li{
    padding-top:0px!important;
    margin-top:0px!important;
}
.customTab .nav-tabs > li.active > a{
    color:white!important;
}

/*****/
.box-form .cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.box-form .cbx:not(:last-child) {
  margin-right: 6px;
}
.box-form .cbx:hover {
  background: rgba(0,119,255,0.06);
}
.box-form .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.box-form .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #cccfdb;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}
.box-form .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.box-form .cbx span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.box-form .cbx:hover span:first-child {
  border-color: #07f;
}
.box-form .inp-cbx {
  position: absolute;
  visibility: hidden;
}


.box-form .inp-cbx:checked + .cbx span:first-child {
    background: #2789b0;
    border-color: #2789b0;
    animation: wave 0.4s ease;
    border-radius: 2px;
}
.box-form .inp-cbx:disabled + .cbx span:first-child {
    background: #7f7f7f!important;
    border-color: #7f7f7f!important;
    animation: wave 0.4s ease;
    border-radius: 2px;
}
.box-form .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.box-form .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}
@media screen and (max-width: 640px) {

  .box-users-form .cbx {
    width: 100%;
    margin-bottom: 4px;
    display: inline-block;
  }
}
@-moz-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
/**/
.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    /*width:1em;*/
    width: 0.4em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    /*content: "";*//*content: '★ ';*/
    content: '■ ';
}
.rate > input:checked ~ label {
    color: #2789b0;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #2789b0;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #175168;
}

/******   PIE CHARTS   ***/
/* legend */
.pieChart .legend {
  font-size: 14px;
}
.pieChart rect {
  cursor: pointer;
  stroke-width: 2;
}
pieChart. rect.disabled {
  fill: transparent !important;
}

/* chart */
.pieChart {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 100%;
  padding:20px 20px 28px 20px;
}
.pieChart svg{
    width: 100%;
}
/* tooltip */
.pieChart .tooltip {
  background: #eee;
  box-shadow: 0 0 5px #999999;
  color: #333;
  display: none;
  font-size: 18px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  width: 80px;
  z-index: 10;
}


.lineChart .axis path, .lineChart .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.lineChart .x.axis path {
    display: none;
}
.lineChart .line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.text-dark{
    color: #3b3b3b;
}

.width33{
    width: 33% !important;
}
.width50{
    width: 50% !important;
}
.index0{
    z-index: 0 !important;
}
.action-field:hover{
    cursor: pointer;
}
.action-field.unclickable  { display:none }
.action-field.unclickable:hover { cursor: default; }

.multiformAccess{
    background-color: #21cbf3;
}

.modifyInfo{
    display: none;
    height: 40px;
}
.text-primary-dark{
    color: #0f6599;
}

.copy-value:hover > label{
    background-color: #1d9be6;
    cursor: pointer;
    color: white;
    padding-left:5px;
    padding-right:5px;
    border-radius: 10px;
}