/***************  RESPONSIVE STYLES  ***************/

@media (min-width:0px) {
    /*content*/
    .content-wrapper-1 {
        width: 95%;
    }
    .table-responsive {
        width: 100%;
        overflow: auto;
    }
}

@media (max-width:1180px) {
    /*login page*/
    .login-page {
        width: auto;
        margin: 80px 40px;
    }
}

@media (min-width:768px) {
    /*helper class*/
    .text-center-xs {
        text-align: center;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-right-xs {
        text-align: right;
    }
}

@media (max-width:992px) {
    /*login page*/
    .login-page .sidebar {
        padding: 20px 0px;
    }
   
    .cloudb-about .cloudb-about-title {
        margin-bottom: 80px;
    }
    .cloudb-about .social-links {
        margin-top: 80px;
    }
    .login-page .form {
        padding: 100px 20px;
    }
    /*header*/
    .header{
        padding: 6px 12px;
    }
    /*components*/
    .modal {
     left: 30%;
    }/*
    .modal.modal-lg {
        width: 640px;
    }*/
    /*helper class*/
    .margin-bottom-sm-25 {
        margin-bottom: 25px;
    }
}

@media (max-width:768px) {
    /*components*//*
    .modal.modal-lg {
        width: 554px;
    }*/
    .modal {
     left: 25%;
    }  

    .form-horizontal label{
        text-align: left;
        margin-bottom: 10px;
    }
    /*header*/
 
    .header .search {
        min-width: 360px;
    }
    /*content*/
    .content {
        padding: 10px 15px;
    }
    .content-wrapper .content-title-actions .content-title,
    .content-wrapper .content-title-actions .content-actions {
        float: inherit;
    }
    .content-wrapper .content-title-actions .content-actions .btn {
        margin-top: 10px;
    }
    .content-wrapper {
        position: relative;
        left: inherit !important;
        right: inherit;
        top: inherit;
        bottom: inherit;
        margin: 55px 0px 0px 65px;
    }
    /*sidebar*/
   .page .sidebar {
        width: 65px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    .sidebar-collapse .collapseClose {
        display: none;
    }
    .sidebar-collapse .collapseOpen {
        display: block;
        float: inherit;
        padding: 5px 0;
        width: 65px;
    }
    .sidebar-collapse-active .header,
    .sidebar-collapse .content-wrapper {
        left: 65px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    .page  .sidebar .navigation ul li a,
     .page .sidebar .help-navigation ul li a {
        text-indent: -9999px;
    }
    .page  .sidebar .navigation ul li,
     .page .sidebar .help-navigation {
        padding: 0px;
    }
    .page  .sidebar .navigation ul li a,
    .page  .sidebar .help-navigation ul li a {
        padding: 16px;
        background-position: center;
    }
     .page .sidebar .help-navigation p {
        display: none;
    }
    .page  .sidebar .sidebar-collapse {
        display: none;
    }
     
    /*breadcrumbs*/
    .breadcrumbs {}
    .breadcrumbs li,
    .breadcrumbs li a {
        font-size: 18px;
        line-height: 28px;
    }
    .breadcrumbs li:first-child a:after {
        top: 6px;
    }
    .breadcrumbs li a:before {
        top: 6px;
    }
    /*login page*/
    .login-page {
        margin: 20px;
    }
    .cloudb-about:after,
    .cloudb-about:before {
        content: none;
    }
    .login-page .form {
        padding: 40px 20px;
    }
    .login-page .navigation {
        margin-top: 20px;
        margin-left: 0px;
    }
    .login-page .navigation li {
        display: inline-block;
        margin: 0px 6px;
    }
    .login-page .navigation li:first-child {
        margin-left: 0px;
    }
    .login-page .navigation li:last-child {
        margin-right: 0px;
    }
    .login-page .navigation li>a {
        background-position: left center;
        padding: 8px 0px 8px 26px;
    }
    .login-page .navigation li.active {
        border-bottom: 3px solid #708090;
        border-left: 0;
    }
    .login-page .logo {
        background-position: top center;
        padding-top: 42px;
    }
    /*sidebar*/
    /*footer*/
    .footer .copyright,
    .footer ul.footer-links {
        float: inherit;
    }
    .footer ul.footer-links {
        margin-top: 10px;
    }
}

@media (max-height:640px) {
    .sidebar .sidebar-collapse {
        position: relative;
        bottom: inherit;
        left: inherit;
        right: inherit;
        margin-top: 40px;
    }
}

@media (max-width:640px) {
    /*header*/
    .header .search {
        min-width: 280px;
    }
    /*modal*//*
    .modal {
        width: auto;
        left: 20px !important;
        right: 20px !important;
        top: 20px !important;
    }*/
    /*components*//*
    .modal.modal-lg,
    .modal.modal-sm {
        width: auto;
    }*/
    .modal {
     left: 20%;
    }  
}

@media (max-width:480px) {
    .modal {
     left: 15%;
    }  
    /*header*/
    .header .search {
        min-width: 220px;
    }
    .header .search .form-control-search {
        font-size: 14px;
        line-height: 42px;
    }
}

@media (max-width:420px) {
    /*login page*/
    .login-page {
        margin: 10px;
    }
    /*modal*//*
    .modal {
        left: 15px !important;
        right: 15px !important;
        padding: 15px;
        top: 15px !important;
    }*/
    .modal {
     left: 10%;
    }  
}

@media (max-width:380px) {
    .modal {
     left: 0;
    }  
    /*header*/
    .header .search {
        display: none;
    }
    /*footer*/
    .footer ul.footer-links li {
        display: block;
        margin: 10px 0px;
    }
    .footer ul.footer-links li a {
        padding: 10px 0px;
    }
    .footer ul.footer-links li a:after {
        content: none;
    }
}