.modal.right > .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right > .modal-dialog .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right > .modal-dialog .modal-body {
    padding: 15px 15px;
}

/*Right*/
.modal.right.fade > .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in > .modal-dialog {
    right: 0;
}

.modal.right  > .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
}
.modal.right  > .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
}



.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar {
    min-height: 32px !important
}

.navbar-nav > li > a, .navbar-nav > li > a.open {
    border-left: 1px solid #E6E6E6 !important;
    padding: 10px;
}

.navbar-nav > li:last-child > a {
    border-right: 1px solid #E6E6E6 !important;
}

.br {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nowrap {
    white-space: nowrap;
}

.list-group-item a {
    display: block;
}

ul.panelmenu li.list-group-item i.folder {
    color: #F7D40C !important;
    margin-right: 5px;
}

ul.panelmenu li.list-group-item a,
ul.panelmenu li.list-group-item div span {
    color: #000;
    text-decoration: none;
}

ul.panelmenu li.list-group-item.active {
    background-color: #f7f7f7;
}

ul.panelmenu li.list-group-item:hover {
    background-color: #f2f2f2;
}

ul.panelmenu > li.list-group-item {
    padding: 0 15px;
}

ul.panelmenu > li.list-group-item a {
    padding: 10px 0;
    display: block;
}

ul.panelmenu .list-group-item.active, ul.panelmenu .list-group-item.active:hover, ul.panelmenu .list-group-item.active:focus {
    border-color: #DDD;
}


/** colors **/
border-primary   {border: 1px solid #007bff;}
border-secondary {border: 1px solid #6c757d;}
border-success   {border: 1px solid #28a745;}
border-danger    {border: 1px solid #dc3545;}
border-warning   {border: 1px solid #ffc107;}
border-info      {border: 1px solid #17a2b8;}
border-light     {border: 1px solid #f8f9fa;}
border-dark      {border: 1px solid #343a40;}

@import url("https://fonts.googleapis.com/css?family=Roboto");

/*=== BS4 Imports ===*/
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

/*=== SPACING ===*/
@media screen {
    .m-0         {margin: 0 !important;}
    .mt-0, .my-0 {margin-top: 0 !important;}
    .mr-0, .mx-0 {margin-right: 0 !important;}
    .mb-0, .my-0 {margin-bottom: 0 !important;}
    .ml-0, .mx-0 {margin-left: 0 !important;}
    .m-1         {margin: 0.25rem !important;}
    .mt-1, .my-1 {margin-top: 0.25rem !important;}
    .mr-1, .mx-1 {margin-right: 0.25rem !important;}
    .mb-1, .my-1 {margin-bottom: 0.25rem !important;}
    .ml-1, .mx-1 {margin-left: 0.25rem !important;}
    .m-2         {margin: 0.5rem !important;}
    .mt-2, .my-2 {margin-top: 0.5rem !important;}
    .mr-2, .mx-2 {margin-right: 0.5rem !important;}
    .mb-2, .my-2 {margin-bottom: 0.5rem !important;}
    .ml-2, .mx-2 {margin-left: 0.5rem !important;}
    .m-3         {margin: 1rem !important;}
    .mt-3, .my-3 {margin-top: 1rem !important;}
    .mr-3, .mx-3 {margin-right: 1rem !important;}
    .mb-3, .my-3 {margin-bottom: 1rem !important;}
    .ml-3, .mx-3 {margin-left: 1rem !important;}
    .m-4         {margin: 1.5rem !important;}
    .mt-4, .my-4 {margin-top: 1.5rem !important;}
    .mr-4, .mx-4 {margin-right: 1.5rem !important;}
    .mb-4, .my-4 {margin-bottom: 1.5rem !important;}
    .ml-4, .mx-4 {margin-left: 1.5rem !important;}
    .m-5         {margin: 3rem !important;}
    .mt-5, .my-5 {margin-top: 3rem !important;}
    .mr-5, .mx-5 {margin-right: 3rem !important;}
    .mb-5, .my-5 {margin-bottom: 3rem !important;}
    .ml-5, .mx-5 {margin-left: 3rem !important;}
    .m-6         {margin: 4rem !important;}
    .mt-6, .my-6 {margin-top: 4rem !important;}
    .mr-6, .mx-6 {margin-right: 4rem !important;}
    .mb-6, .my-6 {margin-bottom: 4rem !important;}
    .ml-6, .mx-6 {margin-left: 4rem !important;}
    .m-7         {margin: 5rem !important;}
    .mt-7, .my-7 {margin-top: 5rem !important;}
    .mr-7, .mx-7 {margin-right: 5rem !important;}
    .mb-7, .my-7 {margin-bottom: 5rem !important;}
    .ml-7, .mx-7 {margin-left: 5rem !important;}
    .m-8         {margin: 6rem !important;}
    .mt-8, .my-8 {margin-top: 6rem !important;}
    .mr-8, .mx-8 {margin-right: 6rem !important;}
    .mb-8, .my-8 {margin-bottom: 6rem !important;}
    .ml-8, .mx-8 {margin-left: 6rem !important;}

    .p-0         {padding: 0 !important;}
    .pt-0, .py-0 {padding-top: 0 !important;}
    .pr-0, .px-0 {padding-right: 0 !important;}
    .pb-0, .py-0 {padding-bottom: 0 !important;}
    .pl-0, .px-0 {padding-left: 0 !important;}
    .p-1         {padding: 0.25rem !important;}
    .pt-1, .py-1 {padding-top: 0.25rem !important;}
    .pr-1, .px-1 {padding-right: 0.25rem !important;}
    .pb-1, .py-1 {padding-bottom: 0.25rem !important;}
    .pl-1, .px-1 {padding-left: 0.25rem !important;}
    .p-2         {padding: 0.5rem !important;}
    .pt-2, .py-2 {padding-top: 0.5rem !important;}
    .pr-2, .px-2 {padding-right: 0.5rem !important;}
    .pb-2, .py-2 {padding-bottom: 0.5rem !important;}
    .pl-2, .px-2 {padding-left: 0.5rem !important;}
    .p-3         {padding: 1rem !important;}
    .pt-3, .py-3 {padding-top: 1rem !important;}
    .pr-3, .px-3 {padding-right: 1rem !important;}
    .pb-3, .py-3 {padding-bottom: 1rem !important;}
    .pl-3, .px-3 {padding-left: 1rem !important;}
    .p-4         {padding: 1.5rem !important;}
    .pt-4, .py-4 {padding-top: 1.5rem !important;}
    .pr-4, .px-4 {padding-right: 1.5rem !important;}
    .pb-4, .py-4 {padding-bottom: 1.5rem !important;}
    .pl-4, .px-4 {padding-left: 1.5rem !important;}
    .p-5         {padding: 3rem !important;}
    .pt-5, .py-5 {padding-top: 3rem !important;}
    .pr-5, .px-5 {padding-right: 3rem !important;}
    .pb-5, .py-5 {padding-bottom: 3rem !important;}
    .pl-5, .px-5 {padding-left: 3rem !important;}

    .p-6         {padding: 4rem !important;}
    .pt-6, .py-6 {padding-top: 4rem !important;}
    .pr-6, .px-6 {padding-right: 4rem !important;}
    .pb-6, .py-6 {padding-bottom: 4rem !important;}
    .pl-6, .px-6 {padding-left: 4rem !important;}

    .p-7         {padding: 5rem !important;}
    .pt-7, .py-7 {padding-top: 5rem !important;}
    .pr-7, .px-7 {padding-right: 5rem !important;}
    .pb-7, .py-7 {padding-bottom: 5rem !important;}
    .pl-7, .px-7 {padding-left: 5rem !important;}

    .p-8         {padding: 6rem !important;}
    .pt-8, .py-8 {padding-top: 6rem !important;}
    .pr-8, .px-8 {padding-right: 6rem !important;}
    .pb-8, .py-8 {padding-bottom: 6rem !important;}
    .pl-8, .px-8 {padding-left: 6rem !important;}


    .m-n1          {margin: -0.25rem !important;}
    .mt-n1, .my-n1 {margin-top: -0.25rem !important;}
    .mr-n1, .mx-n1 {margin-right: -0.25rem !important;}
    .mb-n1, .my-n1 {margin-bottom: -0.25rem !important;}
    .ml-n1, .mx-n1 {margin-left: -0.25rem !important;}
    .m-n2          {margin: -0.5rem !important;}
    .mt-n2, .my-n2 {margin-top: -0.5rem !important;}
    .mr-n2, .mx-n2 {margin-right: -0.5rem !important;}
    .mb-n2, .my-n2 {margin-bottom: -0.5rem !important;}
    .ml-n2, .mx-n2 {margin-left: -0.5rem !important;}
    .m-n3          {margin: -1rem !important;}
    .mt-n3, .my-n3 {margin-top: -1rem !important;}
    .mr-n3, .mx-n3 {margin-right: -1rem !important;}
    .mb-n3, .my-n3 {margin-bottom: -1rem !important;}
    .ml-n3, .mx-n3 {margin-left: -1rem !important;}
    .m-n4          {margin: -1.5rem !important;}
    .mt-n4, .my-n4 {margin-top: -1.5rem !important;}
    .mr-n4, .mx-n4 {margin-right: -1.5rem !important;}
    .mb-n4, .my-n4 {margin-bottom: -1.5rem !important;}
    .ml-n4, .mx-n4 {margin-left: -1.5rem !important;}
    .m-n5          {margin: -3rem !important;}
    .mt-n5, .my-n5 {margin-top: -3rem !important;}
    .mr-n5, .mx-n5 {margin-right: -3rem !important;}
    .mb-n5, .my-n5 {margin-bottom: -3rem !important;}
    .ml-n5, .mx-n5 {margin-left: -3rem !important;}
    .m-n6          {margin: -4rem !important;}
    .mt-n6, .my-n6 {margin-top: -4rem !important;}
    .mr-n6, .mx-n6 {margin-right: -4rem !important;}
    .mb-n6, .my-n6 {margin-bottom: -4rem !important;}
    .ml-n6, .mx-n6 {margin-left: -4rem !important;}
    .m-n7          {margin: -5rem !important;}
    .mt-n7, .my-n7 {margin-top: -5rem !important;}
    .mr-n7, .mx-n7 {margin-right: -5rem !important;}
    .mb-n7, .my-n7 {margin-bottom: -5rem !important;}
    .ml-n7, .mx-n7 {margin-left: -5rem !important;}
    .m-n8          {margin: -6rem !important;}
    .mt-n8, .my-n8 {margin-top: -6rem !important;}
    .mr-n8, .mx-n8 {margin-right: -6rem !important;}
    .mb-n8, .my-n8 {margin-bottom: -6rem !important;}
    .ml-n8, .mx-n8 {margin-left: -6rem !important;}

    .m-auto        {margin: auto !important;}
    .mt-auto, .my-auto {margin-top: auto !important;}
    .mr-auto, .mx-auto {margin-right: auto !important;}
    .mb-auto, .my-auto {margin-bottom: auto !important;}
    .ml-auto, .mx-auto {margin-left: auto !important;}
}

/*=== Texto ===*/
.text-nowrap {
    white-space: nowrap;
}


/*=== Botones ===*/
.btn {
    color: #666;
    background-color: #f1f1f1;
    border-color: #666;
    font-size: 13px;
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    background: #FFF;
    color: #999;
    border-color: #999;
    text-decoration: none;
}

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

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #007DD1 !important;
    background-color: #FFF !important;
    border-color: #007DD1 !important;
}

.btn-default:focus,
.btn-default.focus {
    color: #FFF !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0, 0, 0, 0.15)
}

.btn-default:hover {
    color: #FFF !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0, 0, 0, 0.15)
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #007DD1 !important;
    background-color: #FFF !important;
    border-color: #007DD1 !important;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #007DD1 !important;
    background-color: #DCEDF7 !important;
    border-color: #007DD1 !important;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none !important;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(255, 255, 255, 0.4)
}

.btn-default .badge {
    color: #007DD1 !important;
    background-color: #ffffff !important;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0, 0, 0, 0.15)
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0, 0, 0, 0.15)
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff !important;
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0, 0, 0, 0.15)
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none !important;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #007DD1 !important;
    border-color: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(255, 255, 255, 0.4)
}

.btn-primary .badge {
    color: #007DD1 !important;
    background-color: #ffffff !important;
}

.btn-success {
    color: #ffffff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.btn-success:focus,
.btn-success.focus {
    color: #ffffff !important;
    background-color: #449d44 !important;
    border-color: #255625 !important;
}

.btn-success:hover {
    color: #ffffff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #ffffff !important;
    background-color: #398439 !important;
    border-color: #255625 !important;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none !important;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.btn-success .badge {
    color: #5cb85c !important;
    background-color: #ffffff !important;
}

.btn-info {
    color: #ffffff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.btn-info:focus,
.btn-info.focus {
    color: #ffffff !important;
    background-color: #31b0d5 !important;
    border-color: #1b6d85 !important;
}

.btn-info:hover {
    color: #ffffff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #ffffff !important;
    background-color: #269abc !important;
    border-color: #1b6d85 !important;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none !important;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.btn-info .badge {
    color: #5bc0de !important;
    background-color: #ffffff !important;
}

.btn-warning {
    color: #ffffff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff !important;
    background-color: #ec971f !important;
    border-color: #985f0d !important;
}

.btn-warning:hover {
    color: #ffffff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #ffffff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #ffffff !important;
    background-color: #d58512 !important;
    border-color: #985f0d !important;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none !important;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.btn-warning .badge {
    color: #f0ad4e !important;
    background-color: #ffffff !important;
}

.btn-danger {
    color: #ffffff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #ffffff !important;
    background-color: #c9302c !important;
    border-color: #761c19 !important;
}

.btn-danger:hover {
    color: #ffffff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #ffffff !important;
    background-color: #ac2925 !important;
    border-color: #761c19 !important;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none !important;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-danger .badge {
    color: #d9534f !important;
    background-color: #ffffff !important;
}

.btn-link {
    color: #007DD1 !important;
    font-weight: normal !important;
    border-radius: 0 !important;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent !important;
}

.btn-link:hover,
.btn-link:focus {
    color: #007DD1 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777777 !important;
    text-decoration: none !important;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px !important;
    font-size: 17px !important;
    line-height: 1.3333333 !important;
    border-radius: 0px !important;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 0px !important;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 0px !important;
}

.btn-block {
    display: block !important;
    width: 100% !important;
}

.btn-block + .btn-block {
    margin-top: 5px !important;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100% !important;
}


/*=== forms  ===*/
.form-control {
    height: 33px;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    border: 1px solid #A3A5A5 !important;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:hover,
.form-control:focus {
    background: #F0F2F2 !important;
}

.form-control:focus {
    border-color: #007DD1 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

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

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

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

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 33px;
    }

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

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

.form-group {
    margin-bottom: 10px;
}

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

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

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

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

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

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

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

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

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

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 32px;
    word-break: break-all;
}

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

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

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

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

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 31px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 35px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 0px;
}

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

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

.form-group-lg .form-control {
    height: 35px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.form-group-lg select.form-control {
    height: 35px;
    line-height: 35px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 35px;
    min-height: 36px;
    padding: 11px 16px;
    font-size: 17px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

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

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

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

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

label.small {
    font-size: 12px;
    margin-bottom: 0;
}
p.form-control-static {
    padding-left: 5px;
    border: 1px solid #E8E8E8;
    font-size: 13px;
}

/*=== panels ===*/
.panel {
    margin-bottom: 19px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 0px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 0px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 0px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 0px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #dddddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 19px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default > .panel-heading {
    color: #666;
    background-color: #FFF;
    border-bottom: 1px solid #898980;
    font-size: 16px;
    font-weight: bold;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd;
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #007DD1;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #007DD1;
    border-color: #007DD1;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #007DD1;
}

.panel-primary > .panel-heading .badge {
    color: #007DD1;
    background-color: #ffffff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #007DD1;
}


/*=== modal ===*/
.bnmodalwin .modal-header {
    background: #3D3F3F;
    color: #FFF
}

.bnmodalwin.bnmodalnested .modal-dialog {
    max-width: 570px;
    margin-top: 120px;
    margin-bottom: 120px;
}


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

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

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

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

a.list-group-item,
button.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333333;
}

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

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

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

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

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #007DD1;
    border-color: #007DD1;
}

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

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #63879e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* === Grid Table ===  */

.bn_table_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 0 1 100%;
    height: 100%;
}
.bn_table_form .table-wrapper {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.table.BNTableB thead > tr > th,
.table.BNTableB > thead > tr > td {
    border: 1px solid #FFF;
    border-collapse: collapse;
    color: #404040;
    white-space: nowrap;
}

.table.BNTableB > caption {
    font-size: 150%;
    font-weight: bold;
    margin: 5px;
}

.table.BNTableB > tbody > tr > td,
.table.BNTableB > thead > tr > td,
.table.BNTableB > tbody > tr > th,
.table.BNTableB > thead > tr > th {
    padding: 8px 10px;
}

.table.BNTableB > thead > tr > th {
    padding: 0;
    text-align: center;
    background: #DAE6F0;
    color: #112B40;
    font-size: 12px !important;
    cursor: default;
    font-weight: 500;
    border-color: transparent;
    vertical-align: middle;
}

.table.BNTableB > thead.BNTableFilter > tr > th {
    border-bottom: 3px solid #254461 !important;
    font-size: 14px;
}

.table.BNTableB > thead > tr > th > div {
    position: relative;
    padding: 6px 10px;
}

.table.BNTableB > thead > tr > th > div.Sort {
    padding-right: 25px;
}

.table.BNTableB > thead > tr > th > div.Sort::before,
.table.BNTableB > thead > tr > th > div.Sort::after {
    position: absolute;
    top: 6px;
    right: 10px;
    bottom: 6px;
    margin-left: 5px;
    display: block;
    color: #FFD469;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}

.table.BNTableB > thead > tr > th > div.Sort::before {

    content: "\f0dc";
    color: #7A8393;
}


.table.BNTableB > thead > tr > th.headerSortDown div.Sort::after {

    content: "\f0dd";
}

.table.BNTableB > thead > tr > th.headerSortUp div.Sort::after {

    content: "\f0de";
}

.table.BNTableB > thead > tr > th .form-control {
    border-color: #B2C4D4 !important;
    background: #EDF5FF;
    color: #5D778C;
}

.table.BNTableB > tbody > tr:nth-child(even) {
    background: #FFF;
}

.table.BNTableB > tbody > tr:nth-child(odd) {
    background: #F4F8FC;
}

.table.BNTableB > tbody > tr:hover {
    background: #EDF5FF;
}

.table.BNTableB > tbody > tr > td > a:link {
    color: #374D79;
    text-decoration: none;
    font-weight: 500;
}

.table.BNTableB  > tbody > tr > td > a:visited {
    color: #374D79;
    text-decoration: none;
    font-weight: 500;
}

.table.BNTableB > tbody > tr > td > a:hover {
    color: #718ABE;
    text-decoration: underline !important;
}

.table.BNTableB tfoot th, .BNTableStyle2 tfoot td {
    font-size: 85%;
}


.table.BNTableB > thead > tr > th {
    background: #007DD1;
    color: #FFF;
    border-color: rgba(255,255,255,0.1);
    height: 30px;
}
.table.BNTableB > thead > tr > th div.pull-left {
    padding: 0;
}
.table.BNTableB > thead > tr > th a {
    display: block;
    color: rgba(255,255,255,0.5);
    padding: 6px 4px;
}
.table.BNTableB > thead > tr > th a:hover {
    background: rgba(0,0,0,0.2);
    color: #FFF;
}
.table.BNTableB > thead.BNTableFilter > tr > th {
    border-bottom: 3px solid #007DD1 !important;
}
.table.BNTableB > thead > tr > th > div.Sort {
    padding-left: 15px;
    padding-right: 15px;
}
.table.BNTableB > thead > tr > th > div.Sort:before,
.table.BNTableB > thead > tr > th > div.Sort:after {
    top: 9px;
    right: 5px;
    bottom: 9px;
    color: #FFF;
}

.table.BNTableB > thead > tr > th > div.Sort:before {
    color: rgba(0,0,0,0.5);
}

.table.BNTableB > thead .headerSortDown, .headerSortUp {
    background: #007DD1 !important;
    box-shadow: inset 0 50px 0 0 rgba(0,0,0,0.2) !important
}

.table.BNTableB > thead > tr th .form-control {
    border-color: #080D14 !important;
    background: #FFF;
    color: #555;
}

.table.BNTableB > tbody > tr:nth-child(even) {
    background: #F8F8F8;
}

.table.BNTableB > tbody > tr:nth-child(odd) {
    background: #FFF;
}

.table.BNTableB > tbody > tr:hover {
    background: #E3E3E3;
}

.table.BNTableB > tbody > tr > td > a:link {
    color: #454545;
    text-decoration: underline;
}

.table.BNTableB  > tbody > tr > td > a:visited {
    color: #565656;
}

.table.BNTableB > tbody > tr > td > a:hover {
    color: #333;
    text-decoration: none;
}

/** === HR ===  */
/*div.hrlabel { height: 1px; background-color: #cccccc; text-align: center; margin-bottom: 10px; margin-top: 10px; }
div.hrlabel span { color: #888888;  font-size: x-small; letter-spacing: 1px; position: relative; top: -0.9em; padding-left: 8px; padding-right: 8px; }
div.hrlabel span.gray { background-color: #FAFAFA; }
div.hrlabel span.white { background-color: #FFF; }*/


.hrlabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 25px 0;
    text-align: center;
}
.hrlabel span {
    display: inline-block;
    padding: 1px 8px;
    font-size: 12px;
    color: #999;
}
.hrlabel:after,
.hrlabel:before {
    content: "";
    display: block;
    position: static;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-top: 1px solid #DDD;
}

.hrlabel.hrlabel-left:before,
.hrlabel.hrlabel-right:after {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 0px;
    flex: 0 1 0px;
}