/*mobile override*/


body.no-login .page-signin{
    position:static;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    margin:0 auto 50px auto;
    padding-top:50px;
}

body.no-login .content{
    position:static;
}
body.no-login .page-signin.page-create .create-wrap{
    height:auto;
}
body.no-login .footer{
    padding-left:20px;
}
/*------------------------------*/
.page-create .swiper-slide-active .ps-container.ps-active-y .ps-scrollbar-y-rail{
    opacity:1;
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail,
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail{
    background-color:#BCBFC2!important;
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{
    background-color: #2685EC!important;
}

.ps-container>.ps-scrollbar-y-rail,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{
    width:5px;
}


/*external*/
body.no-login .page-external{
}
.page-external{
    width:calc(100% - 20px);
}
/**/
/*height do not move from here*/
@media screen and (max-height: 800px) {
    .page-create .swiper-container{
        height:500px;
    }
    .page-create .create-wrap{
        height:465px;
    }
    .page-create .create-input .input-label{
        font-size:14px;
        line-height:14px;
        margin-bottom:10px;
    }
    .complete-wrap .complete-item:nth-child(2), .complete-wrap .complete-item:nth-child(3){
        margin-top:0;
    }
    .page-create .complete-item{
        margin-top:20px;
    }
}
/*-----------------------------------*/
@media screen and (max-width: 1400px) {
    .common-item .common-head{
        font-size:12px;
    }
    .page-dashboard .num-item-list .num-item{
        font-size:12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .page-common .page-title{
        font-size:20px;
    }
    .page-lists .load-lists table th{
        font-size:14px;
    }
}
@media screen and (max-width: 1200px) {
    .page-create .swiper-slide{
        width:600px;
    }
    .page-create .work-pay-factor .input-section .custom-checkbox-wrap{
        margin-top: 9px;
        margin-left: 35px;
    }
    .sidebar-actions{
        display:block;
    }
    .sidebar-open .page-top-menu{
        padding:0;
    }
    .sidebar-open .page-top-menu form{
        margin-left:20px;
    }
    .sidebar-open .page-top-menu .actions .button{
        font-size:0;
        width:45px;
        height:45px;
        line-height:45px;
        padding:0;
        text-align:center;
        border-radius:0;
    }
    .sidebar-open .page-top-menu .actions .button i{
        margin:0;
    }

    .table-wrap{
        max-width:100%;
    }
}
@media screen and (max-width: 1100px) {
    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }
    .page-create .swiper-container{
        overflow:visible;
        height:auto;
    }
    .page-create .swiper-wrapper{
        display:block;
        height:auto;
        margin-bottom:50px;
    }
    .page-create .swiper-slide{
        display:block;
        margin-bottom:20px;
        width:100%;
    }
    .page-create .create-wrap{
        height:auto;
    }
    .page-create .create-cont{
        height:auto;
        padding:0 19px 19px 19px;
    }
    .page-create .create-cont .extra-actions{
        position:relative;
        margin-top:15px;
        bottom:0;
        left:0;
    }
    .page-create .complete-wrap{
        width: auto;
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        margin-top: 0;
    }
    .page-create .page-title>.actions{
        display:block;
        position:fixed;
        width:100%;
        left:0;
        bottom:0;
        z-index:10;
        margin:0;
        padding:10px 0;
        text-align:center;
        padding-right: 231px;
        -box-sizing: border-box;
        box-sizing: border-box;
        background:#e2e2e2;
    }
    .sidebar-open .page-create .page-title>.actions{
        margin-left:231px;
        padding-right:231px;
    }
    .sidebar-closed .page-create .page-title>.actions{
        margin-left:41px;
        padding-right:41px;
    }
    .sidebar-closed .page-create .page-title>.actions .button:last-of-type{
        margin-right:0;
    }
    [data-swiper-prev],[data-swiper-next]{
        display:none;
    }

    /*views*/
    .page-view .page-content{
        -webkit-flex-direction:column;
        flex-direction:column;
    }
    .page-view .view-item{
        width:100%!important;
        margin-right:0;
    }
    .page-create .create-input .input-wrap .custom-checkbox-wrap{
        width:100%;
    }
}
@media screen and (max-width: 1024px) {
    .footer{
        display: none;
    }
    .page-dashboard .load-cost_time{
        text-align:center;
    }
}
@media screen and (max-width: 900px) {
    .page-lists .page-top-menu{
        margin:0 0 10px 0;
        height:auto;
        padding:10px;
    }
    .page-lists .page-top-menu form{
        margin:0 10px 0 10px;
    }
    .page-lists .page-top-menu .left,.page-lists .page-top-menu .right{
        float:none;
    }
    .page-lists .page-top-menu .actions{
        margin:0 10px;
    }
    .page-lists .page-top-menu .actions .button{
        font-size:14px;
        width:100%;
        text-align:center;
    }
    .page-lists .list-filters .input-cont{
        height:auto;
        margin-bottom:10px;
    }
    .page-lists .list-filters .input-cont:last-of-type{
        margin-bottom:0;
    }
    .page-lists .list-filters .input-wrap{
        top:0;
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
        margin-right:0;
        width:100%;
    }
    .page-lists .list-filters .input-wrap.input-daterange{
        height:40px;
        width:100%;
        text-align:center;
    }
}

@media screen and (max-width: 800px) {
    body.no-login {
        min-width:0;
    }
    body.no-login {
        min-width:0;
    }
    body.no-login  .page-signin{
        width:100%;
        max-width:800px;
        margin:0 auto;
        position: static;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    body.no-login  .content{
        position: static;
    }
    body.no-login  .page-signin .actions{
        text-align:center;
        margin-top:40px;
    }
    body.no-login  .page-signin .actions .left,
    body.no-login  .page-signin .actions .right{
        float:none;
        clear:both;
        position:relative;
    }
    body.no-login  .page-signin .actions .signup{
        margin-bottom:10px;
    }
    body.no-login  .page-signin .actions .signup a{
        display:block;
        text-align: center;
    }
    body.no-login  .page-signin [data-form="fp"] .actions .button{
        margin:0 auto;
        margin-top:10px;
    }
    body.no-login  .page-signin [data-form="fp"] .actions .button:last-of-type{
        margin-bottom:0;
    }
    body.no-login  .page-signin.page-create .w-25,
    body.no-login  .page-signin.page-create .w-25.end,
    body.no-login  .page-signin.page-create .w-50,
    body.no-login  .page-signin.page-create .w-50.end{
        width:100%;
    }
    body.no-login  .mobile-hide{
        display:none;
    }
    body.no-login  .custom-checkbox-label{
        max-width:calc(100% - 30px);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 700px) {
    .page-lists .pagination.pagination-minimal {
        text-align:center;
    }
    .page-lists .pagination.pagination-minimal .text {
        display:none;
    }
    .page-lists .pagination.pagination-minimal .page-block {
        margin-right:0;
    }
    .page-lists .pagination.pagination-minimal .per-page-block {
        display:none;
    }
    .page-dashboard .cont.w-50,
    .page-dashboard .cont.w-50.end{
        width:100%;
        margin-right:0;
    }
    .page-dashboard .cash_flow{
        height:400px;
    }
    .page-create .swiper-slide .create-input,
    .page-create .swiper-slide .input-section{
        width:100%!important;
        float:none!important;
    }
}
@media screen and (min-width:480px) and (max-width: 700px) {
    /*nav*/
    .sub-wrapper {
        padding-left: 41px;
    }
    .sidebar-actions{
        display:none;
    }
    .sidebar{
        width: 40px;
    }
    .nav-main .nav-main-item>a {
        padding: 0;
    }
    .nav-main .nav-main-item {
        height: 40px;
    }
    .nav-main .nav-main-item>a .title {
        display: none;
    }
    .nav-main .nav-main-item:not(.active):hover>a {
        height: 41px;
        position: relative;
        top: -1px;
    }
    .nav-main .nav-main-item:hover>a {
        width: 230px;
        background: #266289;
        color: #FFF;
    }
    .nav-main .nav-main-item:hover>a .title {
        display: inline;
    }
    .footer-sidebar{
        display:none;
    }
    .sidebar-open .page-create .page-title>.actions,
    .sidebar-closed .page-create .page-title>.actions{
        margin-left:41px;
        padding-right:41px;
    }
}
@media screen and (max-width:640px){
    .complete-wrap .complete-item{
        width:42%;
        margin-left:2%;
    }
    .complete-wrap .complete-item:nth-child(2n+1){
        margin-right:2%;
    }

    .page-lists table .dc-info .dc-info-list li span.label{
        width:100%;
        display: block;
    }
    .page-lists table .dc-info .dc-info-list li span.value{
        width:100%;
        display: block;
        margin-left: 0;
    }
    .page-view .view-table td{
        display: block;
        padding: 0;
        width: 100%;
        line-height: 20px;
    }
    .page-view .view-table td.view-label{
        width: 100%;
    }
    .page-view .view-table tr td:first-of-type{
        border-right:none;
    }
    .page-view .view-table tr td:last-of-type{
        margin-bottom: 15px;
    }
    .page-view .view-table tr:last-of-type td:last-of-type{
        margin-bottom: 0;
    }
    .page-view .view-table .view-day-hours{
        padding-left:30px;
    }

    .page-create .extra-actions .button{
        width:100%;
        margin-bottom:10px;
    }
    .page-create .extra-actions .button:last-of-type{
        margin-bottom:0;
    }
}
@media screen and (max-width:480px){
    .page-create .create-wrap{
        font-size:12px;
    }
    .page-create .create-input .input-label{
        font-size:14px;
    }
    .dcm-popup-cont{
        min-width:0;
        width:100%;
    }
    .breadcrumbs{
        display:none;
    }
    .sidebar{
        width:100%;
        height:auto;
        display:none;
        max-height:80%;
        margin-top: 61px;
    }
    .sidebar-actions{
        display:none;
    }
    .sidebar.menu-open{
        display:block;
    }
    .header .logo{
        width:130px;
        height:33px;
    }
    .header .nav-menu-open{
        display:block;
    }
    .nav-main .nav-main-item.active>a:after{
        display:none;
    }
    .sub-wrapper {
        padding-left:0;
    }
    .header{
        height:60px;
    }
    .user-menu{
        margin-right: 0;
        height:60px;
    }
    .user-menu .username{
        display:none;
    }
    .user-menu .user-menu-button{
        line-height:60px;
        top:4px;
    }
    .user-menu .user-menu-button i{
        font-size:30px;
    }
    .header .nav-menu-open{
        height:60px;
        line-height:60px;
    }
    .header .nav-menu-open>i{
        font-size:30px;
    }
    .user-menu .user-menu-content.menu-open{
        position: fixed;
        top: 60px;
        right: 0;
        width:100%;
    }
    .user-menu .user-menu-content .user-menu-item{
        line-height:45px;
        font-size:18px;
    }
    .nav-main .nav-main-item>a{
        height:50px;
        line-height:50px;
        font-size:18px;
    }
    .page-dashboard .num-item-list .num-item.num-item-3{
        width:50%;
    }
    .common-item .common-cont.num-item-wrap{
        padding:0;
    }
    .sidebar-open .page-create .page-title>.actions,
    .sidebar-closed .page-create .page-title>.actions{
        margin-left:0;
        padding-right:0;
    }
    .page-create .complete-wrap .complete-item{
        display:block;
        width:80%;
        margin:0 auto;
        text-align:left;
        margin-bottom:10px;
    }
    .page-create .complete-wrap .complete-item:last-of-type{
        margin-bottom:0;
    }
    .page-create .create-day .input-wrap.w-15{
        width:100%!important;
        margin-top:5px;
    }
    .dcm .button.green{
        font-size:0;
    }
    .dcm.dcm-positions .button.green{
        font-size:14px;
    }
    .dcm .button.green i{
        margin-right:0;
    }
    .page-times .dcm .button.green{
        font-size:14px;
    }

    .dcm.dcm-times .custom-radio-wrap{
        width:49%;
        margin-bottom:10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width:400px){
}