/* LOGO */

#ApplicationLogo {
    background-image: url("../Images/MainFormLogo_or.png");
    margin-top: 3px;
    margin-left: 5px;
    width: 304px;
    height: 35px;
    min-height: 20px;
    vertical-align: middle; 
	border: 0px !important; 
}

/* TOP LINKS */

#QuickLinksPanel  {
  top: -1px !important;
  color: #2F9688 !important;
}  	

#QuickLinksPanel a.dxbButtonSys {
  color: #2873C9;
} 

.dxbButton_MetropolisBlue.QuickLinks {
   text-decoration: none !important;
   height: 15px !important; 	   
}

.dxbButton_MetropolisBlue:hover.QuickLinks {
   text-decoration-line: underline !important;
   color: #000000 !important;    
}	

/* Grid */

.dxgvFocusedRow_MetropolisBlue {
  background-color: #8CB6D8 !important;
} 

.dxtlFocusedNode_MetropolisBlue {
  background-color: #8CB6D8 !important;
} 




/* Request Detail links  MSO */


#RequestDetailView .dxgvControl_MetropolisBlue a.dxbButtonSys {
  color: #2873C9 !important;
} 

#RequestDetailView .dxgvFocusedRow_MetropolisBlue a.dxbButtonSys {
  color: #FFFFFF !important;
} 

#RequestDetailView .dxgvFilterBar_MetropolisBlue a {
  color: #2873C9 !important;
} 


/* login */
#LoginView {
   border: 1px !important; 
   border-radius: 8px !important; 
   border-color: #2873C9 !important; 
   border-style: solid !important; 
}

/* CST PRAVE HORNI MENU - LOK... */

.LocalizationButtonsUpState {
 border: 0px !important;
}

.LocalizationButtonsDownState {
 border: 0px !important;
 border-bottom: 2px !important;
 border-bottom-color: 	#2873C9 !important; 
}


#MasterPage_UserInformation {
 border: 0px !important;
 border-color: #606060 !important; 
}

#MasterPage_Home {
 border: 0px !important;
 border-color: #606060 !important; 
}

#MasterPage_LogoutButton {
 border: 0px !important;
 border-color: #606060 !important; 
}


/*top panel ikony */

.dxbButton_MaterialCompact.LocalizationButtonsDownState {
   width: 10px !important;
}

.dxbButton_MaterialCompact.LocalizationButtonsUpState {
   width: 10px !important;
}


/* BOXY */
.dxrpControl_MetropolisBlue td.dxrpHeader_MetropolisBlue {
   background-color: #F1F2F1 !important; 
   color: #2873C9 !important; 
}

.dxrpHeader_MetropolisBlue {
   background-color: F1F2F1 !important; 
   color: #2873C9 !important; 
}

.dxrpCollapseButton {
   background-color: #F1F2F1 !important; 
   color: #2873C9 !important; 
}

.dxrpHT {
  background-color:   #F1F2F1 !important; 
}


/* BODY */
html, body {
    background-color: white !important;
}

body {
  color: #000000;
}

/* FORM */

#Form {
    background-color: white !important;
}

#Label_LoggedUserName {
   color: green !important;
}


/* NADPISY */

.FormMainTitle {
  background-color:   #2873C9 !important; 
  color:              white !important; 
  }


.dxpnlControl_MaterialCompact {
   background-color: #f1f2f1 !important; 
}

	

.dxrpCollapseButton {
   background-color: #f1f2f1 !important; 
   color: black !important; 
}



/* TABS */

.dxtc-tab {
    background-color: white !important; 
	color: black !important;
}	

.dxtc-link {
	padding-right: 15px !important; 
	padding-left: 15px !important; 
}

.dxtc-link:hover {
	color: black  !important; 
	padding-right: 15px !important; 
	padding-left: 15px !important; 
	font-weight: normal !important; 
}


/* LEVE MENU */

/* leve menu sirka */
.dxWeb_pnlExpand_MetropolisBlue {
/**height: 30px !important; */
width: 40px !important;	
}




/* EDIT FORM */

