body {
   /* padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

/* doplneni co v sb-admni2 chybi
.border-left-secondary {
  border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
  border-bottom: 0.25rem solid #858796 !important;
}

.border-left-dark {
  border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
  border-bottom: 0.25rem solid #5a5c69 !important;
}
/* ----- */
.alert-fixed {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 70%;
   /* z-index:9999 !important;*/
   box-sizing: border-box;
    border-radius:0px
}

#custom-fadeout-message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:9999 !important;
    box-sizing: border-box;
    padding: 8px;
}

.invalid-form {
    border-color: red;
}

.img-circle {
    border-radius: 50%;
}

/* START lock-screen */
.lock-screen {
    background: #1FB3A3 url("../images/lock-screen.jpg") no-repeat fixed 0 0 / cover;
}
.lock-wrapper {
    margin:10% auto;
    max-width:500px;
}
.lock-box {
    position:relative;
}
.lock-name {
    background:#fff;
    width:50%;
    float:left;
    height:50px;
    line-height:50px;
    margin-top:55px;
    padding:0 20px;
    text-align:left;
    border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    /*color:#1fb5ad;*/
}
.lock-pwd {
    background:#fff;
    width:50%;
    float:right;
    height:50px;
    line-height:50px;
    margin-top:55px;
    padding:0 0 0 80px;
    border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    color:#1fb5ad;
}
.lock-pwd input {
    width:72% !important;
    margin-top:6px;
    color:#626f81;
}
.lock-pwd input:focus,.lock-pwd input:hover {
    border-color:#fff;
    background-color:#fff;
}
.lock-pwd input:-moz-read-only,.lock-pwd input:read-only {
    border-color:#fff;
    background-color:#fff;
}
.lock-wrapper img {
    position:absolute;
    left:33%;
    border-radius:50%;
    -webkit-border-radius:50%;
    border:10px solid #fff;
    width:160px;
    height:160px;
    background: #fff;
}
.lock-wrapper .locked {
    margin-bottom:20px;
    display:inline-block;
    color:#026f7a;
}
.btn-lock,.btn-lock:hover {
    background:#fff;
    color:#626f81;
    margin-top:3px;
    height:40px;
    width: 30px;
    border: 0;
}
.lock-input {
    width:83%;
    border:none;
    float:left;
    margin-right:3px;
}
#time {
    width:100%;
    color:#fff;
    font-size:125px;
    margin-bottom:50px;
    display:inline-block;
    text-align:center;
    font-family:'Nunito',sans-serif;
    font-weight: 200;
}
/* layout lock button */
.btn-lock-set,.btn-lock-set:hover {
    background:#fff;
    margin-top:0.6rem;
    border: 0;
    display: block;
    padding: 0.5rem 1rem;    
}
/* END Lock-Screen */

/* custom checkbox */
.custom-control-label:before
{
    background-color:#d9534f;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before
{
    background-color:#5cb85c;
}
.custom-control-label::before, 
.custom-control-label::after
{
    top: 0.9rem;
    width: 1.25rem;
    height: 1.25rem;
} 

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajaxLoading {
    display:    none;
    position:   fixed;
    z-index:    1055;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .7 ) 
                url("../images/ajax-loader.gif") 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .ajaxLoading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajaxLoading {
    display: block;
}

/*
Nastaveni jine barvz pro PLACEHOLDER ve formularovzch polich
*/
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #ff9c9c;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #ff9c9c;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #ff9c9c;
 }

 /* Scrollovani v ramci bs-card atp */
 .scroll-in-element {
     max-height: 400px;
     overflow-y: auto;
 }
/* Skryvani preteceni vybraznych souboru u custom file input */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}

.radius{
    border-radius: 0px 10rem 10rem 0px;
}