/* Globalni */
@media (max-width: 1200px) {
	html {
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100% !important;
		min-height: 100% !important;
	}
	
	#uchoPopPreview,
	.popup	{
		width: 90vw !important;
		max-width: 90vw !important;
	}
	
	.popup * {
		display: none !important;
	}
	
	#ovladani > .row  {
		display: block !important;
	}
	
	#ovladani > .row > span:first-child,
	#ovladani > .row > div:first-child,
	#ovladani > .row > div:last-child {
		display: none !important;
	}
	
	#ProvadimInfo {
		right: 0px !important;
		width: 100vw !important;
		max-width: 100vw !important;
		display: none;
	}
	
	.menuHeaderWrapper {
		/*display: none !important;*/
	}
	
	.menuHeaderWrapper,
	#logo,
	.menuFooterWrapper {
		/*display: none !important;*/
		
	}
	
	#logo {
		display: none !important;
	}
	
	#divMenu{
		position: relative !important;
		display: none !important;
		margin-top: 40px !important;
		height: calc(100% - 40px) !important;
		width: 100% !important;
	}
	
	.iconHideWrapper,
	.infoAboutPageWrapper	{
		display: none !important;
	}
	
	.menuContentWrapper {
		/*margin-top: 40px !important;*/
		height: 100% !important;
		padding-bottom: 40px;
	}
	
	.hlavickaNadpisWrapper .hlavickaNadpis {
		text-align: left !important;
		font-size: 20px !important;
	}
	
	#mobile-menu-btn {
    position: absolute;
    right: 0px;
		top: 2px; 
		border: 2px solid #003399;
		border-radius: 3px;
		width: 50px;
		height: auto;
		cursor: pointer;
		display: block !important;

	}
	
	#mobile-home-btn {
		display: inline-block !important;
		padding: 4px 2px;
		margin-right: 10px;
		font-size: 28px;
	}
	
	#mobile-menu-btn i {
		font-size: 28px;
		padding-top: 2px;
	}
	
	.contentTableWrapper {
		/*height: calc(100vh - 40px) !important;*/
		height: 100% !important;
		padding-bottom: 15px !important;
	}
	
	.menuContentWrapper {
		height: calc(100% - 40px) !important;
	}
	
	.additionalFunctions {
		display: none !important;
		/*margin-top: 40px !important;*/
	}
	
	.uvodMobileBtns {
		display: block !important;
	}
	
	.napoveda {
		display: none !important;
	}
	
	#mobileAddBtn {
		display: block !important;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 1000;
	}
	
	#mobileAddBtn a {
    background-color: #f2c800;
    width: 50px;
    height: 50px;
    padding-left: 1px;
    line-height: 50px;
    border-radius: 50%;
    border: solid 1px #f2c800;
    box-shadow: 0.5px 0.5px 0.5px 0.5px #FFEB8C;
    text-align: center;
    display: inline-block;
	}

	#filtr,
	.filtr,
	#vyber_sloupcu,
	#divPaticka {
		display: none !important;
	}
	
	#dialog-over-background {
		max-width: 100vw !important;
	}
	
	/* Widgety */
	#widgetGrid .gridRow {
		display: ruby !important;
	}
	
	#widgetGrid .gridCell {
		display: contents !important;
	}
	
	#widgetGrid .widgetBox {
		display: grid !important;
		/*width: calc(100% - 24px) !important;*/
		width: 100% !important;
		height: auto !important;
	}
	
	#widgetGrid .gridCell .dnes,
	#widgetGrid .gridCell .zitra {
		width: 50% !important;
	}
	
	#widgetsWrapper {
		margin-bottom: 0px;
	}
	
	/* Chat */
	.chatArea {
		display: flex !important;
		height: auto !important;
	}
	
	.chatArea .chatWinWrapper {
		display: grid !important;
		justify-content: normal !important;
	}
	.chatArea .chatList,
	.chatArea .chatMsg {
		width: 100% !important;
	}
	.chatArea .chatUsers {
		display: none !important;
	}
	
	#chatWriteToUser,
	#chatCreateGroup,
	#frmChatGroup {
		display: none !important;
	}
	
	#chatConventionList {
		max-height: 150px !important;
	}
	
	.col-lg-2 {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.relatedSidebarArea {
		display: none !important;
	}
	
	.portalArea {
		width: 100% !important;
	}
	
	.logoutForm table tr {
		display: flex !important;
    flex-direction: column !important;
	}
	
	#divMenu .menuHeaderWrapper .logoutWrapper {
		margin-top: 60px;
		height: auto !important;
	}
	
	#divMenu .menuHeaderWrapper .logoutWrapper .submitButtonCell {
		height: 25px !important;
	}
	#divMenu .menuHeaderWrapper .logoutWrapper .submitButton {
		display: flex !important;
		color: #003399 !important;
		line-height: 1.3 !important;
	}
	#divMenu .menuHeaderWrapper .logoutWrapper .submitButton:hover  {
		color: red !important;
	}
	#divMenu .menuHeaderWrapper .logoutWrapper .submitButton i {
		padding-right: 7px !important;
	}
	#divMenu .menuHeaderWrapper .logoutWrapper .submitButton .logoutText {
		display: block !important;
	}

	#divMenu .menuHeaderWrapper .logoutWrapper .homeBtn {
		display: block !important;
		text-decoration: none !important;
	}
	#divMenu .menuHeaderWrapper .logoutWrapper .homeBtn:hover {
		color: red !important;
	}
}

