/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1350px), (max-device-width: 1350px) {

/* rychlé menu */
#fast-menu { display: none; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1200px), (max-device-width: 1200px) {

/* hlavička */
#head, #content-float, #foot { padding-left: 2%; padding-right: 2%; width: calc(96%); }
#content { min-height: auto; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1050px), (max-device-width: 1050px) {

/* blok */
.block .left, .block .right { display: block; width: auto; }
.block .left { margin-bottom: 1em; }

/* menu */
.menu li a { padding: 10px 15px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 950px), (max-device-width: 950px) {

/* filtr */
.group.last { display: block; float: none; width: 100%; }
.group.last .wrap { float: none; }

/* tabulka seznam - nabídka voleb  */
.table-list tr:hover .wrap-icon { display: none; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 880px), (max-device-width: 880px) { 

/* tabulka seznam */
.table-list { overflow: x-scroll; }
.rd { display: none; }

/* detail zakázky */
.wrap-panel-button { float: none;  margin-bottom: 1em; }
.panel-top { position: static; }
.button, .back { margin: 0 5px 0 0; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 650px), (max-device-width: 650px) {

#head { height: auto; }

/* menu */
.menu { display: block; left: 0; margin: 0; padding: 0 2%; position: relative; width: 96%; }
.menu li { display: none; }
.menu li.active { display: block; }
.menu li a { background: none; border: 0; color: #111; display: block; min-width: 0; padding: 7px 0; text-align: left; }
.menu li:hover a, .menu li.active a { background: none; border: 0; }
.menu li.icon-hamburger { display: block; font-size: 1.55em; padding: 5px 15px; position: absolute; right: -5px; top: -5px; }
.menu.open li:not(.icon-hamburger) { border-bottom: 1px solid #ccc; display: block; }
.menu.open li:nth-last-child(2) { border: 0; }

/* formulář */
.table-form { width: 100%; }
.table-form td:first-child { width: 100px; }
.table-form td input[type="text"], .table-form td input[type="file"], .table-form td input[type="password"], .table-form td input[type="number"], .table-form td textarea, .table-form td .ui-autocomplete-input { width: 100%; }
.table-form td input[type="text"].phone { width: calc(100% - 84px); }
.fa-plus-circle-customer { margin-top: 5px; }

/* bloky */
.wrap-block { background: none;  padding: 0; }
.block, .block .cblock { padding: 2%; }
.block-left, .block-right { display: block; margin: 0 0 1em 0; width: auto; }

/* patička */
#foot .left, #foot .right { display: block; margin: 5px 0;   text-align: center; width: auto; }

/* responsivní tabulka */
/*
.table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive tr, .table-responsive tr th, .table-responsive tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
.table-responsive tr td { margin-bottom: 1em; padding: 0 !important; }
*/
}


/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 550px), (max-device-width: 550px) {

/* hlavička */
#head { text-align: center; }
#logo { margin: 0 30px 10px 0; }
#wrap-account { display: block; float: none; position: static; text-align: center; vertical-align: top; width: auto; }
#account-info { position: static; text-align: center; }
#profile-photo, #news, #setting, #score-researcher { display: none; }
#account-name { position: static; vertical-align: middle; }
#logout { position: absolute; right: 15px; top: 15px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 450px), (max-device-width: 450px) {

/* uživatel - přidat - tabulka oprávnění */
.table-permissions th { font-size: .5em; padding: 0 5px; }

}