@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap');
body, html {font-family: 'Source Sans Pro', sans-serif; height: 100%; margin: 0;}
body {padding-top: 70px;}
section {min-height: 75%;}
.body {padding-top: 102px;}
.background-full {background-image: url("../img/background.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; position: relative;}
.main-background {height:100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../img/main-background.jpg');}
.page-header-background {background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../img/small-header.jpg'); color: #fff; padding: 4rem 1rem;}
.caption {position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); color: #fff;}
.bg-white {background-color: #fff !important; }
.navbar {transition: all .2s ease-in-out; padding: 1rem .5rem;}
.navbar-shrink {padding: 0 .5rem;}
/*.overlay {position: absolute; background: linear-gradient(0deg, rgba(47, 91, 201, .9) 0%, rgba(90, 185, 231, .9) 100%); height: 100%; width: 100%; z-index: 1; left: 0;}*/
.overlay {position: absolute; background: linear-gradient(0deg, #ffc107 0%, rgba(90, 185, 231, .9) 100%); height: 100%; width: 100%; z-index: 1; left: 0;}
.login-form {width: 300px;}
.login-form h1 {font-size: 22px; font-weight: bold; color: #fff; text-align: center;}
.login-form input {margin-bottom: .7rem; padding: .7rem 1.5rem; border-radius: .5rem; border: 0; background-color: #fff;}
/*.row {margin: 0;}*/

.btn {text-decoration: none; display: inline-block; background-image: none; padding: 6px 14px; border: 0; border-bottom-width: 2px; border-style: solid;}

.btn.btn-outline {border-width: 1px; border-style: solid;}

.btn-success {border-color: #7daa51; color: #fff !important; background-color: #8bbd5a;}
.btn-primary {border-color: #2f73b9; color: #fff !important; background-color: #4a96cf;}
.btn-warning {border-color: #F59200; color: #fff !important; background-color: #F7AE42;}
.btn-danger {border-color: #E42020; color: #fff !important; background-color: #FC4646;}
.btn-info {border-color: #00C5E3; color: #fff !important; background-color: #65D4E4;}

.btn-success:hover {background-color: #7daa51; border-color: #7daa51;}
.btn-primary:hover {background-color: #2f73b9; border-color: #2f73b9;}
.btn-warning:hover {background-color: #F59200; border-color: #F59200;}
.btn-danger:hover {background-color: #E42020; border-color: #E42020;}
.btn-info:hover {background-color: #00C5E3; border-color: #00C5E3;}


.navbar-brand img{max-height: 60px;}
.dropdown-menu {right: 0 !important; left:inherit;}

.template-container.export {padding: 25mm; font-size: 9mm; width: 535mm; line-height: 1 !important;}
.inv-header {font-size: 2em; font-weight: bold; text-align: right; border-bottom-width: 5px; border-left: 0; border-top: 0; border-right: 0; border-style: solid; padding: 5px calc(1rem + 15px);}
.inv-row {padding: 0 1rem; margin: 0;}
.inv-row p {margin: 0;}
.inv-muted {color: #6A6A6A;}
.inv-notmuted {color: #000; font-weight: bold; font-size: 1.3em;}
.inv-notmuted-noboost {color: #000 !important; font-weight: bold;}
.inv-row ul {margin: 0; padding: 0; list-style: none;}
.inv-row.bg-light {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.inv-border-top {border-top: 1px solid #CCC;}
.inv-border-bottom {border-bottom: 1px solid #CCC;}
.inv-border-right {border-right: 1px solid #CCC;}
.valign {position: relative;}
.middle {position: absolute; top: 50%; transform: translateY(-50%); right: 30px;}
 
.ul-nostyle li {margin-bottom: 2px; display: block;}
.ul-nostyle li .input-nostyle:only-child  {width: 100%;}
.ul-nostyle li .input-nostyle:not(:only-child) {display: inline-block; width: 75%;}
.ul-nostyle li span {display: inline-block; width: 25%;}
.input-nostyle, .select-nostyle {border: 1px dotted #ccc; padding: 1px; background-color: transparent;}
.input-plaintext {border: 0 !important; background-color: transparent !important; outline: none !important;}

.item {display: block; width: 10rem; height: 10rem; position: relative;}
.item i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}
.item.blue {border-color: #2f73b9; background: linear-gradient(45deg, #4a96cf 45%,#2f73b9 45%);}
.item.orange {border-color: #a73c1a; background: linear-gradient(45deg, #D36749 45%,#d65834 45%);}
.item.purple {border-color: #5e229f; background: linear-gradient(45deg, #8034C6 45%,#7925c7 45%);}
.item.red {border-color: #9f3437; background: linear-gradient(45deg, #B75153 45%,#BA3F42 45%);}
.item.cyan {border-color: #145b5a; background: linear-gradient(45deg, #31A9AF 45%,#24a1a8 45%);}
.item.yellow {border-color: #d78615; background: linear-gradient(45deg, #F8CF41 45%,#ffc600 45%);}
.item.green {border-color: #11482c; background: linear-gradient(45deg, #157B44 45%,#0a773c 45%);}

.small-font {font-size: 12px;}
.rel {position: relative;}
.abs {position: absolute; top: 7px;}
.item-large {height: 50px; position: relative; color: #fff; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; padding: 0 1rem;}
.item-large:hover {color: #fff;}

.middle {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
.no-padding tr td, .no-padding tr th {padding-right: 0; padding-left: 0;}
.no-margin {margin-left: -250px;}

.card {border-radius: 0; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.25);}
.card-body .icon {font-size: 2.5rem;}
.icon.blue {color: #153d75;}
.icon.orange {color: #d65834;}
.icon.purple {color: #7925c7;}
.icon.red {color: #BA3F42;}
.icon.cyan {color: #24a1a8;}
.icon.yellow {color: #f2c31d;}
.icon.green {color: #0a773c;}

.btn-submit-absolute {position: fixed; bottom: 15px; right: 15px; padding: 16px 20px; border-color: #020f41; background: linear-gradient(45deg, #1F4376 45%,#153d75 45%); border-radius: 0; color: #fff; z-index: 9999;}

.modal-lg {max-width: 90%;}
.opacity-1 {opacity: 1 !important;}
.w-40 {width: 40%;}
.bg-warning {background-color: #ffc80e !important;}
.bg-light {background-color: #f1f1f1 !important;}
.ul-nolist {list-style: none; margin: 0;}
.ul-nolist li span {font-weight: bold; padding-left: 1em;}
.border-bottom-light {border-bottom: 2px solid #FFDE6F;}
.border-left-light {border-left: 2px solid #FFDE6F;}
.bg-warning .col-4 {padding-top: 2rem; padding-bottom: 1.5rem;}

.ul-colors li {height: 30px; margin: 5px; border-radius: 15px;}
.ul-colors li:hover {cursor: pointer;}
.color-preview {width: 30px; height: 30px; display: block; border: 1px dotted #ccc;}
.stamp-col {background-color: #fff; border: 1px solid  #ccc; width: 100%; min-height: 250px;}
.img-vert {display: block; margin: auto;}

.template-container input, .template-container select {border: 1px dotted #ccc; padding: 1px; background-color: transparent; width: 100%;}
.template-container .two-cols span {width: 45%; display: inline-block;}
.template-container .two-cols input {width: 55%; display: inline-block;}

.display-1 {font-size: 5.5rem;}
.display-2 {font-size: 4.5rem;}
.display-3 {font-size: 3.5rem;}
.display-4 {font-size: 3rem;}

.alert {border-width: 0; border-bottom-width: 3px;}
.alert-success {border-color: #7daa51; color: #fff !important; background-color: #8bbd5a;}
.alert-primary {border-color: #2f73b9; color: #fff !important; background-color: #4a96cf;}
.alert-warning {border-color: #F59200; color: #fff !important; background-color: #F7AE42;}

.alert.alert-position {border-radius: 0;}
.alert-position {margin-top: 15px; transition: all .2s ease-in-out; margin-left: 15px; margin-right: 15px;}
.alert-position.shrink {top: 69px; position: fixed; margin-top: 0; z-index: 9999; transition: all .2s ease-in-out; width: calc(100% - 30px);}

.card-link {color: #000; text-decoration: none;}
.card-link:hover {color: #000;}

.card-link {transition: .2s ease-in-out;}
.card-link:hover {box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.25)}

.selected-secondary, .selected-success, .selected-danger {text-decoration: underline;}