/*!
 * (c) Unlimiteck Styles - css/notebook-detail.css
 */

/* adding support for second navbar >>> */
.navbar-fixed-top {
    margin-bottom: 0;
}

.navbar-fixed-top + * {
    top: 15px;
}

.navbar-fixed-top + * {
    position: relative;
}

.navbar-nested {
    top: 40px !important;
}

.navbar-nested + * {
    top: 61px !important;
}

.navbar-toolbar {
    background-color: #efefef !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.block-toolbar-title {
    font-family: Roboto, Arial, "Droid Sans" !important;
    font-size: 15px;
    font-weight: 400 !important;
    padding-left: 10px !important;
    color: #222;
}

.block-content {
    overflow: auto;
    width: 100%;
    padding: 0;
}

.block-stdout {
    overflow: visible;
    background-color: transparent !important;
    margin: 0;
    border: 0 !important;
}

.block-stdout > * {
    margin-top: 0 !important;
}

/* Bokeh CSS adjustment: revert padding introduced by .block-stdout for Bokeh plots */
/* WARNING-PENDING: do not remove "padding" from .block-stdout, otherwise Bokeh will fail due min-size constrains:
   "unsatisfiable constraint: SidePanel(5C9CF163EB1A4589A9A9EC5CB9E35195, below).height - 24 >= 0"
*/
.block-stdout .bk-root {
    margin-left: -15px;
}
.block-stdout .bk-root:first-of-type {
    margin-top: -15px  !important;
}

.block-background {
    padding: 0 !important;
    border: 1px solid #e5e5e7;
}

.div-block-code {
    padding: 0 !important;
}

.selected-block {
    box-shadow: 3px 3px 3px #e1e1e152;
}

.selected-block .block-toolbar {
    background-color: #e5f0f6;
}

.loading-title {
    line-height: 200px;
    width: 100%;
    text-align: center !important;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #6d6d6d;
}

/*
We set the element we are applying our loading mask to relative
*/
.loading-title {
}

/*
Because we set .loading-mask relative, we can span our ::before
element over the whole parent element
*/
.loading-title::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*
Spin animation for .loading-mask::after
*/
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/*
The loading throbber is a single spinning element with three
visible borders and a border-radius of 50%.
Instead of a border we could also use a font-icon or any
image using the content attribute.
*/
.loading-title::after {
    content: "";
    position: absolute;
    border-width: 3px;
    border-style: solid;
    border-color: transparent #6d6d6d #6d6d6d;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: calc(50% - 50px);
    left: calc(50% - 12px);
    animation: 0.7s linear 0s normal none infinite running spin;
    filter: drop-shadow(0 0 2 rgba(0, 0, 0, 0.33));
}

.changes-mark {
    color: #5d5858;
    margin-left: 4px;
}

/* Style for error messages (notifications) at block level */
.block-error-message div {
    padding: 5px;
    padding-left: 10px;
    /*text-indent: 10px;*/
}

.block-error-message .info {
    background-color: lightblue;
}

.block-error-message .warning {
    background-color: #e6e600;
}

.block-error-message .error {
    background-color: #ffa0a3;
}

.block-error-message ::before {
    font-family: FontAwesome;
    padding-right: 10px;
}

.block-error-message .info:before {
    content: "\f06a";
}

.block-error-message .warning:before {
    content: "\f071";
}

.block-error-message .error:before {
    content: "\f071";
}

.fix-bootstrap-select-picker {
    margin-top: -6px;
}

