/**************************** TOOLBAR *****************************/
md-toolbar {
    color: #fff !important;
    background-color: #ca064d !important;
    z-index: 5;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
}

md-sidenav{
    position: fixed !important;
    z-index: 60;
}
md-backdrop {
    position: fixed !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised){
    color: #fff !important;
}

md-toolbar img.logo{
    width: 40px;
    margin: 10px;
    background-color: #fff;
    padding: 4px;
    border-radius: 20px;
}

.title_page{
    position: absolute;
    margin-left: -35px;
    left: 50%;
}

.flag, .flag2{
    width: 25px;
    cursor: pointer;
    margin: 5px;
}

.flag2{
    display: none;
}

.flags{
    position: fixed;
    right: 10px;
    top:15px;
    z-index: 999;
}

.agency_selector{
    /*cursor: pointer;*/
}

.menuLeft {
    background-color: #333333;
    width: 250px;
    color: #d2d2d2;
    /*min-height: 650px;*/
}
body.closed .menuLeft {
    width: 60px;
    overflow: visible;
}
body.closed .menuLeft .menu div > a span, body.closed .menuLeft .menu .fa-circle, body.closed .menuLeft .agencyName p, body.closed .menuLeft .agencyName i, body.closed .menuLeft .userprofile, body.closed .menuLeft .logout-menu a {
    display: none;
}
body.closed .menuLeft .menu div > a span.fa {
    display: block;
    line-height: 24px;
}
body.closed .menuLeft .agencyName {
    height: 100%;
    opacity: 0;
}
body.closed .menuLeft .agencyData {
    background-size: cover;
    height: 86px;
}
body.closed .menuLeft #slide_out.main-menu {
    margin-top: 86px;
    margin-bottom: 86px;
    overflow: visible;
}
body.closed .menuLeft .menu {
    position: relative;
}
body.closed .menuLeft .menu ul {
    position: absolute;
    left: 60px;
    top: 1px;
    background-color: #333333;
    /* padding-right: 20px; */
    display: none;
}
body.closed .menuLeft .menu:hover ul {
    display: block;
    z-index: 2;
}
body.closed .menuLeft .menu ul li {
    position: relative;
    margin-left: 0px !important;
    padding-right: 24px !important;
}
body.closed .menuLeft .menu ul li a {
    position: relative !important;
    white-space: nowrap;
}
body.closed .submenu {
    display: block !important;
}
.menuLeft md-tooltip.menu-tooltip {
    display: none;
}
body.closed md-tooltip.menu-tooltip {
    display: block;
}

#toggle-sidenav {
    height: 40px;
    width: 20px;
    border: 1px solid #333333;
    position: fixed;
    top: calc(100vh - 50% - 20px);
    left: 250px;
    background-color: #333333;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 40px;
    color: #fff;
    z-index: 1;
    cursor: pointer;
}
#toggle-sidenav:hover {
    height: 70px;
    width: 25px;
    top: calc(100vh - 50% - 35px);
    line-height: 70px;
    font-size: 20px;
}
body.closed #toggle-sidenav {
    left: 60px;
}

.toolbar_image{
    margin-top: 10px;
    width: 50px;
}

.menuLogo{
    height: 86px;
    border-bottom: 1px solid #fff;
    padding-left: 7px;
    position: absolute;
    top: 0px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.menuLogo img{
    margin-top: 13px;
    width: 40%;
    margin-right: 10px;
}

.divAgency{
    position: absolute;
    text-align: center;
    bottom: 0;
    padding: 5px;
}

.divAgency .logoAgency{
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    width: 50px;
}

.divAgency .nameAgency{
    margin-left: 40px;
}

/*search*/
.pillsNavigation input[type=search], .secondToolbar input[type=search], #planningPage input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    border: 1px solid #ca064d !important;
    margin: 6px;
    width: 400px !important;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}


.pillsNavigation input[type=search], .secondToolbar input[type=search], #planningPage input[type=search] {
    background: #f2f2f2 url(/images/search.png) no-repeat 8px center;
    background-size: 20px 20px;
    padding: 5px 5px 5px 32px;
    width: 440px;

    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.pillsNavigation input[type=search]:focus, .secondToolbar input[type=search]:focus, #planningPage input[type=search]:focus {
    background-color: #fff;
}


input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}

#menuButton {
    display: none;
}

md-card md-card-content, md-card md-card-title {
    overflow: auto;
}

@media screen and (max-width: 800px) {
    html, body {
        min-width: unset;
    }

    .maincontainer, body.closed .maincontainer {
        margin-left: 0px;
    }

    .pillsNavigationpagegeneral, .secondToolbar, body.closed .maincontainer .pillsNavigationpagegeneral, body.closed .maincontainer .secondToolbar {
        width: 100%;
        min-width: unset;
    }

    md-card md-card-content {
        overflow: auto;
    }

    md-card md-card-title {
        overflow: auto;
        padding: 12px 8px 8px;
        text-align: center;
    }

    .subtitleLeft {
        padding: 0px 10px;
    }

    #toggle-sidenav {
        display: none;
    }

    #menuButton {
        display: block;
        position: fixed;
        right: 0px;
        z-index: 58;
        top: 0px;
        cursor: pointer;
    }

    #menuButton i {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        line-height: 43px;
        /* height: 43px; */
        /* color: #ff6c8f; */
        text-shadow: -1px 0 #803F86, 0 1px #803F86, 1px 0 #803F86, 0 -1px #803F86;
        padding: 0px 10px;
    }

    .pillsNavigation input[type=search], .secondToolbar input[type=search], #planningPage input[type=search] {
        width: 150px !important;
        float: left !important;
    }

    .cardValue {
        font-size: 20px;
    }

    .cardBoxBorderLeft {
        border: none;
        padding: 0px;
    }

    .cardBox25 {
        width: auto;
        display: inline-block;
        white-space: nowrap;
        padding: 0px 10px;
    }

    .tabGeneral {
        padding: unset;
    }

    md-card {
        margin: 2px 0px;
    }

    .secondToolbar .md-button {
        min-width: unset;
        width: 58px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #slide_out {
        max-height: calc(100% - 260px);
        margin-bottom: 0px !important;
    }

    .tickets_css .table td {
        padding: 2px;
    }

    .tabGeneral table {
        font-size: 12px;
    }

    .mobileNoFlex, #pagination-content {
        display: block;
    	flex: unset;
    	flex-direction: unset;
    	width: 100%;
    }

    h2.filters-active, .filters-active {
        margin-left: 0px;
        height: auto;
        line-height: auto;
        font-size: 12px !important;
    }

    .dettFirstColumn {
    	padding: 10px;
    }

    .dettSecondColumn {
    	padding: 10px;
    }

    #pagination-content .row-selector, #pagination-content .page-selector {
        display: block;
        width: auto;
    }

    #pagination-content .pagination-wrapper {
        margin-top: 0px;
        width: auto;
    }

    #login_user_form {
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
    }

    .signup-wrapper {
        width: 95%;
        max-width: 450px;
        padding: 20px 30px;
        max-height: 100vh;
        overflow: auto;
    }

    #signup_user_form {
        width: auto;
    }
}