@charset "UTF-8";

/*************************************
************ Media Query ************
**************************************/

@media print {
    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        visibility: visible;
        /**Remove scrollbar for printing.**/
        overflow: visible !important;
    }

    .modal-dialog {
        visibility: visible !important;
        /**Remove scrollbar for printing.**/
        overflow: visible !important;
    }

    .invoice-print-view .invoice-print-logo {
        background-color: #8dc63f !important;
        width: 40%;
        padding: 20px;
        position: relative;
        -webkit-print-color-adjust: exact;
    }
}

@media (max-width: 1024px) {

    .dropdown-position-fixer {
        right: 0;
        left: inherit;
    }

    .tablet-view {
        padding: 0;
    }

    .user-tasks .tabs-content-header h3 {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .login-content {
        height: auto;
    }

    .login-content .login-wrap {
        display: block;
        width: 50%;
        max-height: 580px;
    }

    .login-content .login-wrap .login-left {
        padding: 40px 20px;
    }

    .login-content .login-wrap .login-left,
    .login-content .login-wrap .login-right {
        display: block;
        width: 100%;
    }

    .login-content .login-wrap .login-right {
        border-radius: 0 0 10px 10px;
        padding-top: 60px;
    }

    .login-content .login-wrap .login-right .rightFooter {
        position: relative;
        margin-top: 60px;
    }

    .login-content .login-wrap .login-right .btn {
        margin-left: 20px;
        border: solid 2px rgb(125, 173, 88);
    }

    .activation-indicator {
        position: absolute;
        top: 15px;
        left: 14px;
    }

    #customerProfile .left-side,
    #customerProfile .right-side,
    #customerProfile .col-sm-12 {
        border-right: 0;
        padding: 0 !important;
    }

    .tab-body-title {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    /*.save-client-content .col-md-6{
        padding: 0 !important;
    }*/

}

@media (max-width: 768px) {

    #customerProfile .page-title .user-info-img,
    .save-client-content .page-title .user-info-img {
        margin: -10px 0 -10px 21px !important
    }

    #customerProfile .page-title .user-img,
    .save-client-content .page-title .user-img,
    .comments-user-img {
        width: 62px;
        height: 62px;
    }

    #customerProfile .page-title .user-info-img img,
    .save-client-content .page-title .user-info-img img,
    .comments-user-img img {
        width: 52px;
        height: 53px;
    }

    .client-profile-image-add {
        width: 52px;
        height: 53px;
    }

    .client-profile-image-add i {
        margin: 17px 16px;
    }

    #customerProfile .page-body ul.nav-tabs li a,
    #GLAccount-tabs ul.nav-tabs li a,
    #usersListTabs ul.nav-tabs li a,
    #productTabs ul.nav-tabs li a,
    #fieldsTabs ul.nav-tabs li a {
        padding-left: 29px;
        padding-right: 29px;
    }

    .sidebar-menu .logo-env .logo a {
        font-size: 30px;
    }

    section.sidebar-user-info a.user-profile {
        width: 100%;
    }

    .sidebar-user-info .user-links {
        width: 100px !important;
    }

    .sidebar-user-info .user-links li a {
        padding: 35px 30px 35px 10px !important;
        font-size: 20px;
    }

    .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a,
    .sidebar-menu .logo-env .settings-icon a {
        margin: 5px 10px 0 0;
    }

    .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i,
    .sidebar-menu .logo-env .settings-icon a i {
        font-size: 30px !important;
    }

    #security .lock-screen {
        padding: 20px 0 0 0;
        margin-top: 30px;
        border-top: 1px solid #E6E6E6;
    }

    #security .lock-screen h4 {
        font-size: 15px;
    }

    .available-modules,
    .usage-limits {
        padding: 0;
    }

    .usage-limits .xe-widget {
        margin-top: 15px;
    }

    .mobile-menu-icons a {
        display: block;
        color: #979898;
        padding: 7px 15px;
    }

    .mobile-menu-icons a i {
        font-size: 25px !important;
    }

    .animateMobileSidebar {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .animateMobileSidebar .mobile-sidebar {
        left: 0 !important;
        width: 300px !important;
        height: 100% !important;
        overflow-y: auto;
        -webkit-transition: left 400ms;
        transition: left 400ms;
    }

    .sidebar-user-info .user-links li.logout-link {
        width: 68px !important;
    }

    .sidebar-user-info .user-links li a {
        padding: 60px 10px !important;
        ;
    }

    .sidebar-user-info .user-links {
        display: block !important;
    }
}

