@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% !important; margin: 0;}
body {padding-top: 40px;}
section {min-height: 75%;}
.body {padding-top: 40px;}
.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:100vh; 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: 0; border: 0;}
.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; border-radius: 0;}

.btn.btn-outline {border-width: 1px; border-style: solid;}
.left-no-border {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.nav-tabs .nav-link.active {background-color: #4a96cf; color: #fff; border-color: #2f73b9; border-top-width: 2px;}

.login-form {background-color: #fff; width: 100%; max-width: 300px;  padding: 2rem; border-radius: .5rem;}
.login-form .form-control {border: 1px solid #ccc;}
.login-form .form-control:focus {background-color: transparent !important;}
.login-form .form-control:-internal-autofill-selected {background-color: transparent!important;}
@media (min-width: 576px) { 
    .login-form {max-width: 500px; padding: 3.5rem; border-radius: .5rem;}
}
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }

.side-menu {margin: 1.5rem 0; padding: 0; list-style: none; min-height: calc(100vh - 279px);}
.side-menu .user {font-size: 1.5rem; font-weight: bold; padding: 0 15px;}
.side-menu li, .side-menu li a {display: block; position: relative;}
.side-menu li.disabled {text-transform: uppercase; color: rgba(0, 0, 0, 0.5); padding: 2.25rem 15px .2rem 15px; font-size: .85rem;}
.side-menu li a {text-decoration: none; font-size: 1rem; color: #000; padding: .5rem 15px;}
.side-menu li a:hover {background-color: rgba(0, 0, 0, 0.1);}
.side-menu li .badge-part {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

.page-body {min-height: 80%;}

.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-secondary {border-color: #45494F; color: #fff !important; background-color: #6c757d;}

.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;}
.btn-secondary:hover {background-color: #45494F; border-color: #45494F;}


.navbar-brand {padding: 0;}
.navbar-brand img{max-height: 30px;}
.dropdown-menu {right: 0 !important; left:inherit;}
.dropdown-menu.show {transform: none !important; left: 0;}
select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 4px);}
.badge-bigger {padding: 0.5rem .8rem; font-size: 90%;}
.badge-bigger a {font-size: 100%; text-decoration: none; color: #fff; display: inline-block;}
.badge-bigger a:hover {color: #F33437;}

.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%;}
.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);}

.spz-input {border-right: 0;}

.c-checkbox {flex: 0 0 auto; border: 1px solid #ced4da; height: 40px; margin: 0; border-left: 0; border-right: 0; line-height: 38px;}
.c-checkbox {display: block; position: relative; padding-left: 45px; cursor: pointer; font-size: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100px;}
.c-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 39px;
  width: 39px;
  background-color: #eee;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
}

/* On mouse-over, add a grey background color */
.c-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.c-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.c-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.c-checkbox .checkmark:after {
  left: 17px;
  top: 15px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bg-danger, .bg-danger a.text-danger, .bg-danger .input-nostyle, .bg-danger button {color: #fff !important;}
.responsive-table {border-bottom: 2px solid #ced4da; padding: 5px 10px;}
.alert-static {position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;}

.min-height-100 {min-height: 200px;}
.table td {vertical-align: middle;}

.panel {border: 1px solid #ccc; padding: 20px 7px 5px 7px; position: relative;}
.panel-danger {border-color: #FC4646;}
.panel-warning {border-color: #ffc107;}
.panel-danger .panel-heading {border-color: #FC4646; background-color: #FC4646; color: #fff !important; font-weight: bold;}
.panel-warning .panel-heading {border-color: #ffc107; background-color: #ffc107; color: #fff !important; font-weight: bold;}
.panel-heading {border: 1px solid #ccc; background-color: #fff; padding: 1px 5px; display: inline-block; position: absolute; margin-top: -35px;}


.nav-pills a.nav-link {border-radius: 0; color: #383d41; background-color: #e2e3e5; border-bottom: 2px solid #979797;}
.nav-pills a.nav-link:hover {border-radius: 0; color: #383d41; background-color: #C7C7C7;}
.nav-pills a.nav-link.active {border-radius: 0; border-color: #2f73b9; color: #fff !important; background-color: #4a96cf; border-bottom: 2px solid #2f73b9;}
.nav-pills a.nav-link.active:hover {border-radius: 0; border-color: #2f73b9; color: #fff !important; background-color: #2f73b9;}

.nav-like-btngroup {border: 0;}

.dropdown-select .dropdown .dropdown-menu {max-height: 350px; overflow-y: auto;}

.sd-delete a:hover {background-color: #FF494C;}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}