body{
	
	background-size:cover;
	background-position:center;

	 font-size:13px;
	 font-family: 'Open Sans', sans-serif;
	/* height:auto !important;*/
	 margin-bottom:60px;
	
 }
 
 table.dataTable thead th, table.dataTable thead td {
  padding: 10px 9px;
 }

 .btn-primary {
  color: #fff;
  background-color: #187bcd;
  border-color: #187bcd;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #dedede !important;
}

.iconUserMenu{font-size:24px;width:24px;margin-right:5px;position:relative;top:6px}
#siteLogo{max-height: 70px;}


#dropdownMenuLink:hover , #dropdownMenuLink:active {text-decoration: none;}

 .commentTitle {
  font-weight: bold;
      font-size: 90%;
      }

 #downloadDesktopAll  {display:none}
 
 #EDTLEFTMENUOPEN, #BTNLEFTMENUOPENCLOSE {display:none}
#EDTLINKTOHISTORYFILE{display:none}
 .addActionButton{
	z-index:900;
	position:fixed;
	 bottom:18px;
	 right:18px;
  background-color:#337ab7;
  width:50px;
  height:50px;
  border-radius:100%;
  background:#337ab7;
  border:none;
  outline:none;
  color:#FFF;
  font-size:32px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition:.3s;  
  
}
 
.addActionButton:focus{
	border:none;
  outline:none; 
  
} 
 
.animated { 
           
           /* padding-top:95px;*/
           /* margin-bottom:60px;*/
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s; 
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; 
         }
         
         @-webkit-keyframes bounceIn {
            0% {
               opacity: 0;
               -webkit-transform: scale(.1);
            }
            50% {
               opacity: 1;
               -webkit-transform: scale(1.2);
            }
            70% {
               -webkit-transform: scale(.8);
            }
			
			80% {
               -webkit-transform: scale(1.1);
            }
			
			90% {
               -webkit-transform: scale(0.9);
            }
            100% {
               -webkit-transform: scale(1);
            }
         }
         
         @keyframes bounceIn {
            0% {
               opacity: 0;
               transform: scale(.1);
            }
            50% {
               opacity: 1; 
               transform: scale(1.05);
            }
            70% {
               transform: scale(.8);
            }
			 80% {
               transform: scale(1.1);
            }
			 00% {
               transform: scale(.9);
            }
            100% {
               transform: scale(1);
            }
         }
         
         .bounceIn {
            -webkit-animation-name: bounceIn; 
            animation-name: bounceIn;
         }
 

.activeForm{background-color: rgba(255,255,255,.090) !important}
	
	
@media (min-width: 1200px){
		.col-xl2-2 {
			-ms-flex: 0 0 20% ;
			flex: 0 0 20%;
			max-width: 20%;
		}
	}
	
	@media (min-width: 1500px){
		.col-xl3-2 {
			-ms-flex: 0 0 16.666666% ;
			flex: 0 0 16.666666%;
			max-width: 16.666666%;
		}
	}
	
	@media (min-width: 1800px){
		.col-xl3-2 {
			-ms-flex: 0 0 14.28571428571429% ;
			flex: 0 0 14.28571428571429%;
			max-width: 14.28571428571429%;
		}
	}

  .BTNCOMMENTSCSS, .BTNMENUOMCSS, .BTNADDUSERSCSS, .BTNMENUDOCSCSS,.BTNMENUDRAWINGSCSS,.BTNMENUITEMREGCSS,.BTNMENUCONTACTSCSS,.BTNMENUWARRANTYCSS,.BTNMENUMAINTENANCECSS,.BTNMENULIFECYCLECSS, .BTNMENUSCHEDULECSS {display:none}	
#EDTSHOWTOPMENUBAR, #EDTSHOWSIDEMENUBAR {display:none}

#EDTLINKTOHELPFILE, #EDTLINKDOWNLOADAPP {display:none}



	
.filterIcon{height: 31px;    padding-top: 9px}	
.filterInputField{max-width:200px;display:inline-flex}
	
.btn,.card{border-radius:0 !important}
.mt100{margin-top:100px}
.mt50{margin-top:50px}

