/*body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
/*BENCHMARK SECTION*/

/**REPORTS DATATABLE*/

.padding-20 {
    padding: 20px !important;
}

.dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: rgba(162, 162, 162, 0.26) !important;
    color: inherit !important;
}

.dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    background-color: #002e64 !important;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #002e64 !important;
    color: #fff !important;
}

.dataTables_paginate .paginate_button {
    background-image: none !important;
    background-color: #002e64 !important;
    border: 0 !important;
    border-radius: 50%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

    .dataTables_paginate .paginate_button.current {
        background-color: #002e64 !important;
        color: #fff !important;
        color: white !important;
    }

.dataTables_paginate .paginate_button {
    background-image: none !important;
    background-color: rgba(162, 162, 162, 0.26) !important;
    border: 0 !important;
    border-radius: 50%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    /*color: #333 !important;*/
    border: 1px solid transparent;
    border-radius: 2px;
}

    .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        background-color: rgba(162, 162, 162, 0.26) !important;
        color: inherit !important;
    }

    .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none;
    }

.dataTables_paginate .paginate_button {
    background-image: none !important;
    background-color: rgba(162, 162, 162, 0.26) !important;
    border: 0 !important;
    border-radius: 30px !important;
    border-radius: 50%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    /*color: #333 !important;*/
    border: 1px solid transparent;
    border-radius: 2px;
}

/**/

.benchmark-nav-tabs {
    background-color: white;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    max-width: 250px;
}

.m-t-7 {
    margin-top: 7px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

#path9484:hover {
    opacity: 0.8 !important;
    cursor: pointer;
}

.p-0 {
    padding: 0px !important;
}

.benchmark-year-header {
    background-color: #254e7c !important;
    color: white;
}

.chartDimenstions {
    padding: 50px !important;
}

