.box-package {
    width:100%;
    border-radius:5px;
    font-size:15px;
    margin-left:155px;
    margin-bottom:2em;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
}

.box-package > .box-grid {
    width:100%;
    display:grid;
    grid-template-columns: 4fr 9fr 3fr;
    grid-gap: 5px;
}

.box-package > .box-grid > div {
    padding:10px;
}

.box-package > .box-grid + div:nth-child(1) {
    text-align:center;
    height:100%;
    place-self: center stretch;
}


.box-package > .box-grid > div:nth-child(2) > div {
    color:#000 !important;
    font-size:12px;
}

.box-package > .box-grid.color-yellow > div:nth-child(3) {
    background:#fecc45;
    height:100%;
    text-align:center;
}

.box-package > .box-grid.color-blue > div:nth-child(3) {
    background:#0080c7;
    height:100%;
    text-align:center;
}

.box-package > .box-grid.color-red > div:nth-child(3) {
    background:#da4237;
    height:100%;
    text-align:center;
}

.box-package > .box-grid.color-orange > div:nth-child(3) {
    background:#ff4200;
    height:100%;
    text-align:center;
}


.box-package .box-grid.color-yellow > div:nth-child(1) {
    color:#fecc45 !important;
}

.box-package .box-grid.color-blue div:nth-child(1) {
    color:#0072bc;
}

.box-package .box-grid.color-red div:nth-child(1) {
    color:#da4237;
}

.box-package .box-grid.color-orange div:nth-child(1) {
    color:#ff4200;
}


.box-package .box-grid div .box-description {
    font-size:12px;
    text-align: center;
}

.box-package .box-grid div h2 {
    text-shadow:1px 1px 2px #111;
    font-size:33px;
    font-weight:600;
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    padding-bottom:8px;
    border-bottom:dotted 1px #ccc;
    margin-bottom:10px;
    word-spacing: 10px;
    line-height:33px;
}

h2::first-line {
    font-size:20px !important;
}

.box-package .box-grid div h2 > span {
    font-size:18px;
    display:block;
    clear:both;
    opacity:.6;
}

.box-package > .box-grid.color-yellow {
    border-top:solid 6px #fecc45;
    border-bottom:solid 6px #fecc45;
    border-left:solid 6px #fecc45;
}

.box-package > .box-grid.color-blue {
    border-top:solid 6px #0080c7;
    border-bottom:solid 6px #0080c7;
    border-left:solid 6px #0080c7;
}

.box-package > .box-grid.color-red {
    border-top:solid 6px #da4237;
    border-bottom:solid 6px #da4237;
    border-left:solid 6px #da4237;
    
}

.box-package > .box-grid.color-orange {
    border-top:solid 6px #ff4200;
    border-bottom:solid 6px #ff4200;
    border-left:solid 6px #ff4200;
    
}


.box-package > .box-grid > div:nth-child(1) {
    background:#fff;
    /* background-image: linear-gradient(#8dc73f 0%, #ffffff 60%); */
    border-radius:0px;
    margin-left:0px;
    box-shadow:inset 1px 1px 5px #333;
    color:#000;
    height:100%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.color-yellow {
    background:#fff0c7;
    background-image: linear-gradient(#8dc73f 0%, #fff0c7 70%);
    align-items:center;
    align-content:space-around;
}

.color-blue {
    background:#cce6f3;
    background-image: linear-gradient(#8dc73f 0%, #cce6f3 70%);
    align-items:center;
    align-content:space-around;
}

.color-red {
    background:#f8d9d7;
    background-image: linear-gradient(#8dc73f 0%, #f8d9d7 70%);
    align-items:center;
    align-content:space-around;
}

.color-orange {
    background:#f8d9d7;
    background-image: linear-gradient(#ffc73f 0%, #ffd9a7 70%);
    align-items:center;
    align-content:space-around;
}


.box-main-text {
    color:#000;
    font-size:14px !important;
    font-weight:500;
}

.box-main-details {
}


.box-package .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,0.2);
}

.box-package table tr td {
    border-color: rgba(255,255,255,0.3) !important;
}

.box-package .doplacilo-description {
    padding:0;
    font-size:14px;
    color:#222;
}

.box-package .doplacilo-headline {
    padding:0;
    margin:0;
    margin-top:5px;
    margin-bottom:5px;
    font-weight:600;
    font-size:16px;
}

.box-package .doplacilo-price {
    font-size:15px;
    font-weight:600;
}

.box-package .btn-show-doplacila {
    margin:0 auto;
    text-align:center;
    margin-top:8px;
}

.box-package .show-doplacila {
    font-size:13px;
    color:rgba(30, 30, 30, 0.5);
    background:rgba(255, 255, 255, .5);
    box-shadow:inset 1px 1px 2px #999;
    border-radius:5px;
    font-weight:bold;
    margin:0 auto;
    text-align:center;
    padding:5px;
    cursor:pointer;
}