/***************************************************************************
	*** Mojo: CSS
	*** Created: 06/25/2020
	*** Created By: Corey (501Works)
***************************************************************************/

/* General */

body {
    /* overflow-y: scroll; */
}
html {
    font-family: 'Open Sans', sans-serif !important;
    -ms-overflow-style: scrollbar;
    scroll-behavior: smooth;
}
p {
    font-size: 13px;
    margin-bottom: 2.5rem;
    font-family: 'Open Sans', sans-serif !important;
}
.dropdown.user.user-menu {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.dropdown.user.user-menu .fa-gears {
    margin-left: 10px;
}
@media (max-width: 991px) {
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 0%;
    }
}
.content-header h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    color: #414141;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b9b9b9
    ;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #b9b9b9
;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #b9b9b9
;
}


/* Navigation */

.skin-blue .main-header .navbar {
    background-color: #ff8136;
}
.skin-blue .main-header .logo {
    background-color: #ff8136;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #f9fafc;
    border-right: solid 1px #d3d3d3;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    background-color: #fff;
    font-weight: 600;
}
.skin-blue .sidebar-form {
    border-color: #d3d3d3;
    margin-top: 20px;
}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {
    color: #000;
}
.sidebar .user-panel .fa-user-circle {
    font-size: 50px;
    color: #808080;
    margin-top: 3px;
}
.user-panel>.info>p {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}
.user-panel>.info>span {
    font-size: 10px;
    display: block;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 1px;
}
.skin-blue .sidebar-menu>li.header {
    background: transparent;
    color: #cdd4d4;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    background: transparent;
    color: #000;
}
.skin-blue .sidebar a {
    color: #000;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    background: transparent;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #000;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .logo:hover {
    background: rgba(0,0,0,0.1);
}
.main-header {
    background-color: #ff8136;
}
.skin-blue .main-header li.user-header {
    background-color: #f9fafc;
}
.skin-blue .main-header li.user-header p {
    color: #000 !important;
}
.skin-blue .main-header li.user-header .fa-user-circle {
    font-size: 75px;
    color: #808080;
    margin-top: 10px;
}
.main-header .logo .logo-mini img {
    width: 100%;
    max-width: 31px;
    height: auto;
}
.user-panel {
    /* padding: 10px 3px; */
    padding: 5px 3px 0 3px;
}
.works-user-panel-div {
    display: flex;
    max-width: 229px;
    justify-content: center;
    padding-bottom: 13px;
}
.works-logo-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3px;
}
.works-logo-div img {
    width: 100%;
    max-width: 125px;
    height: auto;
}
.moveon-logo-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0 0 0;
}
.moveon-logo-div img {
    width: 100%;
    max-width: 83px;
    height: auto;
}
.logo-lg img {
    width: 93px;
    height: auto;
}


/* Footer */

.main-footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000;
    border-top: none;
    background-color: #ecf0f5;
}
.main-footer a {
    text-decoration: underline;
    color: #000;
}
.main-footer strong {
    margin-right: 5px;
}


/* Content wrapper */

.content-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    padding: 30px 25px 0 25px;
}
.content {
    padding: 15px 25px;
}

/* Dashboard panels */

.data-panel-row {
    margin: 0 -20px 0 -20px;
    /* display: flex; */
}
.data-panel-row > .data-panel > div {
    /* height: 100%; */
}
.data-velocity-row #line-chart {
    margin-top: 30px;
}
.mt-30 {
    margin-top: 30px;
}

.card.data-panel {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
}
.card.data-panel > div {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #d3d3d3;
    margin: 5px;
}

.card.data-panel .card-header {
    padding: 20px;
    font-size: 20px;
    color: #414141;
}
.card.data-panel .card-header .container-fluid .row > div{
    padding: 0;
}
.card.data-panel .card-header .container-fluid .row > div:last-child {
    /* align-items: flex-start;
    display: flex;
    justify-content: flex-end; */
}
.card.data-panel .card-header button {
    text-transform: uppercase;
    padding: 0 30px;
    background-color: #3b79ad;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin-right: 8px;
}

.activity-feed-icon {
    margin-right: 2px;
    width: 21px;
    height: auto;
    margin-bottom: 3px;
}
.error-feed-icon {
    margin-right: 2px;
    width: 20px;
    height: auto;
    margin-bottom: 3px;
}
.connections-icon {
    margin-right: 2px;
    width: 15px;
    height: auto;
    margin-bottom: 3px;
}

