/* -----------------------------------------
  Responsive styles
	   ----------------------------------------- */
/* -----------------------------------------
	   Big screens
 ----------------------------------------- */

@media all and (max-width: 9999px) {
    /* Top bar */
    .top-bar .sidebar-hide {
        display: none;
    }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
    .contentTG {
        padding: 25px 25px !important;
    }

    /*.radio-inline, .checkbox-inline {
    padding-left: 0;
    padding-right: 0px;
    margin-left: -16px;
}*/

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 0px;
    }

    .mt15 {
        margin-top: 2px !important;
    }

    .ml66a {
        margin-left: 16%;
    }
}


@media all and (max-width: 1440px) {
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 32.1%;
        margin-right: 12px;
    }

    .nav.tabs ul li:last-child {
        margin-right: 0px;
    }

    .radio-inline, .checkbox-inline {
        padding-left: 0;
        padding-right: 0px;
        margin-right: 10px;
    }

    .img-bandeja3 {
        position: relative;
        top: -4px;
        margin-right: 0px;
    }

    .h4, h4 {
        font-size: 16px;
    }

    .panel-group .panel .panel-heading .panel-title {
        font-size: 14px;
        width: 100%;
    }
}

@media all and (max-width: 1366px) {
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 33.1%;
        margin-right: 1px;
    }
}



@media all and (max-width: 1024px) {
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 33.1%;
        margin-right: 1px;
    }
}
/* -----------------------------------------
  Tablets
 ----------------------------------------- */
@media all and (max-width: 991px) {
    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 25px 40px;
    }
    /* Profile */
    .profile-name {
        text-align: center;
        margin-bottom: 10px;
    }

    .panel {
        margin-bottom: 10px !important;
    }

    .contentTG {
        padding: 25px 20px !important;
    }

    .TG-Group {
        display: none;
    }

    .TGDash-Group {
        display: none;
    }

    .img-bandeja5 {
        position: relative;
        top: -13px;
        margin-right: 6px;
    }
}
/* -----------------------------------------
 Most phones
 ----------------------------------------- */

