.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-size: 11px;
}

.grid-container header,
.grid-container footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffbd7b;
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 3px;
    height: 19px;
}

.grid-container .header {
    display: flex;
    background-color: #ebebeb;
    color: black;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    padding: 2px;
    font-size: 12px;
    height: 17px;
}

.grid-container .content-box-1-column,
.grid-container .content-box-2-columns {
    padding: 5px;
    display: grid;
}

.grid-container .content-box-2-columns {
    display: grid;
    grid-template-columns: min-content auto;
    grid-gap: 5px;
}

.grid-container .box {
    border-right: 1px solid #bbbbbb;
}

.grid-container div.content-box-2-columns label {
    align-self: center;
    text-align: right;
    white-space: nowrap;
    color: #999;
}

.grid-container p,
.grid-container address,
.grid-container a {
    font-style: normal;
    text-decoration: none;
}

.grid-container div.content-box-2-columns label:after {
    content: ": ";
}

.grid-container textarea {
    height: 100px;
    width: 100%;
    background-color: transparent;
    font-size: 100%;
    resize: vertical;
    box-sizing: border-box;
}

input[type="text"]:disabled,
textarea:disabled {
    background-color: transparent;
}

.grid-container textarea,
.grid-container input {
    border: 1px solid transparent;
}

.grid-container input:hover,
.grid-container textarea:hover,
.grid-container input:focus,
.grid-container textarea:focus {
    background-color: #ffffb8;
    border: 1px solid #cccccc;
}

.grid-container .box-span-1-3 {
    grid-column-start: 1;
    grid-column-end: 3;
}

/* START: General Modal Style */
.modal-form-container {
    font-size: 12px;
}

.modal-form-container textarea {
    font-size: 11px;
}

.modal-form-container fieldset {
    border: none;
    padding: 0px;
}

.modal-form-container legend {
    display: none;
}

.modal-form-container input[type="text"],
.modal-form-container input[type="text"]:disabled:hover,
.modal-form-container input[type="password"],
.modal-form-container input[type="password"]:disabled:hover,
.modal-form-container textarea,
.modal-form-container textarea:disabled:hover {
    background-color: #fff;
    border: 1px solid #b2b2b2;
}

.modal-form-container input[type="text"]:invalid {
	border: 1px solid red;
}

.modal-form-container hr {
    border-color: #fff;
}

.modal-grid-container {
    display: grid;
    grid-template-columns: 120px auto;
    align-items: center;
    grid-gap: 10px;
}

.modal-grid-container .box-span-1-3 {
    grid-column-start: 1;
    grid-column-end: 3;
}

.modal-grid-container label {
    justify-self: right;
}

.modal-grid-container ul.token-input-list-doit {
    width: 100%;
}

/* END: General Modal Style */

/* START: Service Invoice Style */
.grid-container div.impostos-box div.content-box-2-columns span input.aliquota {
    width: 40px;
}

.grid-container div.impostos-box div.content-box-2-columns span input.value {
    width: 35%;
}

.grid-container .billing-box {
    grid-row-start: 3;
    grid-row-end: 5;
}

.grid-container .impostos-box {
    grid-row-start: 3;
    grid-row-end: 6;
    grid-column: 3;
}

/* END: Service Invoice Style */

/* START: Activity Modal Style */
#activityPhasesContainer select {
    width: 120px;
}

.interval-grid-container {
    display: grid;
    grid-template-columns: 120px 85px 85px 80px 85px 85px;
    align-items: center;
    grid-gap: 5px;
}

.interval-grid-container #datepicker-start {
    grid-column-start: 1;
    grid-column-end: span 3;
    justify-self: right;
    font-size: initial;
}

.interval-grid-container #datepicker-end {
    grid-column-start: 4;
    grid-column-end: span 3;
    justify-self: right;
    font-size: initial;
}

#organizationContainer #logoForReport {
	max-width: 60px; 
	max-height: 60px; 
	align-self: center;
}
/* END: Activity Modal Style */
/* Company Setup Style */

.organization-image {
	max-width: 300px;
    max-height: 80px;
}

.organization-image-box {
	justify-content:center;
	text-align:center;
}

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

/* END: Company Setup Style */