/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 11, 2017, 2:44:30 PM
    Author     : Madalina
*/

/****************************************************
        media css
*****************************************************/
@media (max-width: 1500px) {

}
@media (max-width: 1450px) {}
@media (max-width: 1383px) {}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .md-display-block { display: block !important}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .md-no-margin-bottom { margin-bottom: 0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (max-width: 1199px) {
    img.tumble-dryer,
    img.washing-machine{border-radius: 12px}
    .table.table-info{
        table-layout: fixed;
    }
}
@media (max-width: 1064px) {}
/******* Only for iPad Css *******/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .admin-app .navbar-brand {
        padding: 0;
    }
}
@media (max-width: 1024px) {}
@media (max-width: 991px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        padding-bottom: 25px;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        padding-left: 10px;
        text-align:left;
        font-weight: bold;
        word-wrap: break-word;
    }
    .table-responsive {
        border: none;
    }
    #name_sort {
        width: auto;
        max-width: inherit;
    }
    .alerts-help {
        float: none!important;
        padding-right: 15px;
        display: inline-block;
    }
    .tooltip.bottom .tooltip-arrow {
        margin-left: -11px;
    }
    .tooltip-inner {
        width: 300px;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    /*CUSTOM*/
    img.tumble-dryer,
    img.washing-machine{border-radius: 10px}
    /*MARGIN PADDING FLOAT*/
    .sm-pull-left { float: left !important; }
    .sm-pull-right { float: right !important; }
    .sm-no-margin { margin: 0 auto !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-margin-five { margin: 5% 0 !important; }
    .sm-margin-eight { margin: 8% 0 !important; }
    .sm-margin-bottom-one { margin-bottom: 1% !important }
    .sm-margin-bottom-two { margin-bottom: 2% !important }
    .sm-margin-bottom-three { margin-bottom: 3% !important }
    .sm-margin-bottom-four { margin-bottom: 4% !important }
    .sm-margin-bottom-five { margin-bottom: 5% !important }
    .sm-margin-bottom-six { margin-bottom: 6% !important }
    .sm-margin-bottom-seven { margin-bottom: 7% !important }
    .sm-margin-bottom-eight { margin-bottom: 8% !important }
    .sm-margin-bottom-nine { margin-bottom: 9% !important }
    .sm-margin-bottom-ten { margin-bottom: 10% !important }
    .sm-margin-bottom-eleven { margin-bottom: 11% !important }
    .sm-margin-bottom-twelve { margin-bottom: 12% !important }
    .sm-margin-top-one { margin-top: 1% !important }
    .sm-margin-top-two { margin-top: 2% !important }
    .sm-margin-top-three { margin-top: 3% !important }
    .sm-margin-top-four { margin-top: 4% !important }
    .sm-margin-top-five { margin-top: 5% !important }
    .sm-margin-top-six { margin-top: 6% !important }
    .sm-margin-top-seven { margin-top: 7% !important }
    .sm-margin-top-eight { margin-top: 8% !important }
    .sm-margin-top-nine { margin-top: 9% !important }
    .sm-margin-top-ten { margin-top: 10% !important }
    .sm-margin-top-eleven { margin-top: 11% !important }
    .sm-margin-top-twelve { margin-top: 12% !important }
    .sm-margin-top-100 { margin-top: 100px !important }
    .sm-margin-t-40{margin-top: 40px;}
    .sm-margin-t-20{margin-top: 20px;}
    .sm-margin-t-10{margin-top: 10px;}
    .sm-margin-t-15{margin-top: 15px;}
    .sm-margin-b-10{margin-bottom: 10px;}

    .sm-margin-right-one { margin-right:1% !important }
    .sm-no-margin-right { margin-right: 0 !important;}
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-padding-bottom-six { padding-bottom: 6% !important; }
    .sm-padding-b-40 { padding-bottom: 40px !important; }
    .sm-padding-t-40 { padding-top: 40px !important; }
    .sm-padding-tb-40 { padding-bottom: 40px; padding-top: 40px}
    .sm-padding-tb-20 { padding-bottom: 20px; padding-top: 20px}
    .sm-padding-tb-30 { padding-bottom: 30px; padding-top: 30px}
    .sm-padding-t-20 { padding-top: 20px !important; }
    .sm-no-padding { padding: 0 !important; }
    .sm-no-padding-right { padding-right: 0 !important; }
    .sm-padding-r-5 { padding-right: 5px; }
    .sm-no-padding-left { padding-left: 0 !important; }
    .sm-padding-top-six { padding-top: 6% !important }
    .sm-padding-top-nine { padding-top: 9% !important; }
    .sm-padding-bottom-nine { padding-bottom: 9% !important; }
    .sm-display-none { display:none !important}
    .sm-display-table { display:table !important}
    .sm-text-center { text-align: center !important;}
    .sm-text-left { text-align: left !important;}
    .sm-text-right { text-align: right !important;}
    .sm-border { border: 1px solid rgba(0, 0, 0, 0.075) !important; }
    .sm-border-bottom { border-bottom: 1px solid #e5e5e5;}
    .sm-no-border-right { border-right: 0 !important; }
    .sm-no-border-left { border-left: 0 !important; }
    .sm-margin-lr-four { margin-left: 4% !important; margin-right: 4% !important;}
    .sm-margin-lr-15 { margin-left: 15px !important; margin-right: 15px !important;}
    .sm-background-image-right { background-position: center right !important;}
    .sm-pull-none { float: none !important}
    .sm-width-100 { width:100% !important}
    .sm-width-auto {width: auto}
    .sm-width-70 {width: 70px;}
}

@media (max-width: 920px) {}
@media (max-width: 768px) {}
@media (max-width: 767px) {

    .navbar-brand {
        text-align: center;
        width: 100%;
    }

    .side-collapse-container{
        width:100%;
        left:0;
        position: fixed;
        overflow: hidden;

    }
    .side-collapse-container.out{
        position: relative;
        overflow: auto;

    }
    .side-collapse{
        background-color: #fff;
        width:100%;
        position:fixed;
        overflow:hidden;
        transition:.4s;
        bottom: 0;
        top: 50px;
        overflow-y: auto;
    }
    .side-collapse.in {
        width:0;
        padding: 0;
    }
    #app-navbar-collapse a,
    #app-navbar-collapse-language a {
        font-weight: 600;
    }
    #app-navbar-collapse-language.side-collapse {
        right: 15px;
    }

    /* Force table to not be like tables anymore */
    #search-tables thead.search-tables,
    #search-tables tbody.search-tables,
    #search-tables th.search-tables,
    #search-tables td.search-tables,
    #search-tables tr.search-tables {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #search-tables thead.search-tables tr.search-tables {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #search-tables td.search-tables {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #search-tables td.search-tables:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        text-align:left;
        font-weight: bold;
        word-wrap: break-word;
    }
    .table-responsive {
        border: none;
    }
    #search-tables td.search-tables.visible-xs,
    #search-tables th.search-tables.visible-xs {
        display: block!important;
    }
    /*
    Label the data
    */
    #search-tables td:before { content: attr(data-title); }
    /*CUSTOM*/
    .xs-btn-width-full{
        width: 100%;
    }
    img.tumble-dryer,
    img.washing-machine{border-radius: 13px}
    /*MARGIN PADDING FLOAT*/
    .xs-pull-left { float: left !important; }
    .xs-pull-none { float: none !important; }
    .xs-no-margin { margin: 0 auto !important; }
    .xs-no-margin-top { margin-top: 0 !important; }
    .xs-margin-bottom-one { margin-bottom: 1% !important }
    .xs-margin-bottom-two { margin-bottom: 2% !important }
    .xs-margin-bottom-three { margin-bottom: 3% !important }
    .xs-margin-bottom-four { margin-bottom: 4% !important }
    .xs-margin-bottom-five { margin-bottom: 5% !important }
    .xs-margin-bottom-six { margin-bottom: 6% !important }
    .xs-margin-bottom-seven { margin-bottom: 7% !important }
    .xs-margin-bottom-eight { margin-bottom: 8% !important }
    .xs-margin-bottom-nine { margin-bottom: 9% !important }
    .xs-margin-bottom-ten { margin-bottom: 10% !important }
    .xs-margin-bottom-eleven { margin-bottom: 11% !important }
    .xs-margin-bottom-twelve { margin-bottom: 12% !important }
    .xs-margin-bottom-thirteen { margin-bottom: 13% !important }
    .xs-margin-bottom-thirtyfive { margin-bottom: 35% !important }
    .xs-margin-b-10{margin-bottom: 10px;}
    .xs-margin-b-25{margin-bottom: 25px;}
    .xs-margin-t-50{margin-top: 50px;}
    .xs-margin-t-15{margin-top: 15px;}
    .xs-margin-tb-10{margin-top: 10px; margin-bottom: 10px;}
    .xs-margin-top-one { margin-top: 1% !important }
    .xs-margin-top-two { margin-top: 2% !important }
    .xs-margin-top-three { margin-top: 3% !important }
    .xs-margin-top-four { margin-top: 4% !important }
    .xs-margin-top-five { margin-top: 5% !important }
    .xs-margin-top-six { margin-top: 6% !important }
    .xs-margin-top-seven { margin-top: 7% !important }
    .xs-margin-top-eight { margin-top: 8% !important }
    .xs-margin-top-nine { margin-top: 9% !important }
    .xs-margin-top-ten { margin-top: 10% !important }
    .xs-margin-top-eleven { margin-top: 11% !important }
    .xs-margin-top-twelve { margin-top: 12% !important }
    .xs-margin-top-thirteen { margin-top: 13% !important }
    .xs-no-margin-right { margin-right: 0 !important }
    .xs-no-margin-left { margin-left: 0 !important; }
    .xs-no-margin-lr { margin-left: 0 !important; margin-right: 0 !important}
    .xs-margin-lr-auto { margin-left: auto !important; margin-right: auto !important}
    .xs-no-margin-bottom { margin-bottom: 0 !important }
    .xs-padding-bottom-six { padding-bottom: 6% !important; }
    .xs-padding-b-40 { padding-bottom: 40px !important; }
    .xs-padding-b-10 { padding-bottom: 10px !important; }
    .xs-padding-bottom-five { padding-bottom: 5% !important; }
    .xs-padding-bottom-fifteen { padding-bottom: 15% !important; }
    .xs-padding-tb-40{padding-top: 40px;padding-bottom: 40px;}
    .xs-padding-top-six { padding-top: 6% !important }
    .xs-padding-left-right-two { padding: 0 2% !important; }
    .xs-display-none { display: none !important}
    .xs-padding-seven { padding: 6% 0}
    .xs-no-padding { padding: 0 !important; }
    .xs-no-padding-left { padding-left: 0 !important; }
    .xs-no-padding-right { padding-right: 0 !important; }
    .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-no-padding-top { padding-top:0 !important}
    .xs-no-padding-bottom { padding-bottom: 0 !important; }
    .xs-no-padding-left-right { padding-left: 0 !important; padding-right: 0 !important}
    .xs-padding-right { padding-right: 15px !important;}
    .xs-padding-left { padding-left: 15px !important;}
    .xs-padding-l-10 { padding-left: 10px;}
    .xs-padding-r-10 { padding-right: 10px;}
    .xs-text-center { text-align: center !important;}
    .xs-no-border { border: 0 !important; }
    .xs-border-bottom { border-bottom: 1px solid #e5e5e5; !important;}
    .xs-no-background { background: none !important; }
    .xs-no-float { float: none !important; }
    .xs-display-block { display: block !important; }
    .xs-display-inline { display: inline; !important; }
    .xs-display-inherit { display: inherit !important; }
    .xs-text-left { text-align: left !important; }
    .xs-text-right { text-align: right; !important; }
    .width-70 { width: 100% !important; }
    .xs-width-100 { width: 100% !important; }
    .xs-img-full { width: 100%;}
    .xs-padding-tb-ten { padding-bottom: 10% !important; padding-top: 10% !important; }
    .xs-padding-tb-10 { padding-bottom: 10px; padding-top: 10px; }
    .xs-letter-spacing-6 { letter-spacing: 6px !important}
    .xs-center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;}
    .xs-padding-eight { padding: 8%; }
    .xs-position-inherit { position: inherit !important;}
    .xs-line-height-18 { line-height: 18px !important;}
    .xs-overflow-auto{ overflow: auto !important}
    .xs-center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important}

}
@media (max-width: 725px) {}
@media (max-width: 700px) {
}
@media (max-width: 640px) {
    img.tumble-dryer,
    img.washing-machine{border-radius: 10px}
}

