body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.42857143;
    color: #2c3b4d;
    background-color: #787878;
    -webkit-tap-highlight-color: transparent;
}

.clear {
    clear:both;
}

.shell {
    display:none;
}

.input_default {
    width: 95%;
    height: 36px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
textarea {
    word-wrap: break-word;
    overflow:hidden;
    resize:none;
}

.input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.input_error {
    border-color: #bf7474;
    background-color: #ffb9b9;
}
.input_error::-webkit-input-placeholder {
    color: rgba(0,0,0,0.175);
}
.input_error:-moz-placeholder {
    color: rgba(0,0,0,0.175);
}
.input_error::-moz-placeholder {
    color: rgba(0,0,0,0.175);
}
.input_error:-ms-input-placeholder {
    color: rgba(0,0,0,0.175);
}

.mobile_box {
    width:90%;
    margin: 0 auto;
    max-width:800px;
}

.mobile_menu {
}

.menu_box {
    position: relative;
    display: inline-block;
    width: 45%;
    max-width: 250px;
    height: 90px;
    margin: 6px 4px;
    text-align: center;
    color: white;
    background-color: rgba(102, 175, 233, 0.6);
    border-radius: 5px;
}

.menu_box:hover {
    cursor: pointer;
    background-color: rgba(102, 175, 233, 0.8);
}

.menu_box .icon {
    font-size: 2em;
}

.menu_box .label {
    font-size: 1.2em;
}

.menu_box .count {
    position: absolute;
    right: 5px;
    top: 0px;
}

.section_title {
    position:relative;
    top: -13px;
    width: calc(100% - 10px);
    height: 40px;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(102, 175, 233, 0.8);
    display: none;
}
.section_title .back {
    float:left;
    width:40px;
    font-size: 1.5em;
    padding:3px;
    margin:0 5px;
}
.section_title .back:hover {
    color:white;
}
.section_title .title {
    float:left;
    width: calc(96% - 126px);
    overflow: hidden;
    white-space: nowrap;
    font-size:24px;
}
.section_title .add {
    float:right;
    width: 65px;
    overflow: hidden;
    white-space: nowrap;
    font-size:18px;
    padding:7px;
    border-radius:3px;
    margin-top:2px;
}
.section_title .add:hover {
    background-color:white;
    cursor:pointer;
}



/*  Master  */
.page_header {
    width:100%;
    height:50px;
    background-color: #97a4b0;
    min-width:380px;
}
.page_header .logo {
    float:left;
    width:50px;
}
.page_header .logo:hover {
    cursor:pointer;
}
.page_header .logo img {
    width:50px;
    height:50px;
}
.page_header .title {
    float:left;
}
.page_header .title .unit {
    font-size:18px;
    line-height:18px;
    padding:7px 0 0 10px;
    font-weight:600;
}
.page_header .title .user {
    font-size:14px;
    padding-left: 10px;
}
.page_header .menu {
    float:left;
    display:flex;
    flex-grow:1;
    flex-basis:auto;
}
.page_header .menu ul {
    display:flex;
    height:50px;
    margin:0;
    flex-direction: row;
    list-style:none;
}
.page_header .menu ul li {
    border-left: 1px solid silver;
    padding-top:15px;
}
.page_header .menu ul .last {
    border-right: 1px solid silver;
}
.page_header .menu ul li {
    padding: 15px 10px;
}
.page_header .menu ul li:hover {
    cursor:pointer;
    background-color: #a5babd;
}
.page_header .bars {
    display:none;
    float:right;
    padding:13px;
}
.page_header .notify {
    float:right;
    padding:13px;
}
.page_header .me {
    float:right;
    padding:9px;
}
.page_header .notify:hover, .page_header .me:hover, .page_header .bars:hover {
    cursor:pointer;
    color:white;
}
.page_header .me .photo {
    float:left;
}
.page_header .me i, .page_header .activity .who {
    float:right;
    padding:10px 5px;
}
.page_header .me img, .page_header .activity .who img {
    width:35px;
    height:35px;
    border-radius:17.5px;
}

.page_header .profile, .page_header .activity, .team_tasks .filters, .whole_branch .filters {
    position: absolute;
    height: auto;
    top: 50px;
    right: 5px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175);
}
.page_header .activity:after, .page_header .profile:after, .team_tasks .filters:after, .whole_branch .filters:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}
.page_header .activity:after {
    right: 81px;
}
.page_header .profile:after {
    right: 31px;
}
.team_tasks .filters:after, .whole_branch .filters:after {
    right: 81px;
}

.filters .row, .adds .row {
    clear:both;
    text-align:center;
    padding:5px;
}
.filters .row .check {
    float:left;
    padding:0px 5px 0px 15px;
}
.filters .row .title, .adds .row .title {
    float:left;
    padding:0px;
}


.page_header .profile, .page_header .activity {
    display: none;
}
.page_header .activity {
    min-width: 300px !important;
}
.page_header .profile .name {
    padding: 5px 10px;
    font-size: 18px;
}
.page_header .profile ul {
    padding: 0 10px;
    margin: 0;
    list-style: none;
}
.page_header .profile li {
    height: 30px;
    padding: 10px 0 0 10px;
    list-style: none;
    border-top: thin solid #e8e0e0;
}
.page_header .profile li:hover {
    cursor:pointer;
    background-color:silver;
}
.profile_template {
    display:none;
    visibility:hidden;
}
.page_header .activity .top_bar {
    clear: both;
    height: 30px;
    width: 100%;
    padding: 5px;
}
.page_header .activity .top_bar .left {
    float:left;
    width:50%;
    padding-left:10px;
    font-size:18px;
}
.page_header .activity .top_bar .right {
    float:right;
    padding-right:15px;
}
.page_header .activity .top_bar .right:hover {
    font-weight:bold;
    cursor:pointer;
}
.page_header .activity .activity_row {
    clear:both;
    width:100%;
    border-bottom: thin solid silver;
    padding-bottom:7px;
    padding-top:7px;
}
.page_header .activity .activity_row:hover {
    cursor:pointer;
    background-color:silver;
}
.page_header .activity .who {
    float: left;
    width:50px;
    padding: 0px 5px;
}
.page_header .activity .what {
    font-weight: bold;
    padding: 0px 0px 5px 15px;
}
.page_header .activity .when {

}


.sub_nav {
    position:absolute;
    width: 100%;
    height:40px;
    overflow: hidden;
    white-space: nowrap;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(204,204,204,0.5);
    min-width:380px;
}
.sub_nav .item {
    display:inline-block;
    padding:10px 10px 5px 10px;
    color: #4a4a4a;
    text-align:center;
    margin-right:30px;
}
.sub_nav .item.active {
    font-weight: bold;
    box-shadow: inset 0 -2px #156085;
}
.sub_nav .item:hover {
    cursor:pointer;
    box-shadow: inset 0 -2px #156085;
}

.page_body {
    clear:both;
    position:relative;
    top:35px;
}
.page_body {
    clear: both;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0 20px;
    min-width: 380px;
}
.page_inner {
    padding-top:5px;
}

.sub_nav_inner {
    float:left;
    width:calc(100% - 120px);
    margin: 0 auto;
    padding: 0 20px;
}
.sub_nav_right {
    float:right;
    margin-top:3px;
    margin-right:10px;
}


/*  Login Page  */
.login_body {
    padding-top: 20px;
}

.login_box, .wait_box {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    max-width: 320px;
    min-width: 240px;
    min-height: 250px;
    border: thin solid #6C207E;
    background-color: white;
}
.wait_box, .login_box.step2, .login_box.step3, .login_box.step4 {
    display:none;
}

.login_header {
    font-family: Tahoma;
    color: white;
    font-size: 16px;
    padding: 5px;
    text-align: left;
    background-color: #156085;
}
.login_subheader {
    font-family: Tahoma;
    color: white;
    font-size: 0.85em;
    padding: 0px 10px 5px 10px;
    text-align: left;
    background-color: #156085;
}

.login_inner_box {
    background-color: white;
    padding: 10px;
}

.login_inner_pin_box {
    width: auto;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}

.login_user_row {
    padding: 20px 10px 20px 10px;
    margin-left: auto;
    margin-right: auto;
}

.login_pass_row, .security_pass_row {
    padding: 10px 10px 20px 10px;
    margin-left: auto;
    margin-right: auto;
}
.security_pass_row {
    float:left;
    margin-right:15px;
}
.login_temp_row {
    text-align:center;
    font-size:.80em;
    color: #0094ff;
}
.login_temp_row:hover {
    color:black;
    cursor:pointer;
}

.login_button_row {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.login_input {
    min-width: 180px;
    max-width: 280px;
    width: calc(100% - 8px);
    border-top: none;
    border-left: none;
    border-right: none;
    height: 25px;
    padding-left:8px;
    border-color:silver;
}
.login_input::placeholder {
    color:silver;
}
.input_error::placeholder {
    color:#c29494;
}

.login_button {
    width: 90%;
}

.login_error_row {
    color: red;
    padding: 10px;
    text-align: center;
}

.login_pin_header {
    padding: 10px;
    text-align: center;
}

.login_pin_row {
    padding: 10px 10px 20px 10px;
    overflow: hidden;
    white-space: nowrap;
}

input.login_pin_input {
    padding: 10px;
    margin: 2px;
    border: 1px solid #8d8d8d;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
}

.profile_menu {
    clear:both;
    border-top: thin solid Silver;
    margin: 0;
}
.profile_menu ul {
    display:flex;
    list-style:none;
    justify-content:flex-start;
    margin: 5px 0 -3px 0;
    -webkit-padding-start:0;
}
.profile_menu li {
    display: inline-flex;
    flex-grow: 1;
    min-width: 120px;
    max-width:150px;
    padding: 7px;
    margin-left:2px;
    border-radius:5px;
}
.profile_menu li:hover {
    background-color:silver;
    color:black;
    cursor:pointer;
}
.profile_menu i {
    margin-right:7px;
    margin-top:2px;
}
.profile_menu .selected {
    background-color:#565656;
    color:#eaeaea;
}

/*  Common Page Stuff   */
.wait {
    display: none;
}
.detail {
    position: relative;
    clear:both;
}
.detail .title {
    font-size:20px;
    padding:3px;
}
.no_records {
    padding:5px;
    font-size:14px;
    color: #b14b4b;
}

.email a {
    color:#0094ff;
    text-decoration:none;
}
.email a:hover {
    color:blue;
    cursor:pointer;
}

.section_box {
    position:relative;
    top:0px;
    margin: 10px auto 0 auto;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    overflow: hidden;
    white-space: nowrap;
    display: none;
    max-width: 820px;
}
.section_box.my_profile, .section_box.meeting_summary, .section_box.meeting_agenda, .section_box.meeting_notes, .section_box.list_assign {
    display:block;
}
.section_box.top {
    margin-top:0px;
}
.section_column {
    float:left;
    width:calc(50% - 180px);
    margin-right:15px;
}
.section_column.left {
    float:left;
    margin-right:15px;
    width:300px;
    height:100%;
}
.section_double_column {
    float: left;
    width: calc(50% - 30px);
    margin-right: 15px;
}
.section_box .section_header {
    width: 95%;
    height:30px;
    padding:7px 15px 3px 5px;
}
.section_header .subtext {
    font-size:14px;
}
.review_submit .section_header {
    height:auto;
}
.review_questions .subtext {
    white-space: normal;
}
.review_questions .buttons {
    margin: 10px;
}
.review_submit .btn {
    width:120px;
}
.section_header .add_row {
    clear: both;
    height: 20px;
}
.section_header .add {
    float: right;
    margin-right: 25px;
}
.section_header .add:hover, .section_box .toggle_done:hover {
    cursor:pointer;
}
.section_box .toggle_done {
    text-align: center;
}
.section_box .single_button  {
    display:block;
    width: calc(100% - 35px);
}
.section_header .title, .section_header .icon, .section_header .button {
    display: inline-block;
}
.section_header .icon {
    display: inline-block;
    margin-right:15px;
}
.section_header .button {
    float:right;
    margin-right:15px;
}
.section_header .search {
    float: right;
    margin-right: 15px;
    width: 20%;
}
.section_content {
    padding:10px;
}
.meeting_tab {
    border: thin solid teal;
}
.meeting_tab_box .section_content {
    padding: 0px;
}
.section_row {
    clear:both;
}
.section_button {
    width:100px;
}
.section_button i {
    display:none;
}
.section_button.not_active {
    color:silver;
}
.meeting_tab_button {
    display:block;
    margin:5px;
}
.meeting_button_row {
    clear:both;
    width:100%;
    height:45px;
    margin: 0 auto;
    overflow:hidden;
    white-space:nowrap;
    display:none;
}

.section_content .point {
    float:left;
    width: calc(100% - 50px);
    height:auto;
    white-space:normal;
}

.page_title {
    clear:both;
    height:40px;
    margin-bottom:10px;
}
.page_title .title {
    float:left;
    font-size:24px;
    width:50%;
    color:white;
}
.page_title .button {
    float:right;
}

.people_popup, .end_meeting, .status_lookup, .calling_lookup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.6);
    min-width: none;
    max-width: none;
    padding-bottom: 0;
    display: none;
}

.people_lookup {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 120px;
    max-width: 350px;
    width: 70%;
    border: thin solid silver;
    background-color: lightblue;
    display: none;
}
.people_lookup .section_content, .calling_lookup .section_content {
    padding: 3px 5px;
}
.people_lookup .person {
    font-size:24px;
    line-height:40px;
    overflow:hidden;
    white-space:nowrap;
}
.people_lookup .person:hover {
    cursor:pointer;
    background-color: lightcyan;
}
.person_close {
    border-top:thin solid gray;
}

.people_inner, .end_meeting_inner, .calling_inner {
    position: absolute;
    width: 90%;
    height: 85%;
    top: 55px;
    left: 4%;
    margin: 0 auto;
    background-color: white;
    padding: 10px;
    min-width: 360px;
    overflow: auto;
}
.end_meeting_inner {
    max-width:400px;
    max-height:200px;
    left: calc(50% - 200px);
}
.status_lookup .lookup_inner {
    width:100%;
    min-width:200px;
    max-width: 300px;
    background-color:white;
    margin: 5% auto;
    text-align:center;
}
.status_row {
    margin:5px;
}
.status_row .btn {
    width:150px;
}

