/* ==========================================================================
   Custom styles for WAPIMS 
   ========================================================================== */

body {
    overflow-x: hidden;
}

/* Grid buttons */

.back-to-dashboard-button {
    width: 120px;
}

.view-button {
    width: 120px;
}

.view-depth-button {
    width: 200px;
}

.view-temperature-button {
    width: 200px;
}

.analysis-plot-button {
    width: 160px;
}

.add-button {
    width: 80px;
    float: right;
}

.edit-button {
    width: 80px;
    float: right;
}

.upload-signature-edit-header-button {
    width: 190px;
    float: right;
}

.edit-mode-selector {
    float: right;
}

.clear-filter-button {
    float: right;
}

.reset-personalisation-button {
    float: right;
}

.save-personalisation-button {
    float: right;
}

.refresh-grid-button {
    float: right;
}

.preview-letter-button {
    margin-top: 5px;
    margin-left: 5px;
}

.export-grid-button {
    float: right;
}

.delete-batch-button {
    float: right;
}

.delete-selected-rows {
    float: right;
}

.bulk-edit-rows {
    float: right;
}

.copy-paste-cancel-button {
    width: 80px;
    float: right;
}

.copy-paste-save-button {
    width: 80px;
    float: right;
}

.generate-pdf-button {
    width: 120px;
}

#showSummaryButton {
    padding-bottom: 2px;
    padding-top: 2px;
}

.clear-button {
    padding-bottom: 2px;
    padding-top: 2px;
}

.search-button {
    padding-bottom: 2px;
    padding-top: 2px;
}

/* END: Grid buttons */

/* Kendo Chat widget */
.k-button-send {
    color: black !important;
}

.k-quick-reply {
    border-color: #008b91;
    color: #008b91;
}

.k-bubble {
    color: white;
    border-color: #008b91;
    background-color: #008b91;
}

button.restart {
    color: black !important;
}

/* END: Kendo chat widget*/
/*homepage about wapims row*/
.row-about-wapims [class*='bg-'], .row-about-wapims .bordered {
    min-height: 260px;
}

/*h1 subtext*/
.home h1 small {
    display: block;
    font-size: 60%;
    margin-top: 10px;
}

/* line breaks*/
.half-space-top {
    margin-top: 3px;
}

.full-space-top {
    margin-top: 6px;
}

.full-space-bottom {
    margin-bottom: 6px;
}

/*extended footer*/
.extended-footer .btn {
    width: 100%;
    max-width: 370px;
}

.sticky-footer {
    height: 67px;
}
/* Confidential Grid Rows */
.confidential-row {
        background-color: #FFFFbf; /* Default colour (IE8 + IE9) */
        background:
        /* On "top" */
        repeating-linear-gradient( -45deg, transparent, transparent 2px, #fff 2px, #eaeaea 10px ),
        /* on "bottom" */
        linear-gradient( to bottom, #fff, yellow );
    }

/*search fields */
.search-box {
    padding: 10px 5px 15px;
    margin: 0;
}

.search-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .search-container ul li {
        display: inline-block;
        float: left;
        padding: 5px 10px;
        box-sizing: border-box;
        width: 33.33%;
    }

        .search-container ul li label {
            font-weight: normal;
            width: 100%;
            margin: 0;
            font-size: 12px;
        }

/*.search-container .k-input {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}*/

.buttons-container {
    text-align: right;
    padding: 10px 10px 5px;
}

    .buttons-container .k-button {
        width: 100%;
        max-width: 110px;
        margin: 0 auto;
        text-transform: uppercase;
    }


/*structure*/

.main .container-fluid {
    padding: 0;
}


/*search fields */

.page-top-container {
    background: #E0E0E0;
}


    .page-top-container:after {
        content: "";
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
        display: block;
        width: 100%;
        height: 1px;
        margin-bottom: -1px;
    }


    /*search page top*/
    .page-top-container .page-header {
        margin: 0;
        border-bottom: none;
        padding: 0 15px;
        min-height: 70px;
    }



    .page-top-container .page-header, .page-top-container .search-box {
        display: inline-block;
        float: left;
    }

.buttons-container {
    text-align: right;
}

/*.search-container span.k-datepicker, .search-container span.k-dropdown {
    max-width: 120px;
}*/

/* Export all data to CSV */
#exportDataButton {
    width: 47px;
    height: 33px;
}

#exportDataButton .k-image {
    margin: -6px 0px 0px -5px;
}

/*home*/

.home #searchTabstrip {
    margin-top: 20px;
}

    .home #searchTabstrip > .k-content {
        padding: 20px;
    }

.home .search-box {
    background: transparent;
    padding: 0;
    margin: 0;
}

.home .search-container {
    background: #f0f0f0;
    padding: 10px;
}

    .home .search-container ul li {
        padding: 10px;
        width: 33.33%;
    }

        .home .search-container ul li label {
            width: 100%;
        }

.home .buttons-container {
    position: relative;
    margin-top: 20px;
    padding: 0;
}

    .home .buttons-container .k-button {
        margin-bottom: 0;
    }


.home .page-header {
    width: 100%;
    padding: 0;
}

