:root 
{
  
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--btnFilter-bg-color: #4388AD;
	--btnMain-bg-color: #838D93;
	--btnMain-border-color: #646464;
	--btnAction-bg-color: #D57D31;
	--btnConfirm-bg-color: #4B922E;
	--btnDelete-bg-color:#CD4128;
	--btnTool-bg-color:#abb0ba;
    
    --checked-in-bg-color:#c4ebd2;
    --checked-out-bg-color:#d9cfc4;
    
  
    --part-validated-bg-color:#8ad1a3;
    --part-baseges-bg-color:#83c6c9;
    
    --text-color-good:#1a5c1a;
    --text-color-bad:#911e1e;
    --text-color-neutral:#30485a;
    --text-color-missing:#6d3c18;
    
	--container-main-bg:#ffffff;
    
    --container-main-sidebar-bg:#191919 ;
    --container-ecard-bg:#f9f9f9;
    
	--container-bg:white;
	--container-border:2px solid #9C9C9C;
	--container-border-small:1px solid #9C9C9C;
	--container-border-radius:3px;
	--container-padding:10px;
	
	--container-border-secondary:1px solid #9C9C9C;
	--container-bg-secondary:#E3E3E3;
	--container-border-radius-secondary:3px;
	--container-padding-secondary:10px;
    
    --lbl-var-color:dimgray;
    --lbl-accent-color:#598b8d;
    
    --controls-size:32px;
    --side-bar-icon-size:20px;
	
	--lbl-title-color:dimgray;
	--lbl-title-font-size:20px;
	

}

.hiddenInput{
    visibility: hidden;
}

html,body
{
    height: 100%;
/*    display: block;*/
/*    min-height: 1000px;*/
/*    overflow:auto;*/
/*     background-color: var(--container-main-sidebar-bg);*/
 
    
}
#head{
    background-color: var(--container-main-sidebar-bg);
}
body
{
/*     background-color: var(--container-main-sidebar-bg);*/
}

a{
    color:inherit;
  text-decoration: none;
}

#firmImage{
	width:auto;
	height:auto;
	max-width: 120px;
	max-height: 40px;
}

#statusText
{
  position: absolute;
  top: 60%;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  font-weight: 600;
  text-align: center;
}

.loader
{
	position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
   border-bottom: 16px solid #3498db;
  width: 150px;
  height: 150px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  text-align: center;
	
}

@keyframes spin
{
	  0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#logo
{
	border-radius:var(--container-border-radius);
	border: var(--container-border);
	padding:var(--container-padding);
	background-color:var(--container-bg);
	text-align:center;


}

#header
{
	border-radius:var(--container-border-radius);
	border: var(--container-border-secondary);
	padding:var(--container-padding-secondary);
	background-color:var(--container-bg-secondary);
	text-align:center;
	margin-bottom:1px;
}

#footer
{
	border-radius:var(--container-border-radius-secondary);
	border: var(--container-border-secondary);
	padding:var(--container-padding-secondary);
	background-color:var(--container-bg-secondary);
	text-align:center;
	clear:both;	
}

#btnHome
{
	width:60%;
	padding:5px;
	background: var(--btnMain-bg-color);
	border: 1px var(--btnMain-border-color) solid;
    color: white;
	padding: 5px;
    text-decoration: none;
    display: inline-block;
}

#btnBack,#btnForward
{
	width:20%;
	padding:5px;
	background: var(--btnMain-bg-color);
	border: 1px var(--btnMain-border-color) solid;
    color: white;
	padding: 5px;
    text-decoration: none;
    display: inline-block;
}


.btnAction
{
    margin: 3px;
	background-color: var(--btnAction-bg-color);
    
	color:white;
}

.btnTool
{
     margin: 3px;
	background-color: var(--btnTool-bg-color);
	color:white;
    width: 100%;
}

.btnToolSmall{
    margin: 3px;
	background-color: var(--btnTool-bg-color);
	color:white;
}

.loadingData
{
	width:99%;
	border:1px grey solid;
	margin:0 auto;
	font-size:22px;
	text-align:center;
	background-color:#A1B86B;
	padding:10px;
	
}

.inputBig
{
    font-size: big;
}

.contentActionContainer
{
    border-bottom: 1px solid #c0cbdb;
    border-top:1px solid #c0cbdb;
    padding-top:5px;
    padding-bottom: 5px;
    margin-top:6px;
    margin-bottom: 6px;
    background-color:#fcfcfc;
}
.contentContainer
{
/*    border:1px solid black;*/
    padding-top:5px;
    padding-bottom: 5px;
    margin-top:2px;
    margin-bottom: 2px;
    background-color:#fcfcfc;
}



.containerDebug
{
/*    width: 120%;*/

}
#tblHeader{
    width: 100%;

}