.add_comment_popup, .update_result_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.6);
    min-width: none;
    max-width: none;
    padding-bottom: 0;
    display: none;
}
.add_comment_inner, .update_result_inner {
    position: relative;
    width: 450px;
    top: 55px;
    margin: 0 auto;
    background-color: white;
    padding: 10px;
    overflow: auto;
    max-height: 300px;
}
.add_comment_inner .title {
    margin:5px;
    font-size:16px;
    font-weight:bold;
}
.add_comment_inner .add_comment_box {
    margin:5px;
    padding:3px;
    width:90%;
    border:thin solid gray;
    border-radius: 5px;
}
.add_comment_inner .private {
    margin:5px;
    font-size:14px;
}
.add_comment_inner .button {
    text-align:center;
}
.update_result_inner .objective {
    font-size:24px;
    padding:5px;
    border-bottom:thin solid silver;
}
.update_result_inner .status .title {
}
.update_result_inner .status .row {
    float:left;
    margin: 5px 20px;
}
.update_result_inner .status_circle {
    float:left;
    margin:3px;
}
.update_result_inner .status .row .label {
    float:left;
    padding-top:3px;
}
.update_result_inner .status i {
    font-size: 1.4em;
}
.update_result_inner .percent, .update_result_inner .number, .update_result_inner .checkbox {
    clear:both;
    width:95%;
}
.update_result_inner .percent input {
    float:left;
    width:150px;
    margin-right:20px;
    margin-left:20px;
}
.update_result_inner .percent .value {
    float:left;
    font-size:24px;
    padding:5px;
}
.update_result_inner .number .title {
    clear:both;
}
.update_result_inner .number .btn, .update_result_inner .number .value {
    float:left;
    margin-right:10px;
    margin-left:10px;
}
.update_result_inner .number .value, .update_result_inner .number .value_of {
    float:left;
    font-size:24px;
}
.update_result_inner .buttons {
    clear:both;
    padding:10px;
    text-align:center;
}
.update_result_inner .buttons .btn {
    width:120px;
}

.objective_box, .people_box, .group_box, .question_box {
    clear: both;
    height:55px;
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    background-color:white;
    overflow:hidden;
}
.objective_summary .objective_box {
    height:auto;
    border:none;
}
.objective_summary .objective {
    float:left;
    width: calc(100% - 135px);
    white-space:normal;
    margin-left:10px;
    font-size:24px;
}
.objective_summary .middle {
    margin-right:10px;
}
.group_box {
    height:auto;
}
.objective_box .who, .people_box .who, .group_box .who, .review_list .who {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 17.5px;
    background-color: silver;
    margin:5px;
    text-align:center;
}
.objective_box .who div, .people_box .who div, .group_box .who div {
    margin-top:5px;
}
.objective_box .who:hover, .people_box .who:hover, .group_box .who:hover, .assigned .who {
    cursor:pointer;
}
.objective_box .who img, .people_box .who img, .group_box .who img, .review_list .who img {
    width:35px;
    height:35px;
    border-radius:17.5px;
}

.group_box .who_big, .objective_summary .who {
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 37.5px;
    background-color: silver;
    margin:5px;
    text-align:center;
}
.group_box .who_big img, .objective_summary .who img {
    width:75px;
    height:75px;
    border-radius:37.5px;
    border:thin solid #eaeaea;
}
.who_big .full {
    position:relative;
    top:13px;
    font-size:14px;
    font-weight:bold;
}
.who_big .full div {
    padding:1px;
}
.who_big .abbr {
    position: relative;
    top: 9px;
    font-size: 24px;
    font-weight: bold;
    display: none;
}
.who_big:hover {
    cursor:pointer;
    background-color:lightcyan;
}
.who_big img:hover {
    border:thin solid black;
}

.objective_box .detail {
    float:left;
    width:calc(100% - 275px);
    white-space:normal;
    padding:6px;
}
.child_box .objective_box .detail {
    width: calc(100% - 210px);
}
.group_box .detail {
    float:left;
    width:calc(70% - 50px);
    white-space:normal;
}
.people_popup .group_box {
    clear:none;
    float: left;
    width: 45%;
    margin: 1%;
}

.people_popup .group_box .detail {
    float: left;
    width: 100%;
    white-space: normal;
}
.people_popup .group_box .whos {
    float:none;
    clear:both;
    width:95%;
}
.people_box:hover {
    cursor:pointer;
    color: #0094ff;
}

.objective_box .detail:hover {
    cursor:pointer;
    color: #0094ff;
}
.objective_box .status {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

.objective_box .status.good {
    background-color:green;
}
.objective_box .status.ok {
    background-color:yellow;
}
.objective_box .status.bad {
    background-color:red;
}
.objective_box .results {
    float:left;
    width:90px;
    margin-left:10px;
    padding-top:10px;
    font-size:14px;
}
.objective_box .results:hover {
    color: #0094ff;
    cursor:pointer;
}
.objective_box .percent {
    float:left;
    width:50px;
    padding-top:10px;
    margin-left:10px;
    font-size:14px;
}
.objective_box .dates {
    float:left;
    width:60px;
    font-size:14px;
    text-align:right;
    margin-left:10px;
    padding-top:10px;
    font-size:14px;
}
.group_box .group_title {
    height: 30px;
}
.group_box .group_title:hover {
    cursor:pointer;
    background-color:rgba(102, 175, 233, 0.6);
}
.group_box .name, .group_box .calling {
    float: left;
    padding-top: 2px;
    margin-left: 10px;
}

.group_box .name, .people_box .name {
    font-size:18px;
    min-width:200px;
}
.group_box .calling {
    float:left;
    padding-top:10px;
    margin-left:10px;
}
.group_box .calling, .people_box .calling {
    font-size: 14px;
    min-width: 200px;
}
.group_box .whos {
    float:right;
    width:25%;
    min-width:140px;
}

.child_box {
    display: none;
    background-color: silver;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 10px 30px;
    max-width: 747px;
}

.objective_summary .row {
    clear:both;
    padding: 5px 0px;
}
.objective_summary .who {
    margin-left:10px;
}
.objective_summary .title {
    float: left;
    width: calc(100% - 130px);
    margin-left: 20px;
    padding-bottom:10px;
}
.objective_summary .title textarea {
    font-size: 24px;
    border:0;
    width:100%;
}
.objective_summary .percent {
    float:left;
    width: 50px;
    font-size: 18px;
    margin-top:3px;
    text-align:center;
}
.objective_summary .due {
    float: left;
    width:120px;
    font-size:14px;
    margin-left:20px;
}
.objective_summary .row.headers .due, .objective_summary .row.headers .status, .objective_summary .row.headers .percent {
    font-size:14px;
    color: #a3a3a3;
}
.objective_summary .status {
    float: left;
    width: 120px;
    font-size: 14px;
}
.objective_summary .updated {
    float: left;
    width: 30px;
    font-size: 14px;
}
.objective_summary .updated i {
    display:none;
    color:green;
}
.objective_summary .edit {
    float: right;
    margin-right:20px;
}
.objective_summary .edit:hover {
    color: #0094ff;
    cursor:pointer;
}

.status_1, .status_2, .status_3 {
    display:inline-block;
    padding:3px;
}
.status_1:hover, .status_2:hover, .status_3:hover {
    cursor:pointer;
}
.result_row .status i {
    margin-top:9px;
}
.status_1, .status_circle.green, .result_row .status.green {
    color: green;
}
.status_2, .status_circle.yellow, .result_row .status.yellow {
    color: #dcbb1c;
}
.status_3, .status_circle.red, .result_row .status.red {
    color: red;
}
.status .label {
    margin-left:20px;
}

.objective_search {
    clear:both;
    width:100%;
    height:30px;
    padding:5px;
}
.objective_search div {
    float:right;
    margin: 0 10px;
}

.result_box {
    display: none;
    clear: both;
    padding: 5px;
    margin-top: -7px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.125);
    border-top:none;
    background-color: white;
    overflow: hidden;
}
.result_box .result_row {
    clear:both;
    padding:0px 0px 0px 10px;
    white-space:normal;
    overflow:hidden;
}
.result_row .slider {
    display:none;
    position:relative;
    width:130px;
    top:10px;
}
.image_popup {
    display:none;
}

