@media only screen and (max-height: 500px) {
    .chosen-container .chosen-results {
        max-height: 100px !important;
    }
}

@media only screen and (max-height: 550px) {

    #nob, #nov, .nov, #ngr, #nogr, #alias {
        max-height: 55% !important;
    }

    .nopenv {
        margin-right: 9px;
    }
}

@media only screen and (min-width: 1024px) {
    #toolbar {
        display: block;
    }
}

@media (min-width: 650px) and (max-width: 1024px) {
    oj-popup .oj-flex-item{
        font-size: 11px;
    }
    .stepped{
        width: 63% !important;
        margin-left: 40% !important;
    }
    #addFilters{
        left: -70%;
    }
    #newv {
        left: 76px !important;
    }

    #massremove {
        right: 58px !important;
        top: 35px;
        left: auto;
    }

    #newv, #newob, #newgr, #newogr, #massremove, #propertysave, #propertysavegroup {
        height: 45px !important;
    }

    .viewwork {
        margin-top: -42px !important;

    }

    .chunkconf {
        display: none;
    }

    #toolbar {
        display: none;
    }

    #obsel {
        left: 0;
        right: auto !important;
    }

    #objects {
        left: 0 !important;
    }

    #obvalues {
        right: 0 !important;
    }

    .nopenv {
        top: 43px !important;
        margin-right: 9px;
    }

    .nopenv.fa-caret-right {
        color: grey !important;
    }

    #select {
        height: 60px !important;
    }

    #select:before, #viewactions:before {
        display: none !important;
    }

    #viewactions {
        max-width: 250px !important;
        position: absolute !important;
        right: 16px !important;
        top: 51px !important;
    }

    input[type=button], input[type=submit], button, a[download='transfer_scheme'], .paginate_button {
        height: 19px !important;
        line-height: normal !important;
        padding: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    #opobvo {
        left: 50% !important;
        margin-left: -45px !important;
    }

    .viewresult #opobvo {
        left: 4px !important;
        margin-left: 0 !important;
    }

    #opobv, #opobva {
        right: 50% !important;
        margin-right: -28px !important;
    }

    .fullobv #opobvo, .fullobv #opobv, .fullobv #opobva, .fa-window-minimize {
        bottom: 3px !important;
        top: auto !important;
    }
}