.card.data-panel .card-body {
    padding: 0 20px 0 20px;
}
.card.data-panel .card-body .container-fluid .row > div {
    padding: 0;
}
.card.data-panel .card-body hr {
    margin: 0;
    border-color: #d3d3d3;
    border-width: 2px;
}
.card.data-panel .card-body thead{
    color: #979797;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}
.card.data-panel .card-body tbody {
    font-size: 13px;
    color: #414141;
}
.card.data-panel .card-body thead tr > td,
.card.data-panel .card-body tbody tr > td {
    padding: 15px 0;
    border-top: none;
    border-bottom: solid 1px #d3d3d3;
}
.card.data-panel .card-body thead tr > td:first-child,
.card.data-panel .card-body tbody tr > td:first-child {
    border-right: dashed 1px #d3d3d3;
}
.card.data-panel .card-body .activity-table thead tr > td:nth-child(n+2),
.card.data-panel .card-body .activity-table tbody tr > td:nth-child(n+2) {
    text-align: center;
}
.card.data-panel .card-body .error-table thead tr > td:nth-child(n+2),
.card.data-panel .card-body .error-table tbody tr > td:nth-child(n+2) {
    text-align: center;
}
.card.data-panel .card-body .connections-table thead tr > td:nth-child(n+2),
.card.data-panel .card-body .connections-table tbody tr > td:nth-child(n+2) {
    text-align: center;
}
.card.data-panel .card-body .error-table tbody tr > td:first-child {
    font-weight: 600;
    color: #3b79ad;
}
.card.data-panel .card-body .connections-table tbody tr > td:first-child {
    font-weight: 600;
    color: #3b79ad;
}
.card.data-panel .card-body .activity-table tbody tr > td:first-child {
    font-weight: 600;
    color: #3b79ad;
}
.card.data-panel .card-body .connections-table tbody tr > td:nth-child(3) button {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
    background-color: #fe8800;
    font-weight: 600;
}
.card.data-panel .card-body .connections-table tbody tr > td:nth-child(4) button {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
    background-color: #d10e0e;
    font-weight: 600;
}
.card.data-panel tbody .fa-exclamation-triangle {
    color: #ff931e;
    font-size: 14px;
    margin-right: 3px;
}
.card.data-panel tbody .fa-exclamation-circle {
    color: #db0000;
    font-size: 14px;
}
.card.data-panel tbody .fa-check-circle {
    color: #76c707;
    font-size: 14px;
    margin-right: 3px;
}
/* .card.data-panel tbody .fa-exclamation-triangle {
    color: #76c707;
    font-size: 14px;
    margin-right: 8px;
} */
.card.data-panel tbody .fa-times-circle {
    color: #db0000;
    font-size: 14px;
    margin-right: 3px;
}
.card.data-panel .card-footer {
    padding: 20px;
}
.data-panel-table.error-table button {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
    background-color: #fe8800;
    font-weight: 600;
    /* margin-left: 10px; */
}
.formChart-form {
    font-size: 15px;
    display: inline-flex;
    margin: 0;
    float: right;
    justify-content: center;
    align-items: center;
    min-width: 200px;
}
.linechart-select-div .formChart-form {
    width: 130px;
}
@media (min-width: 768px) {
    .linechart-select-div .formChart-form {
        min-width: 200px;
    }
}
.selectChart-form {
    margin-bottom: 0;
    margin-right: 5px;
    font-weight: 400;
    font-size: 15px;
}


/* Data Tables */

.data-velocity-row .dataTables_wrapper {
    margin-top: 30px;
}
.data-velocity-row .dataTables_wrapper .dataTables_length label {
    text-align: justify;
    color: #707f99;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.data-velocity-row .dataTables_wrapper .dataTables_length input {
    /* margin: 0 5px; */
}
.data-velocity-row .dataTables_wrapper .dataTables_length .form-control {
    /* min-height: initial; */
    margin: 0 5px;
}
.data-velocity-row .dataTables_wrapper .dataTables_length select {
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    padding: 5px 5px 5px 0;
}
.data-velocity-row .dataTables_wrapper .dataTables_length option {
    font-weight: 600;
}
.data-velocity-row .dataTables_wrapper .dataTables_length {
    display: flex;
    justify-content: center;
}
.data-velocity-row .dataTables_wrapper .dataTables_filter label {
    text-align: justify;
    color: #707f99;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.data-velocity-row .dataTables_wrapper .dataTables_filter select {
    /* margin: 0 5px; */
}
.data-velocity-row .dataTables_wrapper .dataTables_filter .form-control {
    /* min-height: initial; */
    margin: 0 5px;
}
.data-velocity-row .dataTables_wrapper .dataTables_filter {
    display: flex;
    justify-content: center;
}
.data-velocity-row .dataTables_wrapper .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    color: #979797;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    border-bottom: solid 1px #d3d3d3;
    border-left: none;
    border-right: none;
    padding: 15px 0;
}
.data-velocity-row .dataTables_wrapper .table > thead:first-child > tr:first-child > th .fa-sort {
    margin-left: 5px;
}
.data-velocity-row .dataTables_wrapper .card.data-panel .card-body tbody tr > td {
    text-align: center;
}
.data-velocity-row .dataTables_wrapper .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}
.data-velocity-row .dataTables_wrapper .table-bordered > tbody > tr > td {
    border: none;
    text-align: center;
    border-right: none !important;
    border-bottom: solid 1px #d3d3d3;
}
.data-velocity-row .dataTables_wrapper .table-bordered {
    border: none;
}
.data-velocity-row .dataTables_wrapper .card.data-panel .card-body tbody tr > td:first-child {
    border-right: none;
}
.data-velocity-row .dataTables_wrapper .table-bordered > tfoot > tr > th {
    border: none;
    text-align: center;
    color: #979797;
    font-size: 11px;
    font-weight: 600;
    padding: 15px 0;
    text-transform: uppercase;
}
.data-velocity-row .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.data-velocity-row .dataTables_wrapper .pagination {
    margin: 0;
    font-size: 12px;
}
.data-velocity-row .dataTables_wrapper .dataTables_info {
    font-size: 12px;
    text-align: center;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #3b79ad;
    border-color: #3b79ad;
}
.data-velocity-row .dataTables_wrapper > .row:nth-child(3) > div:nth-child(2) {
    display: flex;
    justify-content: center;
}
.data-velocity-row #example1 {
    width: 100% !important;
}
.data-velocity-row table#example1 thead tr > th:first-child {
    border-right: dashed 1px #d3d3d3 !important;
    /* padding-left: 5px; */
    text-align: left;
}
.data-velocity-row table#example1 tbody tr > td:first-child {
    border-right: dashed 1px #d3d3d3 !important;
    font-weight: 600;
    color: #3b79ad;
    /* padding-left: 5px; */
    text-align: left;
    text-transform: capitalize;
}