.outcomes-comment-textarea {
    resize: none;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-l-24 {
    padding-left: 24px !important;
}

.benchmark-nav-tabs-section {
    display: flex;
    flex-flow: row wrap;
}

    .benchmark-nav-tabs-section > li {
        display: block;
    }

        .benchmark-nav-tabs-section > li.active {
            border-bottom: none !important;
        }

.benchmark-nav-tabs-section {
    border: 0px !important;
    padding-bottom: 0px !important;
}

.benchmark-tab-content {
    padding: 10px;
}

.benchmark-content {
    background-color: white !important;
}

.benchmark-nav-link {
    vertical-align: middle;
    display: table-cell !important;
    height: 72px;
    width: 250px !important;
    font-size: large;
    border-bottom: none !important;
}

.benchmark-nav-tabs.active {
    font-weight: 600 !important;
    color: white !important;
    background-color: rgba(27, 46, 61, 1) !important;
}

.benchmark-nav-tabs {
    background-color: #493953;
    color: white;
}

/**/
.min-height60 {
    min-height: 60px !important;
}

.chart-title {
    border-radius: 15px 15px 0px 0px;
    font-size: 20px;
}

.chart-sections {
    padding-top: 20px;
}

.chart-section {
    line-height: 35px;
}

.chart-progress-bar {
    background-color: #493953;
    float: left;
    color: #493953;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.chart-line {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.input-validation-error {
    border: 2px solid #ff0000 !important;
}

.m-t-15 {
    margin-top: 15px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.p-l-0 {
    padding-left: 0 !important;
}

.bootstrap-datetimepicker-widget {
    width: 300px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.pastItem {
    background-color: #1D2E3C;
}

.padding0 {
    padding: 0 !important;
}

.input-group-input {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input-group-addon {
    border-radius: 4px !important;
    border: 0px !important;
    background-color: transparent !important;
}


.personnelItems {
    background-color: rgba(37, 78, 124, 1) !important;
    color: white !important;
    margin-top: 40px;
    margin-left: 75px;
}


.rcsMenuItems {
    display: table;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    /*make it like an anchor*/
    /*background-color:#493952;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;*/
}

    .rcsMenuItems span {
        line-height: 80px;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 300;
    }

.activeMenuItem {
    background-image: url(/Content/Images/menuActiveItem.png);
    background-repeat: no-repeat;
    background-size: 125px 80px;
}

.activeMenuItem1 {
    background-image: url(/Content/Images/menuActiveItem.png);
    background-size: 280px 80px;
    background-repeat: no-repeat;
    margin-left: -1px;
}

@media screen and (max-width: 1900px) {
    .activeMenuItem {
        background-size: 100px 80px;
    }

    .activeMenuItem1 {
        background-size: 220px 80px;
    }
}

@media screen and (max-width: 1450px) {
    .activeMenuItem {
        background-size: 70px 80px;
    }

    .activeMenuItem1 {
        background-size: 180px 80px;
    }
}

@media screen and (max-width: 1540px) {
    .activeMenuItem {
        background-size: 90px 80px;
    }

    .activeMenuItem1 {
        background-size: 200px 80px;
    }
}

@media screen and (max-width: 1366px) {
    .rcsMenuItemText {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1100px) {
    .rcsMenuItemText {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 690px) {
    .rcsMenuItemText {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 585px) {
    .rcsMenuItemText {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 470px) {
    .rcsMenuItemText {
        font-size: 5px !important;
    }
}

.select2-container {
    text-align: left !important;
}

#notificationCheck > .checkboxes {
    width: 100% !important;
}

/*BENCHMARKING*/
.jvectormap-container {
    height: 150% !important;
    width: 100% !important;
}

.gradeX:hover {
    background-color: #f5f5f5 !important;
}

.login-container {
    position: relative;
    top: 27%;
    max-width: 500px;
    min-width: 300px !important;
    width: 100%;
    /*height: 90%;*/
    padding: 0;
    display: block;
    /*flex-wrap: column nowrap;
    align-items: center;
    justify-content: center;*/
}

    .login-container .card {
        max-width: 480px;
    }

@media (max-width: 320px) {
    .login-container .card {
        max-width: 320px;
    }
}

#xLoader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 999;
}

    #xLoader .google-spin-wrapper {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }

        #xLoader .google-spin-wrapper .google-spin {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 100px;
            height: 100px;
            margin: -50px 0 0 -50px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #254e7c;
            -webkit-animation: xLoaderGoogleSpin 2s linear infinite;
            -moz-animation: xLoaderGoogleSpin 2s linear infinite;
            -ms-animation: xLoaderGoogleSpin 2s linear infinite;
            -o-animation: xLoaderGoogleSpin 2s linear infinite;
            animation: xLoaderGoogleSpin 2s linear infinite;
        }

            #xLoader .google-spin-wrapper .google-spin:before {
                content: "";
                position: absolute;
                top: 5px;
                left: 5px;
                right: 5px;
                bottom: 5px;
                border-radius: 50%;
                border: 3px solid transparent;
                border-top-color: #f5f5f5;
                -webkit-animation: xLoaderGoogleSpin 3s linear infinite;
                -moz-animation: xLoaderGoogleSpin 3s linear infinite;
                -ms-animation: xLoaderGoogleSpin 3s linear infinite;
                -o-animation: xLoaderGoogleSpin 3s linear infinite;
                animation: xLoaderGoogleSpin 3s linear infinite;
            }

            #xLoader .google-spin-wrapper .google-spin:after {
                content: "";
                position: absolute;
                top: 15px;
                left: 15px;
                right: 15px;
                bottom: 15px;
                border-radius: 50%;
                border: 3px solid transparent;
                border-top-color: #254e7c;
                -webkit-animation: xLoaderGoogleSpin 2s linear infinite;
                -moz-animation: xLoaderGoogleSpin 2s linear infinite;
                -ms-animation: xLoaderGoogleSpin 2s linear infinite;
                -o-animation: xLoaderGoogleSpin 2s linear infinite;
                animation: xLoaderGoogleSpin 2s linear infinite;
            }

@-webkit-keyframes xLoaderGoogleSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes xLoaderGoogleSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-ms-keyframes xLoaderGoogleSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes xLoaderGoogleSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes xLoaderGoogleSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
	max-width: 280px;
}*/

/*Modals*/
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .modal-500 {
        width: 500px;
    }
}

/**/

.mt-150 {
    margin-top: 150px !important;
}

#user-login {
    border-top: 10px solid #002E64 !important;
}

.p-t-7 {
    padding-top: 7px !important;
}

.mleft-90 {
    margin-left: 90px;
}

.profile-image {
    width: 300px;
    height: 300px;
}

.growl-animated {
    border: 0;
    color: #fff;
}

.ml-5 {
    margin-left: 5px;
}

.pad-10 {
    padding: 10px !important;
}

.side-bar-logo {
    height: 75px !important;
}

.sidebar-container {
    overflow: visible !important;
    margin-top: 65px;
}

.header-container {
    margin-left: 0 !important;
}

.font-w-100 {
    font-weight: 100 !important;
}

.font-size-35 {
    font-size: 35px !important;
}

.bg-coard-dark-blue {
    background-color: #002e64;
    color: white;
}