.keyresult_box {
    clear: both;
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    overflow:hidden;
    background-color: rgba(102, 175, 233, 0.6);
}
.keyresult_header {
    clear:both;
    width:99%;
    background-color:rgba(0,0,0,0.175);
    padding:5px;
}
.result_row .detail {
    float:left;
    clear:none;
    width:70%;
    padding:5px;
    white-space:normal;
}
.keyresult_box .who {
    float: left;
    width: 35px;
    height: 35px;
    margin: 2px;
    background-color: silver;
    border-radius: 17.5px;
    border: thin solid white;
    text-align:center;
}
.keyresult_box .who img {
    float:left;
    width: 35px;
    height: 35px;
    border-radius: 17.5px;
}
.keyresult_box .who span {
    font-weight:bold;
    position:relative;
    top:5px;
}

.keyresult_box .detail {
    float: left;
    width: calc(100% - 210px);
    padding: 5px;
    white-space: normal;
}
.keyresult_box .percent, .result_row .percent {
    float:right;
    width:50px;
    padding:5px;
}
.keyresult_box .edit {
    float: right;
    width: 70px;
    padding: 5px;
}
.keyresult_box .saved {
    float:right;
    display:none;
    padding:5px;
    color:green;
}

.objective_activity_box {
    clear: both;
    height: 55px;
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}
.objective_activity_box .who {
    float:left;
    width:50px;
    padding:5px;
}
.objective_activity_box .who img {
    width:35px;
    height:35px;
    border-radius:17.5px;
}
.objective_activity_box .detail {
    clear:both;
}
.objective_activity_box .row {
    float:left;
}
.objective_activity_box .date, .objective_activity_box .reply {
    float:left;
    width: 150px;
    font-size:14px;
    color: #a3a3a3;
}
.objective_activity_box .reply:hover {
    color:#0094ff;
    cursor:pointer;
}

.reply_row {
    display:none;
}

/*  Home Page   */
.section_box.my_profile, .meeting_summary, .section_box.review_profile {
    clear: both;
}
.my_profile .photo, .review_profile .photo {
    float: left;
    margin-right: 20px;
}
.my_profile .details, .meeting_summary .details, .review_profile .details {
    float: left;
    margin-right: 20px;
}
.my_profile img, .review_profile img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}
.my_profile .name, .meeting_summary .title, .review_profile .name {
    font-size: 20px;
}
.my_profile .contact {
    float: left;
    margin-top:20px;
    margin-right: 20px;
}
.my_profile .email, .my_profile .report {
    margin-right:20px;
    padding:5px;
}
.my_profile .edit, .meeting_summary .edit {
    position:absolute;
    right:-10px;
    top:-5px;
}
.my_profile .edit, .meeting_summary .closed {
    clear:both;
    padding:10px;
}

.meeting_summary .attending {
    margin-top:5px;
}
.meeting_summary .attending .who {
    float: left;
    width: 35px;
    height: 35px;
    margin:2px;
    background-color: silver;
    border-radius: 17.5px;
    opacity:0.5;
    border:thin solid white;
    text-align:center;
}
.meeting_summary .attending .who:hover {
    cursor:pointer;
    opacity: 1;
    border:thin solid black;
}

.meeting_summary .attending .who img {
    width: 35px;
    height: 35px;
    border-radius: 17.5px;
}
.meeting_summary .attending .who i {
    margin: 10px 0 0 0;
}
.meeting_summary .attending .attended {
    opacity:1;
}
.meeting_summary .attending span {
    position:relative;
    top:5px;
    font-weight:bold;
    font-size:16px;
}
.meeting_summary .meeting_tab_row {
    clear:both;
    width:100%;
    overflow:hidden;
}
.meeting_summary .meeting_tab_row .tab .btn {
    float:left;
    width:100px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    margin-right:1px;
}
.meeting_summary .meeting_tab_row .tab_left .btn {
    float:right;
    width:50px;
}
.meeting_summary .meeting_tab_row .tab .btn {
    width: 60px;
    font-size: 12px;
    padding-left: 5px;
    padding-right:5px;
}
.meeting_summary .meeting_tab_row .tab span {
    display:none;
}
.meeting_summary .meeting_tab_row .tab_left .btn {
    width:20px;
    height:17px;
    padding-top:4px;
}
.meeting_summary .meeting_tab_row .tab_left span {
    display: none;
}

