/*#3870C8  : blue
#38B8C8  :   light blue
#C84838  : red
#C83870  :   pink
#C89038  :   beige
#70C838  : green
#38C848  :   light green
#B8C838  :   olive
#9038C8  : purple
#C838B8  :   light purple
#4838C8  :   dark purple 
#383838  : black
#707070  : grey
#C8C8C8  : silver*/
.ui-tabs .nt-xptab-title li.ui-state-active a {
    background: auto;
}
/* form div */
.nt-form-div-right-cidc {
    text-align: right;
}
.nt-form-flex-cell-right-cidc, .nt-form-grid-cell-righet-cidc {
    flex: 1 1 100%;
}
/*cidc #F7F7F7*/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(/themes/base/images/ui-icons_FFFFFF_256x240.png);
    color: white;
    border: 0;
}
.nt-holbi-save-buttonset {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    border-top: 3px solid #C4DAF1;
    padding-top: 0.5em;
}
.nt-barcode-scanner {
    display: flex;
}
.ui-dialog-titlebar-close {
    display: none;
}
.nt-dialog-title {
    font-size: 1.5em;
    color: #3870C8;
}
.ui-button, .ui-button:hover {
    min-height: 2em;
    color: white;
    background-color: #B8C838;
    background: #B8C838;
}
.ui-checkboxradio-label {
    background-color: #C8C8C8;
}

.nt-label-checkbox-cidc-okse{
	border: var(--label-border);
	padding: var(--label-padding);
	margin-bottom: var(--label-margin);
	border-radius: var(--entry-radius);
	font-size: 38px;
}