/*Lists*/
.list-editable li {
    border-bottom: 1px solid #eff2f4;
    padding: 15px;
    position: relative;
    height: 51px;
}

    .list-editable li .icheckbox_flat-blue {
        float: left;
    }

    .list-editable li .body {
        text-overflow: ellipsis;
        display: block;
        width: calc(100% - 80px);
        white-space: nowrap;
        overflow: hidden;
        float: left;
    }

    .list-editable li:hover {
        background: #f4f7f9;
        border-left: 3px solid #2b5969;
        padding-left: 12px;
    }

        .list-editable li:hover .remove-box {
            opacity: 1;
        }

    .list-editable li .icheckbox_flat-blue {
        margin-right: 10px;
    }

    .list-editable li .remove-box {
        /*background: #2cc0d5;*/
        background: #2b5969;
        padding: 6px 20px 6px 20px;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

        .list-editable li .remove-box .iconmelon,
        .list-editable li .remove-box .im {
            fill: white;
            width: 20px;
            height: 20px;
        }

        .list-editable li .remove-box:before {
            content: "";
            height: 0;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 4px;
            border-right-color: #2b5969;
            position: absolute;
            left: -8px;
            top: 50%;
            margin-top: -4px;
        }


.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none;
}

.unstyled {
    list-style: none;
    padding: 0;
}

.remove-box > .ion-trash-a {
    color: white !important;
}

li > .checkbox {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.messages-list .message {
    text-decoration: none;
    color: rgba(51, 54, 63, 0.6);
    font-size: 1.125em;
    padding: 20px 30px;
    border-top: 1px solid #f4f7f9;
}

    .messages-list .message:hover {
        color: #33363f;
    }

    .messages-list .message.message-new {
        background: #f4f7f9;
        color: #33363f;
    }

.messages a {
    display: block;
    color: #99a1a6;
    font-size: 15px;
    *zoom: 1;
    -webkit-transition: border 0.4s;
    -moz-transition: border 0.4s;
    transition: border 0.4s;
}

    .messages a:before, .messages a:after {
        content: " ";
        display: table;
    }

    .messages a:after {
        clear: both;
    }

    .messages a.active {
        padding-left: 7px;
        border-left: 3px solid #254e7c;
    }

@media (min-width: 650px) {
    .messages a.active {
        padding-left: 27px;
    }
}

.messages a:hover, .messages a.active {
    background: #f4f7f9;
}

.messages a img {
    vertical-align: bottom;
}

.messages a .avatar,
.messages a .author,
.messages a .subject,
.messages a .date {
    display: inline-block;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 28px;
}

.messages a .avatar {
    width: 12%;
}

    .messages a .avatar img {
        max-width: 100%;
    }

@media (min-width: 650px) {
    .messages a .avatar {
        width: 5%;
    }
}

.messages a .author {
    width: 15%;
    color: #33363f;
}

.select2 {
    width: 100% !important;
}

.messages a .subject {
    width: 65%;
}

@media (min-width: 650px) {
    .messages a .subject {
        width: 60%;
    }
}

.messages a .date {
    width: 20%;
    text-align: right;
}

@media (min-width: 650px) {
    .messages a .date {
        padding-right: 10px;
    }
}

/*Calendar*/
.card > .ui-datepicker,
.card > .ui-datepicker-responsive > .ui-datepicker {
    width: 100%;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    margin: 0;
}

    .card > .ui-datepicker > table,
    .card > .ui-datepicker-responsive > .ui-datepicker > table {
        width: 100%;
    }

.day {
    border: 1px solid white !important;
}

.booked {
    position: relative;
    background-color: rgba(0,46,100,0.1);
}

.checkboxes {
    float: left !important;
    width: 50% !important;
    padding-left: 12px !important;
}

.leftNavItem {
    float: left !important;
}

.sidebar-nav * {
    font-family: century gothic;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

.fontcenturysmall {
    font-family: century gothic;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

#datatablePendingEdits > thead {
    background-color: #254e7c;
    color: white;
}

@media all and (max-width: 2000px) {

    .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control {
        font-size: large !important;
        width: 480px;
    }
}
@media all and (max-width: 1460px) {

    .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control {
        font-size: large !important;
        width: 300px;
    }
}
@media all and (max-width: 1250px) {

    .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control {
        font-size: large !important;
        width: 150px;
    }
}
@media all and (max-width: 1100px) {

    .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control {
        font-size: large !important;
        margin-top: 40px;
    }
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control {
    font-size: large !important;
     border-bottom: 1px solid #254e7c !important;
}

.ion-search {
    color: #254e7c !important;
    font-size: x-large;
}

#datatablePendingEdits th {
    font-size: 16px;
}

#datatablePendingEdits {
    margin-top: -30px !important;
}

#datatable1 > thead {
    background-color: #254e7c;
    color: white;
}

#datatable1 th {
    font-size: 16px;
}

#datatable1_filter {
    /*margin-top: -30px !important;*/
    margin-top: -35px !important;
}

#datatable4 > thead {
    background-color: #254e7c;
    color: white;
}

