/* Media Queries */

/*.mobile-signer-add-cc-btn {*/
    /*display: none;*/
/*}*/

@media (max-width: 991px) {
    /*.mobile-signer-add-cc-btn {*/
        /*display: inline-block;*/
    /*}*/

    .profile-image {
        right: 0;
        left: 0;
    }

    .profile-info {
        top: 10px;
        right: 0;
        left: 0;
        bottom: auto;
        text-align: center;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px 0 10px;
        display: inline-block;
    }

    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .box-body {
        display: block !important;
        width: 100% !important;
    }

    .upload-content {
        margin-top: 10px;
    }

    .box-wraper {
        display: block !important;
        width: 100% !important;
    }

    #main-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .box, .box-white {
        padding-left: 20px;
        padding-right: 20px;
    }

    .box.np, .box-white.np {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profile-main {
        border-radius: 0;
    }

    body:not(.page-header-fixed) .sidebar {
        padding-top: 0 !important;
    }


    .small-sidebar .navbar .logo-box a span {
        display: inline-block;
    }

    .search-button {
        display: block;
    }

    .topmenu-outer, .small-sidebar .topmenu-outer, .page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
        margin: 0;
    }

    /*.top-menu {
        display: none;
    }*/
    .navbar-nav {
        margin: 0 -15px;
    }

    .navbar-nav.navbar-right > li {
        display: inline-block;
        background: #3f4452
    }

    /*.navbar-nav.navbar-right>li>a {padding:15px;}*/
    /*.avatar{margin:-20px 0 -15px 0}*/
    .navbar .dropdown .dropdown-menu {
        /*position: absolute;*/
        background: #fff;
        right: 10px;
        left: initial;
        border: none;
    }

    .navbar .dropdown.open .dropdown-menu {
        /*margin-top: 10px !important;*/
    }

    .page-inner {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .page-inner.sidebar-visible {
        -webkit-transform: translate3d(160px, 0, 0);
        transform: translate3d(160px, 0, 0);
    }

    .page-sidebar-fixed.page-header-fixed .page-inner {
        padding: 50px 0 50px 0 !important;
    }

    .horizontal-bar {
        float: left;
        height: auto !important;
        display: block;
        z-index: 1029;
        overflow: visible !important;
    }

    .small-sidebar .horizontal-bar {
        height: auto !important;
    }

    .horizontal-bar .menu li {
        float: none;
        display: block;
    }

    .horizontal-bar .accordion-menu li > ul, .small-sidebar .horizontal-bar .accordion-menu li > ul {
        left: 65px !important;
        top: 0 !important;
    }

    .small-sidebar.page-horizontal-bar .accordion-menu > li > a, .small-sidebar.page-horizontal-bar:not(.page-sidebar-fixed) .accordion-menu > li > a {
        padding: 15px !important;
        text-align: center;
        width: 65px;
    }

    .horizontal-bar .menu li a p {
        display: none;
    }

    .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a > .menu-icon {
        margin-right: 0 !important;
        font-size: 16px;
        float: none !important;
    }

    .horizontal-bar .accordion-menu > li > a, .page-horizontal-bar.compact-menu:not(.small-sidebar) .menu.accordion-menu > li > a {
        padding: 15px !important;
        text-align: left !important;
        width: 250px;
    }

    .page-horizontal-bar .page-inner {
        padding: 60px 0 50px 0;
    }

    .page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
        padding: 60px 0 50px 0;
    }

    .small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
        padding: 60px 0 50px 0;
    }

    .small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
        padding: 60px 0 50px 0;
    }

    body:not(.page-header-fixed) .page-inner {
        padding: 0 0 50px 0;
    }

    .page-horizontal-bar:not(.page-sidebar-fixed) .checkout, .page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout, .page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
        top: 60px;
    }

    .details .thumb li.item {
        height: 30px;
    }

    /*remove max-width:60%* becuase in mobile view to navbar panel heading wording wrap even there is anough space*/
    .page-title h3 {
        font-size: 18px;
        display: inline-block;
        margin: 6px 0;
        padding-right: 2px;
    }

    .page-title-right {
        width: unset
    }

    .page-title-right.navbar-right {
        padding-left: 2px;
    }

    .page-horizontal-bar .page-inner {
        padding: 50px 0;
    }


    .compact-menu .horizontal-bar .accordion-menu > li > a > p {
        display: inline-block !important;
        margin-left: 10px;
    }

    body:not(.small-sidebar) .horizontal-bar .accordion-menu > li > a > .menu-icon {
        display: inline-block !important;
    }

    .horizontal-bar .accordion-menu > li > ul {
        width: 250px;
        position: static;
    }

    .popup-body .footer {
        text-align: center;
    }

    .wizard-step .row .wizard-step-col {
        padding: 5px 10px;
        border-bottom: 1px solid #eee;
        margin-bottom: 0;
    }

    .transaction-wizard-step.wizard-step .row .wizard-step-col {
        padding: 5px 10px;
        border-bottom: 1px solid #eee;
        margin-bottom: 0;
    }

    .transaction-wizard-step.wizard-step .tab-content .panel .panel-body {
        display: block
    }

    .wizard-step .wizard-step-content {
        display: none;
    }

    .wizard-step .wizard-step-title {
        padding: 0;
        font-size: 14px;
        margin: 0;
    }

    .wizard-step.fixed-step {
        padding-top: 100px;
    }

    .wizard-step .wizard-step-number {
        margin-right: 5px;
        font-size: 12px;
        padding: 1px 6px;
        margin-top: 0;
    }

    .login-box .panel-control, .login-box h4.panel-title {
        float: none;
        text-align: center;
    }

    .login-box .panel-heading h4 {
        line-height: 18px;
        margin-top: 30px;
    }

    .login-box .form-group {
        margin-bottom: 5px;
    }

    .login-box form {
        margin-top: 10px;
    }

    .info-box .info-box-stats {
        float: none;
    }

    .info-box .info-box-stats p, .info-box .info-box-stats span.info-box-title {
        display: inline-block;
    }

    .radiobox.style1 label {
        padding: 6px 6px 5px;
    }
    .radio-sm .radiobox-inline label {
        padding: 1px 3px;
        line-height: normal;
        font-size: 96%;
    }
}