.dxpc-headerContent {
  color:              #2873C9 !important; 
  }

.EditFormUpdateCommandButtonClass {
  border-color: #2873C9	!important; 
  background-color:   #2873C9 !important; 
  color:              white !important; 
  }
  
  .EditFormUpdateCommandButtonClass:hover {
  border-color: green	!important; 
  background-color:   green !important; 
  color:              white !important; 
  }

.EditFormCancelCommandButtonClass:hover {
  border-color: red	!important; 	
  background-color:   red !important; 
  color:              white !important; 
  }   
  
/* new request */


#RequestSolutionHint {
	color: #000000 !important;
}  
  
  
  
/* FAQ */
.FAQSubject {
  font-size: 14pt;
  color: #2873C9 !important;
  width: 800px;
}

.FAQText {
  font-size: 10pt;
  color: black;
  width: 800px;
}

.FAQSeparator {
  color: black;
  width: 800px;
}

.FAQDateTimeStamp {
  color: black;
  font-size: 8pt;
}    
  
/* DASHBOARD */

#requests-count {
    background-color: white !important; 
	color: black !important;
}	

#the-latest-unasigned-requests {
    background-color: white !important; 
	color: black !important;
}	

#graph-small {
    background-color: white !important; 
	color: black !important;
}	

#graph-small-1 {
    background-color: white !important; 
	color: black !important;
}

#graph-small-2 {
    background-color: white !important; 
	color: black !important;
}	

#graph-small-3 {
    background-color: white !important; 
	color: black !important;
}		

#graph-large {
    background-color: white !important; 
	color: black !important;
}

#graph-medium {
    background-color: white !important; 
	color: black !important;
}

#announcements {
    background-color: white !important; 
	color: black !important;
}


#MainFormFooter {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;   
}

#Label_SupportPhoneNumber {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;    
}

#Label_UserGuideTitle {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;    
}

#HyperLink_UserGuideTitle {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;    
}

#Label_ApplicationVersion {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;    
}

#HyperLink_Copyright {
    font-size: x-small;
    background-color: #2873C9 !important; 
    color: white !important;    
}




/* 202509 st*/

/* LEVY PANEL */



#LeftPanel_EB.dxpnlControl_MetropolisBlue {
    padding-right: 2px !important; 
	padding-left: 2px !important; 
	padding-bottom: 2px !important; 
}


/* oble rohy */

/* Novy pozadavek */

#RequestNewView  {
	 border-radius: 8px;
}

#RequestNewView #DivContactInformationPanel {
	 margin-left: 12px !important; 
}

#RequestNewView #DivRequestSolutionHint {
	 margin-left: 0px !important; 
	 border: 1px solid #a0a0a0 !important;
	 border-radius: 8px !important; 
	 padding: 5px;
	 margin-top: 7px;
	 margin-bottom: 10px !important; 
}

#RequestNewView #RequestTextTitle {
	 margin-top: 10px !important; 
	 font-size: 14px;
}



/* překryj konec textu bílým pozadím a přidej vlastní hvězdičku */
#RequestNewView #RequestTextTitle::after {
  content: "*";
  color: red;
  background: #fff;
  margin-left: -6px; /* posune novou hvězdičku přes starou */
}


#RequestNewView #Subject_CapC {
	 font-size: 14px;
}

#RequestNewView #Subject {
	 margin-top: 8px !important; 
	 font-size: 14px;
}

/* login */

#LoginView  {
	 border-radius: 8px !important;
}




/* nadpisy v modrém */
#FormMainTitleDiv  {
	 border-radius: 8px;
	 /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; */
}

#LoginView #FormMainTitleDiv  {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


/* Ribbon zalozky */

.dxtc-activeTab {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

#AssignRequest {
	 border-radius: 8px !important; 
}

/*
#RequestText  {
	 border-radius: 8px !important; 
}
*/

/* nefunguje */

#DivClassificationPanel  {
	 border-radius: 8px;
}

#SolverRemarks_CC  {
	 border-radius: 8px !important; 
}

#DivRequestSolverRemarks  {
	 border-radius: 8px !important; 
}

