/*
  CSS for responsive pages
  Created by Lubos Mikusiak
*/


body { 
        color: #333;
        background-color: #FFFFFF;
/*        font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
        font-family: Verdana,Arial,​Helvetica,​sans-serif;*/
        font-size: 16px;
}

a { color: inherit; text-decoration: underline; }
a.btn { text-decoration: none; }

form { margin-bottom: 0; }

.navbar a { text-decoration: none; }

.navbar { margin-bottom: 0; border-radius: 0; }

.navbar-inverse { background-color: #454545; }

.navbar-inverse .navbar-brand { color: #FFFFFF; }

.navbar-inverse .navbar-nav > li > a { color: #CCCCCC; }

.navbar-inverse .navbar-btn { background-color: #777; color: #FFF; }
.navbar-inverse .navbar-btn.active { background-color: #666; }
.navbar-inverse .navbar-btn:hover { color: #000; }
.navbar-inverse .navbar-btn.active:hover { color: #FFF; }

.meeting-view-btns { padding-left: 15px; }

.user-name .glyphicon { margin-right: 5px; font-size: 14px; }

.mobile-agenda-page, .mobile-timer-view { background-color: #EAEBEC; padding-bottom: 20px; }
.mobile-agenda-page .container, .mobile-timer-view .container { background-color: #ffffff; padding-top: 10px; padding-bottom: 20px; /*border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;*/ }

.next-prevoius-meeting { font-size: 2.3em; color: #888; }
.next-prevoius-meeting:hover { color: #666; }

.header-line-1 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; font-size: 36px; color: #D2322D; margin-top: 20px; margin-bottom: 30px; }

.header-line-2 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; font-size: 24px; color: #FFFFFF; background-color: #B80610; padding: 5px 15px; margin-left: -15px; margin-right: -15px; margin-top: 0; margin-bottom: 0; }

.meeting-data { padding-top: 0px; padding-bottom: 15px; }
.meeting-data-item { padding-bottom: 10px; }
.meeting-data-item .glyphicon { margin-right: 5px; }

.user-attendance { background-color: #CCC; margin-left: -15px; margin-right: -15px; margin-bottom: 15px; padding: 15px; }
.user-attendance form { margin-top: 10px; }
.user-attendance-label { font-weight: normal; }
.user-attendance-options button { color: #FFFFFF; background-color: #00ABE1; }
.user-attendance-options button:hover {  }
.user-attendance-options button.active { background-color: #0079C2; }
.user-attendance-options .glyphicon { margin-right: 7px; }

.my-roles .role-name { padding-top: 15px; padding-bottom: 15px; }
.role-confirmation { background-color: #CCC; margin-top: 5px; margin-left: -15px; margin-right: -15px; padding: 10px; }

.meeting-schedule-row { position: relative; padding: 15px 0; background-color: #505050; color: #FFF; }
.meeting-schedule-details { background-color: #505050; color: #FFF; }

.meeting-schedule-row.my-role-row { background-color: #606060; }
.meeting-schedule-details.my-role-row { background-color: #606060; }


.agenda-item-start-time { font-weight: normal; }

.meeting-header-item { padding-top: 5px; padding-bottom: 5px; }

.meeting-header-item .glyphicon { margin-right: 7px; color: #D2322D; }

.meeting-header-label { font-weight: bold; }

.role-name { font-weight: bold; }
.role-name > a:hover { color: #FFFFFF; }

.role-user-name { padding-top: 5px; }

.role-user-name > a, .role-user-name > span, .role-user-name > .btn-subtle-edit { font-weight: bold; color: #FEC64C/*#00ABE1;*/ }

.role-volunteer { float: left; padding: 0; padding-top: 5px; }
.role-volunteer button { color: #FFFFFF; background-color: #00ABE1; }

.confirmation-status { display: none; }
.confirmation-status-xs { float: right; padding-top: 5px; font-size: 1.2em; }

.speech-project { padding-bottom: 5px; }
.speech-title { color: #FEC64C; margin-bottom: 5px; }
.speech-summary {  font-size: 90%; font-style: italic; color: #BBB; padding-bottom: 10px; }

.alloc-time-ranges { padding-top: 10px; padding-bottom: 10px; }
.alloc-time-container { float: left; }
.alloc-time { font-size: 75%; font-weight: bold; padding: 1px 5px; margin-right: 5px; border-radius: 1.8em /* 50%*/; }
.alloc-time-start { color: #ffffff; background-color: #6BA226; }
.alloc-time-middle { color: #ffffff; background-color: #F37C22; }
.alloc-time-end { color: #ffffff; background-color: #E53B39; }
.alloc-time-extra { color: #ffffff; }

.agenda-spacer { background-color: #505050; border-bottom: 2px dotted #999; }

.member-list { margin-top: 12px; padding-bottom: 12px; line-height: 2em; }


.modal-header { color: #FFFFFF; background-color: #B80610; border-radius: 5px 5px 0 0; }
.close { color: #FFFFFF; opacity: 0.7; }
.close:hover { color: #FFFFFF; opacity: 0.9; }

.modal-footer { background-color: #f8f8f8; margin-top: 0; padding: 14px 15px 15px; border-radius: 0 0 5px 5px; }


.user-profile { color: #333; font-weight: normal; }
.user-profile .profile-image { text-align: left; }


.phone-label-cell { text-align: right; padding: 0 10px 20px 0; }
.phone-number-cell { padding: 0 0 20px 0; line-height: 2em; }
.phone-number { color: #2A6496; font-weight: bold; }


.mobile-timer-view .button-container { margin-bottom: 10px; text-align: right; }
.mobile-timer-view .alloc-time-ranges { padding-bottom: 0; }


.timer-watch-time { font-size: 80px; }
.timer-watch-overtime { font-size: 40px; color: #E53B39; padding-left: 20px; }
.timer-watch-buttons .btn { margin-bottom: 25px; font-weight: bold; }
.timer-watch-stop { margin-right: 15px; }
.time-button-results { padding-right: 10px; }
.timer-button .glyphicon { margin-top: -2px; }
.time-elapsed { font-weight: bold; font-size: 140%; color: #FEC64C; }

.timer-progress-bar-outer-container { margin: 0 -15px; }
.timer-progress-bar-container { position: relative; width: 100%; height: 20px; background-color: #F4F4F4; }
.timer-progress-bar { position: absolute; top: 0; bottom: 0; width: 0%; left: 0; }

.time-elapsed-color { position: absolute; top: 0; bottom: 0; width: 10px; right: 0;  }
.time-elapsed-color-before-start { background-color: #BBBBBB; }
.time-elapsed-color-start { background-color: #6BA226; }
.time-elapsed-color-middle { background-color: #F37C22; }
.time-elapsed-color-end { background-color: #E53B39; }

.btn-subtle-edit { border: none; background-color: transparent; margin: 0; padding: 0 5px 0 0; opacity: 0.7; }
.assignee-name-editable { cursor: pointer; }

/*
td.row1 { background-color: #ddd; }
*/

@media (min-width: 768px) {
    .alloc-time-ranges { padding-top: 5px; }

    .mobile-timer-view .alloc-time-ranges { float: right; }

    .role-confirmation { margin-top: 0; }

    .role-volunteer { float: right; padding: 0; }

    .confirmation-status { display: block; float: right; padding-top: 5px; font-size: 1.2em; }
    .confirmation-status-xs { display: none; }

    .user-profile .profile-image { text-align: right; }
}