﻿.loginPage {
    display: flex;
    width: 100%;
    min-height: 100vh;
    flex-wrap: wrap;
}
.login_leftSide {
    height: 100%;
    width: 480px;
    background:#fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.brandLogo {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    text-align: center; 
}
.login_leftSide > form{
    display:inline-block;
    width:100%;
}
.loginFormHead {
    margin-bottom: 30px;
}
.loginGroup{
    text-align:left;
    margin-bottom:20px;
}
.loginGroup label {
    color: #616161;
    letter-spacing:0.5px;
}
    .loginGroup input {
        border-color: #E0E3E7;
        height: calc(3.75rem + 2px);
    }
.submitBtnArea {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}
.m-checkbox.m-checkbox--light > span::after{
    border-color:#fff;
}
.m-checkbox.m-checkbox--light > span {
    border: 1px solid #ddd;
}
.login_leftSide .m-checkbox.m-checkbox--light > input:checked ~ span {
    border: 1px solid #1f65c9;
    background: #1f65c9;
}
 .login_leftSide .submitBtn {
    width: 100%;
    border-radius: 5px;
    background: #1F65C9;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(0, 88, 255, 0.36) !important;
    box-shadow: 0px 5px 10px 2px rgba(0, 88, 255, 0.36) !important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 13px 0px;
    border-color: #1F65C9;
}
    .login_leftSide .submitBtn:hover {
        -webkit-box-shadow: 0px 5px 10px 2px rgba(18, 1, 136, 0.36) !important;
        box-shadow: 0px 5px 10px 2px rgba(18, 1, 136, 0.36) !important;
        border-color: #234c87;
        background: #234c87;
    }
    .loginFormTitle {
        text-align: left;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }
.btn.cancleBtn {
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 5px;
    background: #eee;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 13px 0px;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(168, 168, 168, 0.36) !important;
    box-shadow: 0px 5px 10px 2px rgba(168, 168, 168, 0.36) !important;
    color: #e64747;
}
    .btn.cancleBtn:hover {
        background: #e64747;
        color: #fff;
        -webkit-box-shadow: 0px 5px 10px 2px rgba(230, 71, 71, 0.36) !important;
        box-shadow: 0px 5px 10px 2px rgba(230, 71, 71, 0.36) !important;
    }
    .login_rightSide {
        display: flex;
        height: 100%;
        background: url(../images/acquirely-bg.jpg);
        width: calc(100% - 480px);
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-position: bottom;
    }
.login_rightSide h2 {
    font-size: 36px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #fff;
    text-align:center;
}
.login_rightSide h2 span{
    font-size:100px;
}


/*****Dashboard CSS******/
.listingOutside{
    padding:15px;
}
.m-body {
    padding-right: 0px;
}
.m-header > .m-container {
    padding: 0px;
}

.m-aside-left.m-aside-left--skin-dark {
    width: 300px;
    background-color: #181F47;
}

.m-aside-left--minimize .m-aside-left {
    width: 100px;
}

.m-stack__item.m-stack__item--middle.m-brand__logo {
    width: 300px;
    background-color: #181F47;
    color: #fff;
    padding: 10px 20px;
}

.m-header--fixed .m-header .m-stack--ver.m-stack--desktop .m-stack.m-stack--ver.m-stack--general .m-brand__tools {
    padding-left: 50px;
}

.m-aside-left--minimize .m-header .m-stack--ver.m-stack--desktop .m-stack.m-stack--ver.m-stack--general .m-brand__tools {
    padding-left: 30px;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #fff;
    font-size: 1.8rem;
    width: 40px;
}

.m-aside-menu .m-menu__nav > .m-menu__item {
    border-bottom: none;
}

    .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
        padding: 15px 20px;
        height: 54px;
    }

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #0F2D69;
    color: #fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
    color: #fff;
}