#CallbackPanel_Ribbon  {
	 border-radius: 8px !important; 
}

#UserName_CC {
	 border-radius: 8px !important; 
}

.dxeButtonEditSys {
	 border-radius: 5px !important; 
}

.dxeButton {
	 border-radius: 8px !important; 
}

.dxeTextBoxSys {
	 border-radius: 5px !important; 
}



/* buttons */

#LoginButton_CD {
	 border-radius: 8px !important; 
}

#AssignRequest {
	 border-radius: 8px !important; 
}

.dxbTSys {
	 border-radius: 8px !important; 
}




.dxbButtonSys {
	 border-radius: 8px !important; 
}

.dxb {
	 border-radius: 8px !important; 
}



.dxbTSys {
	 border-radius: 8px !important; 
}




/* grid */

.dxtlControl_MetropolisBlue {
	 border-radius: 8px !important; 
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}

.dxgvControl_MetropolisBlue {
	 border-radius: 8px !important; 
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}


/* panely */
.panel {
	 border-radius: 8px !important; 
}

/* textarea */


.dxeMemo_MetropolisBlue {
	 border-radius: 8px !important; 
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}

/* upload dile controls */

.dxucTextBox_MetropolisBlue {
	 border-top-left-radius: 5px; 
	 border-bottom-left-radius: 5px !important;
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}

#UploadAttachmentFilesControl_ClearBox0 {
	 border-radius: 0px !important; 
}

.dxucBrowseButton_MetropolisBlue {
	 border-top-right-radius: 5px; 
	 border-bottom-right-radius: 5px !important;
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}



/* nadpisy (left menu ad.) */
.dxrpControl_MetropolisBlue {
	 border-radius: 8px !important; 
	 border: 1px solid Silver !important; 
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}


/* text pozadavku */

.dxheControl_MetropolisBlue  {
	 border-radius: 8px !important; 
	 overflow: hidden; /* důležité! zabrání “prosvítání” rohů */
}

/* popup */

/* hlavní popup obal */
.dxpcLite_MetropolisBlue {
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #a0a0a0 !important;
}

/* vnitřní wrapper – aby nezůstaly bílé “rohy” */
.dxpcLite_MetropolisBlue .dxpc-mainDiv,
.dxpcLite_MetropolisBlue .dxpc-content,
.dxpcLite_MetropolisBlue .dxpc-header,
.dxpcLite_MetropolisBlue .dxpc-footer {
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: none !important;
}

/* konec stranky s gridem */

.dxgvControl_MetropolisBlue {	
	margin-bottom: 10px !important; 
}

/* nastaveni aplikace */

#RoundPanel_EmailMessage  {
    margin-bottom: 10px;   	  	
}

#RoundPanel_RequestsUserOptions  {
    padding-bottom: 21px;   	  	
}


/* detail pozadavku - zvetseni pro html editor reseni */


#RequestDetailView #SolutionTextTitle {
	 margin-top: 5px;
}

#RequestDetailView #RequestText {
	 height: 235px;
}

/*
#RequestText_PreviewCell {
	 height: 210px !important;
}
*/

#RequestDetailView #SolutionText {
	 height: 208px;
}

#RequestDetailView #SolutionTextHtmlEditor {
	 height: 230px
}

#RequestDetailView #SolutionTextHtmlEditor_EdtCell {
	 height: 151px
}


#RequestDetailView #ContactInformation_RPC div {
	 margin-bottom: 14px !important;
}


#RequestDetailView #RequestClassification {
	 margin-top: 5px;
}


#RequestDetailView #RequestClassification_RPC div {
    margin-bottom: 18px !important;
}


#RequestDetailView #RequestClassification_RPC .dxpcDropDown_MetropolisBlue div {
    margin-bottom: 0 !important;
}

#RequestDetailView #RequestClassification_RPC #CallbackPanel_RequestSolver {
	 margin-bottom: 18px;
}

#RequestDetailView #SaveRequestProperties {
	 margin-top: -10px;
}

/* themes */

