.applicationlogdetail>div>div {
    width: 100%;
    max-width: 10%;
    display: inline-block;
    vertical-align: top;
}

.applicationlogdetail>div>div:last-child {
    max-width: 52%;
}

.applicationlogdetail .innerlogs {
    background-color: #efefef;
    padding-bottom: 15px;
}

.pendingdetails>div>div {
    width: 100%;
    max-width: 10%;
    display: inline-block;
    vertical-align: top;
}

.errorpending {
    color: red;
}

#sp-main-body {
    padding: 0 !important;
    margin: 0 !important;
}

.yee-btn {
    white-space: unset;
}

.mb-style-1 {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    video {
        max-width: 100%;
        max-height: 175px;
    }
    .yeartools {
        display: inline-grid;
    }
    #offcanvas-toggler>i {
        color: red !important;
        width: 70px;
        font-size: 35px;
    }
    #offcanvas-toggler>i:hover {
        color: #eb4947;
    }
    .mybtns input,
    .mybtns a {
        margin-bottom: 10px !important;
    }
    .mybtns.resbtn input,
    .mybtns.resbtn a {
        margin-bottom: 10px;
    }
    .applicationlogdetail>div>div {
        width: 100%;
        max-width: 49%;
        padding-left: 15px;
        text-align: left;
    }
    .applicationlogdetail>div>div:last-child {
        max-width: 49%;
    }
    .col-sm12.col-md-12.pendingdetails {
        overflow-y: scroll;
    }
    .col-sm12.col-md-12.pendingdetails .mybtns {
        float: none;
    }
    /* Added on 12 Nov by PI */
    .view-profiletype #adminForm table tr {
        display: block;
    }
    .view-profiletype #adminForm table tr td {
        width: 100%;
        display: block;
    }
    .view-profiletype #adminForm table tr td:first-child {
        padding-bottom: 0 !important;
    }
    .view-profiletype #adminForm table tr td label {
        width: 100%;
        display: block;
    }
    .view-profiletype #adminForm table tr td {
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .view-profiletype #adminForm table tr td input[type="radio"] {
        margin-top: 6px;
        margin-right: 6px;
    }
    #sp-eyes-sidebar {
        margin-top: 40px;
    }
    #sp-component #adminForm>div>input[type="submit"] {
        float: none !important;
        margin: 10px auto auto auto;
        display: block;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td,
    .com-bbf #sp-component #adminForm .form.bd .formlist tr {
        display: block;
        width: 100%;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td:first-child {
        padding-bottom: 0 !important;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td label {
        width: 100%;
        display: block;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td {
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td>div {
        padding-left: 0 !important;
    }
    .com-bbf #sp-component #adminForm .form.bd .formlist td #jform_gender input {
        margin-top: 6px;
    }
    .mybtns {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .tbl-resp {
        overflow: auto;
    }
    .filter>div,
    .filter>select {
        margin: 10px 0;
        display: inline-block;
        vertical-align: top;
    }
    .sp-module ul.yeartools {
        width: 100%;
        display: block;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 5px;
    }
    .sp-module ul.yeartools li::after {
        content: "";
        height: 10px;
        width: 1px;
        background: #000;
        display: block;
        position: absolute;
        right: 0;
        top: 14px;
        opacity: 0.8;
    }
    .sp-module ul.yeartools li:last-child:after {
        display: none;
    }
    .sp-module ul.yeartools li {
        width: 33.33%;
        margin: 0;
        float: left;
        padding: 0 8px !important;
        text-align: center;
        position: relative;
    }
    .sp-module ul.yeartools>li>a::before {
        display: none;
    }
    .filter input[type="text"] {
        float: none !important;
    }
    .filter .field-calendar input[type="text"] {
        float: left !important;
        margin-right: 0;
    }
    .filter #filterStateschoolsmy {
        float: right;
        margin-top: 0;
    }
    .filter #filterSearchmyschool {
        float: left !important;
    }
    .filter>div.field-calendar {
        width: 100%;
    }
    #sp-yearlist {
        padding: 0;
    }
    #sp-yearlist .sp-module {
        padding: 0;
    }
    .view-applications .tbl-resp {
        margin: 0 -40px;
    }
    .mybtns input, .mybtns a {
        margin-bottom: 10px !important;
        border-radius: 4px !important;
        margin-right: 5px;
        margin-left: 5px;
    }
}

.gray-color a {
    background: #8d8f92;
    border-color: #8d8f92;
    color: #fff;
    text-decoration: none;
}

.gray-color a:hover,
.gray-color a:focus {
    background: #6d6f72;
    border-color: #6d6f72;
    color: #fff;
    text-decoration: none;
}
    .chosen-container .chosen-results{
        border: 1px solid;
    }