/* LAYOUT */

#one_layout_hover_left
{
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 15px;
}

#one_layout_hover_right
{
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 15px;
}

/* ALIGN */

.center_all {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.evaluation_cell {
    padding: 5px;
    color: black;
    text-align: center;
    border-radius: 4px;
    background-color: #eeeeee !important;
}

.evaluation_header {
    padding: 5px;
    color: black;
    text-align: center;
    border-radius: 4px;
    background-color: #eeeeee;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove
{
    font-size: 14px;
}

/* HEADER LOGO */

.logo_horizontal {
    display: inline-block;
    line-height:10px;
    text-align: left;
}

.logo_title_big {
    font-family: 'Montserrat';
    font-size:20px;
    font-weight: bold;
}

.logo_one {
    font-family: 'Montserrat';
    font-size:10px;
    margin-top: -200px;
    color: #f5af1a;
}

/* BUTTONS */

.button_icon
{
    margin-right:12px;
}

.btn:hover .button_icon
{
    transform: scale(1.2);
    transition: all 0.2s ease-in-out;
}

.btn:hover
{
    animation-name: hover_button;
    animation-duration: 0.1s;
    animation-timing-function: ease-in-out;
}

@keyframes hover_button
{
    0%   {transform: scale(1);}
    50%  {transform: scale(1.05);}
    100% {transform: scale(1);}
}

/* ACTION BUTTONS */

.action_button {
    width: 25px;
    height: 25px;
    color: #242144;
    background-color: #f5af1a;
    border-radius: 50%;
}

.action_button:hover {
    color: #ffffff;
    background-color: #aa7a12;
}

.control-label {
    margin-right: 20px;
}

/* FLASH */

.close
{
    font-size: 16px !important;
    text-shadow: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* TABLES */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #ffffff;
}

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

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #1c2155;
    border-color: #337ab7;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 50%;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

.pagination > li > a, .pagination > li > span
{
    background-color: #fff;
    border-color: #fff;
    color: #666;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus
{
    background-color: #eee;
    border-color: #eee;
    color: #666;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    background-color: #eee;
    border-color: #eee;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

/* INDEX CARD */

@keyframes hover_index_box
{
    0%   {
        transform: scale(1);
        bottom: 0;
        box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    }
    50%  {
        bottom: -5px;
    }
    100%  {
        transform: scale(1.05);
        bottom: 0;
        box-shadow: 0 1px 60px 0 rgba(69,90,100,.08);
    }
}

@keyframes out_index_box
{
    0%   {
        transform: scale(1.05);
        bottom: 0;
        box-shadow: 0 1px 60px 0 rgba(69,90,100,.08);
    }
    50%  {
        bottom: -5px;
    }
    100%  {
        transform: scale(1);
        bottom: 0;
        box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    }
}

/* HELP */

.help_icon
{
    color: #f6b71b;
    cursor: help;
}

.glyphicon-trash
{
    color: #f6b71b;
}

/* MODAL */

.modal-content
{
    border-radius:5px !important;
}

.bootstrap-dialog.type-warning .modal-header
{
    background-color: #ffffff !important;
    border: 0 !important;
}

.bootstrap-dialog .bootstrap-dialog-title
{
    color: #000000;
}

table.detail-view th {
    width: 25%;
}

table.detail-view td {
    width: 75%;
}