/* Widgety <= 700px */
@media (max-width: 700px) {
	#widgetGrid .card-body {
		overflow-x: auto !important;
	}
	
	#widgetGrid .userInfoTitleColumn {
		display: inline !important;
	}
	
	#widgetGrid .souhrn-prace-vs-dochsystem {
		width: 700px !important;
	}
	
	/*#widgetGrid .souhrn-prace-vs-dochsystem .barFond .title,
	#widgetGrid .souhrn-prace-vs-dochsystem .barOdpracovano .title,
	#widgetGrid .souhrn-prace-vs-dochsystem .barPrace .title {
		width: 200px !important;
	}
	
	#widgetGrid .souhrn-prace-vs-dochsystem .fond .title,
	#widgetGrid .souhrn-prace-vs-dochsystem .vykazano .title,
	#widgetGrid .souhrn-prace-vs-dochsystem .dochazkovy_system .title {
		width: 200px !important;
	}
	
	#widgetGrid .souhrn-prace-vs-dochsystem .barFondTentoMesic .title,
	#widgetGrid .souhrn-prace-vs-dochsystem .barNadpisMinulyMesic .title {
		width: 200px !important;
	}*/
}

/* Ostatni */
@media (max-width: 1200px) {	
	#divHlavicka{
		/*display: none !important;*/
		width: 100% !important;
		left: 0px !important;
		position: fixed !important;
		height: 60px;
		display: flex;
		align-items: center;
	}
	#divObsah {
		position: relative !important;
    top: 60px !important;
    left: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 20px !important;
		
		height: calc(100% - 40px) !important;
		/*max-width: 100vh !important;*/
    overflow-x: scroll !important;
	}
	
	#divObsah > .tableHeader {
		width: 100vw !important;
	}
	#divObsah > .contentTableWrapper {
		width: 100vw !important;
    display: table-cell !important;
		overflow: hidden !important;
	}
	#divObsah > .contentTableWrapper > table {
		width: 100% !important;
	}
	
	.infoAboutPageWrapper {
		left: 0px !important;
	}
	
	.contentTableWrapper form > table > tbody > tr {
		display: flex  !important;
		flex-direction: column !important;
	}
	
	.contentTableWrapper form > table > tbody > tr > td.tblForm {
		height: auto !important;
	}
	
	.contentTableWrapper form > table > tbody > tr > td.tblForm:first-child {
		display: block !important;
		padding-left: 10px !important;
	}
	
	.contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) {
		display: inline-flex !important;
		padding-left: 10px !important;
		padding-bottom: 15px !important;
	}
	
	.contentTableWrapper form > table > tbody > tr:last-child td:first-child {
		display: none !important;
	}
	
	.contentTableWrapper form > table > tbody > tr:last-child td:nth-child(2) {
		padding-left: 10px;
	}
	
	.contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) input,
	.contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) textarea,
	.contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) select {
		max-width: 90vw !important;
	}
	
}

/* Instalace */
@media (max-width: 1200px) {
	.geodrom .searchPhoneBlockWrapper {
		display: none !important;
	}
	.geodrom #widgetsWrapper {
		display: none !important;
	}

 	.eling #ovladani .row .additionalFunctionsWrapper, 
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions{
		display: block !important;
		position: absolute !important;
    top: 20%;
    left: 55%;
		transform: translateX(-10%);
		height: auto;
		width: auto;
	}

  .eling .additionalFunctions td,
	.eling .pridatZaznam,
	.eling .export {
		display: none !important;
	}

	.eling .additionalFunctions td.vyhledavac {
			display: table-cell !important;
	}

	.eling .hlavickaNadpis{
		width: auto !important;
		position: absolute;
		transform: none !important;
	}
	.eling #divHlavicka #ovladani .row .hlavickaNadpisWrapper{
		height: auto;
	}

	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions .vyhledavac #rodic_hledani #prehled_hledani_form{
    width: 250px !important; 
	}
}

/* Vozidla */
@media (max-width: 1200px) {
	.mobileKJ .contentTableWrapper form > table > tbody > tr > td.tblForm:first-child {
		font-size: 17px !important;
	}
	
	.mobileKJ .contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) select,
	.mobileKJ .contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) input {
		height: 30px !important;
		font-size: 15px !important;
	}
	.mobileKJ .contentTableWrapper form > table > tbody > tr > td.tblForm:nth-child(2) label {
		font-size: 15px !important;
	}
	.mobileKJ .contentTableWrapper form > table > tbody > tr > td.tblFooter #sendbutton {
		font-size: 16px !important;
		height: 30px !important;
		width: 100px !important;
	}

	#divObsah.mobileKJPrehled {
		width: 100% !important;
	}
	#divObsah.mobileKJPrehled .tableHeader,
	#divObsah.mobileKJPrehled .contentTableWrapper,
	#divObsah.mobileKJPrehled .contentTableWrapper > table {
		width: 100% !important;
	}
	
	#divObsah.mobileKJPrehled .contentTableWrapper {
		padding-right: 0px !important;
	}
	#divObsah.mobileKJPrehled .not-counted-cell {
		display: none !important;
	}
}
@media (max-width: 660px) {
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions .vyhledavac #rodic_hledani #prehled_hledani_form{
		margin-left: 40px;
    width: 150px !important; 
		transform: translateX(25%);
	}
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions .vyhledavac #rodic_hledani #prehled_hledani_form #prehled_hledani_text{
    width: 100px !important; 
	}
}

/* Eling - uprava hlavicky pro fulltextove vyhledavani*/
@media (max-width: 600px) {
  .eling #ovladani {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    left: 0px !important;
  }

  .eling #ovladani .row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .eling #ovladani .row .additionalFunctionsWrapper {
    order: 2;
    width: 100%;
    display: flex;
		left: 10% !important;
    justify-content: flex-start;
  }

  .eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions {
		top: 10%;
    width: 100%;
    margin: 0;
		left: 0px;
  }
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions #rodic_hledani{
		position: relative;
	}
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions .vyhledavac #rodic_hledani #prehled_hledani_form {
		position: absolute;
		top: -25px !important;
		transform: none !important;
		width: 300px !important;
		margin-left: 60px !important;
		transform: none;
	}
	.eling #ovladani .row .additionalFunctionsWrapper .additionalFunctions .vyhledavac #rodic_hledani #prehled_hledani_form #prehled_hledani_text{
		width: 250px !important;
		transform: none;
	}

  .eling #ovladani .row .hlavickaNadpisWrapper, .eling #divHlavicka{
    width: 100%;
    text-align: center;
    height: 80px;
		margin-bottom: 5px;
  }

	.eling #divObsah {
    top: 80px !important;
	}
	.eling #divMenu, .eling .menuHeaderWrapper, .eling .logoutWrapper{
		margin-top: 80px !important;
	}
	.eling .hlavickaNadpis span{
		line-height: 37px;
	}

  .eling #mobile-menu-btn{
		right: -25px !important;
  }
}