/* general styles and overwrites */
body {
    margin: 0px;
}
*{
    font-size: 14px;
    font-family: 'gibsonregular';
    font-weight: 400;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
#yii-debug-toolbar * {
    position:initial;
}
h2 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* links should not change font-size */
a {
    color: #719500;
    font-size: inherit;
}
/*overwrite yii gridview css that causes it to be small*/
.grid-view table.items th, .grid-view table.items td {
    font-size: 1em;
}
/* focus properties of standard input elements */
*:focus {
    outline: none !important;
}

.errorSummary > * {
    font-size: 26px;
    font-family: 'gibsonsemibold';
    color: red;
}

input[type=button]:focus,
input[type=submit]:focus
{
	outline: none !important;
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,input[type=number]:focus
{
	border: 2px solid #719500 !important;
	border-radius: 4px !important;
	outline: none !important;
}
#header .select2-container {
    z-index: 9001;
}
textarea {
    height: 80px;
    white-space: unset;
    line-height: 18px;
    padding: 10px;
    font-size: 18px;
    width: 100%;
    font-family: "gibsonregular";
    color: #636363;
    resize: none;
    border-radius: 4px;
}

input {
    border-radius: 5px;
    border: 1px solid #636363;
}
input[type=button], input[type=submit]{
    background-color: #719500;
    color: #FFF;
    cursor: pointer;

}
input[type=button].cancel {
    background-color: red;
    color: white;
}
input[type=button].grey {
    background-color: #909090;
    color: #F5F5F5;
}
input[type=text],input[type=number],input[type=password], select {
    font-family: 'gibsonregular';
    padding-left: 10px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    border-radius: 4px;
    background-color: #F5F5F5;
    border: solid 1px #636363;
    font-size: 14px;
    text-align: left;
    color: #636363;
}


input[type=button].extended {
    width: 100%;
}

.vue-table .sticky-header {
    top: 50px !important;
}

.cleared {
    clear:both;
}

th {
    padding-right: 5px;
}
td {
    padding-right: 5px;
}

th:not(.available) > * {
    width: 100%;
}