#tblHeader td:nth-child(2){

    width: 100%;
    background-color: var(--container-main-bg);
}
#containerLogo{
    background-color: var(--container-main-bg);
    display:inline-block;
    margin:0 auto;
    border: 1px solid pink;
    max-width: 100%;
/*    max-width: 100%;*/
}
.mainContent
{
/*    height: 100%;*/
    width: 100%;
    background-color: var(--container-main-bg);
    padding-left: 5px;
    padding-right: 5px;    
    overflow: auto;
    
}
.containerMain
{
/*     overflow: hidden;*/
/*    margin-bottom: 0 auto;*/
    min-height: 95%;
    border-radius: 3px;
    border-top-left-radius: 10px;
/*    border:1px solid var(--container-ecard-bg);*/
    padding: 3px;
/*     background-color: var(--container-main-bg);*/
}
.containerContent
{
     
    padding-left: 20px;
    padding-right: 20px;
}

.e-card
{
    background-color: var(--container-ecard-bg);
    margin-bottom: 10px;
}
.containerCard
{
    margin: 4px;
   
}
.containerDashboardLabel
{
    padding:1px 2px 1px 2px;
    text-align: center;
    color: dimgray;
    white-space: nowrap;
    font-weight: 500;
    font-size: 1em;
    
}

.imgDashboardIcon
{
    width: 40px;
    margin:5px;
}



.containerCardDashboardIconWorkerCreate
{
    margin: 0px;
/*    padding: 8px;*/
/*    background-color:#f2ffd8;*/
    text-align: left; 
    border-bottom: 2px solid #64956a;
    
}
.containerCardDashboardIconWorkerCheck
{
    margin: 0px;
/*    background-color:#d8fffc;*/
    text-align: left; 
    border-bottom: 2px solid #647595;
}

.containerCardDashboardIconAdmin
{
    margin: 0px;
/*    background-color:#f7edff;*/
    text-align: left; 
    border-bottom: 2px solid #957b64;
}
.containerCardDashboardStopWatch
{
    margin: 0px;
    padding-top:15px;
    text-align: center; 
   

}

.containerAccentBorder
{
    border: 1px solid #e6e6e6;
    padding: 5px;
    margin-top:5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;

    
}


.checkInAlert{
    text-align:  center;
    font-weight: 500;
    letter-spacing: 0.1em;
    /*font-size: larger;*/
    text-transform: capitalize;
    background-color: #e05a00;
    color:white;
}

.btnStopWatchStartRound{
    display: inline-block;
    text-decoration: none;
    background: #53d962;
    color: #ffffff;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #408b4c;
    transition: .4s;
}

.btnStopWatchStart{
  
    border: 2px solid #4CAF50;
    background-color:#e8ffe9 ;
    color: black;
    border-radius: 0.5em;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btnStopWatchStart:hover {
    background-color: #4CAF50;
    color: white;
  }

.btnStopWatchEnd{
  
    border: 2px solid #ee643a;
    background-color:#ffe7e0;
    color:  black;
    border-radius: 0.5em;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btnStopWatchEnd:hover {
    background-color: #ee643a;
    color: white;
  }

/*
.btnStopWatchStartRound:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    border-bottom: none;
    text-decoration: none;
}
*/
/*
.btnStopWatchEnd{
    display: inline-block;
    text-decoration: none;
    background: #ff8181;
    color: #ffffff;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #bd6565;
    transition: .4s;
}

.btnStopWatchEnd:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    border-bottom: none;
}
.btnStopWatchEnd a{
    color:inherit;
    text-decoration: none;
}
*/

#sideBar * {
     background-color: var(--container-main-sidebar-bg);
    color:white;

}
#sideBar > * {
     background-color: var(--container-main-sidebar-bg);
    color:white;
  
}

