/* Media Queries */
img { max-width: 100%; height: auto; }

@media screen and ( max-width: 1199px ) {
    .container { max-width: 970px; margin: 0 auto; }

    .page-header.navbar .menu-toggler.sidebar-toggler { display: none; }
    .page-header.navbar .page-logo, .page-sidebar.navbar-collapse { width: 160px!important; }
    .page-content-wrapper .page-content { margin-left: 160px; }

    .mainLogo { width: 127px; }

    .page-header.navbar .page-logo { height: 70px; }
    .page-sidebar-wrapper { top: 70px; }
    .page-sidebar-closed .page-content-wrapper .page-content { margin-left: 160px; }
    .page-sidebar .page-sidebar-menu>li>a>.title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.title { padding: 40px 0 0; text-align: center; }
    .page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a, .page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a { min-height: 80px; padding: 8px 15px; font-size: 18px; }
    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu, .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu { margin: -80px 0 0 160px; }
    .page-sidebar .page-sidebar-menu>li.active.open>a:after, .page-sidebar .page-sidebar-menu>li.active>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:after { margin-top: -7px; top: 50%; }
    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { width: 160px; }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title { display: block!important; }
    .page-sidebar-menu-closed.page-sidebar-menu > li > a > .title { padding-left: 0!important; }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover { width: 100%!important; }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { display: block!important; }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { top: 0; }
    .page-sidebar-menu-closed.page-sidebar-menu-hover-submenu li .sub-menu { left: 0!important; }    

    .dashboard:before, .settings:before, .documents:before { left: 70px; top: 15px; }
    .fileUpload:before { left: 67px; }
    .documents:before { left: 68px; }

    .modal-open .modal { padding-left: 0!important; }

    #footer { margin-left: 160px; }
}