.meeting_follows, .meeting_agenda {
    display:none;
}
.no_points, .no_assign, .no_notes, .no_meetings, .no_interview, .no_objective, .no_bump, .no_activity {
    padding:5px 15px;
    white-space:normal;
    font-weight:600;
}
.assign_box, .note_box, .meeting_box, .review_box, .point_box, .agenda_box, .interview_box, .activity_box, .next_box, .member_box, .calling_box {
    margin: 5px 5px;
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    background-color: white;
}
.assign_box.late, .meeting_box.late, .review_box.late, .interview_box.late {
    border-color: red;
}
.note_box, .next_box {
    width:90%;
}
.next_box {
    float:left;
    width: 80%;
}
.point_done, .assign_done, .agenda_done, .interview_done {
    display: none;
}
.point_done .point, .assign_done .assign, .agenda_done .agenda_type, .item_done .assign, .item_done .interview, .item_done .meeting {
    text-decoration: line-through;
}
.meeting_agenda .agenda_done .agenda_who, .meeting_agenda .agenda_done .agenda_detail_sub {
    display:none;
}
.point_box i:hover, .assign_box i:hover, .note_box i:hover, .meeting_box i:hover, .review_box:hover, i.right:hover, i.left:hover, .interview_box i:hover, .activity_box i:hover {
    cursor: pointer;
    color: #0094ff;
}
i.left {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
.list_meeting i.left {
    margin-top: 5px;
    margin-right: 15px;
}
i.middle {
    float: right;
    margin-top: 5px;
    color: green;
    display: none;
}
i.right {
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}
.meeting_follows i.right {
    padding:4px 10px;
}
.meeting_follows .point_box .point {
    clear: both;
    width: 100%;
    border: 0;
    line-height: 1.5;
    font-size: 16px;
}
.meeting_follows .follow_detail {
    clear: both;
    font-size:12px;
    white-space:normal;
    color: #0094ff;
}
.agenda_detail {
    float:left;
    width: calc(100% - 70px);
    overflow:hidden;
}
.agenda_detail_sub i {
    display:inline-block;
}
.agenda_detail_sub .agenda {
    display: inline-block;
    border-bottom: thin solid black;
    width:90%;
    overflow:hidden;
}
.agenda_who {
    font-size: 14px;
}
.agenda_who:hover {
    cursor:pointer;
    color: #0094ff;
}

.keyresult_box textarea, .meeting_points .point_box .point {
    float: left;
    width: calc(100% - 70px);
    border: 0;
    line-height: 1.5;
    font-size: 16px;
}
.keyresult_box.completed .percent {
    width: 120px;
    padding: 5px 2px;
    font-size: 14px;
}

.keyresult_box.completed .status {
    float: left;
    margin: 3px;
}

.keyresult_box.completed .fa-arrow-right {
    color: black;
    margin: 0 3px;
}

.meeting_follows .point_box .point_detail {
    float: left;
    width: calc(100% - 40px);
}
.assign_box .assign, .note_box .note, .meeting_box .meeting, .interview_box .interview, .activity_box .activity, .calling_box .calling {
    float:left;
    width: calc(100% - 65px);
    border: 0;
    line-height: 1.5;
    font-size: 16px;
    white-space:normal;
}
.calling_box .calling {
    width: calc(100% - 50px);
    min-width: 150px;
}
.calling_box .detail {
    float: left;
    clear:none;
    width: calc(100% - 130px);
}
.calling_box .calling_detail {
    clear:both;
}
.calling_box .button {
    float:left;
    width:130px;
}
.calling_box .btn {
    width:25px;
}
.extra {
    display: none;
    padding: 5px;
    border-top: thin solid silver;
}
.extra_menu {
    float:left;
    width:40px;
    border-right:thin solid silver;
    margin-right:5px;
}
.extra_detail {
    float: left;
    width: calc(100% - 50px);
}
.extra_detail .notes, .extra_detail .settings {
    display:none;
}
.extra_icon {
    font-size: 1.5em;
    color:gray;
}
.extra_icon.active {
    color:black;
}
.extra_note_add {
    position:absolute;
    right:20px;
    width:40px;
    height:40px;
    margin-top:-5px;
    background-color: rgba(102, 175, 233, 0.6);
    border-radius:20px;
    border:thin solid silver;
}
.extra_title {
    clear:both;
    padding: 5px;
}
.extra_title .task_date, .extra_title .task_time {
    margin-top:5px;
}
.extra_button {
    float:left;
    margin-left:20px;
}
.extra_button div {
    width:120px;
    text-align:left;
}
.extra_button i {
    width:20px;
}
.extra_note_add i {
    margin: 12px 13px;
}
.extra_note_add:hover {
    background-color:silver;
    cursor:pointer;
}
.edit_toggle {
    font-size:2em;
}
.edit_toggle i {
    margin-top:10px;
    line-height:0;
}
.list_member .edit_toggle i {
    margin-top: -10px;
}
.meeting_box .meeting {
    width: calc(100% - 120px);
}
.assign_box .assign, .interview_box .interview, .activity_box .activity {
    width: calc(100% - 90px);
}
.list_assign .assigned {
    float: left;
    width: calc(100% - 140px);
}
.list_meeting .assigned {
    float: left;
}
.note_box .assigned {
    clear:both;
    font-size:12px;
    color: #0094ff;
}
.assigned .who {
    float: left;
    width: 35px;
    height: 35px;
    margin: 2px;
    background-color: silver;
    border-radius: 17.5px;
    text-align: center;
}
.assigned .who i {
    margin: 10px 0px 0px 10px;
}
.assigned .who img {
    width: 35px;
    height: 35px;
    border-radius: 17.5px;
}
.assigned .who span {
    position:relative;
    top:5px;
    font-weight:bold;
}
.personal_status .btn {
    width:150px;
}
.list_meeting .time_box {
    float: left;
    width: 100px;
}
.list_meeting .start_box {
    float:left;
    width:70px;
    margin-top:5px;
    margin-right:10px;
    overflow:hidden;
}
.list_meeting .detail_box {
    float: left;
    width: calc(100% - 90px);
}
.list_meeting .task_start {
}
.list_meeting .task_start .btn {
    margin: 0px 0px 5px 5px;
}
.task_date_col {
    overflow:hidden;
    white-space:nowrap;
}
.task_date, .task_time {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    color: #0094ff;
}
.task_delete {
    float:left;
    font-size:14px;
}
.task_delete:hover {
    cursor:pointer;
    text-decoration:underline;
}
.list_meeting .task_date, .list_meeting .task_time {
    float:none;
    margin-left: auto;
    font-size: 14px;
    color: #0094ff;
}
.task_date:hover, .task_time:hover {
    cursor:pointer;
    color:black;
}

.flagged {
    border: 1px solid rgba(0,150,0,0.5) !important;
}

.task_time input, .task_date input, .end_meeting input {
    border: none;
    color: #0094ff;
    width:80px;
}
.task_time input:hover, .task_date input:hover, .end_meeting input:hover {
    cursor:pointer;
    color:black;
}


.meeting_tools .section_content {
    display:none;
}

.close_popup {
    float:right;
    padding:5px;
}
.close_popup:hover {
    cursor:pointer;
    color: #0094ff;
}

.bread_crumb {
    padding:8px;
}

.team_tasks .filters, .whole_branch .filters {
    display: none;
    position: absolute;
    top: inherit;
    margin-right: 30px;
    z-index: 1000;
}
.filters .row:hover {
    cursor:pointer;
}

.todo_row {
    clear: both;
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}
.todo_row:hover {
    color: #0094ff;
    cursor:pointer;
}
.todo_row.completed {
    display:none;
}

.todo_detail, .review_detail {
    display: inline-block;
    width: 50%;
}
.todo_check {
    float: left;
    padding: 3px;
    margin: 0 10px;
}
.todo_title, .review_title {
    padding: 3px;
}
.todo_date, .review_date {
    padding: 3px;
    font-size: 12px;
    margin-left: 20px;
}
.todo_who {
    float: left;
    width: 35px;
    height: 35px;
    background-color: silver;
    border-radius: 17.5px;
}
.todo_who div {
    padding-top:5px;
    text-align:center;
}
.todo_who img {
    width:35px;
    height:35px;
    border-radius:17.5px;
}
.todo_whos {
    display:inline-block;
}
.todo_edit {
    float:right;
    padding:10px;
}

.peep_box {
    display:none;
}

.bump_box .who {
    float:left;
    padding:10px 5px;
}
.bump_box .who img {
    width:35px;
    height:35px;
    border-radius:17.5px;
}
.bump_box .who .photo1 {

}
.bump_box .who .photo2 {
    position:relative;
    left:-15px;
}
.bump_box .bump_detail {
    float: left;
}
.bump_box .bump_detail .whos {
    float:left;
    font-size: 14px;
    font-weight:bold;
}
.bump_box .bump_detail .date {
    float: right;
    font-size: 14px;
}
.bump_box .bump_detail .detail {
    clear:both;
    font-size: 18px;
}

.who_box {
    float: left;
    text-align: center;
    font-size: 13px;
    overflow:hidden;
    white-space:nowrap;
}
.who_box .who {
    width:100px;
    padding:5px;
}
.who_box:hover {
    cursor:pointer;
    background-color:silver;
}
.who_box .who img {
    width:90px;
    height:90px;
    border-radius:45px;
}

.image_popup {
    position: absolute;
    background-color: silver;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px;
    font-size: 12px;
    width: 120px;
    margin-left: -50px;
    border-radius: 10px;
    z-index: 2000;
    border: 1px solid rgba(0,0,0,0.125);
}
.image_popup {
    margin-top:-2px !important;
}

.status_toggle {
    display: none;
    position: relative;
    margin-left: -132px;
    margin-top: -28px;
    width: 100px;
    background-color: silver;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 10px;
}
.status_toggle:after {
    content: '';
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-right: 0;
    border-left-color: Silver;
    top: 25px;
}

.date_picker {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.6);
    min-width: none;
    max-width: none;
    padding-bottom: 0;
    display: none;
}

.review_page_box {
    width: 100%
}
.review_left {
    float:left;
    width:300px;
    margin-right:10px;
}
.review_right {
    position:relative;
    float:left;
    width: calc(100% - 320px);
}
.review_right .popup_button {
    position:absolute;
    top:0px;
    right:0px;
    display:none;
}
.review_list {
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    margin-bottom:10px;
    max-width:320px;
}
.review_list .title, .review_list .tab {
    padding: 5px 10px;
    font-size:14px;
    background-color:white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.review_list .no_records {
    clear:both;
    color:white;
    padding:10px;
}

.review_list .tab {
    float:left;
    width:40%;
    white-space:nowrap;
    overflow:hidden;
    margin-right:5px;
    color:silver;
}
.review_list .active {
    color:black;
}
.review_list .tab:hover {
    cursor:pointer;
    background-color: rgba(102, 175, 233, 0.6);
    color:white;
}

.review_list .person {
    clear:both;
    padding: 6px 10px;
    font-size:14px;
    background-color:silver;
    border-bottom: thin solid black;
}

.review_list .reviews {
    clear:both;
    background-color:silver;
}
.review_list .review {
    clear:both;
    padding:6px 7px;
}
.review_list .reviews .pending {
    font-weight:bold;
}
.review_list .review:hover {
    cursor:pointer;
    background-color: rgba(0,0,0,.075);
}
.review_list .review .icon {
    float:left;
    width:25px;
    margin-left:10px;
}
.review_list .review .icon .fa-check {
    color:green;
}
.review_list .review .date {
    float:left;
    width:100px;
    font-size:14px;
}
.review_list .review .button {
    float:left;
    font-size:14px;
}
.review_list .review .button .btn {
    width:100px;
}
.review_list .review .dates {
    float:left;
    margin:0 10px;
    font-size:13px;
}
.review_list .review .dates div {
    float:none;
    clear:both;
}
.review_list .review .button_small .btn {
    width:20px;
    
}



.review_goals .item_box {

}
.review_goals .item_box .icon {
    float:left;
    width:30px;
}
.review_goals .item_box .title {
    float:left;
    width: calc(100% - 50px);
    font-size:14px;
    white-space:normal;
}

.end_meeting_inner {
    padding:15px;
    border-radius:10px;
}
.end_meeting .row {
    margin-left:15px;
    padding:5px;
    height:75px;
}
.end_meeting .title {
    font-size:24px;
    margin-bottom:10px;
    width:90%;
    border-bottom:thin solid silver;
}
.end_meeting .label {
}
.end_meeting .value {
    float:left;
    padding:10px;
    margin-left:10px;
    color:#0094ff;
}
.end_meeting .value:hover {
    cursor:pointer;
    color: black;
}
.end_meeting .button_row {
    margin-top:20px;
    margin-left:50px;
}
.end_meeting .button_row .btn {
    margin-right:10px;
}

.popup_menu {
    display: none;
    position: absolute;
    background-color:#afccf5;
    border: 1px solid rgba(0,0,0,0.50);
    padding: 5px;
    border-radius:5px;
    font-size:14px;
    width:170px;
    overflow:hidden;
    white-space:nowrap;
}
.popup_menu .menu_item {
    padding: 0.1em;
    line-height:2em;
    font-size:14px;
}
.popup_menu .menu_item:hover {
    cursor:pointer;
    color:blue;
    background-color: rgba(0,0,0,0.125);
    border-radius:5px;
}

.popup_menu .menu_item_head {
    margin-left:5px;
    line-height:13px;
    margin-top:6px;
    font-size:12px;
    font-weight:bold;
}
.popup_menu .sub_menu_item {
    padding-left:10px;
}
.popup_menu .spacer_below {
    border-bottom: thin solid rgba(0,0,0,0.125);
}
.popup_menu .spacer_above {
    border-top: thin solid rgba(0,0,0,0.125);
}

.popup_percent {
    position:absolute;
    width:150px;
    height:120px;
    background-color:white;
    padding:10px;
    border-radius:5px;
    text-align:center;
    display:none;
}
.popup_percent .btn {
    width:120px;
    margin-bottom:3px;
}
.popup_percent:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom-color: white;
    right:35px;
}
.review_feeling .question {
    float: left;
    margin-top: -10px;
    font-size: 24px;
}
.review_feeling .followup, .review_goals .followup, .review_objectives .followup {
    float:right;
    margin-top:-10px;
}
.review_feeling .subtitle, .review_goals .subtitle, .review_objectives .subtitle {
    width:90%;
    clear:both;
}

.feeling {
    width: 375px;
    margin: 0 auto;
}
.feeling_bubble.low:hover, .feeling_bubble.low.selected {
    border: 1px solid red;
    background-color: #ffcfcf;
}
.feeling_bubble.mid:hover, .feeling_bubble.mid.selected {
    border: 1px solid #e9d00e;
    background-color: #ddd653;
}
.feeling_bubble.high:hover, .feeling_bubble.high.selected {
    border: 1px solid green;
    background-color: #cfe4cd;
}

.feeling_bubble {
    display:inline-block;
    width:50px;
    height:45px;
    border: 1px solid silver;
    text-align:center;
    font-size:24px;
    padding-top:5px;
    border-radius:25px;
    margin:10px;
}
.feeling_bubble.low:hover, .feeling_bubble.mid:hover, .feeling_bubble.high:hover {
    cursor:pointer;
}

.review_profile .details .submit {
    margin-top:10px;
}
.review_profile .details .review, .review_profile .details .submit {
    font-size:14px;
}