#datatable4 th {
    font-size: 16px;
}

#datatable4_filter {
    margin-top: -30px !important;
}

.datatable-blue-header > thead {
    background-color: #254e7c;
    color: white;
}

.datatable-blue-header th {
    font-size: 16px;
}

#datatable2 > thead {
    background-color: #254e7c;
    color: white;
}

#datatable2 th {
    font-size: 16px;
}

#datatable2_filter {
    margin-top: -30px !important;
}

.card-heading-icon {
    float: left;
    color: #3E7C7D;
    font-size: 48px;
    margin: -14px 20px 0 0;
}

@media all and (max-width: 1760px) {

    .checkboxes {
        width: 100% !important;
        padding-left: 12px !important;
    }
}

@media all and (max-width: 1940px) {

    #asignedRoles > .checkboxes {
        width: 100% !important;
        padding-left: 12px !important;
    }

    .programRolesSection .checkboxes {
        width: 100% !important;
        padding-left: 12px !important;
    }

    #titleForRoles {
        width: 100% !important;
        padding-left: 12px !important;
    }

    #asignedRoles {
        width: 100% !important;
        padding-left: 12px !important;
    }
}


.filter-dropdown {
    font-size: large;
    margin-right: 15px;
}

.bluetablelabel {
    background-color: rgba(37, 78, 124, 1);
    color: white;
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400 !important;
    font-style: normal;
    font-size: 13px;
    padding: 10px 10px 10px 0;
    height: 50px;
}

    .bluetablelabel > label {
        font-family: 'Arial Regular', 'Arial';
        font-weight: 400 !important;
        font-style: normal;
    }

.bluetabledata {
    background-color: rgba(0, 46, 100, 1);
    color: white;
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400 !important;
    font-style: normal;
    font-size: 13px;
    padding: 10px 10px 10px 0;
    height: 50px;
}

    .bluetabledata > label {
        font-family: 'Arial Regular', 'Arial';
        font-weight: 400 !important;
        font-style: normal;
    }

.buttons-excel {
    visibility: hidden;
}

.buttons-pdf {
    visibility: hidden;
}

.no-print {
    display: none !important;
}

@media print {
    .noPrint {
        display: none;
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.unread {
    font-weight: bold;
    cursor: pointer;
}

.read {
    font-weight: thin;
}

th.next, th.prev {
    font-size: 1.8em !important;
}

#customTip {
    position: fixed !important;
    top: 27% !important;
    left: 40% !important;
}

/* start of styling for part of _PersonnelCompleteInfromation.cshtml, _AffiliatesCompleteInformation.cshtml, and _ProfileCompleteInformation.cshtml*/
.editProfileButton {
    display: none;
    max-width: 40px;
    cursor: pointer;
}

.editAffiliatesButton {
    display: none;
    max-width: 40px;
    cursor: pointer;
}

.editPersonnelButton {
    display: none;
    max-width: 40px;
    cursor: pointer;
}

.profileCheckBoxes {
    display: none;
}

.makeChanges {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #493953;
    color: lightgray;
}
/* end of styling for part of _PersonnelCompleteInfromation.cshtml, _AffiliatesCompleteInformation.cshtml, and _ProfileCompleteInformation.cshtml*/

#timeOutDiv {
    z-index: 3;
    border-radius: 7px;
    background-color: #f1f2f3;
    box-shadow: 2px 2px 18px 2px rgba(73, 57, 83, 0.35);
    position: fixed;
    top: -15%;
    left: 50% !important;
    margin-top: -12em;
    margin-left: -16.6666% !important;
}

.slideDown {
    top: 50%;
}
.transition {
    -webkit-transition: 0.3s ease-out; /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: 0.3s ease-out; /* Firefox 4-15 */
    -o-transition: 0.3s ease-out; /* Opera 10.50–12.00 */
    transition: 0.3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.SessionTimeoutTitle {
    background-color: #002E64;
    border-radius: 7px 7px 0 0;
    text-align: center;
}

.SessionTimeoutTitleText {
    font-size: 20px;
    color: #f1f2f3;
    /*font-size: 1.5em;*/
}

.timeOutDivText {
    font-size: 20px;
    text-align: center;
    padding: 2em;
}

.timeOutDivButton {
    display: block;
    margin: 0.5em auto;
    font-size: 20px;
    background-color: rgba(73, 57, 83, 1.0);
    color: #f1f2f3;
    padding: 0.5em;
}

.timeOutDivTimeDisplay{
    font-weight:700;
}

.profileChangeButton {
    background-color: rgba(37, 78, 124, 1);
}
.personnelChangeButton {
    background-color: rgba(37, 78, 124, 1);
}
.affiliatesChangeButton {
    background-color: rgba(37, 78, 124, 1);
}