#versione { width:95%; text-align:center}
#helppagina { width:5%; text-align:right}
#interaction { font-size:16px; font-weight: bold;}
#topbar
{    width:100%;
    height:29px;
    /* background-image: url(img/top.gif);
    background-repeat:repeat-x; */
    text-align:center;
    font-weight:bold;
    min-width:800px;
    padding-top:7px;
     background: url(img/horizontal.png) no-repeat left -328px;
     position:absolute;
     z-index:3;



    }
html>body  #topbar{
    height:22px;
}

#toolbar{
  padding: 5px;
  text-align: center;
}

#toolbar button[id^=menubutton]{
  border: 0;
}

fieldset {
  border: 0 !important;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

fieldset legend {
  border: 0 !important;
}

input.ui-widget-content, *.ui-button {
  border: 1px solid #6d6d6d4f;
}

*.ui-button.ui-state-hover {
  background-color: var(--mdc-theme-primary-light, #f5f5f5);
}

#contWindow{
    margin-bottom: 35px;
}

#msgFlashStatic{
    display: block;
    position: absolute;
    z-index: 10000;
    width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 35px;
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
}

#msgFlashStatic .ui-state-highlight.ui-corner-all, #msgFlashStatic .ui-state-error.ui-corner-all {
    border: 0;
    background: none;
    color: #37474F;
}

#msgFlash {
  display: block;
  position: absolute;
  z-index: 10;
  width: 200px;
  left: 0px;
  top: 0px;
  border : 1px solid #78A4B0;
	vertical-align : top;
	padding : 2px;
	background-color: #636363;
	color: white;
	font-weight : bold;
}
#bottombar {
  width:100%;
  height:35px;
  background-image: url(img/layout_09.gif);
  background-repeat:repeat-x;
  text-align:center;
  background-position: 0 -12px;
}

::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--mdc-theme-primary);
}



.affianca{ float:left; position:relative;}

.admin-button {
  font-size: 7px !important;
}
img.admin_logo {
  margin-right: 5px;
  height: 10px;
}


#botNav {background:#ffcdd2}
#botNav {clear:both; text-align:center; border-bottom:1px solid #d3e7f3; /*necessary to show bg at top*/}
#botNav	{position:  absolute; left:0; bottom:0; width:100%; white-space:nowrap; overflow:hidden;}