.review_objectives .section_header, .review_goals .section_header, .review_bumps .section_header {
    height: 45px;
}
.review_objectives .section_header .title, .review_goals .section_header .title, .review_questions .section_header .title, .review_bumps .title {
    margin-top: -10px;
    font-size: 24px;
}
.review_objectives .due {
    float:left;
}
.review_objectives .objective_box .status {
    float: left;
    width: 100px;
    margin-left: 10px;
}

.review_objectives .objective_box .status .good {
    color: green;
}

.review_objectives .objective_box .status .ok {
    color: #cdd501;
}

.review_objectives .objective_box .status .bad {
    color: red;
}

.review_objectives .objective_box .center {
    float: left;
    width: calc(100% - 320px);
}
.review_objectives .objective_box .center .title {
    font-size:20px;
    color: #0094ff;
}
.review_objectives .objective_box .center .toggle {
    font-size:14px;
    margin-left:10px;
}
.review_objectives .objective_box .due {
    float: right;
    width: 150px;
    margin-right: 10px;
}
.review_objectives .objective_box .due .percent_done {
    font-size:20px;
}
.review_objectives .objective_box .due .daysleft {
    font-size:14px;
}
.review_objectives .followup, .review_goals .followup {
    float: right;
    width: 40px;
}

.question_box {
    padding:10px;
    height:auto;
    min-height:55px;
}
.question_box .question {
    font-size:20px;
    margin-left:10px;
}
.question_box .answer {
    float: left;
    width: calc(100% - 100px);
    padding:3px;
    margin-left:10px;
    line-height: 1.5;
    font-size: 16px;
    white-space: normal;
    border: 1px solid silver;
    border-radius:5px;
}
.question_box .answer.locked {
    border:none;
    font-size:14px;
    color: #0094ff;
}
.question_box .comment_who {
    font-size:12px;
    margin-left:12px;
    font-weight:bold;
}
.question_box .followup {
    float: right;
    margin-top: -20px;
    margin-right:10px;
}
.review_questions .question {
    white-space:normal;
    padding-bottom: 5px;
}
.review_questions .question_box .answer {
    width: calc(100% - 40px);
    margin-right:5px;
}
.question_box .icon i {
    color:green;
}

.list_security .subtitle, .list_notifications .subtitle {
    clear: both;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.1em;
}
.list_security .column_box {
    border-bottom: thin solid blue;
}
.list_security .column_left {
    clear:both;
    width:20%;
    min-width:200px;
}
.list_security .column {
    float: left;
}
.list_security .btn {
    width:120px;
}
.pass_error, .pin_error {
    color: red;
    font-size:0.80em;
    white-space:normal;
    padding-top:10px;
    text-align:center;
}
.pass_error i, .pin_error i {
    color: green;
}
.list_notifications .text {
    clear:both;
}
.list_notifications .field {
    float: left;
    width:100%;
    max-width: 250px;
}
.list_notifications .weekly_error {
    float: left;
    color:green;
}

.import_box {
    clear: both;
    width: 650px;
    height:40px;
    margin-left: 35px;
    padding: 10px;
    background-color: Silver;
    border: thin solid black;
}
.import_tool {
    float:left;
}
.import_button {
    float:left;
    display:none;
}
input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.match_row {
    clear: both;
    margin: 3px;
    padding:3px;
    overflow: hidden;
    font-size:11px;
}
.match_row.complete {
    background-color:lightgreen !important;
    color:black !important;
}
.match_row.error {
    background-color:lightcoral;
}
.match_row .fa-check {
    color:green;
}
.match_row .fa-times {
    color:red;
}
.match_row .button .btn {
    width:50px;
    
}
.match_row > div, .compare_row > div {
    float:left;
    white-space:nowrap;
    overflow:hidden;
    padding:3px;
}
.match_row .check {
    width:40px;
    font-size:14px;
}
.match_row .status, .compare_row .status {
    width: 60px;
}
.match_row.alt_row {
    background-color:rgba(0,0,0,0.15);
}
.match_row .changed {
    color:red;
}
.address {
    max-width:150px;
    overflow:hidden;
}
.compare_row {
    clear:both;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
}
.interview_row {
    clear:both;
    padding:4px;
}

.match_row.complete .address, .match_row.complete .dob, .match_row.complete .email {
    display: none;
}

.member_search {
    clear:both;
    width:100%;
    height:45px;
}
.member_search input {
    font-size:18px;
    height:24px;
    margin-top:3px;
    min-width:120px;
}
.member_search .search, .member_search .filter {
    float:left;
    width: 45%;
}
.member_search .icon {
    float:left;
    margin:5px;
}
.member_search .title {
    float:left;
    margin-right:10px;
    text-align:right;
}
.member_search .field {
    float:left;
    width:calc(50% - 10px);
}
.member_search .btn {
    width:90%;
    margin-top: 3px;
}
.member_search_row:hover {
    cursor:pointer;
    background-color:#eaeaea;
}
.people_popup .content .member_box:hover {
    cursor:pointer;
    color:blue;
}

.group_header_box {
    clear: both;
    width: calc(100% - 10px);
    height: 40px;
    padding: 5px;
    background-color: lightcyan;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}
.group_detail_box {
    display:block;
}
.group_header_box .title {
    float:left;
}
.group_header_box .toggle {
    float:left;
    width:25px;
    font-size: 2em;
    margin-top:-11px;
    padding:3px;
}
.group_header_box:hover {
    cursor:pointer;
    background-color:#eaeaea;
}
.group_header_box .inactive {
    display:none;
}
.group_header_box.no_active {
    display:none;
}

.people_tab_box {
    clear: both;
    width:100%;
    height:50px;
}
.people_tab_box .tab {
    float:left;
    width: 120px;
    background-color:#eaeaea;
    margin:3px 3px 0 3px;
    padding:10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align:center;
    border: thin solid #eaeaea;
    color:gray;
}
.people_tab_box .tab.active {
    background-color:lightcyan;
    color:black;
}
.people_tab_box .tab:hover {
    text-decoration:underline;
    cursor:pointer;
    background-color:lightcyan;
    color:black;
}
.people_calling_box, .people_directory_box {
    background-color: lightcyan;
    padding:10px;
    margin-top:-5px;
}
.people_directory_box {
    display:none;
}

.mobile_section_box {
    top: 50px;
    width: calc(100% - 25px);
    margin:0 auto;
    padding: 5px 7px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    overflow: hidden;
    white-space: nowrap;
    display: none;
    max-width: 900px;
}

.main_title_box {
    position: absolute;
    top: -43px;
    left: 0px;
    width: calc(100% - 10px);
    height: 40px;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(102, 175, 233, 0.8);
    display: none;
}
.main_title_box .back {
    float: left;
    width: 40px;
    font-size: 1.5em;
    padding: 3px;
    margin: 0 5px;
}
.main_title_box .back:hover {
    color: white;
}
.main_title_box .title {
    float: left;
    width: calc(96% - 126px);
    overflow: hidden;
    white-space: nowrap;
    font-size: 24px;
}



.notify_row {
    clear:both;
}
.notify_row .title {
    font-size:1.0em;
    width:20%;
    min-width:200px;
}
.notify_row div {
    float:left;
    width:60px;
}
.notify_row .check {
    padding-top:8px;
    text-align:center;
}
.notify_row .check:hover {
    color:blue;
    cursor:pointer;
}

