@charset "UTF-8";
/* CSS Document */

.img-crop-size {
display: block;
height: 125px;
background-size: cover;
background-repeat: no-repeat;
}

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
    font-family: 'Open Sans', sans-serif;
}

p {
    /*! font-size: 14px; */
}

.copyright-bm {
    font-size: .8em;
    text-align: center;
}

a:hover {
    text-decoration: none;
}

.table .tools a {
    text-decoration: none !important;
}

a.nav-link.or-round {
    background-color: orange;
    padding: 0px 5px !important;
    border-radius: 24px;
    color: #fff !important;
    line-height: 3em !important;
}


.main-panel .content {
    margin-top: 0px;
}



.main-panel {
    position: relative;
    width: 100%;
    background: #efefef !important;
}


div.full-row-divider {
    clear: both;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #22ac54;
    margin-bottom: 30px;
}

h4.module-title {
    font-weight: 700;
    font-size: 34px;
    color: #075781;
}

.card .card-header {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
    background: #fff;
}

.card .card-title {
    color: #fff;
    font-size: 23px;
    text-shadow: 0 1px 3px #2d2e33;
    font-weight: bold;
}

.tab-pag {
    margin: 0 auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #075781;
    background: #075781 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: none !important;
    border-color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%) !important;
    cursor: default !important;
}


.btn-green {
    background-color: #22ac54;
    color: #fff;
}

.btn-orange {
    background-color: #ea7100;
    color: #fff;
}

    .btn-orange i {
        color: #fff !important;
    }

.btn-notvacant {
    display: none;
}

.btn-vacantapply {
    /*background-color: #ea7100;*/
    background-color: #ea7100 !important;
    color: #fff;
}


.table {
    border: 1px solid #ece7e7;
}

    .table > tbody > tr > td {
        vertical-align: top;
        font-size: 0.94rem
    }

.dataTables_wrapper .top {
    background-color: #075781;
    height: 52px;
    padding: 12px;
}

.top.t-blue {
    background-color: #075781;
    display: block;
    padding: 12px;
}

    .top.t-blue h3 {
        color: #fff;
        margin: 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 27px;
    }

.dataTables_wrapper .bottom {
    display: block;
    padding: 12px;
}

.dataTables_filter label input {
    border-radius: 33px;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 2em;
}

.dataTables_wrapper .dataTables_paginate {
    float: none !important;
}

.dataTables_wrapper .dataTables_length {
    display: inline-block;
    width: 33%;
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_info {
    display: inline-block;
    width: 33%;
    float: none !important;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate {
    display: inline-block;
    width: 33%;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
    font-size: 1rem
}

.dataTables_info {
    color: #7d7d7d !important;
}

.dataTables_paginate {
    padding-bottom: 12px;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: "LineAwesome";
}

table.dataTable thead th.sorting:after {
    content: "\f306";
    color: #fff;
}

table.dataTable thead th.sorting_asc:after {
    content: "\f30b";
}

table.dataTable thead th.sorting_desc:after {
    content: "\f30c";
}

table.dataTable.no-footer {
    border-bottom: 1px solid #22ac54 !important;
}




.card.top-stats {
    box-shadow: none !important;
}

    .card.top-stats .card-body {
        background-color: #c6c6c6;
        padding: 7px 12px 15px;
    }

    .card.top-stats .card-category {
        color: #fff !important;
        margin-top: 5px;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .card.top-stats .numbers {
        width: 100%;
        text-align: center;
    }

a.goto {
    background-color: #ea7100;
    color: #fff;
    border-radius: 20px;
    width: 36px;
    display: inline-block;
    line-height: 1.7em;
    margin-left: 6px;
}

.card {
    box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.2) !important;
    border: 0px;
}

a.bubble {
    display: block;
    margin: 0 auto 30px;
    border: 11px solid #075781;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    padding: 30px 15px;
    width: 220px;
    background: radial-gradient(#22ac54, #137c45);
    box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.4);
}

    a.bubble span {
        color: #fff;
        font-weight: 700;
        font-size: 100px;
        line-height: 1em;
    }

    a.bubble p {
        text-transform: uppercase;
        font-weight: bold;
        line-height: 2em;
        color: #fff;
    }


.table td i {
    font-size: 30px;
    vertical-align: middle;
    color: #a2a2a2;
}

.moreintable {
    background-color: #22ac54;
    padding: 15px;
    margin: 0;
}

    .moreintable i {
        font-size: 30px;
    }

    .moreintable a.droptablemenu {
        width: 30px;
        display: block;
    }

.table a {
    text-decoration: underline;
}

span.title-icons {
    float: right;
}

.moreintable a i {
    color: #fff;
}

.moreintable #dropdn {
    color: #fff !important;
    z-index: 100;
    display: none;
}

.moreintable a {
    color: #fff;
}

.moreintable #dropdn ul {
    padding: 0px 12px;
}