.allow-drag-fast-switch .allow-drag:hover {
    cursor: move;
    /* fallback if grab cursor is unsupported*/
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.allow-drag-fast-switch .allow-drag:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.badge-notify {
    position: relative;
    top: 5px;
    left: 1px;
    font-family: Roboto, Arial, "Droid Sans" !important;
    font-size: 10px;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* div.output_area table*/
table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

table {
    background-color: transparent;
}

.selector_container {
    padding: 5px;
    line-height: 25px;
}

.selector_container .ant-select{
    display: block
}

.selector_container label {
    font-weight: 400;
}

.label {
    font-weight: 400;
}

.footer {
    display: none;
}

/* CodeMirror show-invisibles >>> */
.cm-whitespace::before {
    position: absolute;
    pointer-events: none;
    color: #bbb;
}

.CodeMirror-code > div > pre > span::after {
    pointer-events: none;
    color: #bbb;
    content: "¬"
}

.CodeMirror .cm-whitespace-1::before {
    content: "·";
}

.CodeMirror .cm-whitespace-2::before {
    content: "··";
}

.CodeMirror .cm-whitespace-3::before {
    content: "···";
}

.CodeMirror .cm-whitespace-4::before {
    content: "····";
}

.CodeMirror .cm-whitespace-5::before {
    content: "·····";
}

.CodeMirror .cm-whitespace-6::before {
    content: "······";
}

.CodeMirror .cm-whitespace-7::before {
    content: "·······";
}

.CodeMirror .cm-whitespace-8::before {
    content: "········";
}

.CodeMirror .cm-whitespace-9::before {
    content: "·········";
}

.CodeMirror .cm-whitespace-10::before {
    content: "··········";
}

.CodeMirror .cm-whitespace-11::before {
    content: "···········";
}

.CodeMirror .cm-whitespace-12::before {
    content: "············";
}

.CodeMirror .cm-whitespace-13::before {
    content: "·············";
}

.CodeMirror .cm-whitespace-14::before {
    content: "··············";
}

.CodeMirror .cm-whitespace-15::before {
    content: "···············";
}

.CodeMirror .cm-whitespace-16::before {
    content: "················";
}

.CodeMirror .cm-whitespace-17::before {
    content: "·················";
}

.CodeMirror .cm-whitespace-18::before {
    content: "··················";
}

.CodeMirror .cm-whitespace-19::before {
    content: "···················";
}

.CodeMirror .cm-whitespace-20::before {
    content: "····················";
}

.CodeMirror .cm-whitespace-21::before {
    content: "·····················";
}

.CodeMirror .cm-whitespace-22::before {
    content: "······················";
}

.CodeMirror .cm-whitespace-23::before {
    content: "·······················";
}

.CodeMirror .cm-whitespace-24::before {
    content: "························";
}

.CodeMirror .cm-whitespace-25::before {
    content: "·························";
}

.CodeMirror .cm-whitespace-26::before {
    content: "··························";
}

.CodeMirror .cm-whitespace-27::before {
    content: "···························";
}

.CodeMirror .cm-whitespace-28::before {
    content: "····························";
}

.CodeMirror .cm-whitespace-29::before {
    content: "·····························";
}

.CodeMirror .cm-whitespace-30::before {
    content: "······························";
}

.CodeMirror .cm-whitespace-31::before {
    content: "·······························";
}

.CodeMirror .cm-whitespace-32::before {
    content: "································";
}

.CodeMirror .cm-whitespace-33::before {
    content: "·································";
}

.CodeMirror .cm-whitespace-34::before {
    content: "··································";
}

.CodeMirror .cm-whitespace-35::before {
    content: "···································";
}

.CodeMirror .cm-whitespace-36::before {
    content: "····································";
}

.CodeMirror .cm-whitespace-37::before {
    content: "·····································";
}

.CodeMirror .cm-whitespace-38::before {
    content: "······································";
}

.CodeMirror .cm-whitespace-39::before {
    content: "·······································";
}

.CodeMirror .cm-whitespace-40::before {
    content: "········································";
}

.CodeMirror .cm-whitespace-41::before {
    content: "·········································";
}

.CodeMirror .cm-whitespace-42::before {
    content: "··········································";
}

.CodeMirror .cm-whitespace-43::before {
    content: "···········································";
}

.CodeMirror .cm-whitespace-44::before {
    content: "············································";
}

.CodeMirror .cm-whitespace-45::before {
    content: "·············································";
}

.CodeMirror .cm-whitespace-46::before {
    content: "··············································";
}

.CodeMirror .cm-whitespace-47::before {
    content: "···············································";
}

.CodeMirror .cm-whitespace-48::before {
    content: "················································";
}

.CodeMirror .cm-whitespace-49::before {
    content: "·················································";
}

.CodeMirror .cm-whitespace-50::before {
    content: "··················································";
}

.CodeMirror .cm-whitespace-51::before {
    content: "···················································";
}

.CodeMirror .cm-whitespace-52::before {
    content: "····················································";
}

.CodeMirror .cm-whitespace-53::before {
    content: "·····················································";
}

.CodeMirror .cm-whitespace-54::before {
    content: "······················································";
}

.CodeMirror .cm-whitespace-55::before {
    content: "·······················································";
}

.CodeMirror .cm-whitespace-56::before {
    content: "························································";
}

.CodeMirror .cm-whitespace-57::before {
    content: "·························································";
}

.CodeMirror .cm-whitespace-58::before {
    content: "··························································";
}

.CodeMirror .cm-whitespace-59::before {
    content: "···························································";
}

.CodeMirror .cm-whitespace-60::before {
    content: "····························································";
}

.CodeMirror .cm-whitespace-61::before {
    content: "·····························································";
}

.CodeMirror .cm-whitespace-62::before {
    content: "······························································";
}

.CodeMirror .cm-whitespace-63::before {
    content: "·······························································";
}

.CodeMirror .cm-whitespace-64::before {
    content: "································································";
}

.CodeMirror .cm-whitespace-65::before {
    content: "·································································";
}

.CodeMirror .cm-whitespace-66::before {
    content: "··································································";
}

.CodeMirror .cm-whitespace-67::before {
    content: "···································································";
}

.CodeMirror .cm-whitespace-68::before {
    content: "····································································";
}

.CodeMirror .cm-whitespace-69::before {
    content: "·····································································";
}

.CodeMirror .cm-whitespace-70::before {
    content: "······································································";
}

.CodeMirror .cm-whitespace-71::before {
    content: "·······································································";
}

.CodeMirror .cm-whitespace-72::before {
    content: "········································································";
}

.CodeMirror .cm-whitespace-73::before {
    content: "·········································································";
}

.CodeMirror .cm-whitespace-74::before {
    content: "··········································································";
}

.CodeMirror .cm-whitespace-75::before {
    content: "···········································································";
}

.CodeMirror .cm-whitespace-76::before {
    content: "············································································";
}

.CodeMirror .cm-whitespace-77::before {
    content: "·············································································";
}

.CodeMirror .cm-whitespace-78::before {
    content: "··············································································";
}

.CodeMirror .cm-whitespace-79::before {
    content: "···············································································";
}

.CodeMirror .cm-whitespace-80::before {
    content: "················································································";
}

.CodeMirror .cm-whitespace-81::before {
    content: "·················································································";
}

.CodeMirror .cm-whitespace-82::before {
    content: "··················································································";
}

.CodeMirror .cm-whitespace-83::before {
    content: "···················································································";
}

.CodeMirror .cm-whitespace-84::before {
    content: "····················································································";
}

.CodeMirror .cm-whitespace-85::before {
    content: "·····················································································";
}

.CodeMirror .cm-whitespace-86::before {
    content: "······················································································";
}

.CodeMirror .cm-whitespace-87::before {
    content: "·······················································································";
}

.CodeMirror .cm-whitespace-88::before {
    content: "························································································";
}

.CodeMirror .cm-whitespace-89::before {
    content: "·························································································";
}

.CodeMirror .cm-whitespace-90::before {
    content: "··························································································";
}

.CodeMirror .cm-whitespace-91::before {
    content: "···························································································";
}

.CodeMirror .cm-whitespace-92::before {
    content: "····························································································";
}

.CodeMirror .cm-whitespace-93::before {
    content: "·····························································································";
}

.CodeMirror .cm-whitespace-94::before {
    content: "······························································································";
}

.CodeMirror .cm-whitespace-95::before {
    content: "·······························································································";
}

.CodeMirror .cm-whitespace-96::before {
    content: "································································································";
}

.CodeMirror .cm-whitespace-97::before {
    content: "·································································································";
}

.CodeMirror .cm-whitespace-98::before {
    content: "··································································································";
}

.CodeMirror .cm-whitespace-99::before {
    content: "···································································································";
}

.CodeMirror .cm-whitespace-100::before {
    content: "····································································································";
}

.CodeMirror .cm-whitespace-101::before {
    content: "·····································································································";
}

.CodeMirror .cm-whitespace-102::before {
    content: "······································································································";
}

.CodeMirror .cm-whitespace-103::before {
    content: "·······································································································";
}

.CodeMirror .cm-whitespace-104::before {
    content: "········································································································";
}

.CodeMirror .cm-whitespace-105::before {
    content: "·········································································································";
}

.CodeMirror .cm-whitespace-106::before {
    content: "··········································································································";
}

.CodeMirror .cm-whitespace-107::before {
    content: "···········································································································";
}

.CodeMirror .cm-whitespace-108::before {
    content: "············································································································";
}

.CodeMirror .cm-whitespace-109::before {
    content: "·············································································································";
}

.CodeMirror .cm-whitespace-110::before {
    content: "··············································································································";
}

.CodeMirror .cm-whitespace-111::before {
    content: "···············································································································";
}

.CodeMirror .cm-whitespace-112::before {
    content: "················································································································";
}

.CodeMirror .cm-whitespace-113::before {
    content: "·················································································································";
}

.CodeMirror .cm-whitespace-114::before {
    content: "··················································································································";
}

.CodeMirror .cm-whitespace-115::before {
    content: "···················································································································";
}

.CodeMirror .cm-whitespace-116::before {
    content: "····················································································································";
}

.CodeMirror .cm-whitespace-117::before {
    content: "·····················································································································";
}

.CodeMirror .cm-whitespace-118::before {
    content: "······················································································································";
}

.CodeMirror .cm-whitespace-119::before {
    content: "·······················································································································";
}

.CodeMirror .cm-whitespace-120::before {
    content: "························································································································";
}

.CodeMirror .cm-whitespace-121::before {
    content: "·························································································································";
}

.CodeMirror .cm-whitespace-122::before {
    content: "··························································································································";
}

.CodeMirror .cm-whitespace-123::before {
    content: "···························································································································";
}

.CodeMirror .cm-whitespace-124::before {
    content: "····························································································································";
}

.CodeMirror .cm-whitespace-125::before {
    content: "·····························································································································";
}

.CodeMirror .cm-whitespace-126::before {
    content: "······························································································································";
}

.CodeMirror .cm-whitespace-127::before {
    content: "·······························································································································";
}

.CodeMirror .cm-whitespace-128::before {
    content: "································································································································";
}

.CodeMirror .cm-whitespace-129::before {
    content: "·································································································································";
}

.CodeMirror .cm-whitespace-130::before {
    content: "··································································································································";
}

.CodeMirror .cm-whitespace-131::before {
    content: "···································································································································";
}

.CodeMirror .cm-whitespace-132::before {
    content: "····································································································································";
}

.CodeMirror .cm-whitespace-133::before {
    content: "·····································································································································";
}

.CodeMirror .cm-whitespace-134::before {
    content: "······································································································································";
}

.CodeMirror .cm-whitespace-135::before {
    content: "·······································································································································";
}

.CodeMirror .cm-whitespace-136::before {
    content: "········································································································································";
}

.CodeMirror .cm-whitespace-137::before {
    content: "·········································································································································";
}

.CodeMirror .cm-whitespace-138::before {
    content: "··········································································································································";
}

.CodeMirror .cm-whitespace-139::before {
    content: "···········································································································································";
}

.CodeMirror .cm-whitespace-140::before {
    content: "············································································································································";
}

.CodeMirror .cm-whitespace-141::before {
    content: "·············································································································································";
}

.CodeMirror .cm-whitespace-142::before {
    content: "··············································································································································";
}

.CodeMirror .cm-whitespace-143::before {
    content: "···············································································································································";
}

.CodeMirror .cm-whitespace-144::before {
    content: "················································································································································";
}

.CodeMirror .cm-whitespace-145::before {
    content: "·················································································································································";
}

.CodeMirror .cm-whitespace-146::before {
    content: "··················································································································································";
}

.CodeMirror .cm-whitespace-147::before {
    content: "···················································································································································";
}

.CodeMirror .cm-whitespace-148::before {
    content: "····················································································································································";
}

.CodeMirror .cm-whitespace-149::before {
    content: "·····················································································································································";
}

.CodeMirror .cm-whitespace-150::before {
    content: "······················································································································································";
}

/* <<< */

#notebook-bar .navbar-brand {
    border: 1px solid #fff;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    border-radius: 3px;
    background-color: #ffffff;
    height:30px;
}


#notebook-bar .navbar-separator-right {
    margin-right: 14px;
}