@media (max-width: 1199px) {
    .md-option-group-2 label {
        width: 47%;
    }

    .md-option-group-3 label {
        width: 31%;
    }
}

@media (max-width: 991px) {
    .sm-option-group-3 label {
        width: 31%;
    }

    .sm-option-group-2 label {
        width: 47%;
    }

    .sm-option-group-1 label {
        width: 95%;
    }

    .box-wraper.active .upload-content {
        min-height: 120px;
    }
}

@media (max-width: 767px) {
    .box-wraper.active .upload-content {
        min-height: 100%;
    }

    .box-body .box-wraper .upload-content {
        padding: 16px 5px;
    }

    .xs-np {
        padding-left: 0;
        padding-right: 0;
    }

    .xs-p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .xs-m-b-5 {
        margin-bottom: 5px;
    }

    .xs-block {
        width: 100%;
    }

    .header-checkbox {
        border: 0 none !important;
        float: right;
        padding: 10px !important;
    }

    .field-val > span > b > a {
        font-size: 18px;
    }

    .table-special td .btn {
        padding-left: 8px;
        padding-right: 8px;
    }

    .panel, .box {
        margin-bottom: 10px;
    }

    .panel, .panel .panel-footer {
        border-radius: 0;
    }
    .login-box {
        border-radius: 25px;
    }
    .login-box .panel-heading {
        border-radius: 25px 25px 0px 0px
    }
    .page-footer {
        padding: 0 10px;
    }

    .xs-option-group-2 label {
        width: 47%;
    }

    .xs-option-group-1 label {
        width: 95%;
    }

    .page-title-body {
        position: inherit;
    }

    .document_common_actions div {
        float: inherit !important;
    }

    .panel.panel-sub-primary.document_category > .panel-body {
        padding: 10px 0 0 0 !important;
    }

    .document_category .panel-control.action {
        float: left !important;
        width: 100%;
    }

    .signNow_alert_msg {
        width: 100% !important;
        margin: 5px 0 5px 0 !important;
        text-align: center;
    }
}

@media (min-width: 1100px) {
    .senderInputMappingCheckbox .connectedSortable li {
        width: 21% !important;
        margin-left: 2%;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    /*	.box-body .box-wraper{
            height: 34vh !important;
        }*/
    /*.box-wraper.active .upload-content {
        min-height: 120px;
    }*/
}