.dropdown .btn {
    background-color: #0e4351;
    border: 3px solid #fff;
    border-radius: 7px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

    .dropdown .btn:hover, .dropdown .btn:active, .dropdown .btn:focus, .show > .btn-secondary.dropdown-toggle {
        background-color: #000080;
        border: 3px solid #002a41;
        border-radius: 7px;
    }

.dropdown-menu a {
    text-shadow: none;
}

.card .card-body {
    padding: 0px;
}

.table-green thead {
    background-color: #22ac54;
}

    .table-green thead th {
        color: #fff;
        font-size: 13px;
    }

span.title-icons .form-control {
    width: 200px;
    display: inline-block;
    border-radius: 30px;
    font-size: 12px;
}

.searchtable .input-group-append {
    position: absolute;
    display: block;
    top: 17px;
    right: 30px;
    background: none !important;
}

.title-icons .btn-green, .title-icons .btn-orange {
    box-shadow: 0 1px 3px #2d2e33;
}

.searchtable .input-group-append .input-group-text {
    background: none !important;
    border: 0px !important;
    color: blue;
}

.searchtable {
    display: inline-block;
    float: left;
}

.dataTables_filter .la-search {
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 20px;
    font-weight: bold;
    color: #071581;
}

.title-icons .dataTables_filter .la-search {
    position: absolute;
    right: 7px;
    top: 16px;
}


.boards-pll #droptablemenuclose, #dropdn-boards, #dropdn-members, .members-pll #droptablemenuclose {
    display: none;
}

    #dropdn-boards ul li, #dropdn-members ul li {
        color: #fff;
    }

.title-icons #full-list_filter, .title-icons .dropdown {
    display: inline-block;
    position: relative;
}

/*Vacancy changes*/
#vacancy-list-tab {
    margin-top: 8px;
}

.committee, .meetings {
    box-shadow: none !important;
    background-color: #fff;
    /*margin: 5px !important;*/
    margin-bottom: 5px;
    padding: 0px;
}

    .committee .panel-title, .meetings .panel-title {
        background: #ccc;
        border-radius: 5px !important;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#d1d1d1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
        border: 1px solid #ccc;
        margin-bottom: 0px;
    }

        .committee .panel-title a, .meetings .panel-title a {
            color: #075781;
            font-weight: bold;
            text-decoration: none;
            width: 100%;
            text-align: left;
        }

#vacancy-list_wrapper .top {
    background-color: #fff;
    height: 52px;
    padding: 12px;
}

.table-blue thead {
    background-color: #075781;
}

    .table-blue thead th {
        color: #fff;
    }

/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #22ac54;
    font-size: 27px;
    font-weight: bold;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

/*******************************
Page Title Adjustments - BM wide
*******************************/

.card .card-title {
    display: table;
    width: 100%;
}
/*******************************
Board Details
*******************************/