/*Dashboard responsive update */

@media (min-width: 1200px) {
    .data-panel-row > .data-panel > div {
        min-height: 427px;
    }
    .data-explorer-row > .data-panel > div {
        min-height: auto;
    }
}

/* Dashboard donut chart */

.donut-chart-div {
    padding: 10px 0 0 0;
    /* background-color: #f5f5f5; */
}
@media (min-width: 1200px) {
    .donut-chart-div {
        padding: 0;
    }
}
.donut-select-div {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* padding-bottom: 15px; */
}
.donut-select-div .formChart-form {
    display: flex;
}
.donut-select-div .formChart-form label {
    align-self: center;
}
.donut-select-div select {
    /* width: 100%; */
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    /* margin-bottom: 15px; */
    /* min-height: 40px; */
}
.donut-select-div select option {
    font-weight: 600;
}
@media (min-width: 1200px) {
    .donut-select-div {
        padding-left: 20px;
    }
}
.donut-select-div label {
    font-weight: 600;
    color: #707f99;
    font-size: 12px;
    margin: 0;
    padding-right: 5px;
    text-transform: uppercase;
}
#donut-chart span > div {
    font-size: 12px !important;
    /* font-weight: 600; */
    color: #424b5a !important;
}

/* Line chart */
.linechart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.linechart-select-div {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* padding-bottom: 15px; */
    /* margin-top: 33px; */
}
.linechart-select-div .formChart-form {
    display: flex;
}
.linechart-select-div .formChart-form label {
    align-self: center;
}
.linechart-select-div select {
    /* width: 100%; */
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    /* margin-bottom: 15px; */
    /* min-height: 40px; */
}
.linechart-select-div select option {
    font-weight: 600;
}
.linechart-select-div label {
    font-weight: 600;
    color: #707f99;
    font-size: 12px;
    margin: 0;
    padding-right: 5px;
    text-transform: uppercase;
}
#ChartPeriod {
    width: 6.5vw;
    min-width: 80px;
}
#line-chart .legend table tbody tr td.legendColorBox,
#line-chart .legend table tbody tr td.legendLabel {
    border-right: 0 !important;
    border-bottom: 0;
    padding: 7px 0;
}
#line-chart .legend table tbody tr td.legendLabel {
    padding-left: 4px;
}
#line-chart .legend table tbody tr td.legendLabel a {
    color: #333;
}
#line-chart .legend table tbody tr td.legendLabel {
    font-size: 14px;
}
#line-chart .legend table tbody {
    display: flex;
    /* padding: 0 4px; */
    flex-direction: column;
}
@media (min-width: 992px) {
    #line-chart .legend table tbody {
        /* display: flex; */
        padding: 0 2px;
        flex-direction: row;
    }
}
#line-chart .legend table tbody tr {
    padding: 0 7px;
}
#line-chart .legend table {
    border: solid 1px #d3d3d3;
    background-color: rgba(255,255,255,.5);
}

#legendContainer {
    background-color: #fff;
    padding: 2px;
    margin-bottom: 8px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #E6E6E6;
    display: inline-block;
    margin: 0 auto;
}

#legendContainer {
    overflow: auto;
}

    #legendContainer tr {
        display: inline-block;
        margin: 0 5px;
    }

    #legendContainer td {
        border: none;
    }



/* Login, Register */

.login-logo {
    /* display: none; */
}
.login-logo img {
    width: 150px;
    height: auto;
}
.login-page, .register-page {
    background: #f9fafc;
}
.login button {
    background-color: #ff8136;
    border-color: #ff8136;
    text-transform: uppercase;
    font-size: 12px;
}
.login-box-body {
    /* border: solid 1px #d3d3d3;
    border-radius: 6px; */
    background-color: #fff;
}
.login .has-feedback .control {
    border-radius: 2px;
    font-weight: 600;
}
.login label {
    color: #707f99;
    font-weight: 600;
}
.login a {
    font-size: 10px;
    text-decoration: underline;
    color: #707f99;
}


/* Activity Velocity graph */

.activity-graph {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 250px;
    padding: 35px;
}
.activity-graph > div{
    width: 20%;
}
/* .activity-graph > div:first-child {
    width: 12%;
}
.activity-graph > div:nth-child(n+2) {
    width: 22%;
} */
.activity-graph > div:first-child {
    display: flex;
    flex-direction: column;
}
.activity-graph > div:first-child > div {
    height: 28%;
    display: flex;
    justify-content: flex-end;
    color: #979797;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 20px;
}
.activity-graph > div:first-child > div:last-child {
    height: 16%;
}
.activity-graph > div:nth-child(n+2) {
    display: flex;
    flex-direction: column;
}
.activity-graph > div:nth-child(n+2) > div {
    display: flex;
    justify-content: center;
}
.activity-graph > div:nth-child(n+2) > div:first-child {
    height: 84%;
    border-left: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
}
.activity-graph > div:last-child > div:first-child {
    border-right: solid 1px #d3d3d3;
}
.activity-graph > div:nth-child(n+2) > div:last-child {
    height: 16%;
    color: #979797;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    align-items: center;
}


