/* fontawesome */
@import url("fontawesome/css/all.css");

.icon-red:hover {color:white;}
.icon-red    {color:red;}
.icon-green  {color:green;}
.icon-blue   {color:blue;}
.icon-yellow {color:yellow;}



/* for a single card list line */
.html-line {
  padding-top: 3px !important;
  font-size: 1.0rem;
}

.custom-cardlist {
  padding-top: 2px !important;
  font-size: 1.0rem;
}

iframe {
  background-color: transparent !important;
  font-family: Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
}

.light iframe {
  color : #90DAEE;	
}

.dark iframe {
  color : #F7AC08;	
}

/* PROGRESS BAR */
.progress_bar_wrapper span {
  width : 95% !important;		
}

/* CHECKBOXES IN FORMS */
[data-testid*="form"] .checkbox {
  margin-top: 0px  !important;
}

.checkbox__container {
  padding-top: 0px !important;
  margin-top: 0px  !important;
}


/* TREEVIEW */
[data-testid="form-field__ent-type__image"] svg {
	padding-top: 6px; 	
}

/* LOGIN */

.login__group--icon {
  display: none;
}

.login__group--icon-container {
  background: url('/universal/login_logo_dark.svg');  
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 10em;
  width: 20em;
}


[data-testid="AccountCircleIcon"] {
  visibility: hidden;
}

/*
.light .edit-mode input, .light .edit-mode textarea, .light .edit-mode div {	
  background-color : #90DAEE;	
}

.dark .edit-mode input, .dark .edit-mode textarea, .dark .edit-mode div {
  color : #000000   	;		
  background-color : #F7AC08;	
}

  .edit-mode .Mui-disabled {
  background-color: whitesmoke;
}

*/

.edit-mode .MuiInputBase-root {
    border-bottom: 1px solid rgb(0, 0, 235);
}

.edit-mode .Mui-disabled {
    border: 0 !important;
}

/*
.div.image-placeholder {
  width: 100;
  height: 100;
}
*/