th {
    text-align: center;
}
td.number, th.number {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
td.float, th.float {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
td.flag, th.flag {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
td.text, th.text {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}
td.long-text, th.long-text {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}
td.date, th.date {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
/* overwrite the above */
.centered {
    text-align: center;
}

.centered-elements {
    margin: auto;
    float: none !important;
    display: inline-block;
}
/* more detailed stuff */
#wrapper,#content {
    float: left;
    width: 100%;
    min-height: calc(100vh - 50px);
}
#content {
    margin-top: 60px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.search-form {
    padding: 0px 10px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.search-form div{
    width: 100%;
    float: left;
}

.search-form label {
    width: 50%;
    float: left;
    margin-bottom: 0px;
}
.row {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.search-form .search-value {
    width: 50%;
    float: left;
}
.search-form .search-row {
    margin-bottom:5px;
}
.search-form .search-section-title {
    text-align: center;
}
div.spacing {
    height: 20px;
}

div.small-font {
    font-size:14px !important;
}
div.top-padd {
    padding-top: 40px;
}
div.full:not(.default) {
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 10px;
    float: left;
}
div.half:not(.default) {
    width: 50%;
    padding: 0px 10px;
    margin-bottom: 10px;
    float: left;
}
div.third:not(.default) {
    width: 33.33%;
    padding: 0px 10px;
    margin-bottom: 10px;
    float: left;
}
div.twothird:not(.default) {
    width: 66.66%;
    padding: 0px 10px;
    margin-bottom: 10px;
    float: left;
}
div.threequarter:not(.default) {
    width: 75%;
    padding: 0px 15px;
    float: left;
    margin-bottom: 10px;
}
div.quarter:not(.default) {
    width: 25%;
    padding: 3px 5px;
    margin-bottom: 10px;
    float: left;
}
div.fifth:not(.default) {
    width: 20%;
    padding: 3px 5px;
    margin-bottom: 10px;
    float: left;
}

div.bottomed {
    padding-bottom: 5px;
    border-bottom: 2px solid black;
}
div.eighth:not(.default) {
    width: 12.5%;
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.sixth:not(.default) {
    width:16.66%;
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.twelth:not(.default) {
    width: 8.33%;
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.twotwelth:not(.default) {
    width: calc(2 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.threetwelth:not(.default) {
    width: calc(3 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
/*
third 
div.fourtwelth:not(.default) {}
*/
div.fivetwelth:not(.default) {
    width: calc(5 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.seventwelth:not(.default) {
    width: calc(7 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
/*
twothird 
div.eighttwelth:not(.default) {}
*/
/*
threequarter 
div.ninetwelth:not(.default) {}
*/
div.tentwelth:not(.default) {
    width: calc(10 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
div.eleventwelth:not(.default) {
    width: calc(11 * 8.33%);
    padding: 0px 5px;
    margin-bottom: 10px;
    float: left;
}
.default:not(.default) {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    .default {
        float: left;
    }
    .default.twelth {
        width: 8.33%
    }
    .default.twotwelth {
        width: calc(2 * 8.33%)
    }
    .default.threetwelth {
        width: calc(3 * 8.33%)
    }
    .default.fivetwelth {
        width: calc(5 * 8.33%)
    }
    .default.seventwelth {
        width: calc(7 * 8.33%)
    }
    .default.tentwelth {
        width: calc(10 * 8.33%)
    }
    .default.eleventwelth {
        width: calc(11 * 8.33%)
    }
    .default.tenth {
        width: 10%;
    }
    .default.eighth {
        width: 12.5%;
    }
    .default.sixth {
        width: 16.66%;
    }
    .default.quarter {
        width: 25%;
    }
    .default.third {
        width: 33.33%;
    }
    .default.half {
        width: 50%;
    }
    .default.twothird {
        width: 66.66%;
    }
    .default.threequarter {
        width: 75%;
    }
    .default.full {
        width: 100%;
    }
    .default.half:nth-of-type(odd) {
        clear:none;
    }
    .default.third:nth-of-type(3n+1) {
        clear:none;
    }
    .default.quarter:nth-of-type(4n+1) {
        clear:none;
    }
    
}
.default input {
    width: 100%;
}
/* for these to work correctly they need to be encapsulated in a full div and have nothing before hand or else they go off center */
.half:nth-of-type(odd) {
    clear:left;
}
.third:nth-of-type(3n+1) {
    clear:left;
}
.quarter:nth-of-type(4n+1) {
    clear:left;
}

div.bolded {
    font-family: 'gibsonsemibold';
}

b,strong{
	font-family: 'gibsonsemibold';
	font-weight: normal
}

/* used to overwrite spacing on elements */
.no-side-spacing {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 25px;
    background-color: #F5F5F5;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 20px;
}

.select2-container .select2-selection--multiple {
    min-height: 25px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: 25px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #719500;
    color: white;
}

.select2-results__option {
    padding: 2px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(113, 149, 0, 0.5);
    color: white;
}


/* datepicker overwrites */
.datepicker-days td {
    text-align: center;
}
.datepicker-days td.active.day {
    background: #719500 !important;
    color: white;
    border-radius: 5px;
}

/* Overwriting Classes */
.unpadded {
    padding: 0px !important;
}
.padded {
    padding: 5px;
}
.bordered {
    border: 1px solid black;
}
.fixed-float {
    z-index: 1000;
    position: fixed;
    top:50px;
    left:0;
    background-color:white;
}
.unclear {
    clear: initial !important;
}
.no-margin {
    margin: 0px !important;
}
.compact {
    margin-bottom: 0px !important;
}

.empty {
    min-height: 1px;
}
.hidden {
    display:none;
}
.textleft {
    text-align: left;
}

.full.scrollable {
    overflow-y: scroll;
    height: 100%;
}

.textright {
    text-align: right;
}

div.threequarter {
    min-height: 1px;
}

.plus-add-default {
	background: #FFF url('/../../images/v2/icon-add-2.png') no-repeat;
    height: 30px;
    width: 30px;
	background-size: contain;
    display: inline-block;
    cursor: pointer;
}

.minus-remove-default {
	background: #FFF url('/../../images/v2/icon-remove-2.png') no-repeat;
    height: 30px;
    width: 30px;
	background-size: contain;
    display: inline-block;
    cursor: pointer;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}

.plus-add-default.top-right,
.minus-remove-default.top-right {
    position: absolute;
    top: 0;
    right: 10px;
}

.plus-add-default.top-left,
.minus-remove-default.top-left {
    position: absolute;
    top: 0;
    right: 10px;
}

.margin-10 {
    margin: 10px;
}

.margin-left-10 {
    margin-left:10px;
}

.padding-5 {
    padding: 5px;
}

.flex-center {
    display: flex;
    align-items: center;
}

.margin-left-75 {
    margin-left: 75px;
}

.flex-vertical-center {
    display:flex;
    margin: 15px;
    flex-direction: column;
    align-items: center;
}

.margin-top-10 {
    margin-top:10px;
}
.margin-top-20 {
    margin-top:20px;
}

.border-photo-black {
    box-shadow:0px 0px 5px 0.5px black;
}

.padding-left-right-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.text-center {
    text-align:center;
}

.inline-flex {
    display:flex;
}

.inline-c {
    font-size:12px;
    margin-right:20px;
    margin-left:5px;
}

.relative {
    position:relative;
}
.red {
    color: #b93123 !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-size: inherit;
}

input.disabled {
    background-color: white;
    color: black;
}
.white-box {
    padding: 25px 20px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #D4DADE60;
    border-radius: 15px;
}
.clickable {
    cursor:pointer;
}
#dry-ice-time {
	width: 24%;
    float: right;
}
.exp-date-is-early {
    color: #ccc;
}
.green {
    color: #719500;
}
.toggle-split-mode-btn {
    background-color: #719500;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #636363;
    padding: 2px;
}