.m-header--fixed .m-header .m-stack--ver.m-stack--desktop .m-stack.m-stack--ver.m-stack--general .m-brand__tools .m-dropdown.m-dropdown--inline.m-dropdown--arrow {
    display: none;
}

.m-header--fixed .m-header .m-stack--ver.m-stack--desktop .m-stack.m-stack--ver.m-stack--general .m-brand__tools #m_aside_left_minimize_toggle {
    left: -30px;
    top: 26px;
}

.m-aside-left--minimize #m_header #m_aside_left_minimize_toggle {
    left: -12px;
}

.m-brand .m-brand__tools .m-brand__toggler {
    width: 33px;
    height: 33px;
}

    .m-brand .m-brand__tools .m-brand__toggler span, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
        background: #2280E7;
    }

    .m-brand .m-brand__tools .m-brand__toggler span {
        width: 23px;
        height: 2px;
        min-height: 2px;
        border-radius: 3px;
    }

    .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left.m-brand__toggler--active span::before, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left span::before {
        top: -9px;
        width: 33px;
        left: 0px;
        height: 2px;
        min-height: 2px;
        border-radius: 3px;
    }

    .m-brand .m-brand__tools .m-brand__toggler span::after, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left span::after {
        bottom: -9px;
        left: 0px;
        height: 2px;
        min-height: 2px;
        border-radius: 3px;
    }

    .m-brand .m-brand__tools .m-brand__toggler:hover span, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left:hover span::after, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left:hover span::before {
        width: 33px;
    }

.m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--fluid {
    padding: 0px 15px;
    border-bottom: solid 1px #f4f3f9
}

.m-aside-menu .m-menu__nav {
    padding: 0px 0px 30px 0px;
}

.custom-body .m-footer__copyright {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 20px;
    text-align: center;
    color: #97A7C5;
}

    .custom-body .m-footer__copyright a {
        color: #97A7C5;
    }

.m-nav.m-nav--inline > .m-nav__item > .m-nav__link.profileIcon {
    width: 40px;
    padding: 0px;
    background: #2382E6;
    text-align: center;
    font-size: 32px;
    border-radius: 50px;
    height: 40px;
}

.m-nav.m-nav--inline > .m-nav__item > .m-nav__link.profileIcon .m-nav__link-icon {
    padding-right: 0px;
    text-align: center;
    color: #fff;
}

.m-nav.m-nav--inline > .m-nav__item > .m-nav__link.profileIcon .m-nav__link-icon i {
    font-size: 2.3rem;
}


.m-body .m-content{
    padding:0px 30px;
}
.m-subheader .m-subheader__title {
    color: #011D3E;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.m-aside-left--fixed .m-body {
    padding-left: 300px;
}
.emailEngineWrapper {
    padding-top: 20px;
}
.container.contentBox-right {
    max-width: 100%;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    color: #0F3975;
    font-weight: 400;
    font-size: 20px;
}
.listingHeader h3{
    font-size:18px;
}
.m-portlet {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #DEECFF;
    border-radius: 5px;
}
.m-portlet .m-portlet__head{
    padding:0px 15px;
}
    .m-portlet .m-portlet__head .m-portlet__head-tools .btn {
        background: #1F65C9;
        border-color: #1F65C9;
        padding: 0.75rem 1rem;
        border-radius: 5px;
        padding: 13px 20px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }
    .m-portlet .m-portlet__head .m-portlet__head-tools .btn:hover, .m-portlet .m-portlet__head .m-portlet__head-tools .btn:focus {
        background: #181f47;
        border-color: #181f47;
        color:#ffffff !important;
    }
    .m-portlet .m-portlet__body {
        padding: 0px;
    }