/* Login page dev server */

.login-box-body {
    font-family: 'Open Sans', sans-serif !important;
    border-bottom: solid 10px #f77e37;
    outline: solid 1px #d3d3d3;
}
.login-box-body a {
    font-size: 11px;
    /* text-decoration: underline; */
    color: #006cd6;
    font-weight: 600;
}
.login-box-body .login-box-msg {
    /* font-size: 12px; */
    /* font-weight: bold; */
}
.login-box-body p {
    /* font-size: 12px; */
}
.login-box-body .form-control {
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
}
.login-box-body .icheckbox_square-blue {
    margin-right: 3px;
}
.login-box-body .checkbox label {
    color: #3b79ad;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.login-box-body button {
    background-color: #f77e37;
    border-color: #f77e37;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px !important;
}
.login-box-body button:active,
.login-box-body button:focus,
.login-box-body button:hover {
    background-color: #f77e37;
    border-color: #f77e37;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px;
}
.login-box-body .form-group.has-error .help-block {
    margin: 0;
    text-align: center;
    /* margin-top: 2px; */
}
.login-box-body .field-validation-error span,
.login-box-body #Input_FullName-error,
.login-box-body #Input_Password-error,
.login-box-body #Input_Email-error {
    font-size: 10px;
    font-weight: 600;
    /* color: #c01d1d; */
}
.login-box-body .form-group.has-error .form-control {
    /* border-color: #f77e37; */
}


/* Form styling, login and interior */

.form-group {
    margin-bottom: 25px;
}
.form-group .glyphicon {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.form-control {
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    min-height: 40px;
}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    color: #c01d1d;
}
.form-group.has-error .help-block {
    color: #c01d1d;
}
/* input {
    background-color: #fff !important;
    color: #424b5a !important;
} */


/* Modals */

.modal-content {
    border-radius: 6px;
    background-color: #f77e37;
}
.modal-body {
    display: flex;
    background-color: #fff;
}
.modal-body table {
    width: 100%;
}
.modal-body table hr {
    margin: 0;
    border-color: #d3d3d3;
    border-width: 2px;
}
.modal-body tbody > tr:first-child {
    border-top: solid 2px #d3d3d3;
}
.modal-header {
    border: none;
    padding-bottom: 0;
    font-size: 20px;
    background-color: #fff;
}
.modal-footer {
    border: none;
    border-bottom: solid 10px #f77e37;
    border-radius: 0 0 6px 6px;
    background-color: #fff;
}
.modal-footer button {
    background-color: #f77e37 !important;
    border-color: #f77e37 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    min-width: 86px !important;
    min-height: 30px !important;
    font-weight: 500 !important;
    margin-right: 10px;
    color: #fff;
}
.modal-footer button:hover {
    color: #fff;
}
.modal-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}
.modal-header button {
    color: #000 !important;
    background-color: transparent !important;
    font-size: 24px !important;
}
.modal-header button:focus {
    outline: none;
}
.modal-dialog {
    margin: 0;
}
.modal-content input {
    width: 100%;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    margin-bottom: 15px;
    min-height: 40px;
}
.modal-content input:focus {
    border: solid 1px #c2d1d9;
}
.modal-content textarea {
    width: 100%;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    margin-bottom: 15px;
    min-height: 120px;
}
.modal-content select {
    width: 100%;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    margin-bottom: 15px;
    min-height: 40px;
    padding: 5px 5px 5px 0;
}
.modal-content select:focus {
    border: solid 1px #c2d1d9;
}
.modal-content select option {
    font-weight: 600;
}
.modal-body div .row > div {
    display: flex;
    flex-direction: column;
    padding: 0 10px !important;
}
.modal-body div .row > div label {
    text-align: justify;
    color: #707f99;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.fade {
    /* -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none; */
}
/* .modal-dialog {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
} */

.modal-logo {
    margin-top: 15px;
}
.modal-logo img {
    max-width: 100px;
    height: auto;
    position: relative;
    left: 15px;
}
.modal-logo.mobilize-logo img {
    max-width: 115px;
    left: 11px;
    bottom: 1px;
}
.modal-logo.actionkit-logo img {
    max-width: 115px;
    left: 12px;
    bottom: 2px;
}
.separator span {
    display: inline-block;
    position: relative;  
}
.separator span:before,
.separator span:after {
    content: "";
    position: absolute;
    height: 5px;
    /* border-bottom: 1px solid #ff8136; */
    border-top: 1px solid #ff8136;
    top: 5px;
    width: 223px;
}
.separator span:before {
    right: 100%;
    margin-right: 25px;
}
.separator span:after {
    left: 100%;
    margin-left: 25px;
}


/* Profile page */

