/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/* SPINNER */

#ajax-spinner
{
    position: fixed;
    z-index: 123456;
    top: 50%;
    left: 50%;
}

.cssload-container
{
    font-size: 0;

    position: relative;

    width: 72px;
    margin: 58px auto;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: cssload-clockwise 6.9s linear infinite;
    -moz-animation: cssload-clockwise 6.9s linear infinite;
    -ms-animation: cssload-clockwise 6.9s linear infinite;
    -o-animation: cssload-clockwise 6.9s linear infinite;
    animation: cssload-clockwise 6.9s linear infinite;
}
.cssload-container:before
{
    position: absolute;
    top: 0;
    left: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 39px;
    height: 39px;

    content: '';

    border: 6px solid rgb(229,229,229);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.cssload-container:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 39px;
    height: 39px;

    content: '';

    border: 6px solid rgb(229,229,229);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.cssload-lt,
.cssload-rt,
.cssload-lb,
.cssload-rb
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 39px;
    height: 19px;

    opacity: 1;
}
.cssload-lt:before,
.cssload-rt:before,
.cssload-lb:before,
.cssload-rb:before
{
    position: absolute;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 39px;
    height: 39px;

    content: '';

    border-top: 6px solid rgb(171,31,31);
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.cssload-lt
{
    margin-right: -6px;

    -webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
    -moz-animation: cssload-lt 2.3s linear -2300ms infinite;
    -ms-animation: cssload-lt 2.3s linear -2300ms infinite;
    -o-animation: cssload-lt 2.3s linear -2300ms infinite;
    animation: cssload-lt 2.3s linear -2300ms infinite;
}
.cssload-lt:before
{
    top: 0;
    left: 0;

    -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
    -moz-animation: cssload-not-clockwise 1.15s linear infinite;
    -ms-animation: cssload-not-clockwise 1.15s linear infinite;
    -o-animation: cssload-not-clockwise 1.15s linear infinite;
    animation: cssload-not-clockwise 1.15s linear infinite;
}

.cssload-rt
{
    -webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1150ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1150ms infinite;
    -o-animation: cssload-lt 2.3s linear -1150ms infinite;
    animation: cssload-lt 2.3s linear -1150ms infinite;
}
.cssload-rt:before
{
    top: 0;
    right: 0;

    -webkit-animation: cssload-clockwise 1.15s linear infinite;
    -moz-animation: cssload-clockwise 1.15s linear infinite;
    -ms-animation: cssload-clockwise 1.15s linear infinite;
    -o-animation: cssload-clockwise 1.15s linear infinite;
    animation: cssload-clockwise 1.15s linear infinite;
}

.cssload-lb
{
    margin-right: -6px;

    -webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1725ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1725ms infinite;
    -o-animation: cssload-lt 2.3s linear -1725ms infinite;
    animation: cssload-lt 2.3s linear -1725ms infinite;
}
.cssload-lb:before
{
    bottom: 0;
    left: 0;

    -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
    -moz-animation: cssload-not-clockwise 1.15s linear infinite;
    -ms-animation: cssload-not-clockwise 1.15s linear infinite;
    -o-animation: cssload-not-clockwise 1.15s linear infinite;
    animation: cssload-not-clockwise 1.15s linear infinite;
}

.cssload-rb
{
    -webkit-animation: cssload-lt 2.3s linear -575ms infinite;
    -moz-animation: cssload-lt 2.3s linear -575ms infinite;
    -ms-animation: cssload-lt 2.3s linear -575ms infinite;
    -o-animation: cssload-lt 2.3s linear -575ms infinite;
    animation: cssload-lt 2.3s linear -575ms infinite;
}
.cssload-rb:before
{
    right: 0;
    bottom: 0;

    -webkit-animation: cssload-clockwise 1.15s linear infinite;
    -moz-animation: cssload-clockwise 1.15s linear infinite;
    -ms-animation: cssload-clockwise 1.15s linear infinite;
    -o-animation: cssload-clockwise 1.15s linear infinite;
    animation: cssload-clockwise 1.15s linear infinite;
}

@keyframes cssload-clockwise
{
    0%
    {
        transform: rotate(-45deg);
    }
    100%
    {
        transform: rotate(315deg);
    }
}

@-o-keyframes cssload-clockwise
{
    0%
    {
        -o-transform: rotate(-45deg);
    }
    100%
    {
        -o-transform: rotate(315deg);
    }
}

@-ms-keyframes cssload-clockwise
{
    0%
    {
        -ms-transform: rotate(-45deg);
    }
    100%
    {
        -ms-transform: rotate(315deg);
    }
}

@-webkit-keyframes cssload-clockwise
{
    0%
    {
        -webkit-transform: rotate(-45deg);
    }
    100%
    {
        -webkit-transform: rotate(315deg);
    }
}

@-moz-keyframes cssload-clockwise
{
    0%
    {
        -moz-transform: rotate(-45deg);
    }
    100%
    {
        -moz-transform: rotate(315deg);
    }
}

@keyframes cssload-not-clockwise
{
    0%
    {
        transform: rotate(45deg);
    }
    100%
    {
        transform: rotate(-315deg);
    }
}

@-o-keyframes cssload-not-clockwise
{
    0%
    {
        -o-transform: rotate(45deg);
    }
    100%
    {
        -o-transform: rotate(-315deg);
    }
}

@-ms-keyframes cssload-not-clockwise
{
    0%
    {
        -ms-transform: rotate(45deg);
    }
    100%
    {
        -ms-transform: rotate(-315deg);
    }
}

@-webkit-keyframes cssload-not-clockwise
{
    0%
    {
        -webkit-transform: rotate(45deg);
    }
    100%
    {
        -webkit-transform: rotate(-315deg);
    }
}

@-moz-keyframes cssload-not-clockwise
{
    0%
    {
        -moz-transform: rotate(45deg);
    }
    100%
    {
        -moz-transform: rotate(-315deg);
    }
}

@keyframes cssload-lt
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 1;
    }
    26%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 0;
    }
    76%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

