.material-card {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
    margin: 0 0 20px;
    transition: box-shadow 0.5s;
    padding: 16px;
    margin: 16px;
}

.navbar {
    margin-bottom: 3em;
    background: #0eaaa7f5;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #2491FD !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.panel-heading-len{
    color: #fff !important;
    background-color: #337ab7 !important;
    padding: 5px;
    border-bottom: 1px solid transparent;

}

.panel-heading-cer{
    color: #fff !important;
    background-color: #5cb85c !important;
    padding: 5px;
    border-bottom: 1px solid transparent;

}

.panel-heading-tro{
    color: #fff !important;
    background-color: #F0AD4E !important;
    padding: 5px;
    border-bottom: 1px solid transparent;

}

.center_div{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    
}

.navbar-center
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.formText{

    padding-left: 20em;
    padding-right: 20em;
}

.formButtons{

    margin-top: 1.5em;

}

.modal-dialog{

    margin-top: 10em;
}

.gumbUredi{

    border-radius: 5px;
    padding: 5px 13px;
    background-color: #ffab23;
    color: white;
}

.gumbZbrisi{
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px 11.5px;
    background-color: #bc3315;
    color: white;
}

.gumbUredi:hover{
    color:white;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}

.gumbZbrisi:hover{

    color:white;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}

.gumbUredi:active{

    position:relative;
    top: 2px;
}

.gumbZbrisi:active{
    
    position:relative;
    top: 3px;
    color:white;
}

.dodajText{

    margin-left: 10px;
}

.gumbZaposleni{

    background-color: #d80027;
    color: white;
}

.zaZaposleneText{

    margin-left: 10px;
}

#datumUrnik1, #datumUrnik{
    display: none;
}

#novUrnik{

    margin-top: 5em;
}

@media screen and (min-width: 50px) and (max-width: 800px){

        #novUrnik{

        margin-top: 2em;
        }
}  


#opredeljeniCheckboxLenart{
    width: 30px;
    height: 30px;
}

#opredeljeniCheckboxCerkvenjak{
    width: 30px;
    height: 30px;
}

#opredeljeniCheckboxTrojica{
    width: 30px;
    height: 30px;
}

.checkboxContainer{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkboxText{
    font-weight: bold;
    margin-left: 15px;
}

.input-title{
    color: gray;
    font-size: 14;
}