.home .search-box {
    width: 100%;
    float: none;
}

/* kendo reference grid filter */
th a.k-grid-filter.k-state-active {
    background-color: yellow !important;
}

/* kendo grid filter */
th a.k-state-active[title="Edit Column Settings"] {
    background-color: yellow !important;
}

/*kendo overrides grid*/
.k-grid td {
    line-height: 0.65em;
}

.k-grid-content {
    white-space: nowrap;
    background-color: #fff;
}

.k-grid {
    background-color: #eee;
}
/*grid top row*/
.k-grid-toolbar {
    border-bottom: none;
    /*float: left;
    width: 49%;*/
    /*margin: 0px;*/
    padding: 4px 2px 4px 2px;
}

    .k-grid-toolbar .k-button {
        color: #ccc;
        height: 28px;
    }

.k-grouping-header {
    /*float: none;
    width: auto;*/
    font-size: 10px;
    border: 1px dashed #ccc;
    /*margin: 0px 7px 10px 7px;*/
    margin: 0px 4px 0px 4px;
    padding: 3px;
    /*padding-left: 5px;*/
}

.k-grid-header {
    margin-top: 3px;
    border-top: 1px solid #ccc;
}


/*override excel icon with font awesome*/
.k-button span.k-icon.k-i-excel {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background-image: none;
    margin: 0;
    opacity: 1;
    vertical-align: top;
    overflow: visible;
    color: #ccc;
}

    .k-button span.k-icon.k-i-excel:before {
        content: "\f1c3";
    }

/*grid pagination*/
.k-pager-wrap .k-dropdown {
    margin-right: 37px;
}




/* Tabstrip */

.k-tabstrip .k-tabstrip-items {
    background: #d1d1d1;
}

.k-tabstrip-items .k-item {   
    background-color: #d1d1d1;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #333;
    text-transform: uppercase;
    padding: 12px 8px 10px;
    /*box-sizing: border-box;*/
    letter-spacing: 1px;
    /*width: 100%;*/
    text-align: center;
    font-size: 0.95em;
}

.k-tabstrip-items .k-item.k-state-active {
    border-color: #e0e0e0;
    background-color: #fff;
}

    .k-tabstrip-items .k-item.k-state-active:after {
        background-color: white;
    }

    .k-tabstrip-items .k-item.k-state-active:hover .k-link, .k-tabstrip-items .k-item.k-state-active:active .k-link {
        color: #333;
    }

.k-tabstrip-items .k-item:hover .k-link, .k-tabstrip-items .k-item:focus .k-link {
    color: #008B91;
}

.k-tabstrip:focus {
    box-shadow: none;
}

/*tabs on home page*/
.home .k-tabstrip-items {
    width: 100%;
}

    /*kendo overrides search tabs*/
    .home .k-tabstrip-items .k-item {
        border-radius: 0;
        border-width: 0 1px 0 0;
        width: auto;
        font-size: 1.1em;
    letter-spacing: 2px;
    padding: 12px 14px 10px;
    }

        .home .k-tabstrip-items .k-item:first-child {
            border-width: 0 1px;
        }



/*tabs on details page*/
.details-content {
    background: #f1efef;
}

    .details-content .k-tabstrip-items {
        background-color: #d1d1d1;
    }

    .details-content .k-tabstrip > .k-content.k-state-active {
        background-color: #f1efef;
    }

    .details-content .k-tabstrip-items .k-state-hover, .details-content .k-tabstrip-items .k-item.k-state-active {
        border-top-color: #d1d1d1;
        border-left-color: transparent;
    }

    .details-content .k-tabstrip-items .k-item.k-state-active {
        border-top-color: #f1efef;
    }

    .details-content .k-tabstrip-items .k-item {
        font-size: 12px;
        padding: 10px 0;
        border-left-color: transparent;
        background-color: transparent;
    }

        .details-content .k-tabstrip-items .k-item:before {
            height: 40px;
        }

        .details-content .k-tabstrip-items .k-item a {
            
            letter-spacing: 0;
            min-height: 30px;
        }

    .details-content .k-tabstrip > .k-content {
        padding: 0;
        border: 0;
    }

    .details-content .k-tabstrip-items .k-item.k-state-active {
        background-color: #f1efef;
        border-bottom: none;
    }

        .details-content .k-tabstrip-items .k-item.k-state-active:before {
            background-color: #f1efef;
        }

        .details-content .k-tabstrip-items .k-item.k-state-active:after {
            background-color: #f1efef;
        }



/*download documents modal window*/

.download-documents-table {
    font-size: 12px;
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 0;
}

    .download-documents-table th {
        font-size: 12px;
        font-weight: normal;
        border-bottom: 2px solid #ccc;
        padding: 4px 8px;
        font-weight: bold;
    }

    .download-documents-table td {
        border-bottom: 1px solid #ccc;
        color: #333;
        padding: 6px 8px;
    }

    .download-documents-table tbody tr:hover td {
        color: #000;
    }


/*basket grid*/
.basket-grid-top h2 {
    margin: 0;
}