@media (max-width: 440px) {
    .page-container .main-content {
        padding: 30px 5px !important;
    }

    .page-container .main-content .panel {
        padding: 15px;
    }

    .page-container .main-content .panel-body {
        padding-top: 10px;
    }

    .administration-view .panel {
        padding: 20px 30px !important;
    }

    .administration-view .panel-body {
        padding-top: 20px !important;
    }

    .page-container .main-content .page-title {
        padding: 15px !important;
        margin: -30px -5px 30px -5px !important
    }

    .page-container .main-content .page-title .title-env,
    .page-container .main-content .page-title .breadcrumb-env,
    .page-container .main-content .page-title .breadcrumb-env .breadcrumb {
        padding-left: 0 !important;
    }

    .nav.nav-tabs+.tab-content {
        padding: 30px 15px !important;
    }

    .login-content .login-wrap {
        width: 90%;
        max-height: 580px;
    }

    .login-content .login-wrap .login-left {
        padding: 30px 20px;
    }

    .login-content .login-wrap .login-left .logo-lg img {
        width: 100px;
    }

    .login-content .login-wrap .login-left .slogan {
        font-size: 16px;
        font-family: latoregular;
    }

    .login-content .login-wrap .login-right .btn {
        display: block;
        margin: 20px auto 0;
    }

    .login-content .login-wrap .login-right .rightFooter {
        margin-top: 70px;
    }

    .login-content .login-wrap .login-right .rightFooter a {
        display: block;
    }

    #customerProfile .page-body ul.nav-tabs li a,
    #GLAccount-tabs ul.nav-tabs li a,
    #usersListTabs ul.nav-tabs li a,
    #productTabs ul.nav-tabs li a,
    #fieldsTabs ul.nav-tabs li a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .save-client-content .col-md-6,
    .mobile-view {
        padding: 0 !important;
    }

    .activation-indicator {
        position: absolute;
        top: 15px;
        left: 8px;
    }

    .balance-displays h4 {
        font-size: 15px;
    }

    .balance-displays h2 {
        font-size: 20px;
    }

    .send-sms-modal .user-img img {
        width: 60px;
    }

    .send-sms-modal table.borderless {
        margin-top: 7px;
    }

    #security .lock-screen .col-xs-12,
    #security .security-footer .col-xs-12 {
        padding: 0 !important;
    }

    #security .ip-address-list button {
        margin: 0;
    }

    #security .restrict-user-to-login {
        position: absolute;
        top: 0;
    }

    .tabs-vertical-env .nav.tabs-vertical {
        min-width: 30px !important;
        width: 30px !important;
    }

    .user-info-navbar .user-info-menu>li.search-form .search-field {
        width: 200px !important;
    }

    .page-container .main-content .navbar.user-info-navbar.mobile-is-visible {
        padding: 0 25px !important;
    }

    #usersListTabs .nav-tabs-justified>li>a {
        padding-right: 10px !important;
    }

    .client-imgName {
        float: none !important;
    }

    .client-buttons-groups {
        float: none !important;
        margin-top: 15px;
    }

    #security .restrict-user-to-login .delete-btn {
        top: 6px;
        right: 0;
    }

    #security .restrict-user-to-login .form-block {
        top: 2px;
    }

    #ipOwner {
        margin-bottom: 10px;
    }

    .mobile-menu-icons a {
        display: block;
        color: #979898;
        padding: 7px 15px;
    }

    .mobile-menu-icons a i {
        font-size: 25px !important;
    }

    .animateMobileSidebar {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .animateMobileSidebar .mobile-sidebar {
        left: 0 !important;
        width: 300px !important;
        height: 100% !important;
        overflow-y: auto;
        -webkit-transition: left 400ms;
        transition: left 400ms;
    }

    .sidebar-user-info .user-links li.logout-link {
        width: 68px !important;
    }

    .sidebar-user-info .user-links li a {
        padding: 60px 10px !important;
        ;
    }

    .sidebar-user-info .user-links {
        display: block !important;
    }

    #imageUploadModal .image-navigation-btns a {
        padding: 15px 0;
    }

    #imageUploadModal .image-navigation-btns a span {
        font-size: 15px;
    }

    #imageUploadModal .image-upload-modal .cropArea {
        background-size: 80%;
        height: 250px;
    }

    .balance-sheet-chart .popover-text {
        font-size: 13px !important;
    }

    .balance-sheet-chart .color-indicatior {
        margin: 2px 6px 0 0 !important;
    }

    .global-search-input-mobile {
    }

    .mobile-navigation.sidebar-menu {
        z-index: 3;
    }
}