#board-details-public-page .card-body {
    padding-top: 0px;
}


#bm-main-info.row {
    margin-top: -10px;
}

#bm-main-info .intro-txt { /*! margin-right:-15px; */
}

.blue-text {
    font-weight: bold;
    color: #075781;
}

.intro-txt {
    padding: 22px;
    font-size: 0.94em;
}

.img-crop {
    display: block;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
}

.t-green {
    background-color: rgba(34, 172, 84, 0.65);
    display: block;
    padding: 12px;
}

    .t-green h4 {
        color: #fff;
        margin: 0px;
        padding: 0px;
        font-size: 22px;
    }

/*Custom Field Changes*/


.q-info {
    padding: 12px;
    border-bottom: 1px solid #eaeaea;
    flex-basis: 100%;
}

    .q-info label {
        font-weight: bold;
        /*font-size: 1em !important;*/
        font-size: 0.94rem !important;
    }

.q-info-data, .q-info-data p {
    /*font-size: 0.94em;*/
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1.5;
    word-break: break-word;
}

.q-info-application {
    padding: 12px;
    border-bottom: 1px solid #eaeaea;
    flex-basis: 100%;
}

.q-info-data-application, .q-info-data-application p {
    font-size: 16px;
}

.bm-field-group {
    display: flex;
    flex-wrap: wrap;
}

/*Custom Field Changes End*/

td.hiddenRow {
    padding: 0px !important;
}

.no-sort::after {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.table a.btn {
    text-decoration: none;
}

.social-links {
    /*margin: 10px 0px;*/
}

    .social-links a {
        background-color: #ea7100;
    }

        .social-links a i {
            color: #fff !important;
        }

#membership-list thead th {
    color: #075781;
    text-transform: uppercase;
}

#membership-list td.member-cat {
    background-color: #075781;
    color: #fff;
}
/* Navtab Adjustments */


body.custom-css .card-header.with-nav-tabs {
    margin-bottom: -16px !important;
    background-color: white;
}

    body.custom-css .card-header.with-nav-tabs ul li a {
        padding: 12px 15px 20px 15px;
    }


body.custom-css table.dataTable.no-footer {
    border-bottom: 1px solid purple !important;
}

body.custom-css .card-header.with-nav-tabs ul li a.active.show {
    color: black;
}


.card-header.with-nav-tabs ul li a {
    background-color: white;
    color: black;
}

.card .card-body {
    padding: 10px 0px 0px 0px;
}

.title-icons .dataTables_filter .la-search {
    top: 11px;
    font-size: 22px;
    color: black;
}

table thead.custom-css, tbody th.member-cat {
    background-color: #F2F3F4 !important;
}

    table thead.custom-css th, tbody th.member-cat {
        color: #373D3F;
    }

h4.panel-title {
    line-height: 30px !important;
}

@media screen and (max-width: 1080px) {

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main-panel {
        position: relative;
        width: 100%;
    }

    .row.circs .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 599px) {

    .row.circs .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .table thead {
        display: none;
    }

    .table-green {
        border-top: 3px solid rgb(27, 171, 82);
    }

        .table-green tr {
            display: block;
            position: relative;
            border-bottom: 1px solid #ebedf2;
            padding: 15px 0;
        }

            .table-green tr td {
                width: 95%;
                display: block;
                border: 0;
                padding: 5px 12px !important;
            }

        .table-green td:before {
            content: attr(data-label);
            float: left;
            text-transform: uppercase;
            font-weight: bold;
            margin-right: 15px;
        }

    .card-category span.card-title {
        display: block;
    }
}

@media screen and (max-width: 991px) {


    .nav_open .main-panel, .nav_open .main-header {
        transform: translate3d(80px, 0, 0) !important;
    }
	 #divLastName {
        margin-top: 12px;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_filter {
        float: right !important;
        margin-top: 0px !important;
    }

    .dataTables_length {
        float: left !important;
    }
}