.profile-page button {
    background-color: #f77e37;
    border-color: #f77e37;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px !important;
    float: right;
    /* margin-right: 10px; */
    min-width: 86px;
}
.profile-page .box.box-primary,
.profile-page .box {
    border-top-color: #3c8dbc;
    border-top: none;
    box-shadow: none;
    border-bottom: solid 10px #f77e37;
    border-radius: 6px;
}
.profile-page .box-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.profile-page .input-group-addon {
    padding: 0 11px;
}
.profile-page .input-group-addon > span {
    min-height: inherit;
}
.profile-page .form-horizontal .control-label {
    /* color: #707f99; */
    color: #3b79ad;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}


/* Data Explorer */

.data-explorer-filter-div {
    background-color: #f2f2f2;
    padding: 10px 5px 15px;
    margin: 15px 0 0 0;
}
.data-explorer-filter-div input,
.data-explorer-filter-div select {
    /* width: 180px;
    max-width: 100%; */
    height: 40px;
    border: solid 1px #c2d1d9;
    border-radius: 3px;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px;
}
@media (max-width: 991px) {
    .data-explorer-filter-div form > div > div > div > div > .row > div:nth-child(n+1):nth-child(-n+3) {
        margin-bottom: 15px;
    }
    .data-explorer-filter-div > form > div > .row > div:last-child > div {
        min-height: 57px !important;
    }
}
.data-explorer-filter-div > form > div > .row > div > div > .row > div {
    display: flex;
    flex-direction: column;
    min-height: 62px;
    padding: 0 5px !important;
}
.data-explorer-filter-div > form > div > .row > div:last-child > div {
    align-items: flex-end;
    justify-content: center;
    min-height: 62px;
    display: flex;
    padding: 0 5px;
}
.data-explorer-filter-div > form > div > .row > div label {
    font-weight: 600;
    color: #707f99;
    font-size: 12px;
    margin: 0;
    padding-right: 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.data-explorer-filter-div > form > div > .row > div button {
    /* max-width: 115px; */
    /* text-transform: uppercase; */
    /* padding: 0 30px; */
    background-color: #3b79ad;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    /* margin-right: 8px; */
    text-transform: capitalize !important;
    min-height: 40px;
    border: none;
    width: 125px;
    padding: 5px;
    white-space: normal;
}
.data-explorer-filter-div > form > div > .row > div:last-child {
    text-align: center;
}

/* .data-explorer-post-velocity .card-body #example1_wrapper > div:nth-child(2) > div > table > tbody > tr > td:last-child:after {
    content: 'view';
} */

.explorer-view-btn {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
    background-color: #fe8800;
    font-weight: 600;
}
.explorer-view-btn:hover,
.explorer-view-btn:focus {
    color: #fff;
}
.explorer-view-modal .modal-body {
    overflow-y: scroll;
}
.data-explorer-filter-div .formChart-form {
    display: initial;
    float: none;
}
.data-explorer-row #example1_wrapper {
    margin-top: 0;
}
.data-explorer-row .modal-body pre {
    width: 100%;
    overflow-y: scroll;
    white-space: pre-wrap;
    max-height: 350px;
}
.data-explorer-row .modal-footer {
    display: flex;
    justify-content: flex-end;
}
.data-explorer-row .results-div {
    font-size: 20px;
    margin: 30px 0 5px 0
}




/* CCERS integration revisions */

body {
    padding-right: 0 !important;
}

/* Top nav */

.navbar-brand {
    background-color: transparent;
    min-height: 60px;
}
nav {
    background-color: #ff8136 !important;
}
.navbar {
    background-color: transparent !important;
}
.navbar > div {
    background-color: #ff8136 !important;
}
.navbar-brand img {
    width: 93px;
    height: auto;
    margin: 0 auto;
}
.fa-bars {
    /* position: relative;
    top: -2px; */
    font-size: 17px;
}
.fa-cogs {
    font-size: 17px;
    position: relative;
    left: 1px;
}
.navbar-brand img {
    width: 113px;
}
/* .navbar-text {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
} */
.top-nav-name > div:last-child {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-right: 5px;
    /* margin-bottom: 2px; */
}
.navbar-text > div:first-child:after {
    content: "";
}
.navbar-headline {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 5px;
    /* margin-bottom: 2px; */
}
.navbar-toggler-div {
    width: 60px ;
    height: 60px;
    display: flex;
    justify-content: center;
}
.navbar-toggler {
    padding: 20px;
}
.navbar-toggler-div:hover {
    background-color: rgba(0,0,0,0.1);
}
.nav-item.dropdown {
    width: 60px;
    height: 60px;
}
.nav-item.dropdown:hover {
    background-color: rgba(0,0,0,0.1);
}
nav h4 {
    text-transform: uppercase;
    padding: 10px 25px 10px 10px;
}
/* .navbar > div > div:nth-child(4) > .row {
    position: relative;
    right: 30px;
} */


/* Top nav / gear dropdown */

/* Top nav / gear dropdown / button styling from adminlte */
.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}
.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}
.navbar-nav .dropdown-menu.show {
    width: 275px;
    left: -215px;
}
.navbar-nav .dropdown-menu.show .user-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.navbar-nav .dropdown-menu.show .user-footer .btn {
    color: #666666 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.navbar-nav .dropdown-menu {
    background-color: #f9fafc;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav .dropdown-menu .user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}
.navbar-nav .dropdown-menu .user-header .img-circle {
    height: 90px;
    width: 90px;
}
.navbar-nav .dropdown-menu .user-header > p {
    font-size: 17px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    color: #000000;
    font-weight: 600;
}
.navbar-nav .dropdown-menu .user-header > p small {
    font-size: 12px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown-menu.show {
        top: 58px;
    }
}


/* Sidebar nav */

.sidebar-navigation {
    background: transparent;
    border-right: solid 1px #d3d3d3;
}
.sidenav-welcome {
    color: #000;
}
.sidebar-nav-menu .sidenav-button .fas,
.sidebar-nav-menu .sidenav-button a,
.sidebar-nav-menu .sidenav-button > div > div {
    color: #000 !important;
}
.sidebar-nav-menu .card-header:hover .sidenav-button .fas,
.sidebar-nav-menu .card-header:hover .sidenav-button a,
.sidebar-nav-menu .card-header:hover .sidenav-button > div > div {
    color: #000 !important;
}
.sidebar-nav-menu .card-header button {
    padding-left: 15px;
}
.sidenav-button {
    padding-left: 15px;
}
.sidenav-button > div:last-child .fas {
    display: none;
}
.sidebar-navigation a,
nav a,
.sidebar-navigation-group a {
    width: 100%;
}
.sidenav-button > div > div:last-child {
    margin: 12px;
    font-size: 14px;
    font-weight: 500;
}
.sidenav-button > div > div:last-child > i {
    width: 30px;
    font-size: 15px;
}
.sidenav-button span {
    color: #808080;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
nav h4 {
    color: #cdd4d4;
    padding: 10px 25px 10px 15px;
    font-size: 12px;
    /* text-transform: capitalize; */
    margin: 0;
}

/* Sidebar nav / highlight */

.sidebar-nav-menu .card  {
    border-radius: 0;
}
.sidenav-button > div:first-child > div:first-child {
    /* width: 8px; */
}
.card .sidenav-button .sidebar-highlight {
    width: 8px;
    height: 44px;
    /* transition: width 0.5s ease; */
}
.mojo-nav-active .sidebar-highlight {
    background-color: #ff8136 !important;
    width: 8px;
    height: 44px;
}
.mojo-nav-active {
    /* background-color: #f4f4f5 !important; */
    background-color: rgba(0,0,0,0.05) !important;
}
.mojo-nav-active .sidenav-button span {
    color: #ff8136;
    font-weight: 700;
}
.mojo-nav-active .sidenav-button .fa {
    color: #ff8136;
}
.sidebar-nav-menu .card:hover  {
    /* background-color: #f4f4f5 !important; */
    background-color: rgba(0,0,0,0.02) !important;
}
.sidebar-nav-menu .mojo-nav-active:hover {
    /* background-color: #f4f4f5 !important; */
    background-color: rgba(0,0,0,0.05) !important;
}
/* .sidebar-nav-menu .card:hover .sidenav-button > div:first-child > div:first-child {
    width: 8px;
} */
.sidebar-nav-menu .card:hover .sidenav-button .sidebar-highlight {
    background-color: #d3d3d3 !important;
    width: 8px;
    height: 44px;
    /* transition: width 0.5s ease; */
}
.sidebar-nav-menu .mojo-nav-active:hover .sidenav-button .sidebar-highlight {
    background-color: #ff8136 !important;
}
.sidebar-nav-menu .card:hover .sidenav-button span {
    color: #414141;
}
.sidebar-nav-menu .mojo-nav-active:hover .sidenav-button span {
    color: #ff8136;
}

/* Sidebar nav / collapse */

#sidebar-navigation-collapse.fixed-top {
    background-color: #f7f7f7;
    height: 100%;
    margin-top: 60px;
}
#sidebar-navigation-collapse.fixed-top.show {
    /* background-color: #f7f7f7;
    height: 100%;
    margin-top: 60px; */
}
#sidebar-navigation-collapse.content-wrapper.collapse {
    display: block;
    /* transition-delay: 0ms; */
}
#sidebar-navigation-collapse.content-wrapper.show {
    margin-left: 230px;
    /* transition-delay: 0ms; */
}
#sidebar-navigation-collapse.content-wrapper.collapsing {
    /* margin-left: 230px; */
    transition-delay: 0ms;
}

