/*#3870C8  : blue
#38B8C8  :   light blue
#C84838  : red
#C83870  :   pink
#C89038  :   beige
#70C838  : green
#5CBF8F  :   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;} /*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-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: 1em;
color: #FFF;
display: contents;
}

.ui-button,.ui-button:hover{
min-height: 2em;
color: white;
background-color: #B8C838;
background: #5CBF8F;
}
.ui-checkboxradio-label{
background-color: #C8C8C8;
}

.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*/
}
.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 #5CBF8F;
    background: #5CBF8F;
}	
.ui-icon-blank {
background-image: none!important;
}
.nt-save-button,.nt-save-button:focus{
background-color:#5CBF8F;
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:#5CBF8F;
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: 1em;
padding: 0.3em;
color: #5CBF8F;
}
/* 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: #8cccad;
}
.cidc-menu-photo{
background-color: #C83870;
}
.cidc-menu-scan{
background-color: #B8C838;
}
.cidc-menu-friends{
background-color: #5CBF8F;
}

.cidc-menu-find-friends{
background-color: #5CBF8F;
}
.cidc-menu-messages{
background-color: #70C838;
}
.cidc-menu-travel{
background-color: #C89038;
}
.cidc-menu-attendees{
background-color: #3386ec;
}
.cidc-menu-settings{
background-color: #9038C8;
}

.cidc-menu-exit{
background-color: #C83870;
}

.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: flex-start; */
}
.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-exit{
background-image: url(/images/exit.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 -0px;
width:32px;
height:32px;
}
.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;
}