.msg{display:none}
.card {margin-bottom:1rem}

.zeroPadding{padding-left:0;padding-right:0}
.zeroPaddingRight{padding-right:0}

.labelVersion{position:absolute;left:-100px;bottom:-30px}

#LBLACCESSCODE{display:none}

/* 
.table-dark, .bg-dark{background:#62759f !important}*/



.TopRow{
	min-height: 60px;
}



 .btn{border-radius:0 !important}
 
 

 
 .hidden{display:none}
 
 


 #animatedRow{
	 height:10px;
	 animation-name: animOpen;
	 animation-duration: 0.8s;
	 
	 }
	 
 /* -------------- */
 
 @keyframes animOpen {
  from {height: 0px;}
  to {height: 10px}
}



 .col-md-12{
	 padding-right: 5px;
     padding-left: 5px;
 }
 
 
.sBtnMenu{font-size:22px} 
 
 .modal-content{background-color:#e2e2e2}
 .modal-header{border-bottom:#777777;background-color:#c1c1c1}
 
 .paddingLeft0{padding-left:0}
 
 .link .linkedTitle,.windowopen{
	 text-decoration:underline;
	 cursor:pointer
}
  .link small{text-decoration:none}
 
 .muted{color:gray}
 
/* .DFMLogo{max-width:200px}*/
 
 .HTMLCONTENTCSS{width:100%;height:100%}
	
	
	/* file type icons : https://fileicons.org/?view=classic */
	
	.fileIcon{float:left;width:20px;height:28px;margin-right:6px;vertical-align: baseline;
			
						 
			 
				background-repeat: no-repeat;
				background-position: center center;
				/*background-attachment: fixed;*/
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover !important;
				/*max-width:100%;
				max-height:100%;
				width:auto;*/
			
			 }
		.pdfIcon{background-image:url(../images/icons/pdf.svg);}
		.docIcon{background-image:url(../images/icons/doc.svg);}
		.docxIcon{background-image:url(../images/icons/docx.svg);}
		.xlsIcon{background-image:url(../images/icons/xls.svg);}
		
	
	/* --------------------- */
	
 .assetIconHere {
	background:url(../images/icons/checkedIcon.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.docsIconHere {
	background:url(../images/icons/docs.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.docsIconHereOpened {
	background:url(../images/icons/docs.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
 
 .InfoIconHere     {
	background:url(../images/icons/info.png);
	background-position:center center;
	background-repeat:no-repeat;
}
 
 .DonwloadIconHere {
	background:url(../images/icons/downloadIcon.png);
	width:20px;
	height:20px;
	display:inline-block;
}

.CommentIconHere  {
	 background:url('../images/icons/comment-20.png');
	 background-position:center center;
	 background-repeat:no-repeat;
}


.DocumentTitle{display:inline-flex}

#downloadPDF{

	display:inline-block;
	vertical-align: baseline;
}
 
  .TooltipContainer{
	width: 100%;
    height: 30px;
    cursor: pointer;
    /*border: 1px solid black;*/
    opacity: 1;
	position: relative;
}
 
  #MainDataTable{
    display:none;
	
  }
	
  #MainDataTable td{
	vertical-align: middle;
  }

  #MainDataTable          { overflow-y: auto; height: 100px; }
  #MainDataTable thead th { position: sticky; top: 0;background-color:#800000;color:white;vertical-align: middle; }

  #isFiltered {display:none;float:left}
	
  #MainDataTable_filter label input{display:inline;float:right}
	
	.TopRow{
		background-image: linear-gradient(#cccccc,#ffffff);
		/* background: #62759F; */
		
		box-shadow: 1px 1px 8px 1px #dddddd;
}
	
	
	
	




.userDataContainer .closeUserDataBtn {
	padding: 1px 8px 1px 1px;
    text-decoration: none;
    font-size: 39px;
    color: #444444;
    display: block;
    transition: 0.3s;
    font-weight: bold;
}

.userDataContainer closeUserDataBtn:hover {
  color: #f1f1f1;
}


.userDataContainer{
  height: 300px;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #FFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 6px;
  box-shadow: 2px 1px 20px 2px #888888;
}


/* sidebar menu */
.vertical-nav {
  min-width:188px;
  padding-right:0;
  width:204px;
  height:100vh;
  position:fixed;
  top:0;
  left:-4px;
  box-shadow:3px 3px 10px rgba(0,0,0,0.1);
 /* transition:all 0.4s;*/
}
 
#content {
  width: calc(100% -188px);
  margin-left:12.4rem;
 /* transition:all 0.4s;*/
  
}

#content .table{background:white}

 
		/* for toggle behavior */
 
#sidebar.active {
  margin-left:-188px;
  left:40px;
}
 
#content.active {
 /* width:100%;*/
   width: calc(100% -10rem);
  margin:0;
  margin-left:52px
}


#sidebarCollapse{margin-right:10px} 
 .sidebarCollapseBtn{
		font-size: 21px;
		padding: 6px;
		line-height: 1;
		width: 37px;
		height: 37px;
 }
 
 .TopBtn {margin-top: 5px !important;padding-right: 8px;}
 .sidebarBtnHolder button{
	 border:1px solid #d2d2d2;    
	 width:37px;
	 height:37px;
	/*box-shadow: 0 .125rem .25rem rgba(0,0,0,.300) !important;*/
 }
 

 
 .sidebarBtnHolder button icon{
	background-repeat: no-repeat;
				background-position: center center;
				/*background-attachment: fixed;*/
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover !important;
				/*max-width:100%;
				max-height:100%;
				width:auto;*/
 }
 
 
 
 #ProjectName {font-size:16px;}

 
 .adminRow{display:none}
 
 
 /* icons on buttons sidebar menu */
 .icon-list-alt {background:url(../images/icons/list-alt.svg);}
 
 
 /*menu buttons from Delphi    hidden */
 #BTNEQUIPMENT, #BTNWORKORDERS, #BTNLOGOUT, #EDTVERSION {display:none}
 .menuClick{cursor:pointer}
 
 #EDTUSERTYPE{display:none}
 



 
/* .tableSideBarButtonsHolder {width:190px}*/
 .tableSideBarButtonsHolder td	 {padding-right:0;font-size:14px;text-align: left;border-top: none}
 .tableSideBarButtonsHolder td a {color:#ffffff;text-decoration:none}
 .tableSideBarButtonsHolder td i {font-size:1.6rem;color:#d2d2d2}
 
 .sBtnMenu{padding-top:-1px !important;padding-right: 8px;}
 
 
 .titlePageRight{font-size:13px;}
 .rightCollapseBtn{margin-top:4px;margin-bottom:4px;}
 
 #MainDataTable_filter label{margin-bottom:0}
 
 .openFilter{color:#454545;text-decoration:none}
 
 .openUserDetailsBtn {font-size:1.7rem;color:#454545 !important;text-decoration:none !important}
 
 .iconDescTd{display:none;}
 
 /*#sidebar table{width:100%}*/
 #sidebar .active .iconDescTd{display:none;padding-right:6px;transition: all 0.4s;}
 /*#sidebar .active #mainManuTable{width:49px;}*/ 
 
 #sidebar:not(.active)  .iconDescTd {display:table-cell;padding-right:6px}
 
 #tableAtBottom{display:none}
 
 
@media (max-width:768px) {
  /* css for small screens */
  
  #sidebar.active {
    margin-left: -17rem;
	left:0px;
  }
 
  #content.active {
    margin-left:0;
    width: calc(100% -17rem);
  }
  
   .DFMLogo{width:150px}
  
  
}
/* end sidebar menu */

/*calendar */
#calendar{margin-top:20px}
#calendar h2 {font-size:16px}

.legend-item > div {
       display: inline-block;
    margin-right: 5px;
    padding: 2px;
    width: 28px;
    text-align: center;
}
.dark-green{background:#057824;color:white}
.light-green{background:#55e27b}
.gray{background:gray}
.amber{background:#ffc642}
.red{background:red}
.legend{margin-top:20px}
.legend ul {list-style:none}
.legend-item{display:inline;margin-right:30px}

  @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
  }
  .checkbox{background-color:#fff;display:inline-block;height:28px;margin:0 .25em;width:28px;border-radius:4px;border:1px solid #ccc}
  .checkbox span{display:block;height:28px;position:relative;width:28px;padding:0}
  .checkbox span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:20px;left:3px;position:absolute;top:15px;width:10px}
 /* .checkbox span:hover:after{border-color:#999}*/
  .checkbox input{display:none}
  .checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.checkbox input:checked + .default:after{border-color:#444}
.checkbox input:checked + .primary:after{border-color:#2196F3}
.checkbox input:checked + .success:after{border-color:#8bc34a}
.checkbox input:checked + .info:after{border-color:#3de0f5}
.checkbox input:checked + .warning:after{border-color:#FFC107}
.checkbox input:checked + .danger:after{border-color:#f44336}


.dfmDataTable th {padding-left:10px !important;padding-right:10px !important}
.actionColumnHeader {min-width:100px; max-width:100px;width:100px;padding-right:10px}
.actionColumnContent {min-width:100px; max-width:100px;width:100px;}
.infoColumnHeader   {min-width:30px; max-width:30px;width:30px;}

#mainManuTable{width:200px}

video {
  max-height: calc(100vh - 280px);
  max-width: 100vw;
  width: 100%;
}
#BTNLOGDOWNLOAD {display:none}


/* Swiper style (image slider) */

.swiper-wrapper{height:50px !important}
.gallery-thumbs-modal .swiper-wrapper { height: 50px !important;}

.gallery-thumbs .swiper-slide {
  width: auto;
 /* border-radius: 10px;*/
  opacity: 0.8;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
  -webkit-filter: initial; /* Safari 6.0 - 9.0 */
  filter: initial;
  font-weight: bold;
  color: #231b93;
}

.gallery-thumbs img, .gallery-thumbs-modal img  {
    cursor: pointer;
    width: auto;
    height: 100%;
    padding: 1px;
    /* border-radius: 10px; */
    object-fit: contain;
    /* margin-top: 6px; */
}
/* modal */
.gallery-thumbs-modal .swiper-slide {
  width: auto;
 /* border-radius: 10px;*/
  opacity: 0.8;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.gallery-thumbs-modal .swiper-slide-active {
  opacity: 1;
  -webkit-filter: initial; /* Safari 6.0 - 9.0 */
  filter: initial;
  font-weight: bold;
  color: #231b93;
}


  


#EDTPRIMARYCOLOR, #EDTSECONDARYCOLOR {display:none}
   

    .mySwiper {
      height: 100px;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
    /*  width: 100px;*/
      height: 50px;
      opacity: 0.4;

	  width: 20%;
      height: 100%;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }


	.mySwiper2 {
      height: 360px;
      width: 100%;
    }
    .mySwiper2 .swiper-slide img {
		display: block;
		width: 100%;
		height: 400px;
		object-fit: contain;
    }

	/* modal */

	.mySwiper2Modal {
      height: 600px;
      width: 100%;
    }
    .mySwiper2Modal .swiper-slide img {
		display: block;
		width: 100%;
		height: 700px;
		object-fit: contain;
		
    }


    .mySwiper2Modal .swiper-slide  {
		cursor:zoom-in;
		height: 700px;
    }
	.swiper-slide.swiper-slide-zoomed  {
		cursor:move;
		
    }


	
	.mySwiper .swiper-slide img {
	  display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
	}

.gallery-thumbs .swiper-slide-active, .gallery-thumbs-modal .swiper-slide-active{
  border:1px solid #444;
}

.gallery-thumbs, .gallery-thumbs-modal{

    margin-top: 5px;
    height: 65px;
    margin-bottom: 10px;

}

	.swiper-zoom-container {
  
   height: 100%;
   width:100%; 
    justify-content: normal;
	
 
}

.mySwiper2 .carousel-item{cursor: pointer;}


/* end of swiper style */ 

.bg-dark,  .tableSideBarButtonsHolde, .table-dark{background-color: unset !important}
.nav-tabs > li:first-of-type > a {border-left:none !important}

#customText{position:absolute;color:white;bottom:6px;padding:10px;line-break: anywhere;}