.B {
    font-weight:bold !important;
}
.L {
    text-align:left !important;
}
.C {
    text-align:center !important;
}
.R {
    text-align:right !important;
}
.S1 {
    font-size:90% !important;
}
.S2 {
    font-size:80% !important;
}
.S3 {
    font-size:70% !important;
}
.L1 {
    font-size:110% !important;
}
.L2 {
    font-size:120% !important;
}
.L3 {
    font-size:130% !important;
}
.MT {
    margin-top:5px;
}
.ML {
    margin-left:5px;
}
.MR {
    margin-right:5px;
}
.MB {
    margin-bottom:5px;
}
.PT {
    padding-top:3px;
}
.PL {
    padding-left:3px;
}
.PR {
    padding-right:3px;
}
.PB {
    padding-bottom:3px;
}
.PT6 {
    padding-top:6px;
}
.PL6 {
    padding-left:6px;
}
.PR6 {
    padding-right:6px;
}
.PB6 {
    padding-bottom:6px;
}
.FR {
    float:right !important;
}
hr {
    margin: 0.85rem 0 0.75rem !important;
}
.H{
	display:none;
}

/****************** GISPA MOBILE *******************/
.mobContents {
    position: absolute;
    bottom: 50px;
    top: 55px;
    left: 5px;
    right: 5px;
    overflow:hidden;
}
[role="WOList"], [role="WorkOrder"], [role="Photo"], [role="ImpPhoto"],
[role="SearchModes"], [role="SKImp"], [role="ImpList"] {
    height:100%;
    transition: .2s all ease;
    float: left;
    padding: 5px;
    position: relative;
    overflow: auto;
}
div [role="WOList"], div [role="SearchModes"] {
    background-color:#EDF6FF;
    width:100%;
}
div [role="WorkOrder"],[role="SKImp"],[role="ImpList"] {
    background-color:#DBEEFF;
    width:100%;
}
div [role="Photo"], [role="ImpPhoto"] {
    background-color:#C9E5FF;
    width:100%;
}
.Starting [role="WOList"], .Starting [role="SearchModes"] {
    margin-left: 0;
    float: left;
}
.Starting [role="WorkOrder"], .Starting [role="ImpList"] {
    margin-right: -100%;
    float: left;
}
.Starting [role="Photo"], .Starting [role="SKImp"] {
    margin-right: -200%;
    float: left;
}
.Starting [role="ImpPhoto"] {
    margin-right: -300%;
    float: left;
}
.ShowingWO [role="WOList"] {
    margin-left: -100%;
}

 .ShowingList [role="SearchModes"] {
    margin-left: -100%;
	float:left;
}

.ShowingWO [role="WorkOrder"], .ShowingList [role="ImpList"] {
    margin-left: 0;
}
.ShowingWO [role="Photo"], .ShowingList [role="SKImp"]  {
    margin-right: -100%;
    float: left;
}
.ShowingList [role="ImpPhoto"]  {
    margin-right: -200%;
    float: left;
}
.takingPhoto [role="WOList"], .ShowingIMP [role="SearchModes"] {
    margin-left: -200%;
    float: left;
}
.takingPhoto [role="WorkOrder"], .ShowingIMP [role="ImpList"] {
    margin-left: -100%;
    float: left;
}
.takingPhoto [role="Photo"], .ShowingIMP [role="SKImp"]  {
    margin-left: 0%;
    float: left;
}
.ShowingIMP [role="ImpPhoto"]  {
    margin-right: -100%;
    float: left;
}
.takingPhoto [role="SearchModes"] {
    margin-left: -300%;
    float: left;
}
.takingPhoto [role="ImpList"] {
    margin-left: -200%;
    float: left;
}
.takingPhoto [role="SKImp"] {
    margin-left: -100%;
    float: left;
}
.takingPhoto [role="ImpPhoto"] {
    margin-left: 0%;
    float: left;
}
ul.WOItem li {
    background-color: #C9E5FF;
    padding: 5px;
    position:relative;
    cursor: pointer;
    height: auto;
}
ul.WOItem li >div >div >p,
div [role="WorkOrder"] div div p
{margin-bottom: 0;}

div.Scatto {
    width:100%;
}

/***********************************/

/*div.column {border: 1px solid #BFE1FF}*/
 .accordion dd > a {
    padding: 0.5rem;
    background: none repeat scroll 0 0 #008CBA;
    color: #FFFFFF;
}
.accordion dd > a:hover {
    background: none repeat scroll 0 0 #0082AA;
}
.accordion dd.active a {
    background: none repeat scroll 0 0 #008CBA;
    color: #F5EB14;
    font-weight: bold;
}
.accordion .content.active {
    background: none repeat scroll 0 0 #EDF6FF;
}
.settings {
    height:100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 5px;
    position: relative;
    background-color:#DBEEFF;
}