.ui-button .ui-icon {
    background-image: url(/themes/base/images/ui-icons_FFFFFF_256x240.png);
    margin-right: 5px;
}
.ui-checkboxradio-label > .ui-icon-background {
    background-image: url(/themes/base/images/ui-icons_555555_256x240.png);
    /* used for checkbox icons*/
}
.nt-naked-checkbox-cidc {
    /*+placement: 202px -3px;*/
    position: relative;
    left: 202px;
    top: -3px;
    width: 236px;
    height: 56px;
}
.nt-radio-right-cidc {
    width: 220px;
}
.nt-formcell-right-cidc {
    display: table-cell;
    vertical-align: top;
    border-collapse: collapse;
    padding: 4px;
    text-align: right;
}
.nt-form-div-right-cidc {
    display: table-cell;
    vertical-align: top;
    border-collapse: collapse;
    padding: 4px;
    text-align: right;
}
.ui-button:hover .ui-icon {
    background-image: url(/themes/base/images/ui-icons_555555_256x240.png);
}
.ui-widget-content .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    /* active color for checkboxes & radios */
    border: 1px solid #38C848;
    background: #38C848;
}
.ui-icon-blank {
    background-image: none !important;
}
.nt-save-button, .nt-save-button:focus {
    background-color: #70C838;
    border: 0px;
}
.nt-cancel-button, .nt-cancel-button:focus, .nt-deleteb-button, .nt-deleteb-button:focus {
    background-color: #C84838;
    border: 0px;
}
.nt-change-button, .nt-change-button:focus {
    background-color: #38B8C8;
    border: 0px;
}
/* generic browse */
.nt-browse-table {
    border: 0;
}
.nt-browse-grid-cell {
    border-left: 0;
    border-right: 0;
    border-bottom: 0px solid #CCC;
    border-top: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: flex;
    justify-content: space-between;
}
.nt-browse-left-cell {
    justify-content: flex-start;
}
.nt-browse-right-cell {
    justify-content: flex-end;
}
.nt-browse-button-cell {
    justify-content: flex-end;
}
.nt-browse-notlast-cell {
    padding-bottom: 0;
}
.nt-browse-grid-row {
    border-bottom: 1px solid #CCC;
    flex-direction: row;
}
/* heading */
.cidc-heading {
    height: 2.1em;
    text-align: center;
    font-size: 2em;
    padding: 0.3em;
    color: #C84838;
}
/ * lagre * / .cidc-lagre-button {
    with(25%);
    height 3em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    color: white;
    font-size: 1.5em;
}
.cidc-lagre-button-rfidrein {
    background-color: #10D124;
    /*+placement: float-right 230px 0px;*/
    float: right;
    position: relative;
    left: 230px;
    top: 0px;
    text-align: right;
}
/* menu */
.cidc-menu-button {
    width: 100%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    color: white;
    font-size: 1.5em;
}
.cidc-menu-button > .ui-button-icon {
    margin-right: 16px !important;
    margin-left: -8px;
}
.cidc-menu-schedule {
    background-color: #38B8C8;
}
.cidc-menu-photo {
    background-color: #C83870;
}
.cidc-menu-lagre {
    background-color: #05D71B;
}
.cidc-menu-scan {
    background-color: #B8C838;
}
.cidc-menu-friends {
    background-color: #38C848;
}
.cidc-menu-find-friends {
    background-color: #38C848;
}
.cidc-menu-messages {
    background-color: #70C838;
}
.cidc-menu-travel {
    background-color: #C89038;
}
.cidc-menu-attendees {
    background-color: #707070;
}
.cidc-menu-settings {
    background-color: #9038C8;
}
.cidc-lastsyncdate {
    margin-top: 1em;
    color: #C8C8C8;
    font-size: 0.85em;
    width: 100%;
    text-align: center;
}
/* generic browse date time */
.cidc-browse-date {
    margin-right: 1em;
    color: #BCB4B4;
    min-height: 0;
}
.cidc-browse-time {
    margin-right: 1em;
    color: #BCB4B4;
    min-height: 0;
}
/* schedule */
.cidc-schedule-duration {
    margin-left: 1em;
}
.cidc-schedule-title {
    width: 100%;
    font-weight: bold;
    color: #38B8C8;
}
.cidc-schedule-venue {
    min-height: 0;
    width: 9em;
    justify-content: left;
    color: #70C838;
    font-weight: bold;
}
.cidc-schedule-presenter {
    width: 50%;
    color: #C89038;
}
.cidc-schedule-link {
    width: 50%;
}
.cidc-schedule-comments {
}
.cidc-schedule-comments-button {
    width: 7em;
    justify-content: flex-end;
}
/*comments*/
.cidc-comments-name {
    min-height: 0;
    width: 9em;
    justify-content: flex-end;
    color: #70C838;
}
.cidc-comments-comment {
    width: 100%;
    color: #383838;
    background-color: #FEFFCE;
    border-radius: 6px 6px 6px 6px;
    padding: 0.5em;
}
.cidc-comment-radio {
    width: 100%;
}
@media (min-width: 320px) {
    .cidc-comment-radio {
        width: 50%;
    }
}
@media (min-width: 600px) {
    .cidc-comment-radio {
        width: 25%;
    }
}
/*small form*/
.cidc-smallform-row {
}
.cidc-smallform-cell {
    display: flex;
    justify-content: space-between;
}
.cidc-smallform-prompt {
    text-align: left;
}
.cidc-smallform-entry-div {
}
.cidc-smallform-checkbox-div {
    width: 7em;
    justify-content: flex-end;
}
.cidc-smallform-entry {
}
/*messages*/
.cidc-message-date {
    font-size: 0.6em;
}
.cidc-message-time {
    font-size: 0.6em;
}
.cidc-message-text-cell {
}
.cidc-my-message-cell {
    justify-content: flex-end;
}
.cidc-friend-message-cell {
    justify-content: flex-start;
}
.cidc-message-text {
    width:fit-content;
    border-radius: 6px 6px 6px 6px;
    padding: 0.5em;
}
.cidc-my-message {
    background: #B2F2AF;
}
.cidc-friend-message {
    background: #F2D8AF;
}
/*Browse Photos */
.cidc-photo-title {
    font-weight: bold;
    color: #4838C8;
    width: 80%;
}
/*attendees */
.cidc-user-name {
    font-weight: bold;
    color: #38B8C8;
}
/* Icons */
.ui-icon-schedule {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
}
.ui-icon-photo {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -32px 0px;
    width: 32px;
    height: 32px;
}
.ui-icon-friend {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -64px 0px;
    width: 32px;
    height: 32px;
}
.ui-icon-map {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -96px 0px;
    width: 32px;
    height: 32px;
}
.ui-icon-messages {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: 0px -32px;
    width: 32px;
    height: 32px;
}
.ui-icon-travel {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -32px -32px;
    width: 32px;
    height: 32px;
}
.ui-icon-attendees {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -64px 0px;
    width: 32px;
    height: 32px;
}
.ui-icon-settings {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -64px -32px;
    width: 32px;
    height: 32px;
}
.ui-icon-share {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}
.ui-icon-admin {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -16px -64px;
    width: 16px;
    height: 16px;
}
.ui-icon-trainee {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: 0px -80px;
    width: 16px;
    height: 16px;
}
.ui-icon-confee {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -16px -80px;
    width: 16px;
    height: 16px;
}
.ui-icon-online {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -32px -64px;
    width: 16px;
    height: 16px;
}
.ui-icon-online {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -32px -64px;
    width: 16px;
    height: 16px;
}
.ui-icon-message-waiting {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: -32px -48px;
    width: 16px;
    height: 16px;
}
.ui-icon-barcode {
    background-image: url(/images/cidc-icons.png) !important;
    background-position: 0px -96px;
    width: 32px;
    height: 32px;
}
/* admin app */
.cidc-venuelist-cell {
    min-width: 10em;
    justify-content: center;
}
.cidc-venuelist-highlight {
    border: 3px dashed #383838;
}