@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
    margin: 0px;
    min-width: 1300px !important;
    position: relative;
    font-family: "Roboto" !important;
    -webkit-print-color-adjust: exact;
}

html, body {
    height: 100%;
}

body, .app-container {
    min-height: 630px !important;
    margin-bottom: -45px;
}

input {
    border-radius: 6px !important;
    padding: 0px 0px 0px 8px !important;
    height: 100%;
    border: 0px;
    width: 100%;
    color: #000000;
}

file-input{
    display: block;
    height: 100%;
    margin-top: -5px;
}

p-pickList{
    display: block;
    height: 100%;
}

p-calendar {
    width: 100%;
    display: block;
    /*height: 100%;*/
}

p-autoComplete {
    width: 100%;
    height: 100%;
    display: block;
}

p-multiSelect {
    width: 100%;
    height: 100%;
    display: block;
}

textarea{
    width: 100%;
    height: 100%;
}

p-spinner{
    height: 100% !important;
    display: block;
}

p-autocomplete input, p-calendar input {
    border-radius: 6px 0px 0px 6px !important;
}

p-listbox {
    width: 100%;
    height: 100%;
}

p-selectButton {
    height: 26px;
    display: block;
    width: 100%;
}

p-inputMask{
    height: 100%;
    display: block;
    width: 100%;
}

p-inputMask input{
    text-align: left !important;
}

login-component {
    display: flex;
    justify-content: center;
}

neka-table{
    display: block;
}

.content-view {
    min-height: calc(100% - 185px);
    padding: 20px 30px 20px 30px;
}

.content-container {
    background-color: #e1e1e1;
    border-radius: 10px;
}

.normal-container-width {
    width: 600px;
    margin: auto;
}

.medium-container-width {
    width: 1000px;
    margin: auto;
}

.max-container-width {
    width: 100%;
}

.dynamic-container-width {
    width: 95%;
    margin: auto;
}

.view-title {
    font-size: 18px;
    font-weight: bold;
}

.table {
    margin: 0px 0px 0px 0px;
}

.table .view-title, .editor .view-title {
    margin: 20px 0px 0px 35px;
}

.half-content {
    padding: 15px 15px 15px 15px;
}

.half-content .view-title {
    margin: 0px 0px 0px 0px;
}

.half-content .table-panel {
    padding: 0px 0px 0px 0px;
}

.half-content .button-panel {
    height: 30px;
    padding: 0px 0px 0px 0px;
}

.max-height {
    height: 100%;
}

.button {
    background: #509E2F !important;
    border-color: #509E2F !important;
    border-radius: 6px !important;
    padding: 0px !important;
    height: 32px;
    float: right;
    margin: 0px 0px 0px 15px;
}

.button.right-button{
    float: right;
    margin: 0px 0px 0px 15px;
}

.button.left-button{
    float: left;
    margin: 0px 15px 0px 0px;
}

.button:hover {
    background: #3ab54a;
    border-color: #3ab54a;
}

.button:focus {
    background: #3ab54a;
    border-color: #3ab54a;
}

.button:active {
    background: #3ab54a;
    border-color: #3ab54a;
}

.button[disabled] {
    background: #707070;
    border-color: #707070 !important;
    box-shadow: 0px 0px 0px #707070 !important;
}

#add-button, #edit-button {
    width: 155px;
}

#add-button {
    float: left;
    margin: 0px;
}

#edit-button {
    float: right;
}

.right-aligned {
    text-align: right;
}

.global-filter-panel {
    float:left;
    border: 0px;
    background: #e1e1e1;
}

.global-filter-panel {
    width: 100%;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 14px;
}

.global-filter-label {
    margin: 0px;
    margin-right: 10px;
}

.data-table-with-gfilter {
    float:left;
}

.data-panel {
    margin: 0px 35px 0px 35px;
}

.data-category-title {
    margin-top: 10px;
    font-weight: bold;
}

.data-item, .data-sub-item {
    display: flex;
    margin: 6px 0px 6px 0px;
}

.data-sub-item {
    padding-left: 40px;
}

.data-short-width-label{
    width: 88px;
}

.data-normal-width-label {
    width: 150px;
}

.data-medium-width-label {
    width: 185px;
}

.data-long-width-label {
    width: 220px;
}

.data-large-width-label {
    width: 290px;
}

.data-margin, .data-short-width-label, .data-normal-width-label , .data-medium-width-label, .data-long-width-label, .data-large-width-label {
    padding: 5px 0px 0px 0px;
}

.short-input {
    width: 70px;
}

.fixed-330-input {
    width: 330px;
}

.data-min-dynamic-width-input{
    width: calc(100% - 90px);
}

.data-short-dynamic-width-input {
    width: calc(100% - 100px);
}

.data-normal-dynamic-width-input {
    width: calc(100% - 150px);
}

.data-medium-dynamic-width-input, .data-medium-dynamic-width-input-button {
    width: calc(100% - 185px);
}

.data-medium-dynamic-width-input-button {
    display: flex;
}

.data-medium-dynamic-width-input-button .side-button {
    margin: 0px 0px 0px 5px;
}

