@media screen and (min-width: 1440px) {
    .latest_item__title,
    .latest_item__text{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 1444px) {
    .login_form__left{
        margin-right: 40px;
    }

    .dashboard_column-item a{
        padding: 10px;
    }

    .dataTables_wrapper>.row:first-child{
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

    .dataTables_length {
        margin-right: 0;
    }
}

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

    .dashboard_wrapper {
        margin-top: 0;
    }

    .content_top {
        display: inline-block;
        width: 100%;
    }    

    .content_title,
    .login_form, #request_password_form, 
    #reset_password_form,
    #completed_project_feedback,
    #mailchimp_preferences_form,
    .subscription_confirmed .card{
        margin-top: 20px;
    }

    .logged-in .top_nav .wrapper{
        width: 100%;
        display: inline-block;
    }

    .dashboard_column-item__text{
        font-size: 20px;
        padding-left: 30px;
    }

    .login_form__left{
        margin-top: 60px;
    }

    .dashboard_column:not(:first-child) {
        margin-left: 30px;
    }

    .dashboard_column-item{
        min-height: 126px;
    }

    .top_username{
        right: 30px;
        top: 10px;
    }

    .dashboard_wrapper,
    .login_form{
        width: 100%;
    }

    .form_style, 
    form, 
    .detailsTable,
    .contract-list .main_content{
        width: 100%;
        max-width: 100%;
        min-width: 1px;
    }

    .user-edit .card:not(.first), .user-add .card:not(.first) {
        margin-top: 30px;
    }

    .login_form {
        padding: 40px;
        flex-direction: column;
        width: 80%;
        max-width: 1000px;
    }

    .login_form__left {
        margin-right: 0px;
        min-width: 1px;
        width: 370px;
        margin: auto;
    }

    .login_form__right{
        margin-top: 40px;
    }

    .login_form .btn{
        margin-top: 20px;
    }

    .logged-in .header_logo{
        margin-bottom: 10px;
    }

    .dashboard_wrapper{
        padding: 0;
    }

    .contract-view .detailsTable_label{
        width: 85%;
    }

    .latest_item a {
        bottom: 40px;
    }

    .login_btn{
        margin: 40px auto 0px auto;
    }

    .logged-in .top_nav .wrapper {
        display: block;
    }

    .logged-in .header_logo > a {
        display: block;
        margin: 0 auto 20px auto;
    }

    .logged-in .header-actions.center {
        float: left;
        padding-left: 15px;
    }

    .logged-in .header-actions.right {
        float: right;
    }
}

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

    div.dataTables_wrapper div.dataTables_filter{
        margin-left: 0;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 20px;
    }

    .dataTables_wrapper .row:first-child {
        justify-content: flex-start;
    }

    .dataTables_filter > .dataTables_filter-item > label{
        margin-left: -1px;
    }

    .user-details .detailsTable{
        margin-top: 20px;
    }

    .contract-view .contract_header{
        justify-content: center;
        align-items: center;
    }

    .dataTables_filter{
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .dataTables_filter-item{
        margin-left: 0;
        margin-right: 30px;
        margin-top: 20px; 
    }

    .dataTables_filter > label{
        width: 100%;
        order: 1;
        margin-top: 15px;
        justify-content: flex-start;
    }

    .dataTables_filter > label input,
    .dataTables_filter select,
    .contract-filter{
        width: 300px !important;
        max-width: 100%;
    }

    .dataTables_wrapper>.row:first-child .col-sm-12, 
    .dataTables_length {
        display: flex !important;
        align-items: center;
        justify-content: start;
        margin: 0;
    }

    .reset_filter,
    .dataTables_length{
        margin-top: 10px;
    }

    .top_buttons {
        margin-bottom: 10px !important;
    }

    .dataTables_filter-item{
        width: 100%;
        margin-right: 0;
    }

    .col-md-6 {
        width: 100% !important;
        padding: 0;
    }

    #request_password_form, 
    #reset_password_form,
    #completed_project_feedback,
    #mailchimp_preferences_form,
    .subscription_confirmed .card {
        margin-top: 40px
    }

    .dashboard_column-item__icon svg {
        height: 50px;
    }

    .dashboard_column-item__text{
        padding-left: 20px;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .dataTables_filter > .dataTables_filter-item > label{
        min-width: 80px;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 1000px) {
    table.dataTable td.click_row-icon{
        display: block;
    }

    .dataTable td.status_row{
        padding-right: 5px !important;
    }

    .dataTable td{
        padding-top: 40px !important;
        padding-left: 15px !important;
    }

    .table-responsive{
        overflow-x: none !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .paginate_button.page-item.previous {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .paginate_button.page-item.next {
        margin-left: 0;
        margin-top: 10px;
    }

    span.is_admin_flag {
        align-items: self-end;
        padding-top: 10px;
        font-family: 'Poppins-semibold';
        font-size: 14px;
    }
}

@media screen and (max-width: 900px) {
    
    .listing-page .top_buttons{
        margin-bottom: 0;
    }

    .file-list {
        margin-left: 0 !important;
    }

    .file-uploader{
        flex-direction: column;
    }

    .file-uploader__info-area {
        max-width: 100% !important;
        margin-top: 20px;
    }

    .file-chooser{
        background: white;
    }

    .removal-button{
        width: 60px !important;
    }

    .dashboard_row{
        flex-direction: column;
    }

    .dashboard_row-item:not(:last-child){
        margin-right: 0 !important;
        margin-bottom: 30px;
    }

    .dashboard_row-title{
        padding: 10px;
        width: 100%;
    }

    .dashboard_row{
        padding-top: 0 !important;
    }

    .home_top span, .header_logo span {
        font-size: 1.2rem;
    }

    .logout span,
    .logout {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .phone_label {
        flex-direction: column;
    }
    
    .phone_label label {
        width: 100%;
    }

    .main_phone {
        margin-left: 0;
        margin-bottom: 10px;
    }
}

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

    table.incident_detailsTable.table .detailsTable_label,
    table.incident_detailsTable.table .detailsTable_text,
    .incident_details-label{
        font-size: 16px;
    }

    .grouped_form .half {
        max-width: 100%;
    }

    .incident_details-text{
        padding: 20px;
    }

    .message_listing .message_inner{
        padding: 20px !important;
    }

    .card.incident_view_card {
        padding: 40px 30px;
    }

    table.incident_detailsTable.table .detailsTable_label {
        width: 140px;
    }

    .dashboard_wrapper{
        flex-direction: column;
        margin-top: 60px;
    }

    .dashboard_column-item a{
        padding: 20px;
    }

    .dashboard_column-item__icon svg {
        height: 60px;
    }

    .dashboard_column-item__text {
        font-size: 24px;
        padding-left: 40px;
    }

    .dashboard_column{
        margin-bottom: 60px;
    }

    .dashboard_column:not(:first-child) {
        margin-left: 0;
    }

    .grouped_form {
        display: flex;
        flex-direction: column;
    }

    .grouped_form>div:not(:last-child) {
        margin-right: 0;
    }

    .grouped_form > .form-group.current_password_group {
        margin-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .contract-view .detailsTable_label{
        width: 80%;
    }
}

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

    .main_phone {
        margin-left: 7px;
        margin-bottom: 10px;
    }

    .main_phone label{
        align-items: center;
    }

    .user-details .detailsTable{
        margin-top: 30px;
    }

    .mark_completed .custom-control-label::before, 
    .mark_completed .custom-control-label::after{
        height: 25px;
        width: 25px;
        left: -30px;
        margin-top: -5px;
    }

    .main_phone .custom-control-label::before,
    .main_phone .custom-control-label::after{
        height: 25px;
        width: 25px;
        left: -30px;
        margin-top: -5px;
    }

    .user_permissions_group .custom-control-label::before, 
    .user_permissions_group .custom-control-label::after {
        height: 25px;
        width: 25px;
        top: 5px;
    }

    .user_permissions_group .custom-control-label {
        padding-left: 15px;
    }


    .main_phone .custom-control.custom-checkbox{
        padding-left: 24px;
        margin-top: 20px;
    }

    .main_phone label
    .mark_completed label {
        font-size: 0.8rem;
    }

    .header-actions a.underline:hover::after{
        display: none;
    }

    .form-group-half {
        width: 100%;
    }

    .contract-view .detailsTable_label{
        width: auto;
    }

    .multiple-fields__btn_close{
        font-size: 35px;
        top: -5px;
    }

    .latest_content>*:first-child {
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .latest_content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .latest_item__image{
        height: auto;
    }

    .latest_item{
        width: 370px;
        padding-bottom: 20px;
    }

    .latest_item > * {
        width: 100% !important;
        display: inline-block !important;
    }

    .latest_item a {
        width: calc(100% - 60px) !important;
        margin-left: 0;
    }

    .grouped_form>div:not(:last-child){
        margin-right: 0;
    }

    .dataTables_paginate{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .grouped_form .half{
        max-width: 100%;
    }

    .dataTables_info{
        margin-bottom: 15px;
    }

    .top_buttons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px !important;
        margin-top: 0px;
    }

    .top_buttons>*:not(:last-child){
        margin-right: 0;
    }
    
    .top_buttons .btn:not(:last-child) {
        margin-bottom: 20px;
    }

    .latest_content .latest_item:last-child .latest_item__image{
        display: flex !important;
    }

    .top_buttons .btn {
        min-width: 300px !important;
        margin-top: 0 !important;
    }

    .modal-dialog {
        max-width: 95%;
    }

    .modal-title {
        font-size: 20px;
    }

    body.subscription_confirmed .row.home_main.container{
        padding: 0;
    }
}

@media screen and (max-width: 700px) {
    .header-actions.center a {
        margin-left: 25px;
    }
}

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

    .top_buttons{
        margin-top: -20px !important;
        margin-bottom: 30px !important;
    }

    .dashboard_wrapper{
        min-width: 1px;
    }

    .timesheet_total,
    .content_title,
    .footer_bottom,
    .footer_top,
    #main_content{
        padding-right: 20px;
        padding-left: 20px;
    }

    #main_content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .owa_breadcrumb{
        padding-left: 20px;
    }

    .dataTables_filter > label input,
    .dataTables_filter select{
        width: 100% !important;
    }

    .header-actions a{
        font-size: 16px;
    }

    .header-actions.right {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contract_actions{
        justify-content: center;
    }

    .contract_header{
        align-items: center;
        justify-content: center;
    }

    .dashboard_row {
        padding: 0 20px 20px 20px !important;
    }

    .contract-view .contract_header+.contractsTable {
        margin-bottom: 20px;
    }

    .dataTables_wrapper>.row:first-child .col-sm-12,
    .dataTables_length{
        flex-direction: column;
        align-items: flex-start;
    }

    div.dataTables_wrapper div.dataTables_length select {
        margin-left: 35px;
    }

    .dataTables_filter > label{
        margin-top: 30px;
    }

    .reset_filter{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .reset_filter {
        margin-bottom: 20px;
    }

    .top_nav .wrapper {
        flex-direction: column;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header_logo {
        margin-bottom: 10px;
    }

    .login_form{
        width: 100%;   
    }

    #request_password_form .form_bottom_action_buttons, 
    #reset_password_form .form_bottom_action_buttons,
    #completed_project_feedback .form_bottom_action_buttons{
        margin-bottom: 0px;
    }

    .logged-in .content_title {
        margin-top: 60px;
        justify-content: center;
    }

    .title{
        font-size: 34px;
    }

    .tfa_form, 
    #tfa_form {
        margin-top: 0;
    }

    .support-list select.status-filter{
        max-width: 100%;
    }

    .project_completed_feedback_sent h1:after,
    form#completed_project_feedback h1:after{
        margin-left: -16px;
        height: 9px;
        width: 9px;
    }

    .project_completed_feedback_sent h1:after{
        margin-left: -12px;
    }

    #mailchimp_preferences_form,
    .subscription_confirmed .card{
        margin-top: 0;
    }

    #mailchimp_preferences_form .form_bottom_action_buttons{
        margin-bottom: 20px;
    }

    .email_prefrences #main_content {
        padding-left: 0;
        padding-right: 0;
    }

    #mailchimp_preferences_form{
        padding: 20px;
    }
}

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

    .header-actions a{
        font-size: 18px;
    }

    .logged-in .header-actions.center{
        padding-left: 0;
    }

    .logged-in .content_title {
        margin-top: 30px;
    }

    span.top_username.mobile_only a {
        padding-left: 10px;
    }

    .logged-in .top_nav .wrapper{
        flex-direction: column;
        align-items: flex-start;
    }

    .header_logo {
        margin-right: 80px;
    }

    .header_logo.main_logo {
        margin-right: 0;
    }

    .header-actions>*:not(:last-child) {
        margin-right: 0;
    }

    .header-actions.right.expanded {
        margin-bottom: 40px !important;
    }

    .top_nav .wrapper {
        padding-bottom: 0;
        padding: 40px 20px 0 20px;
    }

    .top_username.mobile_only{
        margin: 15px 0 0 0;
        justify-content: center;
    }

    .top_username.desktop_only{
        display: none;
    }

    .logged-out .header-actions{
        width: auto;
    }

    .logged-out .header-actions > *{
        height: 53px;
    }

    .mobile-menu{
        display: block;
        position: absolute;
        top: 43px;
        right: 20px;
    }

    .logged-in .header-actions{
        height: 0;
        overflow-y: hidden;
        transition: all 0.3s linear;
    }

    .logged-in .header-actions.expanded{
        height: auto;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .header-actions.center a{
        margin-left: 0;
    }

    .logged_in_user {
        border-right: none;
        padding-right: 0;
    }

    .header_logo{
        order: 1;
        margin-bottom: 0;
    }

    .header-actions{
        order: 3;
    }

    .top_username{
        position: relative;
        order: 4;
        top: 0;
        right: 0;
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }

    .header-actions a:last-child{
        margin-bottom: 0;
    }

    .card-body, .detailsTable, .contract-list .main_content {
        padding: 20px 10px;
    }

    .uploaded_images .multiple-fields__item-wrapper{
        float: none;
        width: auto;
        max-width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .form_bottom_action_buttons .button_wrapper{
        width: 100%;
    }

    .custom-control.mark_completed{
        flex: 5;
    }

    .header-actions{
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .header-actions > * {
        margin-bottom: 20px;
    }

    .timesheetsTable tr {
        display: block;
    }

    .timesheetsTable td {
        width: 100%;
        display: inline-block;
        word-break: break-word;
    }

    .timesheet-description,
    .timesheet-hours{
        display: none;
    }

    .timesheetsTable tr td:nth-child(3):before {
        content: "Hours: ";
        font-weight: bold;
    }

    .timesheet_monthly_summary td {
        width: auto;
    }

    .timesheet_monthly_summary td:first-child {
        padding-right: 0;
    }

    .timesheet_monthly_summary td:last-child {
        padding-left: 0;
    }

    .contract_actions a {
        width: 100%;
        padding: 5px 0;
    }    

    .contract_actions{
        flex-direction: column;
    }

    .warranty-confirm-wrapper a{
        width: 100%;
    }

    .contract_actions a:not(:last-child){
        margin-bottom: 20px;
    }

    .contact_phone_top{
        margin-bottom: -2px;
    }

    .logged-out .header-actions a{
        display: flex;
        align-items: flex-end;
        margin-right: 0;
    }

    .logged-out .top_nav .wrapper{
        padding-bottom: 18px;
    }

    .logged-in .header_logo {
        margin-bottom: 13px;
    }

    .login_form {
        padding: 40px 20px;
    }

    .login_form, 
    #request_password_form, 
    #reset_password_form,
    #completed_project_feedback{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .dashboard_wrapper{
        margin-top: 0;
        margin-bottom: 60px;
    }

    .dataTables_filter label,
    .dataTables_filter-item{
        align-items: flex-start;
        flex-direction: column;
    }

    div.dataTables_wrapper div.dataTables_filter input,
    .custom-filter {
        margin-left: 2px;
    }

    div.dataTables_wrapper div.dataTables_length select {
        margin-left: 10px;
    }

    div#usersTable_filter > label + .dataTables_filter-item {
        margin-top: -20px;
    }

    #request_password_form, 
    #reset_password_form,
    #completed_project_feedback,
    #mailchimp_preferences_form,
    .subscription_confirmed .card,
    #registration_form div.card-body,
    .user-details .box,
    .login_form,
    .card.incident_view_card,
    .row.listing,
    .contract-list .box,
    .contract-view .box,
    div.card-body{
        padding: 30px 15px !important;
    }

    .row.listing.timesheet-listing,
    .card.incident_view_card > .card-body{
        padding: 0 !important;
    }

    .user-details .detailsTable {
        margin-top: 0;
    }

    tr.timesheet_summary.timesheet_monthly_summary {
        display: flex;
        justify-content: space-between;
        background: #F1F9FA !important;
        border: 1px solid #0A98B4 !important;
    }

    tr.timesheet_summary.timesheet_monthly_summary > * {
        border: none !important;
    }

    .timesheetsTable td { pointer-events: none; }
    .timesheetsTable td > a { text-decoration:none; color:inherit; }

    #mailchimp_preferences_form{
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 500px) 
{   
    .contract-view .contract_header+.contractsTable{
        padding: 0;
        margin-bottom: 40px;
    }

    .contract-view .contract_header+.contractsTable * {
        width: 100% !important;
        max-width: 100% !important;
        display: inline-block;
    }

    .table-striped tbody tr .detailsTable_label,
    table.incident_detailsTable.table .detailsTable_label {
        width: 100%;
        padding: 10px;
        border-top: 1px solid #DDDBDB;
    }

    .table-striped tbody tr .detailsTable_text,
    table.incident_detailsTable.table .detailsTable_text {
        padding: 10px 10px 20px 10px;
        background: white;
    }

    table.detailsTable .detailsTable_row {
        border: none !important;
    }

    .user-edit .form-btn {
        min-width: 1px !important;
    }

    .dashboard_row-item {
        padding: 10px;
    }

    .dashboard_row-item__text,
    .no_link .dashboard_row-item__text{
        padding-left: 10px;
    }

    .dashboard_row-item__icon svg {
        height: 50px;
    }

    .content_top .alert{
        text-align: left;
        font-size: 0.8rem;
        padding-right: 45px;
    }

    .warranty-confirm-wrapper a{
        font-size: 0.7rem;
    }

    .modal-btn-close{
        width: 100%;
    }

    .modal-body .btn {
        width: 100%;
    }

    .user-details .detailsTable tr{
        display: block;
    }

    .user-details .detailsTable td {
        padding: 10px;
        display: inline-block;
        overflow-wrap: normal;
        width: 100%;
    }

    .detailsTable_text {
        font-size: 16px;
        font-family: 'Poppins-regular';
    }

    .user-details .table-striped tbody tr:nth-of-type(odd){
        background: white;
        background-color: white;
        border: none;
    }

    .detailsTable_label {
        background: #FAFAFA;
        background-color: #FAFAFA;
        font-size: 16px;
        font-family: "Poppins-semibold";
    }

    .dashboard_row-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .dashboard_row {
        padding: 0 10px 20px 10px !important;
    }

    .top_buttons {
        margin-top: 0px !important;
    }

    .page_type {
        font-size: 1rem;
    }

    .footer_bottom-links{
        flex-direction: column;
    }

    .footer_bottom-links a:first-child{
        margin-top: 10px;
    }   

    .footer_bottom-links a:not(:last-child) {
        margin-bottom: 20px;
    }

    .footer-split{
        display: none;
    }

    .incident_details{
        padding-bottom: 40px;
        margin: 30px 0;
    }

    .top_buttons .btn,
    .top_buttons a {
        width: 100% !important;
    }

    .card .form-group {
        margin-bottom: 40px;
    }

    .cssload-speeding-wheel{
        width: 120px;
        height: 120px;
    }

    .cssload-container img{
        width:70px;
    }

    .form_bottom_action_buttons .button_wrapper{
        flex-direction: column;
    }

    .custom-control.mark_completed{
        text-align: left;
        width: 100%;
        padding-left: 30px;
        margin: 15px 0px 30px 0 !important;
    }

    .dashboard_row-item__text{
        font-size: 0.9rem;
    }

    .dashboard_row-title {
        font-size: 1.5rem;
    }

    .file-uploader__allowed-formats-icon{
        display: none !important;
    }

    .info_box{
        flex-direction: column;
    }

    .info_box i {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .card .btn-block.btn{
        width: 100%;
    }

    .form-btn {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .btn-upload-files{
        margin-top: 20px;
    }

    .form_bottom_action_buttons{
        padding: 0;
    }

    .multiple-fields__btn-add{
        margin: 20px auto;
        width: auto;
        float: none;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        justify-content: center;
        margin-top: 20px;
    }

    .dataTables_wrapper > .row > div{
        padding-left: 0;
        padding-right: 0;
    }

    .datetimepicker{
        width: calc(100% - 80px);
    }

    .datetimepicker-days,
    .datetimepicker-days > table{
        width: 100%;
    }

    .login_form,
    .card.incident_view_card {
        width: 100%;
    }

    .logged-in .main_content > form, 
    .box, 
    .row.listing, 
    .card.message_card{
        margin-bottom: 60px;
    }

    .latest_item a {
        width: calc(100% - 40px) !important;
        margin-left: 0;
        position: relative;
        bottom: unset;
    }

    .login_form__left,
    .latest_item{
        width: 100%;
        min-height: 1px;
    }

    .header-actions>*:not(:last-child){
        margin-right: 0;
    }

    .card .btn-block.btn.btn-upload-files {
        width: auto;
        float: right;
        padding: 20px;
        margin-bottom: 30px;
    }

    .btn.btn-upload-files{
        transition: none !important;
    }

    .btn.btn-upload-files.collapsed{
        display: none !important;
    }

    .desktop_only{
        display: none !important;
    }

    .header-actions.mobile_only{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .phone_label {
        flex-direction: column;
    }
    
    .phone_label label {
        width: 100%;
    }

    .contract_actions a:not(:last-child) {
        margin-right: 0;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        flex-flow: wrap;
        flex-direction: column;
        width: 50%;
    }

    .page-item:first-child .page-link,
    .page-item:last-child .page-link{
        border-radius: 0;
    }

    .form-btn.login_btn,
    .form_bottom_action_buttons .form-btn{
        width: 100% !important;
    }
    
    .grouped_form{
        flex-direction: column;
    }

    .login_form .form-group.forgot_password_link{
        text-align: center;
    }

    .title {
        font-family: "Poppins-bold";
        font-size: 34px;
    }

    button.btn, a.btn{
        font-size: 16px !important;
        padding: 20px 10px;
    }

    .dashboard_column-item a{
        padding: 20px;
    }

    .dashboard_column-item__icon svg {
        height: 50px;
    }

    .dashboard_column-item__text {
        font-size: 20px;
        padding-left: 20px;
    }

    .dashboard_column-item {
        min-height: 100px;
    }

    .dashboard_column-item a {
        padding: 10px;
    }

    .dataTables_filter input[type=search]{
        min-width: 1px;
    }

    div.dataTables_wrapper div.dataTables_length select{
        width: 100px !important;
    }

    .dataTables_wrapper label{
        font-size: 16px;
    }

    .reset_filter{
        margin-top: 30px;
    }

    .dataTables_wrapper>.row:first-child {
        margin-bottom: 20px !important;
    }

    ul.pagination a {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        width: 100%;
    }

    .message_listing .message_inner{
        max-width: 100%;
    }

    .message_listing .owa .message_author {
        padding-left: 0;
    }

    .message_listing .message_author{
        padding-right: 0;
    }

    td.detailsTable_text {
        width: 100%;
        float: left;
        padding-bottom: 0;
    }

    td.detailsTable_label {
        width: 100%;
        float: left;
        padding-top: 5px;
    }

    .owa_breadcrumb{
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .user_permissions_group{
        margin-top: 0;
    }

    .user_permissions_group {
        padding: 10px;
    }

    .detailsTable .detailsTable_text {
        text-align: left !important;
    }

    .contract-list td.detailsTable_text {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .contract_header+.contractsTable {
        margin-bottom: 50px;
    }

    .top_buttons > a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .table-striped tbody tr .detailsTable_label {
        border-top: 1px solid #DDDBD8;
    }

    .modal-body form {
        width: 100%;
    }

    .btn-cancel.modal-btn-close {
        font-size: 14px !important;
    }

    .modal-content {
        padding: 80px 20px 20px 20px;
    }

    .timesheet-day,
    .contract-view table {
        width: 100%;
        display: block;
    }

    .grouped_form.preferences .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .grouped_form.preferences .toggle {
        order: 2;
    }

    .grouped_form.preferences .form-group > label {
        margin: 0 0 10px 0;
        order: 1;
    }

    #mailchimp_preferences_form .white_button .form_bottom_action_buttons .btn{
        min-width: 1px !important;
    }

    #mailchimp_preferences_form .form_bottom_action_buttons .btn {
        font-size: 14px !important;
    }

    #mailchimp_preferences_form .login_description{
        font-size: 16px;
    }

    .grouped_form.preferences .form-group > label {
        font-size: 16px;
    }

    .subscription_confirmed h1,
    .email_prefrences h1{
        position: relative;
    }

    .subscription_confirmed h1:after,
    .email_prefrences h1:after{
        position: absolute;
        bottom: 8px;
    }

    body.email_prefrences .fake_input{
        font-size: 14px;
    }
}

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

    .timesheet-day,
    .contract-view table {
        width: 100%;
        display: block;
    }

    .row.listing.timesheet-listing td,
    .table .thead-dark th{
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .timesheet-listing .table-responsive {
        display: block;
    }

    .timesheetsTable thead,
    .timesheetsTable tbody{
        display: block;
    }

    .home_top span, .header_logo span {
        font-size: 1rem;
    }

    .hamburger {
        width: 35px;
    }

    .hamburger:after, 
    .hamburger:before, 
    .hamburger div{
        margin: 6px 0;
    }

    .hamburger.is-active:before {
        transform: translateY(8px) rotate(135deg);
    }

    .logged-out .top_nav .wrapper {
        padding-bottom: 10px;
    }

    .home_top span, .header_logo span {
        margin-left: 7px;
    }

    .mobile-menu {
        top: 32px;
    }

    .dashboard_column-item__text {
        font-size: 17px;    
    }

    .project_completed_feedback #main_content {
        padding: 0;
    }

    .rating{
        padding: 10px;
    }

    .star{
        font-size: 25px;
    }
}

@media screen and (max-width: 380px) {
    .multiple-fields__item-wrapper{
        display: block;
    }

    .form-group.forgot_password_link {
        font-size: 0.9rem;
    }
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
    .login_form__left{
        min-width: 1px;
    }
}

/* Touch devices */ 
@media (hover: none), (pointer: none)
{
    .dashboard_row-item,
    .dashboard_row-item a,
    .btn{
        transition: none !important;
    }
}