body {
    padding-top:0!important;
    font-family: Arial,Helvetica,sans-serif!important;
}

body > h1 {
    text-align: left!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
    position: relative!important;
    height: 200px;
    padding: 0 0 0 180px;
    display: flex;
    align-items: center;
}

body > h1 > img {
    position: absolute;
    left: 0;
}

@media only screen and (max-width: 735px) {
    body > h1 {
        font-size: 25px!important;
    }
}

.ng-view.ng-scope {
    background: linear-gradient(0deg, #fff 52.5%, #e6e6e6 0)!important;
}

.page-headline.ng-scope > div.container > h1, .ng-binding > div > h3 {
    font-size: 32px!important;
    margin-top: 5rem!important;
    font-weight: 700!important;
    text-align: center!important;
}

.page-headline.ng-scope > .container {
    margin-bottom: 30px!important;
}

@media only screen and (max-width: 735px) {
    .page-headline.ng-scope > div.container > h1, .ng-binding > div > h3 {
        font-size: 25px!important;
    }
  }

.page-headline > div > h1 + p {
    font-size: 20px!important;
    font-weight: 700!important;
    text-align: center!important;
}

@media only screen and (max-width: 735px) {
    .page-headline > div > h1 + p {
        font-size: 16px!important;
    }
  }

.text_oddeleni {
    color: #da291c!important;
}

.nav {
    padding-left: 0!important;
    padding: 0!important;
}

#nav2 {
    /*height: 300px!important;*/
    display: flex!important;
    /*flex-direction: column!important;*/
    flex-wrap: wrap!important;
    margin: 0 0 10vh 0!important;
    border:none!important;
    align-content: center;
    justify-content: center;
    background-color: #e8e8e9;

}

/*
@media only screen and (max-width: 735px) {
    #nav2 {
        padding: 0 0 10vh 0!important;
    }
  }
*/

.nav-pills > li {
    float: none!important;
}

.nav-pills > li > a {
    width: 350px;
    background-color: #cccccc!important;
    border-radius: 2px!important;
    padding: 10px 15px 60px 15px!important;
    color: black!important;
    font-size: 22px!important;
    text-align: center!important;
    margin: 5px;
    filter: drop-shadow(1px 2px 1.5px rgba(0, 0, 0,.3));
    transition: background-color .2s ease-out,color .2s ease-out;
}

@media only screen and (max-width: 735px) {
    .nav-pills > li > a  {
        font-size: 16px!important;
    }
  }

.nav-pills > li > a:hover {
    background-color: #a3a3a3!important;
}

.nav-pills > li.active > a {
    background-color: #da291c!important;
    border-radius: 2px!important;
    padding: 10px 20px 60px 15px!important;
    color: white!important;
    text-align: center!important;
    margin: 5px;
}

.nav-pills > li > a.dropdown-toggle {
    display: none;
}

#nav2 > .ng-scope > .ng-binding::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 30px;
    background-size: contain;
    top: 60%;
    left: 32.5%;
    transform: translateX(-32.5%) translateY(-60%);
}

#nav2 > .ng-scope:not(.active) > .ng-binding::after {
    background-image: url(https://objednani.valasskemezirici.cz/images/pin_icon.png);
    transition: background-image .2s ease-out,color .2s ease-out;
}

#nav2 > .ng-scope.active > .ng-binding::after {
    background-image: url(https://objednani.valasskemezirici.cz/images/pin_icon_white.png);
    transition: background-image .2s ease-out,color .2s ease-out;
}

#nav2 > .ng-scope:not(.active) > .ng-binding:hover::after {
    background-image: url(https://objednani.valasskemezirici.cz/images/pin_icon_hover.png);
}

#nav2 > .ng-scope > .ng-binding::before {
    content: "Zašovská 784";
    position: absolute;
    font-size: 15px;
    white-space: nowrap;
    top: 60%;
    left: 55%;
    transform: translateX(-55%) translateY(-60%);
}

#nav2 > .ng-scope:not(.active) > .ng-binding::before {
    color: #989898;
    transition: background-color .2s ease-out,color .2s ease-out;
}

#nav2 > .ng-scope.active > .ng-binding::before {
    color: #fff;
}

#nav2 > .ng-scope:not(.active) > .ng-binding:hover::before {
    color: #cccccc;
}


.ng-scope.success {
    transition: background-color .2s ease-out,color .2s ease-out;
}

.ng-scope.success:hover {
    background-color: #198754;
}

.ng-scope.success:hover a {
    color: #fff !important;
}

.ng-scope.success > .ng-binding:not(.ng-hide) {
    display: block!important;
    width: 100%;
    height: 100%;
}

.ng-scope.success:not(.active) > .ng-binding:not(.ng-hide) {
    color: #da291c;
    transition: color .2s ease-out,color .2s ease-out;
}

.ng-scope.success:not(.active) > .ng-binding:not(.ng-hide):hover {
    color: #fff;
    text-decoration: none;
}

.ng-scope.success.active > .ng-binding:not(.ng-hide) {
    color: #fff;
    text-decoration: none;
}

.ng-scope.success.active > .ng-binding:not(.ng-hide):hover {
    text-decoration: none;
}

.ng-scope.success.active, .ng-scope.success.active a {
    background-color: #198754; /* #da291c */
    color: #fff !important;
    font-weight: bold;
}

.ng-binding.ng-scope.btn.btn-block.btn-success {
    color: #0a3622;
    background-color: #75b798;
    border-color: #198754;
}

.ng-binding.ng-scope.btn.btn-block.btn-success:hover {
    color: #fff;
    background-color: #198754;
}

.ng-binding.ng-scope.btn.btn-block.btn-danger {
    color: #fcebec;
    background-color: #ea868f;
}

.ng-binding.ng-scope.btn.btn-block.btn-danger:hover {
    border: 1px solid transparent!important;
}






/* podbarveni p_i v_b_ru sluyby */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover  {
    color: #ffffff;
    background-color: #ff1500;
}

.btn-danger {
    color: #fff;
    background-color: #FF1500;
    border-color: #FF1500;
}

/* oramovani popisu */
.panel-primary {
    /*border-color: #00;*/
    border: 0px;
}

/* Kalendar obsazeno */
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    color: #fcebec;
    background-color: #ea868f;
    font-weight: normal;
}

/* Kalendar volno */
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #75b798;
}
.table>tbody>tr>td.success a{
    color: #0a3622 !important;
    font-weight: normal;
}

/* Pismo v kalendari  */
.calendar td, .calendar th {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

/* Pismo v sluzby  */
a {
    color: #337ab7;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
}