.data-min-dynamic-width-textarea {
    height: 60px;
    width: calc(100% - 90px);
}

.data-normal-dynamic-width-textarea {
    height: 60px;
    width: calc(100% - 150px);
}

.data-medium-dynamic-width-textarea {
    height: 60px;
    width: calc(100% - 185px);
}

.data-full-dynamic-width-picklist {
    height: 242px;
    width: 100%;
}

.data-medium-dynamic-width-picklist {
    height: 242px;
    width: calc(100% - 185px);
}

.data-almostfull-dynamic-width-input {
    width: 99%;
    height: 100%;
}

.data-full-dynamic-width-input {
    width: 100%;
    height: 100%;
}

.data-min-dynamic-width-textarea textarea, .data-normal-dynamic-width-textarea  textarea, .data-medium-dynamic-width-textarea textarea, .data-full-dynamic-width-input textarea {
    width: 100%;
    height: 100%;
}

.short-input, .fixed-330-input, .data-min-dynamic-width-input, .data-short-dynamic-width-input, .data-normal-dynamic-width-input, .data-medium-dynamic-width-input, .data-medium-dynamic-width-input-button {
    height: 32px;
}

.button-panel, .listview-button-panel, .listview-button-panel-withoutpadding {
    margin: 15px 0px 10px 0px;
    height: 50px;
    padding: 0px 35px;
    width: 100%;
}

.listview-button-panel{
    margin-top: -42px !important;
}

.listview-button-panel-withoutpadding{
    margin-top: -42px !important;
    padding: 0px !important;
}

.editor .button-panel {
    margin: 25px 0px 0px 0px;
    padding: 0px;
}

.color-picker {
    padding: 0px !important;
    border: 0px !important;
    border-radius: 6px !important;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.table-panel, .editable-table-panel {
    padding: 0px 34px 0px 34px;
    margin-top: 20px;
    display: inline-block;
}

.editable-table-panel .ui-datatable-even td{
    border-right: 1px solid #CBD5CA !important;
}

.editable-table-panel .ui-datatable-odd td{
    border-right: 1px solid #E7ECE6 !important;
}

.editable-table-panel .uneditable-column{
    padding-left: 10px;
}

.editable-table-panel .editable-column-input, .editable-table-panel .editable-column-input input{
    display: inline !important;
    width: 100%;
    border: 0 none;
    outline: 0;
    box-sizing: border-box;
    border-radius: 0px !important;
    background-color: inherit !important;
    color: inherit;
}

.editable-table-panel td{
    padding: 0px!important;
    height: 37px;
}

p-datatable{
    background-color: #CBD5CA !important;
}

p-datatable .ui-datatable-scrollable-header-box{
    margin: 0px !important;
    padding-right: 15px;
    background-color: #CBD5CA !important;
}

p-datatable th {
    background-color: #CBD5CA !important;
    border: none !important;
}

p-datatable table, p-datatable thead, p-datatable tbody {
    border: none !important;
}

p-datatable td {
    border: none !important;
}

p-datatable .ui-datatable-even {
    background-color: #E7ECE6 !important;
    border: none !important;
}

p-datatable .ui-datatable-odd {
    background-color: #CBD5CA !important;
    border: none !important;
}

p-datatable .ui-paginator, p-datatable .ui-paginator-element {
    background: transparent !important;
    border: none !important;
}

.ui-paginator, .ui-paginator-element {
    background: transparent !important;
    border: none !important;
}

p-datatable .ui-state-active, .ui-paginator-element.ui-state-active{
    color: #2C8756 !important;
}

p-datatable .ui-state-highlight, .ui-paginator-element.ui-state-highlight{
    color: black;
    background-color: #82B79B !important;
}

.name-blue {
    color: blue;
}

.font-color-green {
    color: green !important;
}

.font-color-red {
    color: red !important;
}

.table-column-none{
    display: none !important;
}

.table-column-mini {
    width: 30px;
}

.table-column-icon {
    width: 70px;
}

.table-column-tiny {
    width: 125px;
}

.table-column-small {
    width: 160px;
}

.table-column-small-2 {
    width: 180px;
}

.table-column-medium {
    width: 260px;
}

.table-column-dynamic {
    word-wrap: break-word;
    text-align: left !important;
    min-width: 70px;
}

.table-column-icon, .table-column-tiny, .table-column-small, .table-column-small-2, .table-column-medium {
    text-align: center;
}

.table-column-icon img, .table-column-tiny img {
    width: 22px;
    height: 22px;
}

.ui-multiselect {
    height: 30px !important;
    width: 100% !important;
    border: none !important;
}

.ui-multiselect-label-container label {
    height: 25px !important;
    margin: 3px 0px 2px 5px !important;
    font-weight: normal;
}

.ui-multiselect-label-container, .ui-multiselect-label-container label, .ui-multiselect-label-container .ui-state-hover label{
    background: white !important;
    border: none;
    border-radius: 7px;
}

.ui-multiselect-items-wrapper {
    background: white;
}

.ui-multiselect-trigger, button.ui-button.ui-state-default {
    background: #509E2F !important;
    border-color: #509E2F !important;
    border: 0px !important;
    box-shadow: 0px 0px 0px !important;
    font-size: 14px;
    min-width: 33px;
}

button.ui-button.ui-state-default.inited-piramid-button{
    background: #bdce00 !important;
}
button.ui-button.ui-state-default.inited-piramid-button.ui-state-hover{
    background: #d1da00 !important;
}

button.ui-button.ui-state-default.selected-piramid-button{
    background: #047bca !important;
}

button.ui-button.ui-state-default.selected-piramid-button.ui-state-hover{
    background: #109fff !important;
}

.ui-multiselect .ui-multiselect-trigger .fa {
    color : white;
    margin: 7px 5px 5px 5px;
}

.ui-multiselect-trigger:hover {
    background-color: #3ab54a !important;;
}

.ui-autocomplete, .ui-calendar {
    width: calc(100% - 33px);
    height: 100%;
}

.required-autocomplete{
    border-radius: 6px;
}

.ui-autocomplete input, .ui-calendar input {
    width: 100%;
    height: 100%;
    border: 0px !important;
}

.chosen-items {
    word-wrap: break-word;
    height: auto; !important;
}

.event-dialog .ui-dialog-content form {
    margin: 0px 0px 0px 0px !important;
}

.event-dialog .ui-dialog {
    background: #e1e1e1;
    border-radius: 0px;
}

.event-dialog .ui-dialog-content {
    padding: 0px 10px 0px 10px;
}

.event-dialog .ui-dialog-titlebar {
    margin: 0px;
    padding: 0px;
    background: #509E2F !important;
    min-height: 38px;
}

.event-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0px;
    padding: 7px 11px;
    font-size: 1.2em !important;
    color: #FFFFFF;
    text-shadow: 0px 0px 0px #FFFFFF;
}