#MasterPage_ComboBox_ThemeList_DDD_L_LBI13T0, #MasterPage_ComboBox_ThemeList_DDD_L_LBI14T0
, #MasterPage_ComboBox_ThemeList_DDD_L_LBI15T0, #MasterPage_ComboBox_ThemeList_DDD_L_LBI16T0
, #MasterPage_ComboBox_ThemeList_DDD_L_LBI17T0, #MasterPage_ComboBox_ThemeList_DDD_L_LBI18T0
, #MasterPage_ComboBox_ThemeList_DDD_L_LBI19T0, #MasterPage_ComboBox_ThemeList_DDD_L_LBI20T0
, #MasterPage_ComboBox_ThemeList_DDD_L_LBI21T0, #MasterPage_ComboBox_ThemeList_DDD_L_LBI22T0 {
display: none;
} 

/* MOBILE themes height */
@media screen and (max-width: 480px) {
#MasterPage_ComboBox_ThemeList_DDD_L_D {
height: 100px !important;  
} 

#MasterPage_ComboBox_ThemeList_DDD_LLBVSTC {
height: 100px !important;  
} 
}
/* MOBILE themes height END*/

/* themes height */
@media screen and (min-width: 481px) {
#MasterPage_ComboBox_ThemeList_DDD_L_D {
height: 295px !important;  
} 

#MasterPage_ComboBox_ThemeList_DDD_LLBVSTC {
height: 295px !important;  
} 
}
/* themes height END*/

/* 202509 end*/

/* 20260201 */

/* Shadows */ 

.panel {
	 box-shadow: 0 2px 10px rgba(0,0,0,.08) !important; 
}

.dxbButton_MetropolisBlue {
	 box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.dxrpControl_MetropolisBlue {
	 box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

#FormMainTitleDiv  {
	box-shadow: 0 2px 10px rgba(0,0,0,.08) 	!important; 
}

#DivRequestSolutionHint {
	box-shadow: 0 2px 10px rgba(0,0,0,.08) 	!important; 
}

#RequestNewView {
	box-shadow: 0 2px 10px rgba(0,0,0,.08) 	!important; 
}

/* hlavní popup obal */
.dxpcLite_MetropolisBlue {
  box-shadow: 0 2px 10px rgba(0,0,0,.08) 	!important; 
}

#ToolbarPanel .dxbButton_MetropolisBlue {
	 box-shadow: none;
} 

#ComputerInformation {
	 box-shadow: none !important; 
} 

/* Shadows end */ 
/* 20260201 end */

/* 202604 TILES/SECTION */
/* Hover – barva pozadí + text bíle */

#categoryPanels .panel {
  background-color: #ffffff;
}

.category-btn {
  background-color: #ffffff;
  border-color: #606060;
}

.category-btn:hover {
  background-color: #3973C3;
  border-color: #606060;
  color: #ffffff;
}

.category-btn-title {
  color: #404040;
}

.category-btn-description {
  color: #606060;
}

.category-btn:hover .category-btn-title {
  color: #ffffff;
}

.category-btn:hover .category-btn-description {
  color: #EAEAEA;
}

.section-title-text  {
  color: #404040;
}

.form-section-help  {
  color: #606060;
}

.breadcrumb {
  background-color: #EAEAEA;
  border-color: #808080;
}

.breadcrumb span {
  color: #3973C3 !important;
}

/* sekce Kategorie */
#RequestNewTilesView #selectedCategorySection #CategoryName {
  background: #EAEAEA !important;
}

/*
  --tile-text: #404040;
  --tile-subtext: #606060;
*/

/* 202604 end */


/* 202610 */

/* passport */


#InventoryInformation tbody,
#InventoryInformation tr,
#InventoryInformation_RPC          {
	border: 0 !important; 
	background: #fff !important;
}
#InventoryInformation_RPC          { padding: 4px 8px !important; }

#InventoryFeedbackView #Information,
#Information tbody,
#Information tr,
#Information td {
    width: 100% !important;
  /*  background: #fff !important; */   /* přebíjí šedou z dxeReadOnly_MetropolisBlue */
    border: 0 !important;
	background: #fff !important; */   /* přebíjí šedou z dxeReadOnly_MetropolisBlue */
}

