/* Responsive web */

@media (min-width: 946px)
{ 
    section#ticket-left {
        width: calc(67% - 20px);
        float: left;
        margin-right: calc(33% + 20px);
    }

    section#ticket-right {
    	width: 33%;
        float: left;
        margin-left: calc(-33%);
    }
    section#ticket-right aside {
	    margin: 0 0 10px 0;
    }

}

@media (max-width: 945px) {

    section#ticket-left {
        /*max-width: 660px;*/
        float: none;
    }

    section#ticket-right {
        float: none;
        border-top: 1px solid #bebebe;
        clear: both;
    }

    section#ticket-right aside
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(50% - 20px);
	    margin: 10px;
        float: left;
    }
}

@media (max-width: 1000px)
{
    div#tickets-filters {
        float: none;
        width: auto;
        overflow: hidden;
    }

    .ticket-filter {
        float: left;
        margin-right: 10px;
        width: 100%;
    }

    div#tickets-main {
        margin-left: 0;
    }


}


@media (max-width: 900px)
{
    #tickets-table th:nth-child(n+8), #tickets-table td:nth-child(n+8)
    {
        display: none;
    }
}

@media (max-width: 850px)
{
    #tickets-table th:nth-child(7), #tickets-table td:nth-child(7)
    {
        display: none;
    }
}

@media (max-width: 800px)
{
    #tickets-table th:nth-child(6), #tickets-table td:nth-child(6) /*hide status column*/
    {
        display: none;
    }

    #logon-flex-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .logon-flex-item {
        margin: 0 0 10px 0;
    }

    section#login, #logon-custom-text {
        max-width: inherit;
        min-width: inherit;
    }

    section#login {
        width: 100%;
    }

    #logon-custom-text {
        padding: 20px;
    }

    section#login form {
    	padding: 20px;
    }

    section#login h1 {
        margin: -10px 10px 0px 0;
    }

    .new-ticket-anonymous, .new-ticket-anonymous-custom-text{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }

}

@media (max-width: 650px)
{
    #tickets-table th:nth-child(5), #tickets-table td:nth-child(5) /*hide deadline column*/
    {
        display: none;
    }
}

@media (max-width: 600px) {
    #breadcrumbs {
        display: none;
    }
}

@media (max-width: 460px)
{
    #tickets-table th:nth-child(4), #tickets-table td:nth-child(4) /*hide service column*/
    {
        display: none;
    }

    .ticket-filter #my-views {
    }
}

@media (max-width: 300px)
{
    #tickets-table th:nth-child(3), #tickets-table td:nth-child(3) /*hide submitter column*/
    {
        display: none;
    }
}