/* Sidebar nav / transition */

#sidebar-navigation-collapse.fixed-top {
    transition: none;
}
.navbar-brand-div.collapsing {
    transition: none;
}
.content-wrapper.collapsing {
    transition: none;
    height: 100% !important;
    overflow: initial;
}
  

/* Sidebr nav / transitions /  copied from bootstrap for reference */

/* .collapse {
    display: none;
}
.collapse.show {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
} */

/* Sidebar nav / transitions / copied from CCERS stylesheet for reference */

/* .sidebar-navigation,
.navbar-brand-div {
    transition: none 0s ease 0s;
}
.sidebar-nav-menu .collapse.in {
    display: block !important;
}
#sidebar-navigation-collapse.navbar-brand-div.collapse {
    display: block;
}
.sidebar-navigation.collapse {
    display: flex !important;
}
.sidebar-navigation.collapse.show {
    display: none !important;
} */


/* Top nav / mobile */

@media (max-width: 767px) {

    .navbar-brand {
        min-height: 0 !important;
    }
    .navbar-brand-mobile-div {
        background-color: #ff8136;
    }
    .navbar-nav .dropdown-menu.show {
        top: 57px;
    }

}

/* Sidebar nav / mobile */

@media (max-width: 767px) {

    .sidebar-navigation.collapse {
        display: flex !important;
    }
    #sidebar-navigation-collapse.fixed-top {
        margin-top: 112px;
    }
    #sidebar-navigation-collapse.content-wrapper.show {
        margin-left: 0;
    }
    .sidebar-navigation.collapse.show {
        display: none !important;
    }

}


/* content wrapper */

.site-content-wrapper {
    margin-top: 60px;
}
.content-wrapper {
    margin-left: 0;
    padding-top: 0 !important;
}


/* footer */