/* -- TILE MENU --  */
.light [data-testid="tiles"] {background-color: #F2F4F7 !important;}
.dark [data-testid="tiles"] {background-color: #767676 !important;}

.light [data-testid="tiles"] .MuiPaper-rounded {background-color: #F2F4F7 !important;}
.dark [data-testid="tiles"] .MuiPaper-rounded {background-color: #575756 !important;}

@media only screen and (max-width: 768px) {

[data-testid^="tiles"] {width: 100% !important;}

  [data-testid^="tiles"] .MuiPaper-rounded {
    width: 102px !important;
    height: 102px !important;
  }

  [data-testid^="tiles"] img {
    width: 55px !important;
    height: 55px !important;
  }

  [data-testid^="tiles"] svg {
    width: 55px !important;
    height: 55px !important;
    display: block;
    margin: auto;
  }
}
/* -- GRIDS --  */

[data-testid*="hh0"] .ag-header {
  height: 0px !important;
  min-height: 0px !important;
}

[data-testid*="hh1"] .ag-header {
  height: 30px !important;
  min-height: 30px !important;
}

[data-testid*="hh1"] .ag-header-cell {
  height: 30px !important;
}

[data-testid*="hh2"] .ag-header {
  height: 60px !important;
  min-height: 60px !important;
}

[data-testid*="hh2"] .ag-header-cell {
  height: 60px !important;
}

.tsf-grid-cell svg {
  height: 80% !important;
}							  

/[data-testid*="grid"] .checkbox {
  margin-top: 8px  !important;
}

.tsf-grid-cell .html {
  padding:0 !important;
  margin:0  !important;
}

.html-cell {
  padding: 0 !important;
}

.image-column {
  padding:0 !important;	
}


[data-testid*="dx-event-html"] div {
	display: inline-block !important;
	overflow-y: auto;
	align-items: none;
}

/* -- FORM LIST --  */

[data-testid*="smart_filter"] section {
   grid-template-rows: repeat(auto-fill, 25px);
   margin:0px !important;
}

.FormList section {
   grid-template-rows: repeat(auto-fill, 25px);
   margin:0px !important;
}

.FormList section .checkbox__container {
   padding:0px !important;
   width:30px !important;
}

.FormList section span{
   padding-top: 0px !important;
   padding-left: 0px !important;
   white-space: nowrap;
   text-overflow: clip;  
}

.FormList .scrollbar-container {
   padding-top: 2px !important;
   padding-left: 4px !important;
}


/* POPUP DOCUMENT */
@media only screen and (min-width: 700px) {
  [data-testid="popup__document"] .MuiDialog-scrollPaper {
	  width: 650px !important;
	  position: absolute !important;
	  right: 4px !important;
	  }
}

/*
.MuiTypography-root [mode="popup"] {
  height: calc(100% - 46px);
}
*/


/* -- CARD LIST --  */
[data-testid*="cardlist"] .image-placeholder {
  width:  30px !important; 
  height: 30px !important; 
  min-width: 25px !important; 
  min-height: 25px !important;
  margin-right: 4px !important; 
}

.cardlist-icon {
  width:  30px !important; 
  height: 30px !important; 
  min-width: 25px !important; 
  min-height: 25px !important;
  margin-right: 4px !important; 
}

.cardlist-icon svg {
                     width: 70% !important;
                     height: 70% !important;
                     margin-left: 4px;
                     margin-top: 4px;
                   }

.cardlist-max-1 {
                  white-space: normal !important;
                  font-size: 1.0rem; 
                  display: -webkit-box; 
                  -webkit-box-orient: vertical; 
                  -webkit-line-clamp: 1; 
                  overflow: hidden; 
                  text-overflow: ellipsis; 
               }

.cardlist-max-2 {
                  white-space: normal !important;
                  font-size: 1.0rem; 
                  display: -webkit-box; 
                  -webkit-box-orient: vertical; 
                  -webkit-line-clamp: 2; 
                  overflow: hidden; 
                  text-overflow: ellipsis; 
                }

.cardlist-max-3 { 
                 white-space: normal !important;
                 font-size: 1.0rem; 
                 display: -webkit-box; 
                 -webkit-box-orient: vertical; 
                 -webkit-line-clamp: 3; 
                 overflow: hidden; 
                 text-overflow: ellipsis; 
               }

[data-testid*="avatar"] .cardlist-icon, [data-testid*="avatar"] .image-placeholder {
  width: 32px !important;
  height: 32px !important;
  margin-right: 12px !important; 
  visibility: visible !important; 
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  align-self: self-start;
  overflow: hidden; 
} 

[data-testid*="cardlist"] .button, [data-testid*="cardlist"] button {
  display: none;
}

[data-testid*="single-card"] .selected, [data-testid*="single-card"] selected {
    background-color: transparent;
    border-bottom: transparent;
}

[data-testid*="screen__card-list-document"] .cardlist-icon {
  width: 75px !important;
  max-height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;  
  margin: auto !important;
  margin-right: 12px !important;
  visibility: visible !important;
  background-color: white;
  padding: 1px !important;
  border: 1px solid #ddd;
}

[data-testid*="screen__card-list-document"] .image-placeholder {
  width: 75px !important; 
  height: 50px !important;
  margin: auto !important;
  margin-right: 12px!important;
  border: 1px solid #ddd;
  background-color: white;  
}

[data-testid*="screen__universal-documents"] .cardlist-icon {
  width: 75px !important;
  max-height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;  
  margin: auto !important;
  margin-right: 12px !important;
  visibility: visible !important;
  background-color: white;
  padding: 1px !important;
  border: 1px solid #ddd;
}

[data-testid*="screen__universal-documents"] .image-placeholder {
  width: 75px !important; 
  height: 50px !important;
  margin: auto !important;
  margin-right: 12px!important;
  border: 1px solid #ddd;
  background-color: white;  
}

.MuiListItem-root {
   padding: 4px !important;
}

.screenComponent.ToolBar {
  max-height: 40px !important; 
  min-height: 40px !important; 
  padding-left: 0px !important;
} 

.checkbox__container {
  padding-left: 0px !important;
  padding-bottom: 10px !important;
}

/* form group headers */

.keep-together .group-title{
  padding-left: 2px !important;
}

h2.group-title {
  padding-top: 20px !important;
}

/* IMAGE-PREVIEW */
[data-testid^="preview"] .img {
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
}