@media all and (max-width: 800px) {
    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 25px 40px;
    }

    .panel-body {
        display: block;
    }

    .top-bar .navbar-nav li.page-title {
        display: none;
    }

    .alinea-icomodulos {
        clear: both;
        width: 100%;
        text-align: center;
        margin: 0px 8px 0px 0px;
    }

    .alinea-titulo {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .alinea-subtitulo {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .alinea-botones {
        clear: both;
        text-align: center;
    }

    .alinea-botones2 {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .alinea-botones-panel {
        clear: both;
        width: 100%;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
    }

    .alinea-botones-panel {
        padding-top: 10px;
    }

    .text-labelprod-bandeja {
        float: none;
    }

    .alinea-contenido-left {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .alinea-contenido-right {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .paginacion-total {
        clear: both;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .paginacion-cantidad {
        clear: both;
        width: 130px;
        float: none;
        margin: auto;
        margin-top: 10px;
    }

    .TG-Group {
        display: none;
    }

    .TGDash-Group {
        display: none;
    }

    .modal-lg {
        width: 86%;
    }

    .colnew8 {
        width: 25%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
}


@media all and (max-width: 767px) {
    /* Top bar */

    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 25px 40px;
    }

    .top-bar .navbar-nav {
        float: left;
        margin: 0;
    }

        .top-bar .navbar-nav li {
            display: inline-block;
            float: left;
        }

            .top-bar .navbar-nav li.open .dropdown-menu {
                position: absolute;
                float: left;
                background-color: #fff;
                border: 1px solid #cfd8dc;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.175);
                width: 200px;
            }

                .top-bar .navbar-nav li.open .dropdown-menu.dropdown-lg {
                    width: 260px;
                }

            .top-bar .navbar-nav li.sidebar-hide {
                display: inline-block;
            }

            .top-bar .navbar-nav li.sidebar-toggle {
                display: none;
            }

        .top-bar .navbar-nav.navbar-right {
            float: right;
        }
    /* Forms */
    .form-horizontal .control-label {
        margin-bottom: 5px;
    }
    /* Tables */
    .table-responsive {
        margin-bottom: 10px;
        border: none;
    }
}
/* -----------------------------------------
 Small devices 
----------------------------------------- */
@media all and (max-width: 600px) {
    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 25px 40px;
    }

    .top-bar .user-name {
        display: none;
    }
    /* Footer */
    #footer {
        text-align: center;
        height: 70px;
    }

        #footer .pull-left, #footer .pull-right {
            float: none !important;
        }

    .usuario {
        display: none !important;
    }

    .top-bar .navbar-nav li.page-title {
        display: none;
    }

    .alto {
        height: auto;
        margin-bottom: 23px;
    }

    .radio-inline, .checkbox-inline {
        padding-left: 0;
        padding-right: 0px;
    }

    .radio-height {
        min-height: 18px;
    }

    .txtcenter {
        text-align: center;
    }

    .alinea-botones {
        clear: both;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .w100 {
        width: 100%;
    }

    .avisoamarillomodal {
        display: inline-block;
        top: 7px;
    }

    .altoform {
        height: 170px;
        overflow: auto;
    }

    .btn80 {
        width: 80%;
        margin-bottom: 5px;
    }
}
/* -----------------------------------------
 Small devices 
 ----------------------------------------- */
@media all and (max-width: 500px) {
    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 25px 40px;
    }

    .top-bar .navbar-nav li.page-title {
        display: none;
    }
    /* Wizard */
    .bwizard.vertical-wizard .bwizard-steps, .bwizard .bwizard-steps {
        border-right: none;
        border-bottom: 1px solid #cfd8dc;
        width: 100%;
    }

    .bwizard.vertical-wizard .wizard-form-wrap {
        padding-left: 0;
    }

    .bwizard .bwizard-steps li {
        display: inline-block;
        width: 100%;
        float: left;
    }
    /* invoice */
    .invoice-logo {
        text-align: center;
        margin-bottom: 10px;
    }

    .invoice-from ul {
        text-align: center;
    }

    .usuario {
        display: none !important;
    }

    .pr0 {
        padding-right: 15px;
    }

    .pl0 {
        padding-left: 15px;
    }

    .alinea-botones {
        clear: both;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .colnew5 {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew7 {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew8 {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew8w100 {
        width: 100% !important;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew9a {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew9 {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    /**bandeja pendiente**/
    .colnew8a {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew8b {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colnew8c {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
    /***/

    .ml66a {
        margin-left: 30%;
    }

    .ml66 {
        margin-left: 23%;
    }

    .position {
        width: 329px;
        text-align: right;
        position: relative;
        top: -43px;
        float: right;
        right: 27px;
        margin-bottom: -39px;
    }

    .alinea-botones-izquierda {
        float: left;
        text-align: left;
    }

    .tabs-principal > li > a {
        font-family: 'Lato', sans-serif;
        color: #999999;
        text-transform: uppercase;
        font-size: 9px;
    }

    .top-bar .navbar .navbar-nav.navbar-right {
        margin-right: 0px;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 33%;
        margin-right: 1px;
    }


    .label.label-info2 {
        margin-left: 1px;
        font-size: 11px !important;
    }

    .panel-group .panel .panel-heading .panel-title {
        font-size: 13px;
        width: 100%;
    }

    .checkbox-inline {
        padding-left: 0;
        padding-right: 0px;
        width: 100%;
    }

        .checkbox-inline + .checkbox-inline {
            margin-top: 0;
            margin-left: 0px;
        }

    .tl {
        text-align: left;
    }

    .tc {
        text-align: center;
    }

    .mt25 {
        margin-top: 0px !important;
    }

    .checkcolor3 {
        color: #000;
        font-size: 16px;
        text-align: justify;
    }

    .ttcod2 {
        float: none;
        position: relative;
        top: 0px;
        margin-right: 15px;
        /* font-size: 13px; */
        color: #000;
        font-size: 11px;
    }

    .text-desc-bandeja {
        height: auto;
        /*overflow: auto; */
        text-overflow: unset;
        white-space: inherit;
    }

    .panel-body {
        padding: 0px 0px;
    }

    .top-bar .navbar .navbar-nav > li h2 {
        display: none;
    }
}
/* -----------------------------------------
  Crappy phones
----------------------------------------- */

@media all and (max-width: 400px) {
    .top-bar-search-form {
        margin-left: 0 !important;
    }

    h2 {
        font-size: 16px;
    }

    .page-container .main-content .content {
        position: relative;
        margin-left: 240px;
        padding: 20px 30px 20px 30px;
    }

    .usuario {
        display: none !important;
    }

    .TG-Group {
        display: none;
    }

    .TGDash-Group {
        display: none;
    }
}

@media all and (max-width: 375px) {

    .ppm {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .contentTG {
        padding: 25px 15px !important;
    }

    .boxpersonal {
        display: block;
        width: 100%;
        height: auto;
        padding: 0px;
        text-align: center;
        margin: auto;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    #imgg a > img {
        margin: auto;
    }

    .ml66 {
        margin-left: 20%;
    }
}


@media all and (max-width: 360px) {

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 0px;
    }
}

@media all and (max-width: 320px) {
    .ml66 {
        margin-left: 15%;
    }

    .top-bar .navbar .navbar-nav.navbar-right {
        margin-right: 0px;
    }

    .tabs-principal > li > a {
        font-family: 'Lato', sans-serif;
        color: #999999;
        text-transform: uppercase;
        font-size: 8px;
        padding: 10px 6px;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 30%;
        margin-right: 8px;
    }
}