.dataTables_wrapper .dataTable{
    margin-top:0px !important;
}
    .dataTables_wrapper .dataTable thead tr[role="row"] {
        background: #181f47;
        color:#fff;
    }
        .dataTables_wrapper .dataTable thead tr[role="row"] th {
            border: none;
            padding: 20px 15px;
        }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th {
        background: #e4e7fb;
        border: none;
        min-width: 86px;
    }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th .form-control {
            border: 1px solid #c8cfff !important;
            box-shadow: none;
            min-height: 40px;
            background:#fff;
        }
        table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
            color: #FFF;
            opacity: 0.7;
        }
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    color: #FFF;
    opacity: 0.7;
}
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::after {
    color: #FFF !important;
}
.input-group .input-group-append > .input-group-text, .input-group .input-group-prepend > .input-group-text {
    border-color: #8fafff;
    background-color: #aabfff;
    color: #fff;
}
    .input-group .input-group-append > .input-group-text > i, .input-group .input-group-prepend > .input-group-text > i {
        color: #181f47;
    }

.table-striped tbody tr {
    background: #EFF1FF;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}
.bottomInfo{
    padding:10px 15px 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
    color: #939393;
}
.btn.m-btn--hover-brand:not(.btn-secondary):not(.btn-outline-light) i {
    color: #1C79FF;
}
button.search, button.reset{
    max-width: 40px;
    min-height: 40px;
    margin:0px !important;
}
button.search i, button.reset i{
    font-size:20px !important;
}
.editformBody .form-control[readonly], .editformBody .form-control, .editformBody .select-box, .editformBody select.faq-select-box {
    border-color: #B8C6FF;
    color: #3B3B3B;
    font-weight: 500;
    font-size: 14px;
    height: calc(50px + 2px);
    padding: 1.15rem 1.15rem;
    border-radius: 5px;
}
.editformBody{
    padding:15px;
}
.editformBody label, .m-form .m-form__group > label {
    font-size: 14px;
    color: #7A808E;
    font-weight: 400;
    margin-bottom: 3px;
}
.form-group {
    margin-bottom: 1.5rem;
}
.editFormFooter {
    background: #e4e7fb;
    display: flex;
    margin: 0px -15px -15px;
    padding: 15px;
}
    .editFormFooter .btn {
        border-radius: 5px;
        padding: 13px 40px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-right:15px;
    }
#m_header_nav .m-topbar__nav.m-nav.m-nav--inline li .m-dropdown__body .m-dropdown__content ul {
    padding: 0px;
}
    #m_header_nav .m-topbar__nav.m-nav.m-nav--inline li .m-dropdown__body .m-dropdown__content ul .btn.m-btn--pill {
        border-radius: 5px;
    }
/****manage site****/
.m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group {
    padding-left: 15px;
    padding-right: 15px;
}
.contentBox-right .nav.nav-tabs.nav-fill {
    text-align: left;
    float: none;
    display: block;
    padding:0px 15px;
    border:none;
}
    .contentBox-right .nav.nav-tabs.nav-fill .nav-item {
        width: auto;
        flex: inherit;
        float: none;
        display: inline-block;
        text-align: center;
    }
        .contentBox-right .nav.nav-tabs.nav-fill .nav-item .nav-link {
            color: #9699a2;
            font-size: 16px;
            background: #ebeeff;
        }
    .contentBox-right .nav.nav-tabs.nav-fill .nav-item .nav-link.active {
        background: #181f47;
        color: #fff;
        border-radius: 4px;
    }