@media screen and ( max-width: 991px ) {
    .container { max-width: 750px; padding-left: 20px; padding-right: 20px; }

    .stepsWrap { width: 100%; overflow-x: auto; margin-bottom: 15px; }
    .form-wizard .stepsWrap .nav.nav-pills.steps { width: 1000px; margin-bottom: 0; }
    .form-wizard .stepsWrap .nav.nav-pills.steps.stepsSeven > li { width: 142px; }

    #MainTab.tab-content { height: auto!important; border: none; }

    .wizardContent .form-actions { width: 100%; float: left; padding-top: 15px; position: relative; right: 0; bottom: 5px; border-top: 1px solid #cfcfcf; }
    .wizardContent .noFix.form-actions { margin: 0; padding-top: 0; border: none; }

    #frmStoreFieldMapping > .row .form-group, #frmERPFieldMapping > .row .form-group { margin-bottom: 15px; }

    .modal-body .form-horizontal .col-md-6 { width: 49%; float: left; }
    .modal-body .form-horizontal .col-md-6:nth-child(even) { margin-right: 0; border-right: none; }
    .modal-body .form-horizontal .accordionPanel .control-label { width: 100%; padding: 7px 14px; }
    .modal-body .form-control-static { padding-top: 0; }

    .sortingTable { width: 100%; }

    .form-actions.btns .btn, .bootbox-confirm .modal-footer .btn { font-size: 17px; }
    .form-actions.btns .btn:first-child, .bootbox-confirm .modal-footer .btn:first-child { margin-left: 0; }

    .tableFixed { height: 250px; overflow-x: auto; }
    .tableFixed table { width: 800px!important; }

    #FTPApiTest { width: 100%; margin-bottom: 12px; }
    #FTPApiBack { margin-left: 0!important; }

    .modal-dialog { width: 100%; margin: 20px auto; padding: 0 20px; }

    .dashboard > .row, .dashboard > .row:last-child { margin: 0; }
    .dashboard > .row > .col-md-6 { padding: 0 0 24px; }
    .dashboard .row:last-child .col-md-6:last-child { padding-bottom: 10px; }

    .form-wizard .tab-content { overflow-x: hidden; }

}

@media screen and ( max-width: 768px ) {
    .container { max-width: inherit; }

    .login { background-position: left center!important; }

    .login.registration .content { max-width: 94%; margin: 20px auto; left: 0; }
    .login.registration .copyright { margin-bottom: 0; bottom: 10px; }

    .mainLogo, .patternLogo { display: none!important; }
    .mainLogoResp { display: block; margin-left: 19px; }

    .page-header.navbar .page-logo { width: auto!important; height: 50px; background-color: transparent; }
    .page-header.navbar .page-logo .mainLogo { width: 113px; }
    .page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a { padding-top: 7px; }

    .page-sidebar-wrapper { top: 50px; background-color: #0da5d7; }
    .page-content-wrapper .page-content, .page-sidebar-closed .page-content-wrapper .page-content, #footer { margin-left: 60px!important; }
    .page-sidebar.navbar-collapse, .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { width: 60px!important; margin: 0!important; }
    .dashboard:before, .settings:before, .documents:before { left: 18px; }
    .dashboard:before { top: 17px; }
    .settings:before { top: 18px; }
    .fileUpload:before { left: 15px; }   

    .collapse { display: block; }

    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title { display: none; }    

    .page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a, .page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a { min-height: 60px; }
    .page-sidebar .page-sidebar-menu>li.active.open>a:after, .page-sidebar .page-sidebar-menu>li.active>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:after { right: -2px; }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu { width: 222px; }
    .page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a { padding-top: 8px; padding-bottom: 9px; }    
    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu, .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu { margin: -60px 0 0 60px; }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { display: none!important; }

    .navbar-collapse { border: none; }
    .navbar-nav .open .dropdown-menu { position: absolute; }

    .page-content-wrapper .page-content, #footer { padding-left: 20px; padding-right: 20px; }

    .pageTitle { min-height: 50px; }
    .pageTitle h1 { margin: 8px 0 12px; font-size: 22px; }

    .addNew { margin-top: 0; }    

    .dataTables_wrapper .col-md-6, .table-scrollable + .row .col-md-5 { float: left; }
    .dataTables_wrapper .col-md-6 + .col-md-6, .table-scrollable + .row .col-md-5 + .col-md-7 { float: right; }

    /*.table-scrollable + .row .col-md-5 + .col-md-5 { float: left; }*/

    .modal .modal-header h4, .bootbox-body { min-height: 29px; font-size: 19px; }

    .termsConditionPop { height: auto; overflow: inherit; }
}

@media screen and ( max-width: 600px ) {
    .login .content { max-width: 364px; margin: -175.5px 0 0 -182px; }   

    .login .content h3 { font-size: 18px; }
    .login .content .form-control { height: 36px; }

    .form-group { margin-bottom: 15px; }

    .login .content .check { margin-bottom: 5px; font-size: 15px; }
    .login .content .forget-password { font-size: 15px; }

    .form-actions.btns .btn { font-size: 16px; }

    .login .content .create-account p a { font-size: 15px; }

    .login .copyright { font-size: 14px; bottom: 12px; }

    .menuToggle { width: 42px; height: 30px; display: block; cursor: pointer; position: fixed; right: 3px; top: 17px; z-index: 9999; }

    .page-header.navbar { height: 100px; min-height: 100px; }
    .page-sidebar-wrapper { display: none; position: absolute; left: -300%; z-index: 999991; }
    .page-content-wrapper .page-content { min-height: inherit!important; margin-top: 100px; padding-top: 10px; }

    .page-content-wrapper .page-content, .page-sidebar-closed .page-content-wrapper .page-content, #footer { margin-left: 0!important; }
    #footer { text-align: center; }

    .page-header.navbar .top-menu, .page-header.navbar .top-menu .navbar-nav { width: 100%; background-color: #0da5d7; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user { margin-right: 7px; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu { background-color: #0698c7; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a { border-bottom-color: #0fa3d4; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user.upDownDocs { float: left; margin-left: 20px; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user.upDownDocs>.dropdown-menu, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user.upDownDocs>.dropdown-menu:after { left: 10px; right: auto; }
    .upDownDocsIcon:before { left: 0; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username { padding-left: 30px; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:after { border-bottom-color: #0698c7; }

    .overlayBlock { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background-color: rgba(13,165,215,.95); }
    .menuLableWrap { width: 100%; height: 50px; position: fixed; left: 0; top: 0; z-index: 999992; background-color: #0a4b71; }
    .menuLabel { padding: 13px 20px; color: #fff; font: 19px 'open_sanssemibold'; text-transform: uppercase; }
    .closeMenu { color: #fff; cursor: pointer; position: fixed; right: 23px; top: 10px; overflow: hidden; z-index: 999993; }
    
    .page-sidebar-wrapper, .page-sidebar.navbar-collapse, .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { width: 100%!important; }
    .page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a, .page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a { min-height: 50px; padding: 6px 20px; }
    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title { display: block; padding: 10px 0 10px 45px; text-align: left; }
    .page-sidebar .page-sidebar-menu>li.active.open>a:after, .page-sidebar .page-sidebar-menu>li.active>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:after { left: -2px; right: auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

    .dashboard:before, .settings:before, .documents:before { left: 21px; }
    .fileUpload:before { left: 19px; }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu { width: 100%; position: relative; margin: 0; }

    .table-scrollable + .row .col-md-5, .table-scrollable + .row .col-md-5 + .col-md-7 { width: 100%; float: none; display: table; }
    .dataTables_wrapper .col-md-6, .table-scrollable + .row .col-md-5 { padding-bottom: 10px; }
    .table-scrollable + .row .col-md-5 .dataTables_info { padding-top: 5px!important; }
     
    .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu { height: auto; }
    .page-sidebar .page-sidebar-menu > li .subMenus { background-color: #0095c5; }
    .page-sidebar .page-sidebar-menu > li .subMenus .sub-menu { width: 100%; margin: 0; position: relative; -webkit-box-shadow: inherit; box-shadow: inherit; }
    .page-sidebar .page-sidebar-menu > li .subMenus .sub-menu li { background-color: transparent; }
    .page-sidebar .page-sidebar-menu > li .subMenus .sub-menu li a { padding-left: 65px; background: url(/Images/sprite.png) -156px -386px no-repeat!important; }
    .page-sidebar .page-sidebar-menu > li .subMenus .sub-menu li a:hover, .page-sidebar .page-sidebar-menu > li .subMenus .sub-menu li.active a { background: #029fd2 url(/Images/sprite.png) -156px -386px no-repeat!important; }
    /*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { display: block!important; }*/        

    #footer { padding: 12px 10px 10px; }
    #footer .copyright { font-size: 14px; }

    .form-wizard #nestable_list_4.dd-empty .dd-handle, .form-wizard #dvSeqConfiguration .dd-handle { width: 100%; float: left; }
    .form-wizard #nestable_list_4.dd-empty .dd-handle span:first-child, .form-wizard #dvSeqConfiguration .dd-handle span:first-child { display: block; margin: 0 0 5px!important; }
    .form-wizard #nestable_list_4.dd-empty .dd-handle span:first-child + span, .form-wizard #nestable_list_4.dd-empty .dd-handle div, .form-wizard #dvSeqConfiguration .dd-handle span:first-child + span, .form-wizard #dvSeqConfiguration .dd-handle div { width: 100%; float: left; }
    .form-wizard #nestable_list_4.dd-empty .dd-handle div, .form-wizard #dvSeqConfiguration .dd-handle div { padding-top: 5px; }

    .slimScrollDiv .scroller { width: 100%!important; overflow: auto!important; }
    .slimScrollDiv .scroller table td { width: 50%; }
    .slimScrollDiv .scroller table td ul { width: 300px; }

    .tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs { padding-left: 0; }
    .tabbable-tabdrop .nav-pills li, .tabbable-tabdrop .nav-tabs li { width: 100%; margin-bottom: 1px; }
    .tabbable-tabdrop .nav-pills li:last-child, .tabbable-tabdrop .nav-tabs li:last-child { margin-bottom: 0; }

    .dashListing { height: 110px; }
    .dashListing li a span { float: none; display: block; }
    .dashTabs {  margin: 10px 24px; position: relative; right: 0; }
    .viewAllLink { float: none; display: block; margin: 10px 24px 15px 24px; }

    .tab-pane .dashListing li a { width: 100%; float: none; margin-top: 8px; padding: 6px 18px; text-align: center; }
}

@media screen and ( max-width: 480px ) {
    .login .content { max-width: 88%; margin-left: -44%; }
    .login.registration .content { max-width: 90%; }

    /*.login .content .login-form, .login .content .forget-form, .login.registration .content .register-form { padding-left: 36px; padding-right: 36px; }*/

    .login.registration .formGroupWrap .form-group { width: 100%; }
    .login.registration .formGroupWrap .form-group:nth-child(n) { margin-left: 0; margin-right: 0; }

    .form-actions.btns .btn { width: 100%; margin: 0 0 10px!important; }

    .rightsReserved { display: block; }

    .dataTables_wrapper .col-md-6, .dataTables_wrapper .col-md-6 + .col-md-6 { width: 100%; float: left; }
    .dataTables_wrapper .col-md-6 + .col-md-6 { padding-bottom: 0; }
    div.dataTables_wrapper div.dataTables_length label { float: left; }
    div.dataTables_wrapper div.dataTables_length select { float: right; margin: -8px 0 0 10px; }
    div.dataTables_wrapper div.dataTables_filter label { width: 100%; }
    div.dataTables_wrapper div.dataTables_filter input { width: 77.5%!important; margin: -1px 0 0 11px!important; }  

    /*.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding-left: 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username { padding-left: 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user.upDownDocs { margin-right: 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user.upDownDocs .dropdown-toggle { padding-left: 12px; padding-right: 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user.upDownDocs .dropdown-toggle > .username { padding-left: 30px; }*/
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user.upDownDocs { display: none; }
    /*.page-header.navbar .top-menu { padding: 2px 20px 0; }
    .page-header.navbar .top-menu .navbar-nav { margin: 0; padding: 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user { width: 100%; float: left; margin: 0; }    
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 14px 0; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username { padding-left: 41px; }
    .username::before { left: 0; right: auto; }*/

    .pageTitle { min-height: 48px; }
    .pageTitle h1 { float: none; margin-top: 7px; font-size: 21px; }
    .addNew { width: 100%; padding-top: 7px; padding-bottom: 5px; }
    .addNew:before { display: none; left: 11px; top: 8px; }

    .modal-body { padding-left: 24px; padding-right: 24px; }
    .modal .modal-header h4, .bootbox-body { font-size: 18px; padding-top: 1px; }
    .modal .modal-header .close, .bootbox-close-button.close, .closeMenu { margin-top: 3px; }   
    .modal .form .form-actions, .portlet-form .form-actions { padding-bottom: 0; }    

    h3 { font-size: 17px; }

    .form-actions.btns .btn:first-child, .bootbox-confirm .modal-footer .btn:first-child { padding-top: 7px; padding-bottom: 9px; }  
    
    .totalDocs .boxTitle, .recentDocs .boxTitle { width: 70%; }
    .totalDocs .boxTitle h2, .recentDocs .boxTitle h2 { font-size: 17px; }
    .totalDocs, .recentDocs { padding-top: 12px; padding-bottom: 12px; }

    .reserved { display: block; }  
}

@media screen and ( max-width: 320px ) {
    .login .content { max-width: 100%; margin-left: -50%; padding-left: 30px; padding-right: 30px; }  
    .login.registration .content { max-width: 100%; margin-top: 0; }

    div.dataTables_wrapper div.dataTables_filter input { width: 77.5%!important; }    
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {
    .login .content, .login.forgotPassword .content { margin-top: 20px; position: relative; top: 0; }
    .login.forgotPassword .content { margin-top: 35px; }

    .login .copyright { margin: 10px 0; position: relative; bottom: 0; }
}