.main-footer {
    margin-left: 0;
    background-color: transparent;
}
.main-footer .row {
    width: 100%;
}
.main-footer > div > div > div {
    padding: 0 10px;
}
footer {
    box-shadow: none;
    flex-direction: row;
    justify-content: start;
}
footer a:hover,
footer a:active,
footer a:focus,
footer a:visited {
    color: #000;
}
.main-footer strong {
    margin-right: 5px;
    margin-left: 2px;
}


/* Profile */

.box-profile {
    padding: 20px 0 !important;
}
.box-profile .form-group {
    display: flex;
}
.box-profile .form-group input {
    padding: 5px;
    max-width: 100%;
}
.box-profile .form-group label {
    text-align: right;
    padding-top: 7px;
}
.box-profile .input-group-addon {
    display: none;
}
.profile-page {
    margin: 0 -5px;
}
/* .profile-page .box.box-primary, */
.profile-page .box {
    margin-bottom: 10px;
    padding: 0;
    border: none !important;
    background: transparent;
    border-radius: 0 !important;
}
.profile-page .box-body {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #d3d3d3;
    margin: 5px;
    border-bottom: solid 10px #f77e37;
    padding: 10px 55px 30px 55px !important;
}


/* Widgets */

.card {
    background-color: transparent;
    border: none;
    border-radius: none;
}
.card-header,
.card-footer {
    background-color: transparent;
    border: none;
}


/* Dashboard / Donut chart */
.donut-chart-div #donut-chart span {
    font-size: 14px;
    line-height: 14px;
}


/* Dashboard / modals */

.modal-logo {
    /* width: 100%; */
    align-self: normal;
    margin: 0;
}
.modal-logo img {
    left: 0 !important;
}
.modal-header {
    display: flex;
    flex-direction: column;
}
.modal-header .close {
    margin: 0;
    align-self: flex-end;
    opacity: .25;
}
.modal-header .close:hover {
    opacity: .5;
}
.modal-header h4 {
    align-self: normal;
    margin-top: 3px;
}
.modal-header h4 span {
    font-weight: normal;
    color: #333333;
}
input, select, textarea {
    max-width: 100%;
}
@media (min-width: 768px) {
    .modal-dialog {
        min-width: 600px;
    }
}


/* Modal / transitions */

.modal-backdrop {
    /* display: none; */
    /* position: initial; */
}
.modal.fade {
    /* display: flex !important;
    align-items: center !important;
    justify-content: center !important; */
    /* pointer-events: none; */
}
.modal.fade.in {
    /* display: flex !important;
    align-items: center !important;
    justify-content: center !important; */
    /* background-color: rgba(0,0,0,.5); */
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    margin: 0 auto;
}
.modal-open {
    /* overflow: visible; */
    padding-right: 17px !important;
}
.modal-open .navbar {
    /* padding-right: 17px; */
}
.modal-open .sidebar-navigation {
    padding-right: 0 !important;
}
.modal-open .works-user-panel-div {
    padding-right: 0 !important;
}
.modal-open .navbar > div {
    margin-right: 17px;
}
.modal.fade .modal-dialog {
    transition: none;
    transform: none;
}


/* Modals / copied from bootstrap stylesheet for reference */

/* .modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}*/



/* Data velocity / datatable */

.data-velocity-row #example1_wrapper > div:nth-child(2) {
    width: 100%;
    margin: 0;
}
.data-velocity-row #example1_wrapper > div:nth-child(2) > div {
    padding: 0;
}
.data-velocity-row #example1_wrapper #example1 tbody tr td {
    padding: 15px 0 !important;
}
#example1_wrapper > div:nth-child(3) {
    width: 100%;
}
#example1_wrapper > div:nth-child(3) > div {
    display: flex;
    justify-content: center;
}
.data-velocity-row #example1_wrapper #example1 thead tr th {
    border-bottom: solid 1px #d3d3d3 !important;
}


/* Footer pages */

.footer-page-row {
    margin: 0 -10px 15px -20px;
    /* background-color: #fff; */
}
.footer-page-row p {
    color: #414141;
    margin-bottom: 15px;
}
.footer-page-row > div {
    background-color: #fff;
    padding: 10px 55px 30px 55px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    border: solid 1px #d3d3d3;
    border-bottom: solid 10px #f77e37;
    margin: 5px;
}
.footer-page-header h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    color: #414141;
    margin-top: 0;
}
.footer-page-row h3 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 30px;
    color: #3b79ad;
}
.footer-page-row h5 {
    font-weight: 600;
    color: #3b79ad;
    font-size: 16px;
}
.footer-page-row .back-to-top-btn {
    float: right;
    padding: 5px;
    display: flex;
    flex-direction: column;
    color: #f77e37;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
}
.footer-page-row .back-to-top-btn i {
    font-size: 24px;
    position: relative;
    top: 5px;
}
.footer-page-row h4 {
    font-weight: 600;
    color: #3b79ad;
    font-size: 16px;
    margin-bottom: .5rem;
}

/* About */