.m-form .editFormFooter .m-form__actions{
    padding:0px;
}
.m-form.editformBody .m-portlet__body {
    margin-bottom: 30px;
}
.group-field-legend {
    color: #1f65c9;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.group-field {
    border: 1px #81b5ff solid;
}
.editformBody .cke_chrome {
    border: 1px solid #B8C6FF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
.editformBody .cke_top {
    background: #e4e7fb;
    border-bottom: 1px solid #b8c6ff;
    background-image: none;
}
    .editformBody .cke_top .cke_toolgroup {
        background: #fff;
        background-image: none;
        border-color: #B8C6FF;
    }
        .editformBody .cke_top .cke_toolgroup a.cke_button{
            cursor:pointer;
        }
        .editformBody .cke_top .cke_combo_button {
            background: #fff;
            background-image: none;
            border-color: #B8C6FF;
            cursor: pointer;
        }
        .editformBody .cke_top .cke_combo_button:hover, .editformBody .cke_top .cke_toolgroup a.cke_button:hover {
            background: #bfc7ff;
        }
.editformBody .cke_bottom {
    background: #e4e7fb;
    border-top: 1px solid #b8c6ff;
    background-image: none;
}
.editformBody .ddlContainer{
    padding:0px;
    border:none;
}
.mainContentForm{
    padding:0px 15px;
}
.uploadContainer {
    border-color: #B8C6FF;
}
.subLegend{
    margin:0px;
    margin-top:20px;
}

    .subLegend .col-sm-3 + .col-sm-3 {
        border-left: 1px solid #b8c6ff;
    }
.editformBody textarea.form-control{
    min-height:100px;
}
.answerBtn {
    margin-bottom: 5px;
}
.m-form .m-form__group:first-child{
    padding-top:15px;
}
.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill.deleteBtn.deleteBtn i {
    color: #ff3939;
}
.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill.deleteBtn.deleteBtn:hover, .m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill.deleteBtn.deleteBtn:focus {
    background: #ff3939 !important;
    border-color: #ff3939 !important;
}
.deleteModal {
    max-width: 400px;
    width: 100%;
}
.modal .deleteModal .modal-content .modal-header {
    background: #181f47;
    padding: 20px 20px;
}
    .modal .deleteModal .modal-content .modal-header .modal-title{
        color:#fff;
        font-size:20px;
    }
.modal .deleteModal .modal-content .modal-header .close{
    color:#fff;
    margin-top:3px;
}
.modal .deleteModal .modal-content .modal-body h5 {
    color: #ff3939;
    font-size: 16px;
}
.modal .deleteModal .modal-content .modal-body h4 {
    font-size: 35px;
    letter-spacing: 2px;
    color: #181f47;
    margin-top: 20px;
}
.modal .deleteModal .modal-content .modal-footer {
    background: #e4e7fb;
    display: flex;
    margin: 0px 0px 0px;
    padding: 15px;
    border-radius:0px 0px 5px 5px;
}
    .modal .deleteModal .modal-content .modal-footer .btn {
        border-radius: 5px;
        padding: 13px 40px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-right: 15px;
    }
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    top: calc(50% - 9px);
}



.dynamic_form {
    margin: 0px 15px 0 15px;
    background: #eff1ff;
    border: 1px #81b5ff solid;
}
.editformBody .form-wrap.form-builder .form-control {
    height: 50px;
    border-color: #B8C6FF !important;
}
.editformBody .form-wrap.form-builder .frmb > li:hover {
    box-shadow: none;
    border: none;
}
.editformBody .form-wrap.form-builder .frmb li {
    background: transparent;
}
.editformBody .form-wrap.form-builder .frmb .field-actions {
    right: 10px;
    border: 1px solid #81b5ff;
    border-radius: 5px;
    overflow: hidden;
}
    .editformBody .form-wrap.form-builder .frmb .field-actions .btn {
        height: 26px;
        line-height: 26px;
        border-bottom: none;
        border-color: #81b5ff;
    }
        .editformBody .form-wrap.form-builder .frmb .field-actions .btn:first-child {
            border-left: none;
        }
.formbuilder-radio {
    background: #fff;
    margin: 5px 0px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #B8C6FF;
}
.form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend {
    margin-bottom: 0px;
    line-height: 20px;
}
.editformBody .form-wrap.form-builder .frmb-control li {
    box-shadow: inset 0 0 0 1px #273897;
    background: #181f47;
    color: #fff;
}
    .editformBody .form-wrap.form-builder .frmb-control li:hover {
        color: #273897;
    }
.pageName a {
    background: #181f47;
    border-radius: 5px;
}