#notebook-bar .navbar-brand button {
    border: 0;
    background: none;
    line-height: 20px;
}

#notebook-bar .badge {
    top: 0;
    left: 3px;
}

/* Hack to show bokeh errors */
div[style="min-width:200px;display:inline-block;background-color:rgb(242,222,222)"] {
    z-index: 99999999999999;
    position: relative;
}

.execution-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent \9;
    z-index: 9999;
    color: white;
    pointer-events: none;
}
.execution-background.block-toolbar  {
    background-color: rgba(126, 126, 126, 0.47) !important;
}

.execution-background.block-stdout  {
    background-color: #EEEEEE !important;
}

.execution-background >* .CodeMirror, .execution-background >* .CodeMirror-gutter {
    background-color: #EEEEEE !important;
}


/* Estilos por defecto forms */
.block-stdout h1 {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 36px;
    font-weight: 400 !important;
    color: #434445;
}

.block-stdout h2 {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 28px;
    font-weight: 400 !important;
    color: #434445;
}

.block-stdout h3 {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 22px;
    font-weight: 400 !important;
    color: #434445;
}

.block-stdout h4 {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 18px;
    font-weight: 400 !important;
    color: #434445;
}

.block-stdout h5 {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 16px;
    font-weight: 400 !important;
    color: #434445;
}

.block-stdout p {
    font-family: Roboto, Arial, "Droid Sans";
    font-size: 12px;
    font-weight: 400 !important;
    color: #434445;
}

.bk-canvas-events { touch-action: auto !important; }



.btn-text{
}
 div > div.btn.btn-default[style*="width"] > span.filter-option > span{
    overflow: hidden  !important;
    display: inline-flex !important;
    width: 70% !important;
}

@media (max-width: 650px) {
    .show-measures {
        display: None;
    }
}


.login-title {
    margin-top: 5%;
    text-align: center
}

.logout-title {
    margin-top: 5%;
    text-align: center;
}

.active-menu-title {
    font-family: Roboto, Arial, "Droid Sans", serif !important;
    margin-left: 10px;
}

#lateral-menu h3 {
    margin-top: 10px !important;
    border-bottom: 1px solid gray;
    width: 95%;
    height: 35px;
    margin-top: 10px;
}