#testFilter a {
    font-size:120%;
}
#testFilter ul.f-dropdown {
    width: 180px !important;
}
#main {
    overflow:hidden;
    display:block;
    height:100%;
}
.row {
    /*overflow-x: auto;*/
    max-width: 9999px;
}
nav ul li a, nav ul li a:focus {
    outline: 0;
}
.tb-expanded, .searching .tb-collapsed {
    display:none;
}
.tb-collapsed, .searching .tb-expanded {
    display:block;
}
/* NAVBAR ICONS */
 i.tb-icon {
    color: #F5EB14;
    font-size: 30px;
    height: 45px;
    position: absolute;
    right: 0;
    width: 30px;
}
a.tb-icon {
    position:relative;
}
i.dd-icon {
    color: #F5EB14;
    font-size: 30px;
    height: 45px;
    position: absolute;
    right: 25px;
    width: 30px;
}
ul.sttngsItem li {
    background-color: #C9E5FF;
    padding: 5px 0;
    position:relative;
    cursor: pointer;
    height: 2rem;
}
ul.draggable li {
    cursor: move;
}
ul.sttngsItem li:hover {
    background-color: #89C8FF;
}
ul.sttngsItem li.active {
    background-color: #89C8FF;
}
ul.availableFields li div.row div:first-child {
    padding-left:22px;
}
a.ItemDel {
    display:none;
    position:absolute;
    right:5px;
    top:6px;
}
a.ItemClone {
    display:none;
    position:absolute;
    right:20px;
    top:6px;
}
a.trDel {
    display:none;
    position:absolute;
    right:5px;
    top:10px;
}
a.trEdit {
    display:none;
    position:absolute;
    right:20px;
    top:10px;
}
.reportLayout {
    min-height:400px;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%;
}

.anaTable {
    width: 100%;
}
.anaTable thead {
    background: none repeat scroll 0 0 #89C8FF;
}
.anaTable tbody tr:hover{
    background: none repeat scroll 0 0 #C9E5FF;
    cursor:pointer;
}

/*------ FIELDS AND FIELDS EDITING IN SCHEDA IMPIANTO --------------*/
div.fld {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;    
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    position: relative;
}
div.fld p {margin:0 !important;line-height: 1.1 !important;}
div.fld > div {
    margin-bottom: 0 !important;
    float: left;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    position: relative;  
}

/*--------------------BLOCK UI ---------------------------*/
.blockMsg {
    z-index: 1013 !important; 
    position: fixed; 
    margin: 0px; 
    height: 200px; 
    width: 700px; 
    margin-top: -100px;
    margin-left: -350px;
    top: 50%; 
    left: 50%; 
    text-align: center; 
    color: rgb(245, 235, 20); 
    cursor: wait; 
    opacity: 1;
    display: table;
    vertical-align:middle;
}
.blockMsg h1 {display: table-cell;vertical-align:middle;text-align: center;}
.animatedCircles {
	position: fixed;
    left: 50%;
    top: 50%;
    height: 300px;
    margin-top: -150px;
    width: 300px;
    margin-left: -150px;    
	background: transparent;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	pointer-events: none;
    z-index: 1012;
}
.animatedCircles::before,
.animatedCircles::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border: 5px solid #F5EB14;
	border-radius: 50%;
	content: '';
}
.animatedCircles::before {
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	border-right-color: #015AAD;
	border-left-color: #015AAD;
	-webkit-animation: rotation 3s linear infinite;
	animation: rotation 3s linear infinite;
}
.animatedCircles::after {
	margin-top: -20px;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	border-top-color: #015AAD;
	border-bottom-color: #015AAD;
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}
.sharperGlow {
    text-shadow: 1px 0px 0px #C1BB13, 1px 1px 0px #C1BB13, 0px 1px 0px #C1BB13, 
    -1px 1px 0px #C1BB13, -1px 0px 0px #C1BB13, -1px -1px 0px #C1BB13, 
    0px -1px 0px #C1BB13, 1px -1px 0px #C1BB13, 0px 0px 9px #015AAD;
    color: #F5EB14;
}
.bottomBar {
	background: #333333 none repeat scroll 0 0;
	bottom: 5px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    height: 40px;
}
	.bottomBar ul {margin:0;height:40px;color: white;line-height: 1;font-size: 80%;font-weight: bold;}
	.bottomBar li {display: inline-block;height: 40px;padding: 3px;}
		.bottomBar li span { display: inline-block;margin-right: 2px;margin-top: 12px;}
		.bottomBar li i {color: #f5eb14;display: block;font-size: 30px;height: 30px;left: 6px;position: absolute;top: 4px;width: 30px;}
.gps-starting {color: red !important;}
.gps-ok {color: green !important;}
.gps-lowacc {color: yellow !important;}


.deleteFoto {
    top: 23px;
    color: #FF0000;
    cursor: default;
    font-size: 200%;
    position: absolute;
    left: 13px;
	cursor: pointer;
}