#Information_I {
    width: 100% !important;
    box-sizing: border-box;
    field-sizing: content;          /* výška podle obsahu -> žádné rolovátko */
    height: auto !important;
    min-height: 200px;              /* fallback pro prohlížeče bez field-sizing */
    max-height: none !important;
    overflow: hidden !important;
    resize: none !important;
 /*   background: #fff !important; */
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 14px !important;
    cursor: default;
	font-size: 16px  !important;
	background: #fff !important;
}

#InventoryAssetList_grouppanel {
    display: none;
}

#InventoryAssetList_DXFilterRow {
    display: none;
}





/* ---------- 6. Command column "Změnit" -------------------------------------
   DevExpress vykresluje <a class="dxgvCommandColumnItem…"><span>Změnit</span></a>
   a na focused řádku dává span bílou barvu – proto se barví i span.
   -------------------------------------------------------------------------- */
#InventoryAssetList .dxgvCommandColumnItem_MetropolisBlue {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #cfdcea;
    border-radius: 4px;
    background: #fff !important;
    text-decoration: none !important;
}

#InventoryAssetList .dxgvCommandColumnItem_MetropolisBlue,
#InventoryAssetList .dxgvCommandColumnItem_MetropolisBlue span {
    color: #3973C3 !important;
    background-color: transparent !important;
}

#InventoryAssetList .dxgvCommandColumnItem_MetropolisBlue:hover,
#InventoryAssetList .dxgvCommandColumnItem_MetropolisBlue:hover span {
    background: #3973C3 !important;
    color: #fff !important;
    border-color: #3973C3;
}
	
/* Pozadí i rámeček nese jen obalová tabulka (ta má border-radius).
   Vnitřní vrstvy musí být průhledné – tbody/tr/td i input jsou pravoúhlé
   a jejich bílé pozadí jinak přetře oblouky v rozích. */
#InventoryName, #Period {
    background-color: #fff !important;
    border: 1px solid #c0c0c0 !important;   /* původní barva rámečku */
    border-radius: 5px !important;
}
#InventoryName tbody, #InventoryName tr, #InventoryName td,
#Period tbody, #Period tr, #Period td,
#InventoryName_I, #Period_I { background-color: transparent !important; }

/* ZEBRA – nth-child(… of S) počítá jen datové řádky; před nimi jsou
   v tbody ještě tr.dxgvArm, hlavička a filtrační řádek, které by
   prostému nth-of-type rozhodily paritu. */
#InventoryAssetList tr:nth-child(even of tr[class*="dxgvDataRow"]) > td {
    background-color: #f4f7fa !important;
}

/* VYBRANÝ ŘÁDEK – modrá výplň i bílý text sedí na <tr>, takže stačí
   přebít je tam. Zelené „Potvrzeno“ i modrý odkaz mají barvu vlastní,
   takže zůstanou. */
#InventoryAssetList .dxgvFocusedRow_MetropolisBlue,
#InventoryAssetList .dxgvSelectedRow_MetropolisBlue {
    background-color: transparent !important;
    color: #333 !important;
}
/* ...místo výplně jen proužek na levém kraji */
#InventoryAssetList .dxgvFocusedRow_MetropolisBlue > td:first-child,
#InventoryAssetList .dxgvSelectedRow_MetropolisBlue > td:first-child {
    box-shadow: inset 4px 0 0 #1b6fb5;
}

/* stav chytáme přes inline style, který generuje aplikace */
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Green"],
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Red"] {
    font-size: 0 !important;            /* schová původní text */
}
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Green"]::before,
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Red"]::before {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 1px 10px;
    border-radius: 999px;
}
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Green"]::before {
    content: "Potvrzeno"; background: #e7f5ec; color: #1e7a45 !important;
}
#InventoryAssetList tr[class*="dxgvDataRow"] > td[style*="color:Red"]::before {
    content: "Zamítnuto"; background: #fdeaea; color: #b42318 !important;
}


/* 202610 end */