/*BOOTSTRAP CHANGES
Here overwritten defaul bootstrap styles*/



/* Body */

body {
    padding: 0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
h1,
h2,
h3,
h4,
.e_sitemap {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Nav tabs */
.e_responsivetabs {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

/* Navbar */
.navbar {
    margin-bottom: 0px;
}

.navbar {
    margin-top: 0;
    min-height: 80px;
}

.navbar-static-top {
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.navbar-default {
    background-color: #FFF;
}


.navbar-nav > li > a {
    color: #333;
    padding: 5px 35px 5px 15px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    display: block;
}

/*Botones dentro del Menú*/
.navbar-nav > li > a.btn.btn-primary {
    padding: 6px 12px;
    margin-left: 15px;
    color: #fff;
    display: inline-block;
}

.navbar-nav > li > a.btn.btn-primary:hover {
    color: #fff;
    background-color: #3276b1 !important;
    border-color: #285e8e;
}
​
@media (min-width: 1200px) {
    /*.navbar-nav > li > a
{
padding: 8px 35px 8px 15px;
    font-size: 16px;
}*/
}



.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
    text-decoration: none;
    /*cursor: default;*/
    outline: none;
    background: #eee !important;
}

.navbar-nav > li > a:focus {
    background-color: #fff;
    color: #333;
}

.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
    background-color: #009ada;
    color: #fff;
}


.navbar-nav > li > a .badge {
    background: #999;
}

.navbar-nav > li > a:hover .badge {
    background: #fff;
    color: #009ada;
}

.navbar-nav .dropdown-menu > li > a {
    color: #333333 !important;
    display: block !important;
    font-weight: normal !important;
    padding: 3px 15px 3px 30px !important;
    position: relative;
}

    .navbar-nav .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: #009ADA;
    }

    /*@media (min-width: 768px)
{

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus,
.navbar-nav .dropdown-menu > li > a:hover {
    box-shadow: inset 3px 0px 2px -1px rgba(0,0,0,.1), inset 1px 0px 0px 0px rgba(0,0,0,.08);
}
}*/


    .navbar-nav .dropdown-menu > li > a.e_menu_disabled,
    .navbar-nav .dropdown-menu > li > a.e_menu_disabled:hover,
    .navbar-nav .dropdown-menu > li > a.e_menu_disabled:focus {
        pointer-events: none;
        background-color: #fff;
        color: #ccc !important;
        cursor: default;
    }

    .navbar-nav .dropdown-menu > li > a.e_menuIsResults:after {
        content: url(../images/ico/Chart-Bar.png);
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .navbar-nav .dropdown-menu > li > a:hover.e_menuIsResults:after {
        content: url(../images/ico/Chart-Bar-White.png);
        float: right;
    }

.navbar-nav .dropdown-header {
    text-transform: uppercase;
    border-top: solid 1px #f5f5f5;
    padding: 10px 15px;
    background: #fcfcfc;
    font-size: 11px;
    color: #bbb;
    border-bottom: solid 1px #f5f5f5;
}

.navbar-nav > li > a .caret {
    margin-top: -2px;
}

/* Corrige el padding en el menú responsivo */

.navbar-nav {
    margin: 0;
}

.dropdown-menu {
    text-align: left;
    border-radius: 0;
}

a {
    color: #009ADA;
    cursor: pointer;
}

.nav-pills > li > a {
    border-radius: 0px;
}


/*@media (min-width: 768px) and (max-width: 991px)
{
    .nav > li > a
    {
        font-size: 13px;
        padding-left: 7px;
        padding-right: 7px;
    }
}*/


@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
}

/*Popover*/


.popover {
    border-radius: 0px;
    background: rgba(255,255,255,.95);
    padding: 0;
}

.popover-title {
    border-radius: 0;
    background: transparent;
    font-weight: 400;
    font-size: 17px;
    padding: 12px 14px;
}


/* Tables */

.table th {
    font-weight: 600;
}


/*.table th
{
    font-weight: 300;
    font-size: 14px;
    background: #fbfbfb;
    vertical-align: bottom;
    border-bottom: 1px solid #eee !important;
    border-top: none !important;
    padding: 10px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td
{
    border-top: 1px solid #eeeeee;
}

.table-hover > tbody > tr:hover > td
{
    background-color: #ffffd6;
}

.table-hover > tbody > tr:hover > th
{
    background-color: transparent;
}*/





/*Container*/

@media (min-width: 768px) {
    .container {
        max-width: 750px;
        width: auto;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
        width: auto;
    }
}
/*@media (min-width: 768px)
{

    .container
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}*/


/* Buttons */

.btn.btn-default,
.btn.btn-primary {
    font-size: 12px;
}

.input-group-btn .btn.btn-default,
.input-group-btn .btn.btn-primary {
    padding: 8px 8px 7px;
}

.btn {
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-no-uppercase {
    text-transform: none !important;
}

    .btn-sm,
    .btn.btn-sm {
        font-size: 11px;
        padding: 5px 5px 4px;
    }

    .btn-xs,
    .btn.btn-xs {
        font-size: 10px;
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, .125);
    }

.btn-primary {
    background-color: #44709B;
}

.btn .caret {
    margin-right: 1px;
    margin-left: 1px;
}

.btn-success {
    background-color: #1bbc9b;
    border-color: #17A286;
}

    .btn-success:hover,
    .btn-success:focus,
    .open .dropdown-toggle.btn-success {
        background-color: #18A98C;
        border-color: #148F77;
    }



/*.btn:not(.btn-link)
{
            box-shadow: 2px 2px 0px rgba(0,0,0,.06);
}*/

@media (max-width: 499px) {
    .e_btn_block {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}


/*Tooltip*/

.tooltip-inner {
    border-radius: 0px;
    font-size: 14px;
    padding: 5px 8px;
}

    .tooltip-inner ul {
        list-style-type: none;
    }


input[type="radio"] + label {
    font-weight: normal;
}


.e_horiz {
    float: left;
    padding-top: 7px;
}

    .e_horiz input[type="radio"] + label {
        margin: 0 20px 0 5px;
    }


.modal {
    z-index: 100001;
    height: auto !important;
}

.modal-backdrop {
    z-index: 100000;
}

.modal-header {
    background: #999;
    color: #fff;
    border-bottom-color: #999;
    border-radius: 2px 2px 0 0;
}

h4.modal-title {
    letter-spacing: -0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    position: relative;
}

    h4.modal-title:after {
        content: "";
        background: url("../images/logos/logo_endalia_simbolo_blanco.svg") 0 0 no-repeat;
        background-size: 100%;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        top: 0;
    }

.modal-content {
    border-radius: 3px;
}

.top-buffer {
    margin-top: 20px;
}

.modal-header .e_moreinfo {
    margin-top: -2px;
    position: absolute;
}

/* Workflows */

.help-block {
    font-size: 13px;
    /*margin-top: 10px;*/
    color: #999;
    font-style: italic;
}

    .help-block.e_radio_help {
        padding-left: 20px;
        margin-bottom: -5px;
    }



.panel-destacado {
    background: #fbfbfb;
}

    .panel-destacado .form-group {
        margin-bottom: 0;
    }

    .panel-destacado .form-horizontal .control-label,
    .panel-destacado .form-horizontal .radio,
    .panel-destacado .form-horizontal .checkbox,
    .panel-destacado .form-horizontal .radio-inline,
    .panel-destacado .form-horizontal .checkbox-inline,
    .panel-destacado .form-horizontal .form-control-static {
        padding-top: 3px;
    }


/* Forms / Formularios */

.form-group > label,
.form-group > .control-label,
.form-horizontal .control-label:not(.radio),
.form-inline .control-label:not(.radio) {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.form-control:not(.input-xs),
.form-control:not(.input-sm),
.form-control:not(.input-lg) {
    font-size: 13px;
}

.form-control {
    border-radius: 2px;
    box-shadow: none;
}

.form-horizontal .form-control-static {
    font-size: 13px;
}

.form-inline .control-label {
    margin-right: 5px;
}

.form-inline-spaced span {
    margin-right: 15px;
}

.form-inline .form-control + .control-label,
.form-inline .form-control + .btn {
    margin-left: 10px;
}


@media (min-width: 768px) {

    .form-horizontal .control-label {
        text-align: left;
        /*padding-top: 9px;*/
    }
}

textarea {
    resize: none;
}


.form-control.input-xxs {
    height: 23px;
    padding: 4px 5px 6px;
    font-size: 12px;
}

.input-xs {
    height: 24px;
    padding: 0px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.remarks-block {
    font-size: 13px;
    color: #999;
    font-style: italic;
}

.form-horizontal .form-control-static {
    padding-top: 6px;
}


/* Alerts */

.alert {
    padding: 5px 10px;
    border-radius: 1px;
    font-size: 13px;
}

    .alert > .glyphicon {
        font-size: 12px;
        margin-right: 5px;
    }

/*.alert-warning {
  color: #999;
  background-color: #fbfbfb;
  border-color: #fbfbfb;
}*/

/*.alert-warning:before
{
    font-size: 12px;
    content: "\e107";
    font-family: 'Glyphicons Halflings';
}*/

/******************Para los desplegables de options del grid en pantallas pequeñas***********************/


.e_btn_group_table .dropdown-menu > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .e_btn_group_table .dropdown-menu > ul > li > a,
    .e_btn_group_table .e_btn_group_table_item {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        font-size: 11px;
    }

    .e_btn_group_table .dropdown-menu > ul > li > a,
    .dropdown-menu > li > a{
        font-size: 13px;
    }


        .e_btn_group_table .dropdown-menu > ul > li > a:hover,
        .e_btn_group_table .dropdown-menu > ul > li > a:focus,
        .e_btn_group_table .e_btn_group_table_item:hover,
        .e_btn_group_table .e_btn_group_table_item:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

@media (max-width: 767px) {

    .e_btn_group_table.open > div.dropdown-menu {
        left: 20px;
        right: 20px;
        top: 44%;
        position: fixed;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        font-size: 14px;
        list-style: outside none none;
        margin: 2px 0 0;
        padding: 5px 0;
    }

    .e_btn_group_table .dropdown-menu > ul > li > a, .e_btn_group_table .e_btn_group_table_item {
        padding: 10px 20px;
        font-size: 15px;
    }

    .e_actions_group .dropdown-menu,
    .e_employee_actions .dropdown-menu {
        position: fixed;
        top: 44%;
        left: 20px !important;
        right: 20px !important;
    }

        .e_actions_group .dropdown-menu > li > a,
        .e_employee_actions .dropdown-menu > li > a {
            padding: 10px 20px;
            font-size: 15px;
        }

    .dropdown-backdrop {
        background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 99%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.5)), color-stop(99%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 99%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 99%,rgba(0,0,0,0.7) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 99%,rgba(0,0,0,0.7) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 99%,rgba(0,0,0,0.7) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
}


@media (max-width: 499px) {
    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.33333333%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.66666667%;
    }

    .col-xxs-1 {
        width: 8.33333333%;
    }
}


/* PANELS */

.panel-heading {
    border-radius: 0;
}

.panel-footer {
    background: #fff;
}


/* MEDIA */

.media {
    /*// Proper spacing between instances of .media margin-top: 15px;
    &:first-child;*/
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
    /* Fix collapse in webkit from max-width: 100% and display: table-cell. &.img-thumbnail;*/
    max-width: none;
}

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

/*// Reset margins on headings for tighter default spacing */
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

/*// Media list variation // // Undo default ul/ol styles */
.media-list {
    padding-left: 0;
    list-style: none;
}


td.success, th.success, tr.success > td, tr.success > th {
    background-color: #dff0d8;
}

td.info, th.info, tr.info > td, tr.info > th {
    background-color: #d9edf7;
}

td.warning, th.warning, tr.warning > td, tr.warning > th {
    background-color: #fcf8e3;
}

td.danger, th.danger, tr.danger > td, tr.danger > th {
    background-color: #f2dede;
}


.well {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

/* Avoid IE */
@supports not (-ms-high-contrast: none) {
    .endalia-fix-hierarchicaltable-dropdown-menu .dropdown-menu {
        position: fixed !important;
        top: calc(var(--parent-height)) !important;
        z-index: 1 !important;
        right: 24px !important;
        margin-top: 26px !important;
    }
}