.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
    background: #509E2F !important;
}

.ui-radiobutton-box.ui-state-active {
    color: #509E2F !important;
}

p-datatable .ui-chkbox .ui-chkbox-box {
    background-color: #ffffff !important;
}

.slider-wrapper, .body-wrapper {
    margin: 15px 0px 15px 0px;
}

.slider-question {
    margin: 0px 0px 5px 0px;
}

.ui-tabview .ui-tabview-panel {
    border-width: 1px;
}

.ui-selectbutton .ui-button.ui-state-active {
    background: #509E2F !important;
}

.ui-spinner-button {
    z-index: initial !important;
}

p-spinner .ui-button.ui-state-default {
    border: 1px solid #509E2F !important;
    background: #509E2F !important;
}

p-spinner .ui-button.ui-state-hover {
    border: 1px solid #3ab54a !important;
    background: #3ab54a !important;
}

p-spinner .ui-button.ui-state-active {
    border: 1px solid #509E2F !important;
    background: #509E2F !important;
}

.ui-widget, .ui-button, input{
    font-family: "Roboto" !important;
}

#calendareventEditor .ui-tabview-panel {
    height: 540px;
    overflow-y: auto;
}

/* summernote editor style*/
.note-editor {
    width: 100% !important;
}

/* FileUplod component */

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 1em;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    padding: 9px 10px 9px 10px;
    color: #fff;
    background-color: #509E2F;
    box-sizing: border-box;
    border-radius: 4px;
    min-width: 56px;
    margin:0px !important;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #3ab54a;
}

loading-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    position: inherit; !important;
}

.readable-disabled:disabled, p-calendar.readable-disabled input, p-autocomplete input:disabled {
    background-color: #f0f0f0 !important;
    opacity: .85 !important;
    font-weight: bold !important;
}

p-autocomplete input:disabled::-webkit-input-placeholder {
    color: black !important;
}

evaluation-dialog .ui-dialog, new-evaluation-dialog .ui-dialog, survey-evaluation-dialog .ui-dialog, mental-survey-fill-dialog .ui-dialog {
    width: 99% !important;
    min-width: 1290px !important;
    position: absolute !important;
    overflow-y: auto;
    left:5px !important;
    right:5px !important;
    top: 5px !important;
    margin-bottom: 5px;
}

evaluation-dialog .ui-tabview .ui-tabview-panel, new-evaluation-dialog .ui-tabview .ui-tabview-panel {
    padding: 0px 5px;
}

.knowledge-panel .ui-listbox{
    height: 138px;
}

/* osei multiselector*/
.multiselectquestion .ui-selectbutton.ui-buttonset{
    margin: 0px !important;
    padding: 0px !important;
}
.multiselectquestion .ui-selectbutton.ui-buttonset .ui-button{
    width: 120px !important;
    height: 100%;
}

.piramid-panel .ui-button-text-only .ui-button-text {
    padding: 0px;
}

/* Calendar event checkbox*/
.event-checkbox .ui-chkbox {
    margin-top: 7px;
}

/* Other */
.half-content-label{
    overflow: hidden;
    text-overflow: ellipsis;
}

.break-text {
    word-wrap: break-word;
}

/* neka userpicklist*/
neka-userpicklist{
    display: block;
    width: 100%;
    height:100%;
}