/* Add here all your css styles (customizations) */
.polcon {
    padding-top: 150px !important;
}

.hh1 {
    background-image: url('../img/stok/headway.jpg');
}

.hh2 {
    background-image: url('../img/stok/book.jpg');
}

.oh1 {
    background-image: url('../img/stok/office.jpg');
}

.footcrab {
    bottom: 0;
    position: absolute;
    width: 100%;
}

body {
    height: 100%;
    position: relative;
}

/* Small screens */
@media screen and (max-width: 767px) {

    body {
        padding-bottom: 525px;
    }
}

/* medium screens */
@media screen and (min-width: 768px) {

    body {
        padding-bottom: 325px;
    }
}

/* large screens */
@media screen and (min-width: 992px) {

    body {
        padding-bottom: 275px;
    }
}


main {
    /* will cover the 100% of viewport */
    /*min-height: calc(100vh - 327px);*/
    min-height: calc(100vh - 275px);
    overflow: hidden;
    display: block;
    position: relative;
}


.grep .g-recaptcha {
    display: inline-block;
}


.search-results-container {
    padding-bottom: 50px;
}

.search-results-container-business {
    padding-bottom: 20px;
}

.v-align-middle {
    vertical-align: middle;
}

/*
.toggle.off > .toggle-group > .toggle-handle {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.toggle.off > .toggle-group > .toggle-off {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
*/
.toggle > .toggle-group > .toggle-handle {
    background-color: white !important;
}

.table-middle td {
    vertical-align: middle;
}

.lob-typeahead .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}


.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu { /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

    .tt-suggestion.tt-cursor, .tt-suggestion:hover {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.twitter-typeahead {
    width: 100%;
}

.input-group > .twitter-typeahead {
    flex: 1 1 auto;
    width: auto;
}

#oh-table tr td:first-of-type {
    padding-left: 0px;
}

#oh-table tr td:last-of-type {
    padding-right: 0px;
}

#oh-table tr td:not(:first-of-type) {
    text-align: center;
}

.multiselect {
    border-radius: 0 !important;
    color: #333;
    padding: .8rem 1rem .6rem;
    border-color: #ccc;
    height: auto;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.multiselect-native-select > .btn-group {
    width: 100%;
}

.multiselect-native-select {
    display: block;
    width: 100%;
}

.list-actually-unstyled {
    margin-bottom: 0px;
}

.bgj-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.bgj-info {
    color: #fff !important;
    border-color: #17a2b8 !important;
    background-color: #17a2b8 !important;
}

.block-quote-button {
    float: right;
    margin-top: -15px;
    margin-right: -13px;
}


/* JOE CARD START */

.joe-card {
    transition: all 200ms ease-out;
    text-decoration: none !important;
    padding: 40px;
    color: #3949a0 !important;
    text-align: center;
}

    .joe-card > a {
        color: #3949a0 !important;
    }

.joe-card-top {
    padding: 10px;
    font-size: 5rem;
    opacity: 0.8;
}

    .joe-card-top > i {
        display: block;
    }

.joe-card-title {
    padding: 10px 10px;
    font-size: 25px;
    font-weight: 600;
}

.joe-card-bottom {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-weight: bolder;
}

.joe-card:hover {
    -webkit-box-shadow: 0 6.25rem 5rem 0 rgb(0 0 0 / 2%), 0 4.05063rem 2.92813rem 0 rgb(0 0 0 / 2%), 0 2.4075rem 1.5925rem 0 rgb(0 0 0 / 1%), 0 1.25rem 0.8125rem 0 rgb(0 0 0 / 1%), 0 0.50938rem 0.4075rem 0 rgb(0 0 0 / 1%), 0 0.11563rem 0.19687rem 0 rgb(0 0 0 / 0%);
    box-shadow: 0 6.25rem 5rem 0 rgb(0 0 0 / 2%), 0 4.05063rem 2.92813rem 0 rgb(0 0 0 / 2%), 0 2.4075rem 1.5925rem 0 rgb(0 0 0 / 1%), 0 1.25rem 0.8125rem 0 rgb(0 0 0 / 1%), 0 0.50938rem 0.4075rem 0 rgb(0 0 0 / 1%), 0 0.11563rem 0.19687rem 0 rgb(0 0 0 / 0%);
    text-decoration: none !important;
}

.joe-card > a:hover {
    text-decoration: none !important;
}

/* JOE CARD END */

.col-form-label {
    font-weight: bold;
}


#search-results-table thead tr th,
#Completed-results-table thead tr th,
#Incomplete-results-table thead tr th {
    border-bottom: none;
}