.calling_group {
    clear:both;
    font-size:18px;
    font-weight:bold;
}
.calling_group:hover {
    cursor:pointer;
    text-decoration:underline;
}
.calling_lookup .person {
    float:left;
    width:40%;
    max-width:150px;
    margin-left:10px;
    padding:5px;
    overflow:hidden;
}
.calling_group_box {
    display: none;
    margin: 10px;
}
.calling_lookup .btn-primary {
    margin:10px auto;
    width:50%;
    max-width:200px;
}
.calling_header {
    font-weight:bold;
    font-size:24px;
    padding: 5px 0 10px 0;
}
.calling_header .title {
    float:left;
}
.calling_header .add {
    float:right;
    font-size:18px;
}
.calling_header .add:hover {
    cursor:pointer;
    color:blue;
}

@media (max-width: 1300px) {
    .section_column {
        width: calc(100% - 340px);
    }
    .section_double_column {
        width: calc(100% - 60px);
    }
}

@media (max-width: 1150px) {
    .people_popup .group_box {
        clear: both;
        float: none;
        width: 95%;
    }
}

@media (max-width: 850px) {
    .review_left {
        clear: both;
        width: 100%;
    }

    .review_right {
        clear: both;
        width: 100%;
    }
}
@media (max-width:750px) {
    .section_column, .section_double_column, .section_column.left {
        width: 100%;
        clear:both;
    }
    .meeting_summary .meeting_tab_row .tab .btn {
        width: 90px;
        font-size: 14px;
    }
}

@media (max-width:700px) {
    .section_button i {
        display:block;
    }
    .section_box .btn span {
        display: none;
    }
    .mobile_section_box {
        top:50px;
        width: calc(100% - 25px);
        margin: 0px 5px 5px 5px;
        padding: 5px 7px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
        overflow: hidden;
        white-space: nowrap;
        display: none;
        max-width: 600px;
    }

}


@media (max-width: 640px) {
    .objective_box {
        height: 75px;
    }
    .objective_box .dates {
        display:none;
    }
    .objective_box .detail {
        width:calc(100% - 205px);
    }
    .child_box {
        padding: 5px 15px;
    }
    .result_box .result_row {
        padding: 0;
    }
    .keyresult_box .detail div {
        font-size: 15px;
    }
    .keyresult_box .detail {
        width: calc(100% - 100px);
        padding: 5px 2px;
        margin-right: 0;
    }
    .keyresult_box .percent {
        width: 40px;
        padding: 5px 2px;
        font-size:14px;
    }
    .objective_summary .who {
        width: 35px;
        height: 35px;
        border-radius: 17.5px;
    }
    .objective_summary .who img {
        width: 35px;
        height: 35px;
        border-radius: 17.5px;
    }

    .profile_menu li {
        min-width: 90px;
        padding: 7px;
    }
    .profile_menu i {
        display:none;
    }

    .login_box, .wait_box {
        width: 60%;
        margin: 0 auto;
    }
    .sub_nav {
        min-width:420px;
    }
    .sub_nav .item {
        padding:10px 10px 5px 10px;
        font-size:14px;
    }

    .member_search .title {
        font-size:16px;
    }

}

@media (max-width: 540px) {
    .objective_box .detail {
        width: calc(100% - 180px);
    }

    .child_box .objective_box .detail {
        width: calc(100% - 170px);
    }

    .objective_box {
        font-size: 14px;
    }

        .objective_box .results {
            width: 70px;
            font-size: 12px;
        }

        .objective_box .percent {
            width: 40px;
            font-size: 12px;
        }

    .keyresult_box .detail div {
        font-size: 14px;
    }

    .objective_summary .objective {
        font-size: 18px;
    }


    .profile_menu li {
        min-width: unset;
        font-size: 15px;
    }

    .profile_menu i {
        display: none;
    }

    .login_box, .wait_box {
        width: 70%;
        margin: 0 auto;
    }

    .meeting_summary .meeting_tab_row .tab .btn {
        width: 70px;
        font-size: 12px;
    }

    .people_inner, .end_meeting_inner {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0px;
    }

        .people_inner .who_big {
            width: 55px;
            height: 55px;
        }

            .people_inner .who_big img {
                width: 55px;
                height: 55px;
            }

    .member_search .search .title {
        display: none;
    }

    .who_big .full {
        top:13px;
        font-size:12px;
        line-height:10px;
    }
    .who_big .full div {
        padding: 2px;
    }

}


@media (max-width: 480px) {
    .page_body {
    }

    .objective_box {
        font-size: 13px;
    }

    .keyresult_box .detail div {
        font-size: 13px;
    }

    .my_profile {
        display: block;
    }

    .login_box, .wait_box {
        width: 90%;
        margin: 0 auto;
    }

    .sub_nav {
        min-width: 380px;
    }

        .sub_nav .item {
            padding: 5px 5px 5px 5px;
            font-size: 14px;
            margin-right: 20px;
        }

    .page_body {
    }

    .people_inner .who_big {
        width: 45px;
        height: 45px;
    }

        .people_inner .who_big img {
            width: 45px;
            height: 45px;
        }

    .people_inner .group_box .detail {
        width: 100%;
    }

    .meeting_summary .edit {
        right: 0;
        top: 0;
    }

    .meeting_summary .closed {
        padding: 5px;
    }

    .meeting_summary .meeting_tab_row .tab .btn {
        width: 65px;
    }

    .who_big .full {
        top:9px;
        font-size:11px;
        line-height:10px;
    }
    .who_big .full div {
        padding: 2px;
    }

    .notify_row div {
        float: left;
        width: 55px;
        font-size: 12px;
    }

    .notify_row .title {
        font-size: 0.8em;
        width: 20%;
        min-width: 130px;
    }

    .feeling_bubble {
        margin: 5px;
    }

}

@media (max-width: 420px) {
    .interview_row .task_date, .interview_row .task_time {
        margin-left: 8px;
    }
}

@media (max-width: 380px) {
    .login_box, .wait_box {
        width: 100%;
        margin-left: 10px;
    }
    .sub_nav .item {
        padding:10px 2px 5px 2px;
        margin-right:10px;
        font-size:13px;
    }
    .page_body {
        padding: 0;
    }
    .section_column.left {
        width: 95%;
    }
}

@media (max-width: 340px) {
    .login_box, .wait_box {
        width: 100%;
        margin: 0;
    }

    input.login_pin_input {
        width: 14%;
    }

    .login_pin_row {
        padding-left: 15%;
    }
}

@media (max-width: 300px) {
    .login_box, .wait_box {
        width: 100%;
        margin: 0;
    }
    input.login_pin_input {
        width: 13%;
    }

    .login_pin_row {
        padding-left: 25px;
    }
}

@media (max-width: 280px) {
    .login_box, .wait_box {
        width: 100%;
        margin: 0;
    }
    input.login_pin_input {
        width: 12%;
        -webkit-text-security: disc;
    }

    .login_pin_row {
        padding-left: 20px;
    }
}