#listSideBarMenu * {
     background-color: var(--container-main-sidebar-bg);
    color:white;
}


#listSideBarMenu > * {
    background-color: var(--container-main-sidebar-bg);
    color:white;
  
}


.sideBar
{
/*    height: 100%;*/
    background-color: var(--container-main-sidebar-bg);
	
	
  
}

.e-sidebar{
/*	margin-bottom: 0 auto;*/
	position: fixed;
}

#btnSideBarToggle{
     background-color: var(--container-main-sidebar-bg);
}

.txtLabel
{
    color:var(--lbl-var-color);
    font-weight: 600;
}
.txtGood
{
    color:var(--text-color-good);
    font-weight: 500;
    border-bottom: 2px solid var(--text-color-good);
}

.txtNeutral
{
     color:var(--text-color-neutral);
    font-weight: 500;
    border-bottom: 2px solid var(--text-color-neutral);
}

.txtMissingData
{
     color:var( --text-color-missing);
    border-bottom: 2px solid var( --text-color-missing);
}

.txtBad
{
     color:var(--text-color-bad);
    border-bottom: 2px solid var(--text-color-bad);
}


.containerDashboardClock
{

}
/* Labels Especificos */
.lblDashBoardClock
{
    height: 100%;

/*    border: 1px solid var(--lbl-var-color);*/
/*    border-bottom: 2px solid var(--lbl-var-color);*/
    box-shadow: 0px 2px 3px var(--lbl-var-color);
         height: 100%;

        font-size: 1.2em;
    line-height: 2.2em;
    text-align: center;
/*    color: var(--lbl-var-color);*/
    font-variant:normal;
    font-stretch: expanded;
   
}

.lblTitle{
	padding:3px;
	color:var(--lbl-title-color);
	font-size: var(--lbl-title-font-size);
}

/* Labels Generales */
.lblVar
{
    padding: 3px;
    color: var(--lbl-var-color);
}

.lblVal
{
    padding: 3px;
}

.lblInfoSmall
{
    padding: 3px;
    color: dimgray;
    border:1px solid #caeaeb;
    border-radius: 3px;
    font-size:smaller;
}

.e-input
{
/*   background-color: green;*/
}
.bFullWidth
{
    width: 100%;
}


/* Nuevos Botones */


/*Botones*/
.bAction
{
    background:var(--btnAction-bg-color);
/*    width: 100%;*/
    color: white;
/*	font-size: 10px;*/
}

.bActionGood
{
    background:var(--btnConfirm-bg-color);
    color:white;
/*
    margin-left: 5px;
    margin-right: 5px;
*/
}

.bActionBad
{
    background:var(--btnDelete-bg-color);
    color:white;
/*
    margin-left: 5px;
     margin-right: 5px;
*/
}

.bTool{
    background:var(--btnTool-bg-color);
/*    width: 100%;*/
    color: white;
/*
    margin-left: 5px;
     margin-right: 5px;
*/
}

.bToolSmall{
    background:var(--btnTool-bg-color);
    color: white;
}