#search-results-table tbody th, #search-results-table tbody td, #search-results-table thead tr th,
#Completed-results-table tbody th, #Completed-results-table tbody td, #Completed-results-table thead tr th,
#Incomplete-results-table tbody th, #Incomplete-results-table tbody td, #Incomplete-results-table thead tr th {
    padding: 8px;
    width: auto;
}

    #search-results-table tbody td:last-of-type,
    #Completed-results-table tbody td:last-of-type,
    #Incomplete-results-table tbody td:last-of-type {
        padding-right: 0px;
    }

    #search-results-table tbody th:last-of-type, #search-results-table tbody td:last-of-type, #search-results-table thead tr th:last-of-type,
    #Completed-results-table tbody th:last-of-type, #Completed-results-table tbody td:last-of-type, #Completed-results-table thead tr th:last-of-type,
    #Incomplete-results-table tbody th:last-of-type, #Incomplete-results-table tbody td:last-of-type, #Incomplete-results-table thead tr th:last-of-type {
        max-width: 110px;
        width: auto;
        min-width: 80px;
    }

    #search-results-table tbody th:nth-of-type(3), #search-results-table tbody td:nth-of-type(3), #search-results-table thead tr th:nth-of-type(3),
    #Completed-results-table tbody th:nth-of-type(3), #Completed-results-table tbody td:nth-of-type(3), #Completed-results-table thead tr th:nth-of-type(3),
    #Incomplete-results-table tbody th:nth-of-type(3), #Incomplete-results-table tbody td:nth-of-type(3), #Incomplete-results-table thead tr th:nth-of-type(3) {
        max-width: 100px;
        width: auto;
        min-width: 80px;
    }

#search-results-table_paginate,
#Completed-results-table_paginate,
#Incomplete-results-table_paginate {
    text-align: center !important;
    float: none !important;
    padding-top: 20px;
}

    #search-results-table_paginate .paginate_button,
    #Completed-results-table_paginate .paginate_button,
    #Incomplete-results-table_paginate .paginate_button {
        padding: 8px 19px !important;
        border: 1px solid;
        font-size: 12px;
        font-weight: 400;
        background-image: none;
        border-radius: 0px;
        text-transform: uppercase;
    }

        #search-results-table_paginate .paginate_button:not(.current, .disabled),
        #Completed-results-table_paginate .paginate_button:not(.current, .disabled),
        #Incomplete-results-table_paginate .paginate_button:not(.current, .disabled) {
            border-color: #999 !important;
            background-color: white !important;
            color: #999 !important;
        }

            #search-results-table_paginate .paginate_button:not(.current, .disabled):hover,
            #Completed-results-table_paginate .paginate_button:not(.current, .disabled):hover,
            #Incomplete-results-table_paginate .paginate_button:not(.current, .disabled):hover {
                background-color: #3949a0 !important;
                color: white !important;
            }


        #search-results-table_paginate .paginate_button.current,
        #Completed-results-table_paginate .paginate_button.current,
        #Incomplete-results-table_paginate .paginate_button.current {
            border-color: #3949a0 !important;
            background-color: #3949a0 !important;
            color: #999 !important;
        }

            #search-results-table_paginate .paginate_button.current:hover,
            #Completed-results-table_paginate .paginate_button.current:hover,
            #Incomplete-results-table_paginate .paginate_button.current:hover {
                color: white !important;
            }

        #search-results-table_paginate .paginate_button.disabled,
        #Completed-results-table_paginate .paginate_button.disabled,
        #Incomplete-results-table_paginate .paginate_button.disabled {
            border-color: #999 !important;
            background-color: #999 !important;
            color: white !important;
        }

            #search-results-table_paginate .paginate_button.disabled:hover,
            #Completed-results-table_paginate .paginate_button.disabled:hover,
            #Incomplete-results-table_paginate .paginate_button.disabled:hover {
            }



.alert-primary-default {
    color: white;
    background-color: #14112c;
    border-color: #14112c;
}


.dropdown-menu-success {
    background-color: #28a745;
    color: white;
}

    .dropdown-menu-success a {
        color: white;
    }

    .dropdown-menu-success:hover {
        background-color: #218838;
    }