.dataTables_wrapper .dataTable td label {
    font-weight: 600;
    font-size: 14px;
    width: 50%;
    float: left;
    display: none;
    color: #181f47;
}
.dataTables_wrapper .dataTable thead tr[class="filter"] th label{
    display:none;
}
.dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction span.desktopHide {
    display: none;
}




@media only screen and (max-width: 1199px) {
    .login_leftSide {
        width: 380px;
    }
    .login_rightSide {
        width: calc(100% - 380px);
    }
    .login_rightSide h2 {
        font-size: 26px;
    }
        .login_rightSide h2 span {
        font-size: 60px;
    }
    .m-aside-left--fixed .m-body {
        padding-left: 0px;
    }
    .m-header {
        background-color: #181f47;
    }
    .m-stack__item.m-stack__item--middle.m-brand__logo {
        padding: 10px 0px;
    }
    .m-brand .m-brand__tools .m-brand__toggler span, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
        background: #fff;
    }
        .m-brand .m-brand__tools .m-brand__toggler span::before, .m-brand .m-brand__tools .m-brand__toggler span::after {
            background: #fff;
        }
    .m-aside-left--fixed .m-body {
        padding-left: 300px;
    }

}

@media only screen and (max-width: 1024px) {
    .m-aside-left--fixed .m-body {
        padding-left: 0px;
    }
}

    @media only screen and (max-width: 992px) {
        .login_leftSide {
            width: 100%;
        }

            .login_leftSide > form {
                max-width: 420px;
            }

        .login_rightSide {
            display: none;
        }

        .selectThemeColor {
            width: auto;
        }
    }


@media only screen and (max-width: 767px) {
    .dataTables_wrapper .dataTable thead tr[role="row"]{
        display:none;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"]{
        padding:10px 0px;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th {
        display: block;
        padding-bottom:0px;
    }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th.mobileHide{
            display:none;
        }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th .form-control {
            display: inline-block;
            width: 100%;
        }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th label{
            display:block;
            margin-top:5px;
            margin-bottom:0px;
        }
        .dataTables_wrapper .dataTable td {
            display: flex;
        }
    .dataTables_wrapper .dataTable td label {
        display: block;
        width:100px;
    }
    .dataTables_wrapper .dataTable{
        background:transparent;
    }
    .table-striped tbody tr {
        background: #fff;
        margin-bottom: 10px;
        display: block;
    }
    .contentBox-right .m-portlet {
        background:transparent;
        border:none;
    }
    .contentBox-right .m-portlet__head {
        background: #fff;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction {
        display: flex;
        padding-bottom:10px;
    }
    button.search, button.reset {
        width: 50%;
        max-width: 50%;
        text-align: center;
        text-transform: uppercase;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction span{
        display:inline-block;
    }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction span i{
            display:none;
        }
        .dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction.desktopHide {
            display: inline-block;            
        }
    .editformBody {
        background: #fff;
    }
   
    .emailEngineWrapper .m-subheader {
        padding: 3px 20px;
    }
    .input-group date{
        position:relative;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th .input-group-append {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 40px;
    }
    .dataTables_wrapper .dataTable thead tr[class="filter"] th.tableHeadAction span.desktopHide {
        display: inline-block;
    }
    .m-portlet .m-portlet__head{
        padding-top:10px;
        flex-wrap:wrap;
        height:auto;
    }
    }

    @media only screen and (max-width: 560px) {
        .login_leftSide {
            padding: 20px;
            padding-top: 90px;
        }

        .m-form .form-control-label, .m-form label {
            font-size: 1rem;
        }

        .subLegend .col-sm-3 {
            padding: 0px;
        }

            .subLegend .col-sm-3 + .col-sm-3 {
                border-top: 1px solid #b8c6ff;
                border-left: none;
            }

        .contentBox-right .nav.nav-tabs.nav-fill .nav-item {
            margin: 2px 0px;
        }
    }

    @media only screen and (max-width: 375px) {
    }