/*kendo form - form list*/
.form-list {
    margin: 0 0 -2em;
    padding: 0;
}

    .form-list li {
        list-style: none;
        /*padding-bottom: 2em;*/
    }

    .form-list label {
        vertical-align: top;
        padding: 0;
    }

    .form-list .form-group {
        margin: 0 0 10px;
    }

    .form-list legend {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
        font-size: 16px;
        text-transform: uppercase;
        border: 0;
    }

    .form-list span.k-widget.k-tooltip-validation {
        display;
        inline-block;
        vertical-align: top;
        width: 60%;
        text-align: left;
        border: 0;
        padding: 8px 0 0 15px;
        margin: 0;
        background: none;
        box-shadow: none;
        color: #cc0000;
        box-sizing: border-box;
    }

    .form-list .k-tooltip-validation .k-warning {
        display: none;
    }

    .form-list input, .form-list textarea {
        width: 40%;
        vertical-align: top;
    }

/*kendo COAL (Condition of loan agreement) form - form list*/
.colaform-list {
    margin: 0 0 -2em;
    padding: 0 0 0 20px;
}

.colaform-list li {
    list-style: none;
    padding-bottom: 1em;
    text-wrap: normal;
}

.colaform-list legend {
    display: block;
    color: black;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
}

.colaform-list button {
    width: 150px;
}

#coreCuttingsAccessCOLA {
    overflow-y: hidden;
}

#slideResidueAccessCOLA {
    overflow-y: hidden;
}

.physicalAddress {
    padding-left: 50px;
    padding-top: 10px;
}

/*grids on search page and details page*/
#searchResultsGrid, #reportsGrid {
    font-size: 11px;
}


.k-grid-content tbody tr:last-child td {
    border-bottom: 1px solid #cccccc;
}


.collapsible {
    background-color: white;
    color: #333333;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
}

    .expander-active {
        background-color: white;
    }

    .collapsible:hover {
        background-color: #008B91;
    }

.expander-content {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.collapsible:before {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #333333;
    float: left;
    margin-right: 5px;
}

.expander-active:before {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/**********************************************
*medium devices
***********************************************/
@media only screen and (min-width:992px) {

    /*homepage about wapims row*/
    .row-about-wapims [class*='bg-'], .row-about-wapims .bordered {
        min-height: 215px;
    }

    .map-tool-image {
        width: 63px;
    }

    /*h1 subtext*/
    h1 small {
        display: inline-block;
    }

    /*footer*/
    .footer .row > [class*='col-'] {
        text-align: right;
    }

        .footer .row > [class*='col-']:first-child {
            text-align: left;
        }

    .wrapper {
        margin-bottom: 37px;
    }

    .sticky-footer {
        height: 37px;
    }

    /*search fields*/
    .buttons-container {
        width: 16.66666667%;
        padding-top: 27px;
    }

        .buttons-container .k-button {
            margin: 0 auto 10px;
        }

    .search-container {
        width: 83.33333333%;
    }

        .search-container ul li {
            width: 25%;
        }

        .search-container .k-input {
            height: 32px !important;
        }

        .search-container span.k-datepicker, .search-container span.k-dropdown {
            max-width: 200px;
        }

        .search-container ul li label {
            margin-bottom: 3px;
            font-size: 13px;
        }
    /*home*/


    .home .search-container ul li {
        width: 25%;
    }

    .home .buttons-container {
        margin-top: 0;
        text-align: left;
    }

        .home .buttons-container .clear-button {
            position: absolute;
            bottom: 0;
            right: 50%;
            margin-right: -66px;
        }

        .home .buttons-container .search-button {
            position: absolute;
            bottom: 44px;
            right: 50%;
            margin-right: -66px;
        }

/* Bulk load*/

.bulk-load-combobox {
    width: 240px;
}

    /*grid top row*/
    .k-grouping-header {
        /*margin-left: 50%;*/
        font-size: 13px;
    }

    /*grids on search page and details page*/
    #searchResultsGrid, #reportsGrid {
        font-size: 13px;
    }
}

/**********************************************
*large devices
***********************************************/

@media only screen and (min-width:1200px) {

    /*search fields */

    .buttons-container {
        text-align: left;
    }

    .search-container span.k-datepicker, .search-container span.k-dropdown {
        max-width: 180px;
    }

    .search-container .k-autocomplete .k-datepicker {
        width: 180px;
    }

    /*home*/
    
    .home .page-header, .home .search-box {
        float: none;
    }

    .search-container ul li {
        width: 20%;
    }
}


/**********************************************
*extra large devices
***********************************************/

@media only screen and (min-width:1400px) {
    /*tabs*/
    #content {
        position: relative;
    }

    /*.details-content .k-tabstrip .k-tabstrip-items {
        max-width: 70%;
        left: 30%;
        position: absolute;
        top: -63px;
        background-color: transparent;
    }*/
}

/* internal feedback action form */
#actionFeedback textarea {
    border: 1px solid #cccccc !important;
}

/* internal document request action form */
#actionDocumentRequest textarea {
    border: 1px solid #cccccc !important;
}

#actionDocumentRequest #DataSize_validationMessage {
    margin-left: 50px !important;
}

/*.requestMultiSelect {
    display: flex;
}
*/