@media only screen and (max-width: 650px) {
    #addFilters{
        left: -70%;
    }
    #chlength{
        left: 44px;
    }
    #chtotal{
        left: 83px;
    }
    .viewZ td{border: none !important;}
    .viewZ thead{ display: none;}
    .viewZ .tshadow{display: none}
    .viewZ{width: 96%; margin: 0 !important;}
    #objects[bef="Main history table"] > table{
        max-width: none !important;
    }
    .viewZ tr td:first-of-type{
        background-color: rgba(143, 185, 228, 0.46);
        position: absolute;
        left: 21px;
        right: 67px;
        text-align: center;
        border: none !important;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        margin-left: 5px;
    }
    .viewZ tr td:first-of-type .commnt{
        padding: 3px;
        margin: 0;
        margin-left: 10px;
        display: inherit;
    }
    .viewZ tr td:last-of-type{
        left: 0;
        display: table;
        margin-top: 32px;
        width: 80%;
        margin-bottom: 9px;
    }
    .viewZ .hvmn + td, .viewZ .monotable .obrelview .hvmn + td{margin-top: 86px !important;}
    .viewZ .cr{display: none !important;}
    .uniontables tr td{
        position: inherit !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .viewZ .monotable .obrelview tr td:first-of-type{
        background-color: rgba(143, 185, 228, 0.46);
        position: absolute;
        width: 90%;
        text-align: center;
        border: none !important;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        margin-left: 5px;
    }
    .viewZ .monotable .obrelview td:nth-child(2){
        left: 0;
        display: table;
        margin-top: 32px;
        width: 80%;
    }

    .viewZ .monotable{margin:0 !important;width: 100%;}

    .viewZ .monotable .obrelview td:nth-child(3){
        display: none;
    }

    .viewZ .monotable {
        padding-left: 0 !important;
    }
    .viewZ .monotable td{
        padding-right: 0 !important;
    }
    .viewZ .monotable .obrelview{
        width: 100%;
    }
    .viewZ .monotable .obrelview{
        margin: 0 !important;
        padding: 0 !important;
    }
    .viewZo{overflow-x: hidden !important;}






    .fvals.manage, #fvals.manage {
        height: 0px;
    }
    #massremove {
        right: 58px !important;
        top: 35px;
        left: auto;
    }
    #fvals.manage {
        left: 167px !important;
        right: auto !important;
        height: 0;
        margin-bottom: 22px;
        margin-right: -3px !important;
    }

    .viewwork {
        margin-top: -42px !important;

    }

    .chunkconf {
        display: none;
    }

    #newv {
        left: 76px !important;
    }

    #massremove {
        left: 50px !important;
    }

    #newv, #newob, #newgr, #newogr, #massremove, #propertysave, #propertysavegroup {
        height: 45px !important;
    }

    #nob, #nov, .nov, #ngr, #nogr, #alias {
        max-width: 70%;
    }

    .fa-window-maximize {
        display: none !important;
    }

    #obvalues.translate {
        left: 50% !important;
        transform: perspective(600px) rotateY(77deg) translate3d(79px, 28px, 200px);
    }

    #obvalues.translate.translateback {
        width: 100% !important;
        left: 0% !important;
        max-width: 100% !important;
        transform: perspective(0px) rotateY(0deg) translate3d(0px, 0px, 0px) !important;
    }

    #objects.translate.translateback {
        width: auto;
        transform: perspective(600px) rotateY(-77deg) translate3d(-188px, 6px, 200px);
    }

    #objects.translate {
        right: 50% !important;
        width: 100%;
        padding-right: 0px;
    }

    #mover {
        display: none !important;
    }

    .nopenv:before {
        margin-right: 13px;
    }

    #trback.translateback {
        display: block;
    }

    *:not(.fa) {
        font-size: 12px !important;
    }

    #inform {
        left: 43px !important;
        top: 5px !important;
        font-size: 12px;
    }

    .nopenv {
        top: 43px !important;
    }

    .nopenv.fa-caret-right {
        color: grey !important;
    }

    #obsel {
        margin-top: 11px;
        left: 0;
        right: auto !important;
        width: 75px;
    }

    #obsel .chosen-container, #obsel .obgrsel {
        display: none !important;
    }

    #obsel:hover {
        width: auto;
    }

    #obsel:hover .chosen-container, #obsel:hover .obgrsel {
        display: block !important;
    }

    #objects {
        left: 0 !important;
    }

    #obvalues {
        right: 0 !important;
    }

    #toolbar {
        display: none;
    }

    .header .user-penal .header-usermenu {
        width: 33px;
    }

    .alt-logo {
        display: none;
    }

    #select {
        height: 60px !important;
    }

    #select:before, #viewactions:before {
        display: none !important;
    }

    #viewactions {
        max-width: 250px !important;
        position: absolute !important;
        right: 16px !important;
        top: 51px !important;
    }

    input[type=button], input[type=submit], button, a[download='transfer_scheme'], .paginate_button, .pages a {
        height: 19px !important;
        line-height: normal !important;
        padding: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    #opobvo {
        left: 50% !important;
        margin-left: -45px !important;
    }

    .viewresult #opobvo {
        left: 4px !important;
        margin-left: 0 !important;
    }

    #opobv, #opobva {
        right: 50% !important;
        margin-right: -28px !important;
    }

    .fullobv #opobvo, .fullobv #opobv, .fullobv #opobva, .fa-window-minimize {
        bottom: 3px !important;
        top: auto !important;
    }
}

/* ALTA */
@media only screen and (max-width: 480px) {

    #login{
        width: 100%;
        left: 0;
        margin: 0 !important;
        top: 0px;
        padding: 0;
        padding-top: 24px;
        height: 100%;
    }
    .homeicon{
        font-size: 64px !important;
        margin-left: 18px;
        width: 65px;
        margin-top: 14px;
    }
    .home-box{
        margin-left: -14px !important;
        width: 105%;
    }
}
@media only screen and (min-width: 480px) {
    .home-box h2 {
        position: relative;
        top: 183px;
        font-size: 17px;
        font-weight: bold;
        /* text-transform: uppercase; */
        color: #4c4c4c;
        line-height: 1.3em;
        margin: 5px 15px;
        padding-left: 0;
    }
    .homeicon {
        position: absolute;
        top: 15px;
    }
    .home-box .description {
        top: 186px;
        font-size: 13px;
        padding-left: 0;
    }
    .home-box {
        width: 47%;
        margin-right: 0;
        height: 280px;
    }
}
@media only screen and (min-width: 768px) {
    .center{
        padding: 20px 20px 40px 30px;
    }
    .home-box {
        width: 31%;
        margin-right: 0;
    }
}
@media only screen and (min-width: 1140px) {
    .home-box {
        width: 240px;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
}
@media only screen and (max-width: 1400px) {
    .oj-train-step-list{
        max-width: 21%;
    }
}