.about-mojo-testimonial {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 25px;
    margin-top: 25px;
}
.about-mojo-testimonial > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 25px;
}
.about-mojo-testimonial > div > div:nth-child(2) {
    display: flex;
    align-items: center;
}
.about-mojo-testimonial h2 {
    color: #f77e37;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.about-mojo-testimonial h4 {
    color: #999999;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: normal;
    font-size: 14px;
}
.about-mojo-testimonial .fa-quote-left {
    color: #f77e37;
    margin-right: 15px;
    font-size: 35px;
    position: relative;
    top: -10px;
}
.about-mojo-testimonial .fa-quote-right {
    color: #f77e37;
    margin-left: 15px;
    font-size: 35px;
    position: relative;
    bottom: -10px;
}
.about-mojo-team img {
    /* max-width: 150px; */
}
.about-mojo-team .row {
    margin-top: 2rem;
}
.about-mojo-team p {
    /* margin-bottom: 0; */
}

/* Privacy */

.privacy-block-quote > div > div {
    text-align: center;
    margin-bottom: 25px;
}
.privacy-header-row > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}
.privacy-header-row p {
    margin-top: 30px;
}
.privacy-header-row p,
.privacy-header-row h3 {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .privacy-header-row > div:nth-child(2) {
        display: flex;
        justify-content: flex-start;
    }
    .privacy-header-row p {
        margin-top: 15px;
    }
}

/* Terms & Conditions */

.terms-conditions-toc {
    /* margin-top: 25px; */
    margin-bottom: 25px;
    color: #3b79ad;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    display: flex;
    flex-direction: column;
}
.terms-conditions-toc a {
    text-decoration: none;
}
.terms-conditions-toc a:hover {
    text-decoration: underline;
}
.terms-conditions-toc h4 {
    margin-top: 0;
}

/* FAQ */

.faq-search-div {
    margin-bottom: 15px;
}
.faq-search-div > div {
    border: solid 1px #d3d3d3;
    padding: 5px;
    display: flex;
    border-radius: 2px;
}
.faq-question-search {
    width: 100%;
    border: none;
    font-weight: 600;
    color: #424b5a;
}
.faq-question-search:focus {
    outline: none;
}
.faq-ask-question-btn {
    border: none;
    background-color: #f77e37;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px;
}
.faq-ask-question-btn .fas {
    color: #fff;
    font-size: 20px;
}

.faq-top-catagories {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 25px 0;
    margin: 25px 0;
}
.faq-top-catagories > div > div {
    justify-content: center;
}
.faq-top-catagories h2 {
    text-align: center;
    margin-top: 0;
    /* color: #414141; */
    margin-bottom: 20px;
    color: #f77e37;
    font-weight: 600;
}
.faq-top-catagories h6 {
    text-align: center;
    margin-top: 8px;
    color: #414141;
    /* color: #979797; */
    margin-bottom: 0;
    color: #979797;
    font-size: 14px;
    /* text-transform: uppercase; */
    font-weight: 600;
}
.mojo-faq-collapse .card {
    border: solid 1px #d3d3d3;
    margin-bottom: 15px;
    border-radius: 0;
}
.mojo-faq-collapse .card-header {
    padding: 10px 15px;
}
.mojo-faq-collapse .card-header button {
    padding: 0;
    /* color: #979797; */
    font-size: 13px;
    color: #414141;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif !important;
}
.mojo-faq-collapse .card-header button:focus {
    box-shadow: none;
}
.mojo-faq-collapse .card-body {
    padding: 0 15px 20px 15px;
    color: #414141;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
}
.mojo-faq-collapse .card-header button .fas {
    align-self: center;
}

/* Contact Us */

.footer-page-row #contactForm input {
    width: 100%;
    min-height: 40px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px 8px;
    font-family: 'Open Sans', sans-serif !important;
}
.footer-page-row #contactForm input:focus {
    border: solid 1px #3b79ad;
    outline: none;
}
.footer-page-row #contactForm input#contactSubmit {
    max-width: 86px;
    background-color: #f77e37;
    border-color: #f77e37;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px !important;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    padding: 6px 12px;
    font-weight: 400;
    min-height: 30px;
}
.footer-page-row #contactForm .row {
    margin-left: -30px;
    margin-right: -30px;
}
.footer-page-row #contactForm label {
    padding: 0;
    /* color: #707f99; */
    color: #3b79ad;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px;
    min-height: 30px;
    display: flex;
    align-items: flex-end;
    font-family: 'Open Sans', sans-serif;
}
.footer-page-row #contactForm textarea {
    width: 100%;
    margin-top: 15px;
    border-radius: 3px;
    border: solid 1px #c2d1d9;
    font-size: 14px;
    color: #424b5a;
    font-weight: 600;
    padding: 5px 8px;
    font-family: 'Open Sans', sans-serif !important;
}
.footer-page-row #contactForm textarea:focus {
    border: solid 1px #3b79ad;
    outline: none;
}
.footer-page-row #contactForm .contact-captcha-div {
    margin-top: 10px;
    margin-bottom: 20px !important;
}
.footer-page-row .field-validation-error {
    display: flex;
    justify-content: center;
    margin-top: 3px;
    font-size: 10px;
    font-weight: 600;
    color: #c01d1d;
    font-family: 'Open Sans', sans-serif !important;
}
.footer-page-row #Contact_Message-error {
    margin-top: -6px;
}
.footer-page-row .required-span {
    color: #f77e37;
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
    position: relative;
    top: 1px;
}
.footer-page-row .requred-explanation-div {
    margin-top: 15px;
}
.footer-page-row .requred-explanation-div .required-span {
    margin-right: 2px;
}
.footer-page-row .requred-explanation-div p {
    font-size: 12px;
    /* margin-bottom: 0; */
}

/* Hidden class for js */
.hidden{
    visibility: hidden;
}