.titles {
    color: #075781;
}

.table td a i.small {
    color: #22ac54;
    font-size: 18px;
    text-decoration: none;
}

.img-public img {
    display: flex;
    width: 250px;
    height: auto;
    margin: 22px auto;
    max-width: 90%;
}

h5.titles {
    color: #075781;
}

.btn-orange {
    color: #fff !important;
}

/*Member/Board tabs */
ul.nav.nav-tabs {
    border-bottom: none !important;
    float: left;
}

ul.esc-tabs a {
    padding: 5px;
    border-radius: 5px;
    margin-right: 12px;
    color: #fff !important;
    /*border:2px solid #fff!important;*/
}

/*ul.esc-tabs a.active, ul.esc-tabs a:hover {
	border: 2px solid #075781!important;
}*/


.card-header.with-nav-tabs ul li a.active.show {
    background-color: white;
    color: black;
    font-weight: bold;
    /*border-left:1px solid;
    border-right:1px solid;*/
}

.card-header.with-nav-tabs ul li a {
    padding: 5px 15px 20px 15px;
    text-shadow: none !important;
    font-weight: 200;
}

ul.nav.nav-tabs {
    border-bottom: none !important;
    float: left;
}

ul.esc-tabs a {
    border-radius: 5px 5px 0px 0px;
    margin-right: 12px;
    color: #fff;
    border: 1px solid #075781;
}

    ul.esc-tabs a.active, ul.esc-tabs a:hover {
        border: 1px solid #fff;
    }

/*Responsive*/
// Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (min-width: 576px) {
}

@media (max-width: 576px) {
    .card .card-body {
        padding: 10px !important;
    }
}

// Medium devices (tablets, 768px and up) @media (min-width: 768px) {
}

@media (max-width: 768px) {

    span.title-icons .form-control {
        width: 100%;
    }

    .card-header.with-nav-tabs ul.esc-tabs li a {
        border-radius: 5px 5px 5px 5px !important;
        padding-bottom: 12px !important;
    }

    .card-header.with-nav-tabs ul#escribetabs li a {
        padding-bottom: 12px !important;
        margin-bottom: 12px;
        font-size:22px !important;
    }

    span.title-icons {
        /*! float: none !important; */
    }

    ul.nav.nav-tabs {
        float: none !important;
    }

    .title-icons #full-list_filter, .title-icons .dropdown, .title-icons label, .title-icons label input {
        width: 100% !important;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: left;
    }

        table td::before {
            /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
            content: attr(data-label);
            float: none;
            font-weight: bold;
            text-transform: uppercase;
            width: 100%;
            display: block;
        }

        table td:last-child {
            border-bottom: 0;
        }

    .bottom .dataTables_length, .bottom .dataTables_info, .bottom .dataTables_paginate {
        width: 100%;
        text-align: center;
    }

    #ddl-vacancy a#dropdownMenuButton {
        width: 100%;
        margin-top: 12px;
    }

    .dropdown-menu.show {
        display: block;
        width: 100%;
    }

    .col-small-768 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body {
        overflow-x: hidden;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .class2 {
        padding: 0px 0px 0px 0px !important;
    }

    .class3 {
        padding: 0px 0px 0px 0px !important;
        margin: auto !important;
    }
	.filterDot {
        left: 5.1em !important;
        top: 1.05em !important;
    }
}


.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    margin-left: 10px !important;
}

// Large devices (desktops, 992px and up) @media (min-width: 992px) {
    ...;
}

// Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) {
    ...;
}

.filterDot {
    height: 7px;
    width: 7px;
    background-color: #ea7100;
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
    float: right;
    position: absolute;
    left: 1.2em;
    top: 0.55em;
}

.la-print{
    font-size:30px;
}

.search-icon-normal {
    color: #777 !important;
    text-shadow: 0px 0px !important;
    top: 12px !important;
    font-size: 22px !important;
}