button {
/*  margin: 25px 5px 20px 20px;*/
}
.e-btn-icon {
  font-family: 'ej-btns-icons' !important;
  speak: none;
  font-size: 55px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* CheckBoxes */
.disablecheckbox { 
    pointer-events: none; 
    opacity: 0.5; 
} 

/* ************************************************************** */
/*Icons Buttons */
/* ************************************************************** */
.e-btn .e-btn-icon.iconSectionUserCreate{ 
    margin-right: 20px; 
} 
.iconSectionUserCreate::before{
    content: url("../img/ic_create_black_32dp.png");
}


.e-btn .e-btn-icon.iconEdit{ 
    margin-right: 20px; 
} 
.iconEdit::before{
    content: url("../img/ic_edit_black_32dp.png");
}


.e-btn .e-btn-icon.iconExit{ 
    margin-right: 20px; 
} 
.iconExit{
    content: url("../img/ic_exit_black_32.png");
}

.e-btn .e-btn-icon.iconAdd{ 
    margin-right: 20px; 
} 
.iconAdd{
    content: url("../img/ic_add_circle_black_32.png");
}


.e-btn .e-btn-icon.iconAddWhite{ 
    margin-right: 10px; 
    width: 20px;
    height: 20px;
} 
.iconAddWhite{
    content: url("../img/ic_add_circle_white_32.png");

}

.e-btn .e-btn-icon.iconSave{ 
    margin-right: 20px; 
} 
.iconSave{
    content: url("../img/ic_save_black_32.png");
}

.e-btn .e-btn-icon.iconSaveWhite{ 
    margin-right: 10px; 
    width: 20px;
    height: 20px;
} 
.iconSaveWhite
{
    content: url("../img/ic_save_white_32.png");
}


.e-btn .e-btn-icon.iconDelete{ 
    margin-right: 20px; 
} 
.iconDelete{
    content: url("../img/ic_delete_black_32dp.png");
}

.e-btn .e-btn-icon.iconDeleteWhite{ 
    margin-right: 20px; 
} 
.iconDeleteWhite{
    content: url("../img/ic_delete_white_32dp.png");
}

.e-btn .e-btn-icon.iconCancel{ 
    margin-right: 20px; 
} 
.iconCancel{
    content: url("../img/ic_cancel_black_32.png");
}

.e-btn .e-btn-icon.iconMenu{ 
    margin-right: 20px; 
} 
.iconMenu{
    content: url("../img/ic_menu_black_32.png");
}

.e-btn .e-btn-icon.iconMenuWhite{ 
    margin-right: 20px; 
} 
.iconMenuWhite{
    content: url("../img/ic_menu_white_32.png");
}


.e-btn .e-btn-icon.iconSearch{
    margin-right: 20px;
}

.iconSearch{
    content:url(../img/ic_search_black_32.png);
}

.e-btn .e-btn-icon.iconSearchWhite{
    margin-right: 20px;
}

.iconSearchWhite{
    content:url(../img/ic_search_white_32.png);
}


.e-btn .e-btn-icon.iconSupervisor{
    margin-right: 20px;
}

.iconSupervisor::before{
    content:url(../img/ic_supervisor_black_32dp.png);
}

.e-btn .e-btn-icon.iconSupervisorWhite{
    margin-right: 20px;
}

.iconSupervisorWhite{
    content:url(../img/ic_supervisor_white_32.png);
}

.e-btn .e-btn-icon.iconStopwatch{
    margin-right: 20px;
}
.iconStopwatch{
    content: url(../img/ic_timer_black_32.png);
}

.e-btn .e-btn-icon.iconConfirmWhite{
     margin-right: 20px;
}
.iconConfirm{
    content: url(../img/ic_check_black_32.png);
}
.e-btn .e-btn-icon.iconConfirmWhite{
     margin-right: 20px;
}
.iconConfirmWhite{
    content: url(../img/ic_check_white_32.png);
    
}


.e-btn .e-btn-icon.iconGallery{ 
    margin-right: 20px; 
} 
.iconGallery{
    content: url("../img/ic_gallery_black_32.png");
}

.e-btn .e-btn-icon.iconGalleryWhite{ 
    margin-right: 20px; 
} 
.iconGalleryWhite{
    content: url("../img/ic_gallery_white_32.png");
}


.e-btn .e-btn-icon.iconDownload{ 
    margin-right: 20px; 
} 
.iconDownload{
    content: url("../img/ic_download_black_32.png");
}

.e-btn .e-btn-icon.iconDownloadWhite{ 
    margin-right: 20px; 
} 
.iconDownloadWhite{
    content: url("../img/ic_download_white_32.png");
}

.e-btn .e-btn-icon.iconChange{
    margin-right:  20px;
}
.iconChange{
    content: url("../img/ic_change_black_32.png");
}

.e-btn .e-btn-icon-iconChangeWhite{
    margin-right:20px;
}

.iconChangeWhite{
    content:url("../img/ic_change_white_32.png");
}


.e-btn .e-btn-icon.iconChangeArrows{
    margin-right:  20px;
}
.iconChangeArrows{
    content: url("../img/ic_change_arrows_32.png");
}

.e-btn .e-btn-icon-iconChangeArrowsWhite{
    margin-right:20px;
}

.iconChangeArrowsWhite{
    content:url("../img/ic_change_arrows_white_32.png");
}

.e-btn .e-btn-icon.iconPdf{ 
    margin-right: 20px; 
} 
.iconPdf{
    content: url("../img/ic_pdf_black_32.png");
}

.e-btn .e-btn-icon.iconPdfWhite{ 
    margin-right: 20px; 
} 
.iconPdfWhite{
    content: url("../img/ic_pdf_white_32.png");
}

.e-btn .e-btn-icon.iconPrint{
	margin-right: 20px;
}

.iconPrint{
	content: url("../img/ic_print_black_32.png");
}

.e-btn .e-btn-icon.iconPrintWhite{
	margin-right: 20px;
}

.iconPrintWhite{
	content: url("../img/ic_print_white_32.png");
}

/* Icon Users */
.e-btn .e-btn-icon.iconUsers{
	margin-right: 20px;
}

.iconUsers{
	content: url("../img/ic_multiple_users_black_32.png");
}

.e-btn .e-btn-icon.iconUsersWhite{
	margin-right: 20px;
}

.iconUsersWhite{
	content: url("../img/ic_multiple_users_white_32.png");
}

.e-btn .e-btn-icon.iconDepartment{
    margin-right: 20px;
}

.iconDepartment{
    content:url("../img/ic_department_black_32.png");
}

.e-btn .e-btn-icon.iconDepartmentWhite{
    margin-right: 20px;
}

.iconDepartmentWhite{
    content:url("../img/ic_department_white_32.png");
}

.e-btn .e-btn-icon.iconSkycraper{
	margin-right: 20px;
}
.iconSkycraper{
	content: url("../img/ic_skycraper_black_32.png");
}

.e-btn .e-btn-icon.iconSkycraperWhite{
	margin-right: 20px;
}
.iconSkycraperWhite{
	content: url("../img/ic_skycraper_white_32.png");
}

.e-btn .e-btn-icon.iconDashboard{
	margin-right: 20px;
}

.iconDashboard{
	content: url("../img/ic_dashboard_black_32.png");
}

.e-btn .e-btn-icon.iconDashboardWhite{
	margin-right: 20px;
}

.iconDashboardWhite{
	content: url("../img/ic_dashboard_white_32.png");
}

.e-btn .e-btn-icon.iconFactoryWhite{
    margin-right:20px;
}

.iconFactoryWhite{
    content: url("../img/ic_factory_white_32.png");
}


.e-btn .e-btn-icon.iconSyncWhite{
    /*margin-right:20px;*/
    width: 18px;
    height: 18px;
}

.iconSyncWhite{
    content: url("../img/ic_sync_white_32.png");
}
.e-btn .e-btn-icon.iconPinPersonWhite{
    /*margin-right:20px;*/
    width: 18px;
    height: 18px;
}

.iconPinPersonWhite{
    content: url("../img/ic_person_pin_circle.png");
    width: 50px;
}


.e-btn-icon{
	height: 21px;
	width: 21px;
}

/* ************************************************************** */
/* Icons SideBarMenu */
/* ************************************************************** */

.icon_sidebar_home_black_32{
    content:url("../img/ic_home_black_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_home_white_32{
    content:url("../img/ic_home_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_clock_black_32{
    content:url("../img/ic_clock_black_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_clock_white_32{
    content:url("../img/ic_clock_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_exit_black_32{
	content: url("../img/ic_exit_black_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_exit_white_32{
	content: url("../img/ic_exit_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_superuser_pendants_white_32{
    content:url("../img/ic_ballot_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_parts_black_32{
    content: url("../img/ic_tool_black_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_parts_white_32{
    content: url("../img/ic_tool_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}
.icon_sidebar_supervisor_black_32{
    content: url("../img/ic_supervisor_black_32dp.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_supervisor_white_32{
    content: url("../img/ic_supervisor_white_32dp.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
    
}


.icon_sidebar_documents_black_32{
    content: url("../img/ic_document_black_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}
.icon_sidebar_documents_white_32{
    content: url("../img/ic_document_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_user_config_white_32{
	content: url("../img/ic_settings_white_32.png");
	max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_user_planification_white_32{
    content: url("../img/ic_planner_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}

.icon_sidebar_user_worktools_white_32{
    content: url("../img/ic_worktools_white_32.png");
    max-width:var(--side-bar-icon-size);
    max-height:var(--side-bar-icon-size);
}


/* ************************************************************** */
/*Rows CheckIn State*/
/* ************************************************************** */
.rowCheckedIn{
    background-color: var(--checked-in-bg-color);
}

.rowCheckedOut{
    background-color: var(--checked-out-bg-color);
}

/*Rows Parts State*/

.rowPartValidated{
    background-color: var(--part-validated-bg-color);
}
.rowPartBaseges{
    background-color: var(--part-baseges-bg-color);
}




.image-thumb { 
    position: relative; 
    float: left;
    width: 100px;
    height: 100px; 
    max-width: 100px;
    max-height: 100px;
    /* apply background-image url inline on the element since it is part of the content */
    background: transparent url() no-repeat center center;
    background-size:cover;
}

.image-thumb a { 
    display: none;
    position: absolute; 
    top: 60px;  /* position in bottom right corner, assuming image is 16x16 */
    left: 60px; 
    width: 32px; 
    height: 32px; 
    background: transparent url(../img/ic_delete_white_blackBG_32dp.jpg) no-repeat 0 0;
}   

.image-thumb:hover a { 
    display: block;
}

.image-firm-pdf{ max-height: 18mm; max-width: 40mm; float:right;}

.containerCheckInPdfControls{
    position: -webkit-sticky;
  	position: sticky;
  	top: 0;
}

.containerCheckInTextData{
    float:left;
}

.containerCheckInEntrie{
    border: 1px solid dimgray;
    font-size: 10px;
    padding: 1mm;
    margin-bottom: 0.5mm;
    margin-left: 0.5mm;
    width: 48%;
    height: 20mm;
    float:left;
}

.e-input.adminPanelTextInput{
	height: 12px;	
}

.maxWidthTimePicker{
	max-width: 300px;
}

.row.spacer{
	margin-top: 4px;
	margin-bottom: 4px;

}

.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn{
   /* background-color:green;*/
    border-bottom: 2px solid #dd4477;
   /* border-left: 2px solid #e281a2;*/
}

.e-overlay {
    opacity:0.2;
}

.logo_left{
    float:left;
    max-height: 65px;
   
}

.logo_right{
    float:right;
    max-height: 65px;
}



#containerWelcome{
    font-size: medium;
    font-weight: 400;
    padding: 2em;
}

.formTitleHeader{
    font-size: medium;
    font-weight: 500;
    color:#666666;
}

#customLogoDiv{
/*    
     width: 90%;
    position: relative;
    height: 100px;
    display:inline-block;
    overflow: hidden; 
     margin-left: -50vw;
  
    margin-top: 1px;
    left: 50%;  */
}

#customLogoDivSpacer{
    width:100%;
    background-color:green;
}


#framePlanner {
    display: block;       /* iframes are inline by default */
   
    border: none;         /* Reset default border */
    height: 80vh;        /* Viewport-relative units */
    width: 100%;
}

.iFrame{
    display: block;       /* iframes are inline by default */
   
    border: none;         /* Reset default border */
    height: 80vh;        /* Viewport-relative units */
    width: 100%;
}