.nav {padding:4px 0; margin:0;}
.nav li {font-size:0.9em; display:inline; padding:0 1.4%; border-right:1px solid #d7e8f4; cursor:pointer;}
.nav li:hover {color:#369;}
.nav li.last {border-right:none;}
.nav a {border-bottom:none;}




.seldiv {
overflow: hidden;
position: absolute;
z-index: 100;
border: 1px solid #9E2F2D;
top: 19px;
visibility: hidden;
}

.sepLine
{    background: url(img/horizontal.png) no-repeat left -368px;
    height:10px;
    width:100%;
    margin-top:15px;
    }

.elDesc { display:inline; cursor:pointer; height:14px; padding-left:4px;}
.elDescSelected {    background: url(img/horizontal.png) no-repeat left -810px;   }
.iExpand {  float:left;
     background: url(img/selplusbright.png);
     width: 12px;
     height:12px;
     cursor: pointer;
     }
.iCompress {  float:left;
     background: url(img/selminusbright.png);
     width: 12px;
     height:12px;
     cursor:pointer;
     }
.iLeaf {  float:left;
     width: 12px;
     height:12px;
     }
.childrenTab { margin-left:13px;}
.softRight
{ background:#ffffff url(img/vertical.png) repeat-y top right;
    }
#movingId {
    display: block;
    position: absolute;
    border: solid 1px #dcdcdc;
    background:url(img/horizontal.png) no-repeat left -30px;
     height:14px;
    z-index: 10;}
.lButton { background:url(img/horizontal.png) no-repeat left -414px;
     height:18px}
.rButton { background:url(img/horizontal.png) no-repeat right -414px;
     height:18px; margin-left:4px; text-align:center; cursor:pointer; color:Black}

.lFEButton { background:url(img/FEbutton.png) no-repeat left -1px;
     height:40px}
.rFEButton { background:url(img/FEbutton.png) no-repeat right -1px ;
     height:40px; margin-left:4px; text-align:center; cursor:pointer; color:Black; font-size:13px; font-weight:normal; padding-top:12px}
html>body .rFEButton {height:28px; }

.StFEButton { /* background:url(img/FEbutton.png) no-repeat -10px -3px ;
ui-bg_glass_85_dfeffc_1x400.png
ui-bg_glass_95_fef1ec_1x400.png
ui-bg_gloss-wave_45_817865_500x100.png
    background-image: url(plugins/uitemplates/redmond/images/ui-bg_glass_95_fef1ec_1x400.png);
ui-bg_gloss-wave_60_fece2f_500x100.png
    background-image: url(plugins/uitemplates/sunny/images/ui-bg_gloss-wave_60_fece2f_500x100.png);
*/
background-color: var(--mdc-theme-primary-light, #64d8cb);
/*    background-image: url(plugins/uitemplates/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 50%;
background-position-y: 50%;
background-origin: initial;
background-clip: initial;
background-color: var(--mdc-theme-primary-light, #64d8cb); /*D0E5F5   */

     border: 1px solid #d0d8db;
    margin-top:1px; margin-left:1px; height:40px;  text-align:center; cursor:pointer; color:Black; font-size:13px; font-weight:normal; padding-top:12px}
html>body .StFEButton {height:28px; }
.EvButton { background:url(img/horizontal.png) no-repeat  -5px -258px; border: 1px solid #F5B904;  }
.M1Button {  border: 1px solid var(--mdc-theme-primary-dark, #00766c);  }
.S1Button { background:url(img/buttMenu.png) no-repeat  -5px -1px; border: 1px solid #F5B904;  }
.S2Button { background:url(img/buttMenu.png) no-repeat  -5px -50px; border: 1px solid #F5B904;  }
.S3Button { background:url(img/buttMenu.png) no-repeat  -5px -100px; border: 1px solid #F5B904;  }
.S4Button { background:url(img/buttMenu.png) no-repeat  -5px -150px; border: 1px solid #F5B904;  }
.S5Button { background:url(img/buttMenu.png) no-repeat  -5px -200px; border: 1px solid #F5B904;  }
.S6Button { background:url(img/buttMenu.png) no-repeat  -5px -250px; border: 1px solid #F5B904;  }
.S7Button { background:url(img/buttMenu.png) no-repeat  -5px -300px; border: 1px solid #F5B904;  }
.S8Button { background:url(img/buttMenu.png?2) no-repeat  -5px -350px; border: 1px solid #F5B904;  }
.S9Button { background:url(img/buttMenu.png) no-repeat  -5px -400px; border: 1px solid #F5B904;  }




.clear { position:static; float:none; display: block; clear:both}

#boxNavigation{ position:relative; display:block; margin-top:5px;font-size: 9px}
.PagerGoTo {
    width: 22px;
    height: 13px;
    text-align: center;
    float: left;
    display: inline;
    margin: 1px;
    padding-top: 4px;
    border: solid 1px #e0effc;
    background-size: contain;
    background-position: center;
    background-color: #87b6d9;
    cursor: pointer;
    border-radius: 4px;
}
.PagerGoTo:hover {background-color:#6ea7d1}
.PagerGoTo.PagerDisabled{
    background-color: #BDBDBD;
    cursor: default;
}
.PagerGoTo.PagerDisabled:hover{background-color: #BDBDBD;}
.PagerGoTo.PagerNext{
    background-image: url(img/material_arrow_right.png);
}
.PagerGoTo.PagerPrev{
    background-image: url(img/material_arrow_left.png);
}

#recPager{
    width: 40px;
    margin-top:5px;
    border: 0;
}

.PagerCurr
{
    font-weight: bold;
    width: 30px;
    height: 17px;
    text-align: center;
    float: left;
    display: inline;
    margin: 1px;
    border: solid 1px gray;
    background-color: #dcdcdc;
    padding-top:5px;
}
.menubg {
     background-image: url(img/tb_bk.png);
     background-repeat: repeat-x;
     color: #000000;
     height: 24px;
     vertical-align: middle;
}

a.bottonesq {
	 padding-top: 3px;      border:  none 0 Aqua;
	 color: #000000;    width: 116px;   height:24px;     display:block;
     background-image: url(img/tb_a.png);   background-repeat: no-repeat;}
html>body a.bottonesq {   height:21px;   }
a.bottonesq:hover {
     background-color: Transparent;
     background-image: url(img/tb_hover.png);
     background-repeat: no-repeat;
     color: #000000;
}


div#navigation{background-color: #9cf; border: 1px solid #787878;padding-left: 20px}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{display: inline;margin: 0;padding:0}
div#navigation li a{text-decoration: none;border: 1px solid #787878;padding: 0px 0.3em;
    background: #ccc;color: #036}
div#navigation li a:hover{background-color: #f0f0f0}
div#navigation li#activelink a{border-bottom: 1px solid #fff;background-color: #fff;color: #603}
.riqpage { border-bottom:  1px solid #787878; border-left:  1px solid #787878; border-right:  1px solid #787878}

.cdisabled { color:Gray; }

a.bottone {
	padding-top: 7px;
      border:  none 0 Aqua;
	 color: #000000;
    width: 124px;
     height:24px;
           display:block;

     background-image: url(img/butt1.gif);
     background-repeat: no-repeat;
}

a.bottone:hover {
     background-image: url(img/butt2.gif);
     background-repeat: no-repeat;
     color: #000000;
}

.tabhead {
	background-color: #636363;
	color: white;
	font-weight : bold;
	border-left: medium none;
	border-right: 1px solid rgb(192,192,192);
	border-top: medium none;
	border-bottom: 1px solid rgb(192,192,192);
	text-align : center;
	 }




.tabrow {
	background-color: var(--mdc-theme-primary-light, #f5f5f5);
  color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.87));
	border-left: medium none;
	border-right: 1px solid rgb(192,192,192);
	border-top: medium none;
	border-bottom: 1px solid rgb(192,192,192) }
.tableback {
	background-color: rgb(255,255,255);
	border: medium none;
	}
.tdheader {
	border : 1px solid #78A4B0;
	vertical-align : top;
	padding : 2px;
	background-color: White;
}

.tdnormal {
	border-left: medium none;
	border-right: 1px solid rgb(192,192,192);
	border-top: medium none;
	border-bottom: 1px solid rgb(192,192,192);
	vertical-align : top;
	padding : 3px;
	background-color: #fafafa;
	border-collapse:collapse;
}
.tdSub, .tdSub td{    padding-bottom: 20px;    background-color: #d1e3ff;    font-weight: bold;}

.tdnumeric { text-align:right}
.taleft { text-align:left}
.tdlight, .tdlight td {
	border-left: medium none;
	border-right: 1px solid rgb(192,192,192);
	border-top: medium none;
	border-bottom: 1px solid rgb(192,192,192);
	vertical-align : top;
	padding : 2px;
	background-color: #f0f8ff;

	 }
.tddark, .tddark td {
	background-color: #ABE8FC;
	border-left: medium none;
	border-right: 1px solid rgb(192,192,192);
	border-top: medium none;
	border-bottom: 1px solid rgb(192,192,192) }

.aleon {
	font-family: Roboto;
	font-size: 10px; text-decoration:none;
	/* background-color: #FFFACD; */
	border-color: #000000;
	border-width:1;
	color: #000000;
	border-style:solid;
	 }

.hometitle {
	font-family: Roboto;
	font-size: 10pt;
	color : #191970;
	font-weight : bold;
	font-variant : small-caps;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url('logo.jpg');
	background-position: right center;
	border : 2px solid #78A4B0;
}

.normalchar {
	font-family: Roboto;
	font-size: 10px;
	color : Black;
	font-weight : normal;
	font-variant : normal;


}

.monochar {
	font-family: Roboto;
	font-size: 10px;
	color : Black;
	font-weight : normal;
	font-variant : normal;

}

.monocharForm {
	font-family: Roboto;
	font-size: 10px;
	color : Black;
	font-weight : normal;
	font-variant : normal;
		 /*background-color: #FFFACD; */
	border-color: #000000;
	border-width:1;
	color: #000000;
	border-style:solid;

}

.buttonform {
	font-family: Roboto;
	font-size: 10;
	background : #191970;
	color : #F8F8FF;
}

.imgnavbar {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url('logo.jpg');
	background-position: right center
}
.navbar {
	background : #636363;
	color: White;
	font-weight : bold;
}
.easyborder {
	border-bottom-width : 1px;
	border-right-width : 1px;
	border-left-style : none;
	border-top-style : none;
}

	A:hover.linknavbar {
	border : 1px solid #636363;
	text-decoration : none;
	color : Blue;
	background-color : White;
	}
	A:link.linknavbar {
	border : 1px solid #65C296;
	text-decoration : none;
	color : #ABE8FC;
	}
	A:visited.linknavbar {
	border : 1px solid #65C296;
	text-decoration : none;
	color : #ABE8FC;
	}

A:link,
A:visited {
	/* border : 1px solid #636363;  */
	text-decoration : none;
	color : #636363;
}

A:link.dark,
A:visited.dark {
	border : 1px solid #636363;
	text-decoration : none;
	color : #ffffff;
}

BODY {
	background : #FFFFFF;
	font-family: Roboto;
	font-size : 10px;
	margin:0px;
}

BODY.header {
	margin : 0px;
}

h1 {font-size: 22px; letter-spacing: -1px;  font-weight: normal}
.header {font-size: 24px;}
h2 {font-size: 16px; letter-spacing: -1px;  font-weight: normal}
h3 {font-size: 14px;  font-weight: normal}


td {font-family: Roboto; font-size: 14px}
th {font-family: Roboto; font-size: 13px; font-weight:bold; padding:2px}

b {
	/*background-color :#99CCFF;*/
	font-size: 10px;
}

textarea {
    	font-family: Roboto;
	font-size: 11px; text-decoration:none;
	/* background: url(img/horizontal.png) no-repeat left -253px;

*/

	border-bottom: solid 1px #D0D8DE;
	border-right: solid 0px ;
	border-top: solid 0px;
	border-left: solid 0px;
	color: #000000;
	border-style:solid;
}


 input:not(.mdc-text-field__input),select {
	font-family: Roboto;
	font-size: 14px;
  text-decoration:none;
	border-bottom: solid 1px #D0D8DE;
	border-right: solid 0px ;
	border-top: solid 0px;
	border-left: solid 0px;
	color: #000000;
	border-style:solid;
}

.littleform
{
	font-family: Roboto;
	font-size: 9px;
	background-color: #FFFFFF;
	border-color: #000000;
	border-width:1;
	color: #000000;
	border-style:solid;
	height:13px;
}

@media print {
#mainContent { padding-top:29px; padding-bottom: 15px }
.monocharForm {	overflow: hidden;}
.tabhead {
	background-color: #636363;
	border: 1px solid rgb(192,192,192);
	color: black;
	font-weight : bold;
	text-align : center;
	 }
.buttonform {    display: none;}
.noprint  {    display: none;  }
.printrid {
     width: 700px;
     border: solid 1px rgb(192,192,192);
     height: auto;
     border-collapse:collapse;
    }
  .pagebreak  {    page-break-before: always;  }
  .onlyprintbreak   {    page-break-before: always;  }
A:link,
A:visited {	border: none;}
}

@media screen {
#outerContainer {
    position:relative;
    color:#333;
    text-align:left;
    background:#fff;
    min-width:750px;
    height:100%;
    width:100%;
    overflow:hidden;
    text-align: center;
}
#mainContent {position:relative; overflow:auto; border-bottom:1px solid #d0d8de; height:100% ;
     padding-top:29px; padding-bottom: 15px;}

  .onlyprint  {	 display: none;	}
  .onlyprintbreak  {	 display: none;	}

}


/* ------------------ Round Boxes + drop shadow / transparent inside -------------------- */
.roundBox {position:relative;  text-align:left; margin-bottom:1em;} /*overflow:hidden;*/
.roundBox .tl {background:url(img/boxes.png) no-repeat left -87px;position:relative;}
.roundBox .tr {background:url(img/boxes.png) no-repeat right -87px;position:relative;}
.roundBox .bl {background:url(img/boxes.png) no-repeat left -96px;position:relative;}
.roundBox .br {background:url(img/boxes.png) no-repeat right -96px;position:relative;}
.roundBox .rBbody {background:url(img/round-shad-right.gif) repeat-y right;}
.roundBox .tl {overflow:hidden; height:9px; width:150px; float:left; margin-right:-4px;}
.roundBox .tr {overflow:hidden; height:9px; }
.roundBox .bl {overflow:hidden; height:9px; width:150px; float:left;    margin-right:-4px;  }
.roundBox .br {overflow:hidden;height:9px; }
.roundBox .rBbody {border-left:1px solid #e2ebf2; padding:1px 1em 0 .6em;}
.rBtitle { font-weight:bold}

.wtl {border-bottom:#d0d8de 1px solid;height:27px;}
html>body .wtr {background:url(img/horizontal.png) no-repeat left -219px;}
html>body .wtrCorner {background:url(img/horizontal.png) no-repeat right -219px;}
.wtrCorner {width:5px; height:27px; right:0; position:absolute;}
.wtlCont {border-left:#d0d8de 1px solid;border-bottom:#d0d8de 1px solid;border-right:#d0d8de 1px solid;}

.w200{ width:200px; overflow:hidden}
.w100{ width:100px;  overflow:hidden ; }
.tb{ display:inline-table; height:20px;  border-bottom: solid 1px #7FA6C3; border-collapse:collapse; background:#ffffff url(img/vertical.png) repeat-y top right; *display: inline;}

.innerBox { margin: 5px; border: solid 1px #7FA6C3}

.ACop { float:left; width:10px; height:18px }
.ACqta { float:left; width:20px; text-align:right; height:18px }
.ACdsc { float:left; width:200px; padding-left:10px; height:18px }
.ACamt { float:left; width:50px; text-align:right; height:18px }
.ACcnt { clear:both; height:18px; font-size:14px}
.ACnote {  clear:both; width:200px; padding-left:45px; height:18px }

.ACcntSel {  background: url(img/horizontal.png) no-repeat left -413px;}


 .statusA { background-color: #A2D3F2; }
.statusA .rBTitle {background: url(img/blink.gif) repeat; }
.statusA .rBTitle div { z-index:1;}
.statusH { background-color: #FFF3D6;   }
.statusL { background-color: #D8E9F4;   }
.statusL .rBTitle {background: #D8E9F4 url(img/blink.gif) repeat;}
.statusW { background-color: #FFE6A3 }
.statusR { background-color: #FFC31E }
.statusC { color: Gray;  font-style:italic; background-color: #FFFFFF }
.prtd {  font-style:italic; }
.PRcnt { clear:both; height:14px; font-size:11px}
.PRcntrid { clear:both; height:9px; font-size:8px}
.jBig { color:Black ; background-color:White }
.jBig .PRcntrid , .jBig .PRcnt{ clear:both; height:18px; font-size:16px; width:300px}

.PRsep { clear:both; height:3px; background:url(img/horizontal.png) no-repeat left -587px; }

.results table {
  border-collapse:collapse;
}
.results td{
	padding : 3px;
	border-collapse:collapse;
}
.results th {
  border: 0;
	padding: 3px;
	border-collapse:collapse;
  background-color:  var(--mdc-theme-primary-light, #f5f5f5);
  color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.87));
  font-size: 1.3em;
  font-weight: normal;
  cursor:pointer;
  text-align: left;
}
.results th.ui-state-active {
  background-color:  var(--mdc-theme-primary-light, #f5f5f5);
  color: var(--mdc-theme-primary, #424242);
  text-decoration: underline;
}
.ui-widget-header {
  background-color: var(--mdc-theme-primary-light, #f5f5f5);
  border-color: #dadada;
  color: var(--mdc-theme-primary, #424242);
}
.ui-state-default {
  border-color: #dadada;
}
.ui-state-active {
  color: var(--mdc-theme-primary, #424242);
}
.results th.orderedBy{
  background-color: #ABE8FC;
}


.selected, .selected td {
  color: #ef5350; /*  var(--mdc-theme-primary-dark, #00766c);*/
  background-color: #f5f8f9;
/* background: #FBEC88 url(plugins/jquery/uitemplates/redmond/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; */
	}

.selcontainer {
	position: relative;
	z-index: 100;
}
legend { padding: 0.4em; }

.script{ display:none}


.sideItems { cursor:pointer; }
.sideItems:hover, .sideItemsCurrent  {  text-decoration:underline }
.sideItems.add-new {
    width: 80px;
    height: 15px;
    border: 1px solid #78909C;
    border-radius: 80px;
    padding: 2px;
    text-align: center;
    line-height: 15px;
    margin: 0 auto 10px;
    background: #78909C;
    color: white;
    -webkit-transition: all 0.25s;
    -webkit-transition-timing-function: ease;
    transition: all 0.25s;
    transition-timing-function: ease;
}
.sideItems.add-new:hover {
    background: white;
    color: #78909C;
    text-decoration: none;
}

div.jq-icon {margin: 1px; position: relative; padding: 1px 0; cursor: pointer; float: right;  list-style: none;}
span.ui-icon { float: left; margin: 0 1px;}

/*Spostati dalla fodefault*/
/*
VECCHIE ICONE SELECT
.unckd {width:16px; height:16px;   background:  url(img/CheckboxUnck.gif) no-repeat 6px 1px;}
.ckd {width:16px; height:16px; background-image: url(img/CheckboxCk.gif); background-position: 1px -4px;}*/
.unckd {width:16px; height:16px;background:url(img/unchecked.png) no-repeat center;background-size:16px 16px;}
.ckd {width:16px; height:16px; background:url(img/checked.png) no-repeat center;background-size:16px 16px;}

.ui-widget-Aheader {
border: 1px solid var(--mdc-theme-primary-light, #64d8cb);
background: white;
color: var(--mdc-theme-primary-dark, #00766c);
font-weight: bold;}

.massiveButton input{margin:10px; font-size:12px !important; width:200px}


/*SPECIFIC SECTIONS*/
.formEditorSpans {
  height: 450px !important;
}
/*SPECIFIC SECTIONS*/






/*Attachments buttons*/
.loaderFiles {
  text-align: center;
	padding: 40px 0;
}
.uploader-section {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.uploader-section .mdc-button {
  height: 40px;
}
.uploader-list {
    margin-top: 20px;
    padding: 0px;
}
.uploader-list .list {
    margin: 10px 0;
    text-align: left;
}
.uploader-droparea {
    width: 425px;
    margin: 10px auto;
    height: 50px;
}
.uploader-droparea > div {
    line-height: 50px;
}




/*Positioning classes*/
.allcentered {
	top: 50%;
	text-align: center;
	position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.text-left {
	text-align: left;
}

.text-right{
	text-align: right;
}

.text-center{
	text-align: center;
}

.space-top {
	padding-top: 20px;
}

.space-right {
	padding-right: 20px;
}

.space-bottom {
	padding-bottom: 20px;
}

.space-left {
	padding-left: 20px;
}




/*Text classes*/
.black-text {
	color: black !important;
}
.white-text {
	color: white !important;
}
.bluegrey-text {
    color: #607D8B;
}

span.conditionPI {
	border-radius: 3px;
    padding: 2px 4px;
    width: 65px;
    text-align: center;
    margin: 0 40px 0 15px;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}




/*Inspection pro-forma*/
table.pro-forma .compfilling .tdnormal {color:var(--mdc-theme-primary-dark, #00766c);}
table.pro-forma tr:not(.compfilling) td {color: #78909C;}
.tdbutton {
	text-align:center;
	cursor:pointer;
	font-size:15px;
}





/*General elements*/
.arrow-r, .arrow-d {
  margin-bottom: 0px;
}

.pointer, .prHelp {
    cursor:pointer;
    -webkit-transition: all 0.2s;
    -webkit-transition-timing-function: ease;
    transition: all 0.2s;
    transition-timing-function: ease;
}
.pointer:hover, .prHelp:hover {
    -webkit-transition: all 0.2s;
    -webkit-transition-timing-function: ease;
    transition: all 0.2s;
    transition-timing-function: ease;
    text-decoration: underline;
}
.underline {
    text-decoration: underline;
}







/*Fluent elements*/
.acrylic {
  flex: 1;
  overflow: hidden;
}

.acrylic::before {
  background-size: cover;
  content: "";
  position: absolute;
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
  z-index: -1;
  background-blend-mode: exclusion;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  filter: url(#blur);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
}

.acrylic::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("http://api.thumbr.it/whitenoise-361x370.png?background=ffffff00&noise=a0a0a0&density=35&opacity=10");
}

.acrylic.medium::after {
  background-color: rgba(255, 255, 255, 0.4);
}

.acrylic.medium-high::after {
  background-color: rgba(255, 255, 255, 0.6);
}

.border {
  border: 1.5px solid #0078d7;
  border-radius: 1px;
}

.shadow {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 8px rgba(0, 0, 0, 0.25), 0 10px 30px rgba(0, 0, 0, 0.1);
}




/* ---------------------------MATERIAL COLORS--------------------------- */
.green-600 {
    color: #43A047;
}
.back-green-600 {
    background-color: #43A047;
    color: rgba(255,255,255,.87);
}


.light-blue-a700 {
    color: #0091EA;
}
.back-light-blue-a700 {
    background-color: #0091EA;
    color: rgba(255,255,255,.87);
}


.red-500 {
    color: #F44336;
}
.back-red-500 {
    background-color: #F44336;
    color: rgba(255,255,255,.87);
}


.yellow-500{
    color: #FFEB3B;
}
.back-yellow-500{
    background-color: #FFEB3B;
    color: rgba(0,0,0,.87);
}
/* ---------------------------MATERIAL COLORS--------------------------- */


/* ---------------------------MATERIAL STEPPER--------------------------- */
/* Simple setup for this demo */
.mini-stepper-point, .mini-stepper-point-full {
  display: inline-block;
  height: 6px;
  width: 6px;
  border: 1px solid #ef9a9a;
  border-radius: 6px;
  margin: 0 2px;
}
.mini-stepper-point-full{
  background-color: #ffcdd2;
}

.mdl-card {
  width: 100%;
  min-height: 0;
  margin: 10px auto;
}

.mdl-card__supporting-text {
  width: 100%;
  padding: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  width: 25%;
  /* 100 / no_of_steps */
}


/* Begin actual mdl-stepper css styles */

.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  display: table-cell;
  position: relative;
  padding: 24px;
}

/* .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  background-color: rgba(0, 0, 0, .06);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  border-radius: 15% / 75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
} */

.mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle {
  background-color: #757575;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
  background-color: var(--mdc-theme-primary-dark);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
  content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
  -moz-transform: scaleX(-1);
  /* Gecko */
  -o-transform: scaleX(-1);
  /* Opera */
  -webkit-transform: scaleX(-1);
  /* Webkit */
  transform: scaleX(-1);
  /* Standard */
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
  content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  font-size: 14px;
  font-weight: normal;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  text-align: center;
  color: rgba(0, 0, 0, .26);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-title {
  font-weight: 500;
  color: rgba(0, 0, 0, .87);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
  font-weight: 300;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  font-size: 10px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-optional {
  color: rgba(0, 0, 0, .54);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #BDBDBD;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}
/* ---------------------------MATERIAL STEPPER--------------------------- */


/* ---------------------------MATERIAL CIRCULAR--------------------------- */

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    dash 1.4s ease-in-out infinite,
    colors 5.6s ease-in-out infinite;
}

@keyframes colors {
    0% { stroke: #4285F4; }
	/* 0% { stroke: #4285F4; }
	25% { stroke: #DE3E35; }
	50% { stroke: #F7C223; }
	75% { stroke: #1B9A59; } */
  100% { stroke: #4285F4; }
}

@keyframes dash {
 0% { stroke-dashoffset: 187; }
 50% {
   stroke-dashoffset: 46.75;
   transform:rotate(135deg);
 }
 100% {
   stroke-dashoffset: 187;
   transform:rotate(450deg);
 }
}
/* ---------------------------MATERIAL CIRCULAR--------------------------- */






/* ---------------------------LOGIN PAGE--------------------------- */
.login-page {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login-page .product-logo {
  color: transparent;
animation-duration: 0.8s;
-vendor-animation-duration: 0.8s;
margin: 0 auto;
height: 300px;
width: 300px;
border-radius: 10px;
background: url("img/product_logo_title_description.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

.login-page .progress-grid {
height: 2px;
}

.login-page .alert-head {
    text-align: center;
    margin-top: 30px;
}

.login-page div.mdc-card--login div.mdc-card--login-content {
width: 100%;
}

.login-page div.mdc-card--login .domain-logo {
height: 50px;
width: 130px;
margin-bottom: 20px;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
}

.login-page div.mdc-card--login .chosen-user {
margin-top: 25px;
text-align: right;
color: var(--mdc-theme-primary);
}

.login-page .Manual_LA,
.login-page .Auto_LA,
.login-page .Manual_User,
.login-page .Manual_Password
{
animation-duration: 0.2s;
-vendor-animation-duration: 0.2s;
}

.Manual_Password .mdc-text-field, .Manual_User .mdc-text-field, .Manual_LA .mdc-text-field {
width: 100%;
}
div.mdc-text-field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  box-shadow: 0 0 0 30px white inset;
}


.login-action-bar {
margin-top: 35px !important;
}

div.mdc-card-login_bottom {
      margin-top: 50px;
    }
      .Unauthorised-text {
        color: #b0bec5;
      }
      .trustlogo,.bottom-aplogo,.Unauthorised-text
      {
        text-align: center;
      }


  @media (max-height:800px) {
    .login-page {
      padding-top: 10px;
      top: 0;
      transform: none;
    }
  }

/* ---------------------------LOGIN PAGE--------------------------- */


/* ---------------------------FORMINSPECTION PAGE--------------------------- */
div.mdc-text-field.mdc-text-field--primary:not(.mdc-text-field--focused) textarea {
  background-color: #eaf4fdba;
}
div.mdc-text-field.mdc-text-field--primary:not(.mdc-text-field--focused) label {
  background-color: #eaf4fdba;
}
/* ---------------------------FORMINSPECTION PAGE--------------------------- */

/* ---------------------------MATERIAL FILE MANAGER--------------------------- */
  .filemanager {
    border: 1px solid var(--mdc-theme-primary, #6200ee);
    border-radius: 8px;
  }
    .filemanager header {
      color: var(--mdc-theme-primary);
      height: 50px;
      z-index: 99;
      position: relative;
      background-color: transparent;
    }
    .filemanager header .breadCrumbs {
      font-size: 12px;
      display: flex;
      flex-direction: row-reverse;
    }
      .filemanager header .breadCrumbs i {
        position: relative;
        top: 5px;
        font-size: 20px;
      }
      .filemanager header .breadCrumbs .breadCrumbs-folder:not(.inside) {
        cursor: pointer;
        text-decoration: underline;
      }
    .filemanager header .files-counter {
      color: var(--mdc-theme-primary);
      font-size: 16px;
      border: 1px solid var(--mdc-theme-primary);
      padding: 0 10px;
      height: 25px;
      border-radius: 25px;
      line-height: 25px;
    }
    .filemanager header:first-child {
      border-radius: 8px 8px 0 0;
    }
      .filemanager header i, .filemanager header button {
        color: var(--mdc-theme-primary);
      }
    .filemanager .files {
      position: relative;
      z-index: 20;
      margin: 8px;
    }
    .filemanager .file.file-selected {
      border: 1px solid var(--mdc-theme-primary);
    }
    .filemanager .mdc-list--file {
      height: 50px;
      overflow: visible;
      margin: 2px 0;
      border: 1px solid transparent;
      border-radius: 5px;
    }
    .filemanager .mdc-list--file .list-main-content {
      min-width: 200px;
      max-width: 200px;
      margin-right: 20px;
    }
    .filemanager .mdc-list--file .list-secondary-content {
      margin-right: 20px;
    }
    .filemanager .mdc-list--file:before, .filemanager .mdc-list--file:after {
      content: none !important;
    }
      .filemanager .mdc-list--file > .mdc-list-item__graphic {
        font-size: 20px;
        background-color: #d3d3d366;
        color: var(--mdc-theme-primary);
        cursor: pointer;
        position: relative;
        background-size: cover;
        background-position: center;
      }
      .filemanager .mdc-list--file > .mdc-list-item__text {
        text-align: left;
      }
      .filemanager .mdc-list--file > .mdc-list-item__text > .mdc-list-item__primary-text {
        margin-bottom: -24px;
        margin-top: -9px;
      }
      .filemanager .mdc-list--file > .mdc-list-item__text >  .mdc-list-item__secondary-text {
        font-size: 10px;
      }
      .filemanager .mdc-list--file >  .mdc-list-item__meta {
        margin-left: 25px;
      }

    .mdc-card--file {
      width: 180px;
      float: left;
      margin: 10px;
      border-radius: 8px;
      position: relative;
    }
      .file .file-chip-extension {
        position: absolute;
        height: 16px;
        font-size: 9px;
        margin-top: -8px;
        margin-right: 10px;
        z-index: 0;
        right: 0;
      }
      .mdc-card--file .file-chip-extension {
        margin: 5px;
      }
        .mdc-card--file .file-chip-extension .mdc-chip__icon {
          font-size: 10px !important;
          height: auto !important;
          width: auto !important;
        }
      .mdc-card--file .file-selector {
        position: absolute;
        z-index: 20;
      }
      .file .primary-action {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
      }
      .mdc-list--file .primary-action {
        border-radius: 100px;
      }
      .mdc-card--file .mdc-card__primary-action {
        border-radius: 8px;
      }

      .file .mdc-menu-surface--anchor {
        z-index: 100;
      }
      .file .mdc-menu {
        width: 200px;
      }
        .file .mdc-menu .mdc-list-item {
          font-size: 16px;
          height: 40px;
        }
          .file .mdc-menu .mdc-list-item .mdc-list-item__graphic.material-icons {
            margin-right: 12px;
            font-size: 18px;
          }

      .mdc-card--file .mdc-card__media .mdc-card__media-content {
        background-size: cover;
        background-repeat: no-repeat;
      }
        .mdc-card--file .mdc-card__media svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          height: 90px;
          width: 90px;
          color: var(--mdc-theme-primary);
        }
      .mdc-card--file .file-card__primary {
        padding: 0 8px;
        text-align: center;
      }
        .mdc-card--file .file-card__primary h2 {
          font-size: 1.05rem;
          line-height: 16px;
          height: 16px;
          margin: 5px auto 5px;
          text-align: center;
        }

    .mdc-card--file .mdc-card__actions {
      padding: 4px 8px;
    }
      .mdc-card--file .mdc-card__actions .mdc-card__action-buttons {
        width: 108px;
      }
        .mdc-card--file .mdc-card__actions .mdc-card__action-buttons h3 {
          font-size: 0.7rem;
        }

      .mdc-card--file .mdc-card__actions .mdc-card__action-icons {
        margin: 0;
      }
        .mdc-card--file .mdc-card__actions .mdc-card__action-icons button {
          width: 42px;
          height: 42px;
        }
          .mdc-card--file .mdc-card__actions .mdc-card__action-icons button i {
            font-size: 17px;
          }
  .mdc-dialog.file-dialog {
    z-index: 1010;
    text-align: center;
  }

    .mdc-dialog.file-dialog .mdc-dialog__content {
      position: relative;
    }

        .mdc-dialog.file-dialog .mdc-dialog__content .mdc-card .main-action {
          position: absolute;
          z-index: 20;
          right: 45px;
          top: 25px;
        }

        .mdc-dialog.file-dialog .mdc-dialog__content .mdc-card__primary-action {
          margin-bottom: 10px;
        }

          .mdc-dialog.file-dialog .mdc-dialog__content .mdc-card__media svg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 90px;
            width: 90px;
            color: var(--mdc-theme-primary);
          }

      .mdc-dialog.file-dialog .mdc-dialog__content .mdc-text-field {
        margin: 5px 0;
      }
/* ---------------------------MATERIAL FILE MANAGER--------------------------- */

.mdc-dialog.main-dialog > .mdc-dialog__container {
  height: calc(100vh - 100px);
  width: calc(100vw - 100px);
  max-width: calc(100vw - 100px);
}

.mdc-dialog.file-dialog > .mdc-dialog__container {
  height: 100%;
  width: 100%;
}
  .mdc-dialog.main-dialog > .mdc-dialog__container > .mdc-dialog__surface {
    width: 100%;
    max-width: 100%;
  }

  .mdc-dialog.file-dialog > .mdc-dialog__container > .mdc-dialog__surface {
    top: 13px;
    height: 100%;
    width: calc(100vw - 35px);
    max-width: 100%;
    position: relative;
    background: rgba(0,0,0,0.87);
  }

  .mdc-dialog.file-dialog .mdc-dialog__content {
    padding: 0;
    overflow: hidden;
  }

  .mdc-dialog.file-dialog .file-info-image {
    width: calc(100vw - 336px);
    height: calc(100vh - 32px);
    color: var(--mdc-theme-primary);
    font-size: 260px;
    line-height: calc(100vh - 32px);
    position: relative;
  }

    .mdc-dialog.file-dialog .file-info-image .mover {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: #0000000a;
      border: none;
      height: 100%;
      cursor: pointer;
      color: white;
    }
      .mdc-dialog.file-dialog .file-info-image .mover:hover {
        background-color: #00000012;
      }

      .mdc-dialog.file-dialog .file-info-image .mover-left {
        left: 0;
      }

      .mdc-dialog.file-dialog .file-info-image .mover-right {
        right: 0;
      }

  .mdc-dialog.file-dialog .file-info-side {
    position: absolute;
    top: 0;
    width: 260px;
    height: calc(100vh - 117px);
    border-radius: 4px;
    right: 0;
    background-color: white;
    padding: 20px;
    padding-top: 65px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
  }

  .mdc-dialog.file-dialog .file-info-side .action-bar {
    position: absolute;
    top: 10px;
    z-index: 30;
    background-color: white;
  }

  .mdc-dialog.file-dialog .file-info-side input, .mdc-dialog.file-dialog .file-info-side textarea {
    font-size: 0.8em !important;
    line-height: 1.6;
  }

  .mdc-dialog.file-dialog .file-info-side li span {
    font-size: 0.9em !important;
  }

  .mdc-dialog.file-dialog .file-info-side li .material-icons {
    font-size: 1.3em !important;
  }

  .mdc-dialog.file-dialog .file-info-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

.mdc-dialog .close-button {
  position: absolute;
  right: 17px;
  top: 10px;
  z-index: 30;
  background-color: white;
}