@font-face { font-family: sacramento; src: url('../fonts/sacramento.ttf') }
@font-face { font-family: scriptina; src: url('../fonts/scriptina.ttf') }
@font-face { font-family: watermelon; src: url('../fonts/watermelon.ttf') }
@font-face { font-family: crunchy; src: url('../fonts/crunchy.ttf') }
@font-face { font-family: hands; src: url('../fonts/hands.ttf') }
@font-face { font-family: riesling; src: url('../fonts/riesling.ttf') }
@font-face { font-family: glitter; src: url('../fonts/glitter.ttf') }
@font-face { font-family: courier; src: url('../fonts/courier.ttf') }

@font-face { font-family: baloo; src: url('../fonts/baloo-regular.ttf') }
@font-face { font-family: italianno; src: url('../fonts/italianno-regular.ttf') }
@font-face { font-family: caveat; src: url('../fonts/caveat-regular.ttf') }
@font-face { font-family: stylishcaligraphy; src: url('../fonts/stylish-calligraphy.ttf') }
@font-face { font-family: throw; src: url('../fonts/throw.ttf') }

canvas { box-sizing: content-box; border: 1px solid #caced7; margin-bottom: 10px }

.input-group { width: 100% }
.input-group .input-group-addon { text-align: left; width: 45%; background: #f6f6f6 }
.form-input { display: block; width: 100%; font-size: unset; line-height: 1 !important; background: #fff; border: 1px solid #caced7 }
.form-input:focus { border-color: #66afe9 }
.input-group .form-input { border-bottom-left-radius: 0; border-top-left-radius: 0 }
label.form-label { font-weight: bold; margin: 12px 0 3px 0 }

textarea.form-input { line-height: 1.5 !important }
textarea[name=data] { height: 139px !important }
textarea[name=text1], textarea[name=text2] { height: 349px !important; resize: none }
textarea[name=text] { height: 223px !important; resize: none }
textarea[name=podpis] { height: 55px !important; resize: none }

@media (max-width: 991px) {
  textarea[name=text1] { margin-bottom: 25px }
}

ul.toggles { font-size: 0; list-style: none; line-height: 0; margin: -3px 0 0 0; padding: 0 0 13px 0; border-bottom: 1px solid #E6E8EC }
ul.toggles li { list-style: none; margin: 3px 0; padding: 0; display: inline-block; box-sizing: content-box; border: 3px solid transparent; cursor: pointer }
ul.toggles li.selected { border-color: #000 }

#farba_toggles { margin: 0; padding: 0 0 16px 0 }
#farba_toggles li { width: 50px; height: 30px; margin: 0 }
#farba_toggles li span { display: inline-block; width: 50px; height: 30px }

#motiv_toggles li img { height: 40px; width: auto }
#motiv_toggles li img[src*=".svg"] { padding: 6px }
#motiv_toggles.noresize li img { height: auto }

#obrazok_toggles li img { height: 50px; width: auto; padding: 0 6px }

#vystup { display: none }

.navbar { margin: 0 0 5px 0 }

.text-error { color: #ff0000 }

.d-hide { display: none !important }

.toast { max-width: 602px; font-size: 13px; background: rgba(69,77,93,.9); border: 1px solid #454d5d; border-radius: 4px; color: #fff; display: block; padding: 5px 12px; width: 100% }
.toast a { color: #fff; text-decoration: underline }
.toast.toast-success { background: #36a244; border-color: #36a244 }
.toast.toast-error { background: rgba(232,86,0,.9); border-color: #e85600 }

#policka .toast { max-width: 100% }