@-o-keyframes cssload-lt
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 1;
    }
    26%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 0;
    }
    76%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

@-ms-keyframes cssload-lt
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 1;
    }
    26%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 0;
    }
    76%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes cssload-lt
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 1;
    }
    26%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 0;
    }
    76%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

@-moz-keyframes cssload-lt
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 1;
    }
    26%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 0;
    }
    76%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

/* ublaboo row-filters */
.datagrid-collapse-filters-button-row {
    margin: 5px -3px;
}
.row-filters {
    padding: 0 10px;
}

/* kapo admin styles START */

.thumbnailValid,
.thumbnailValidDone,
.thumbnailUnValid
{
    height: 210px;
}
.thumbnailValid
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    border-color: #8f96a0;
    background-color: #d6dde7 !important;
}
a.thumbnailValid:hover
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    background-color: #c9d0d9 !important;
}
.thumbnailValidDone
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    border-color: #8f96a0;
    background-color: #d0e7d4 !important;
}
a.thumbnailValidDone
{
    cursor: not-allowed;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
a.thumbnailValidDone:hover
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    background-color: #bed2c1 !important;
}
.thumbnailUnValid
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    border-color: #8f96a0 !important;
    background-color: #f3f3f3 !important;
}
.thumbnailUnValid:hover
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    border-color: #787e86 !important;
}
a.thumbnailUnValid
{
    cursor: not-allowed;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    color: #9fa7b2 !important;
}
a.thumbnailUnValid:hover
{
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    color: #8f96a0 !important;
}
.smlouvaView ol {
    counter-reset: item;
    text-align: justify;
}

.smlouvaView ol > li {
    counter-increment: item;
}

.smlouvaView ol ol > li {
    display: block;
    text-align: justify;
}

.smlouvaView ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}
/* pro tisk smluv z Praktikonu END */
.smlouvaView
{
    line-height: 20px;

    margin-bottom: 5px;
    padding: 20px;

    border: 1px solid #787e86;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fafafa;
}
.smlouvaView .dynamic
{
    background-color: #d1eac6;
}
.smlouvaView .smlouvaPageEnd
{
    height: 30px;
}
.smlouvaPageEnd {
    margin-top: 100px;
    text-align: right;
    font-style: italic;
}
.nevyplneno
{
    background-color: #eac8c3;
}
.dlazdice
{
    min-height: 190px;
}
.list-type4{
    /*width:410px;*/
    margin:0 auto;
}

.list-type4 ol{
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin-bottom: 4em;
}
.list-type4 a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    color: white;
    text-decoration: none;
    box-shadow:inset 0.5em 0 #747474;
    -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 1s;
    background: #a2a2a2;
}

.list-type4 a:hover{
    box-shadow:inset 1em 0 #747474;
}
.obory a{
    display: block;
    box-shadow:inset 0.3em 0 rgba(213, 213, 213, 0.6);
    color: white;
    -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 1s;
    background: #a2a2a2;
}
.obory a:hover{
    box-shadow:inset 0.5em 0 rgba(182, 182, 182, 0.6);
    color: white;
}
.stavytemat {
    color: white;
    margin: 2px;
}
.obory .schvaleno, .stavytemat .rezervovano, .stavytemat .prirazeno, .stavytemat .dostupne, .stavytemat .castecnedostupne {
    background: #70a240;
}
.obory .kprepracovani {
    background: #a2994d;
}
.obory .keschvaleni, .stavytemat .schvalovani {
    background: #6695a2;
}
.obory .zamitnuto {
    background: #a24d4e;
}
.obory .standart, .stavytemat .koncept {
    background: #a2a2a2;
}
.btn-garant {
    background-color: #c6e69a;
}
.btn-garant:hover {
    background-color: #aecb88;
}
.btn-garant:focus, .btn-garant:active {
    background-color: #fff909;
}
.btn-rezervace {
    background-color: #f5d1ea;
}
.btn-rezervace:hover {
    background-color: #f5b7e1;
}
.btn-backstate {
    background-color: #ff8591;
}
.btn-backstate:hover {
    background-color: #f56276;
}
.btn-prirazeni {
    background-color: #f5d8bd;
}
.btn-prirazeni:hover {
    background-color: #e9cdb4;
}
.btn-partly {
    background-color: #fff6cc;
}
.btn-partly:hover {
    background-color: #fffda4;
}
.gridRowSelected {
    background-color: #d8efff !important;
}
.gridRowSelected:hover {
    background-color: #d0e7f6 !important;
}
/* kapo admin styles END */

.select2 {
    z-index:500;
}

/* vzdalenost popisku od radiobuttonu */
input[type="radio"] {
    margin: 2px 4px 0px 0 !important;
}

/* nutna uprava po upgrade fa*/
.datagrid .label, .widget-body .label {
    padding: .2em .6em .3em !important;
}