@media (min-width: 366px) and (max-width: 640px){}
@media (max-width: 600px) {
}

@media (max-width: 589px) {}


@media (max-width: 580px) {}
@media (max-width: 520px) {
    img.tumble-dryer,
    img.washing-machine{border-radius: 8px}
}
@media (max-width: 480px) {
    img.tumble-dryer,
    img.washing-machine{border-radius: 7px}
}
@media (max-width: 466px) {}
@media (max-width: 420px) {
    .col-xs-12-420 {
        width: 100%;
    }
    .text-center-420 {
        text-align: center;
    }
    #search-tables td.search-tables{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #search-tables td.search-tables:before {
        position: absolute;
        top: 15px;
        left: 10px;
    }
    img.tumble-dryer,
    img.washing-machine{border-radius: 6px}
    .ammount.radio-group div.radio {
        font-size: 16px;
        padding: 10px 5px;
    }
}

@media (max-width: 400px) {
    .wrapper {
        min-width: 92px;
        max-width: 92px;
    }
    .image-bg {
        min-height: 91px;
        border-radius: 4px;
        max-height: 91px;
    }
    .wrapper-spinner {
        height: 62px;
        width: 50px;
        margin-top: 2px;
    }
    .details-machine-status .under-maintenance,
    .details-machine-status .time-remaining {
        height: 19px;
        margin-top: 3px;
    }
    .details-machine-status {
        width: 66px;
        height: 19px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        margin-top: -5px;
        font-size: 13px;
    }
}
@media (max-width: 380px) {
    .title {
        font-size: 40px;
    }
}
@media (max-width: 366px) {}
@media (max-width: 359px) {
    img.tumble-dryer,
    img.washing-machine{border-radius: 5px}
    .ammount.radio-group div.radio {
        font-size: 14px;
    }
}
@media (max-width: 351px) {
    .btn.btn-delete-account {
    font-size: 18px;
    }
}
@media (max-width: 330px) {}

/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {}
@media (max-width: 320px) {
    .ammount.radio-group div.radio {
        padding: 10px 0px;
    }
}
@media (min-width: 640px) {}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .md-pull-right{
        float: right;
    }
    .md-pull-left{
        float: left;
    }
    .md-pull-none{
        float: none;
    }
}
@media (min-width: 1200px) {
    .lg-pull-right{
        float: right;
    }
    .lg-pull-left{
        float: left;
    }
    .lg-pull-none{
        float: none;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {}