@CHARSET "UTF-8";

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/loader-64x/Preloader_2.gif') center no-repeat #fff;
}
		
.error_list {margin: 0; padding: 0;}
.error, .notice, .success, .warning,.error_list li {padding-left:1em; margin: 0 0 0 0; list-style: none;}
.error, .error td, .error_list li {background:#FBE3E4 !important ;color:#8a1f11;}
.notice, .notice td {background:#c1ddfc !important;color:#043061;border-color:#5d9ce3;}
.success, .success td {background:#E6EFC2 !important;color:#264409;border-color:#C6D880;}
.warning, .warning td {background:#FFF6BF !important;color:#514721;border-color:#FFD324;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.warning a {color:#514721;}
.yes
{
	background:#E6EFC2;color:#264409;border:1px solid #C6D880;
}
.yes  a {color:#264409;}
.no
{
background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;border:1px solid #FBC2C4;
}
.no a{color:#8a1f11;}

.shadow
{
	box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}

.breadcrumb
{
    font-size:0.8em;
	/* margin-bottom:10px; */
	margin-top:10px;
	color:#7e8286;
}
/* .breadcrumb a
{
	
	color:#7e8286;
} */

.breadcrumb p {
    margin-bottom:0;
}

a
{
	color:#7e8286;
	text-decoration:underline;
}

a:hover
{
	
	text-decoration:none;
}

.ubber
{
	border:4px solid #fff;
	-moz-box-shadow: 0px 1px 3px #000000; 
  	-webkit-box-shadow: 0px 1px 3px #000000;  
 	box-shadow: 0px 1px 3px #000000;  
 	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.mev
{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#efefef;
	border:1px solid #b7b7b7;
	padding:10px;
	margin-bottom:1em;
}


.button
{
	color:white;
	font-size:1em;
	border:none;
	padding:5px;
	background: #60c33b ;
	text-decoration:none;
	transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        -webkit-transition: background 0.3s ease-in-out;
}

.button:hover
{
	background: #0b76e0 ;
        cursor:pointer;
}

#footer p
{
	font-size:0.8em;
	line-height:1.4em;
}

#footer a
{
	text-decoration:underline;
	color:white;
}

#footer a:hover
{
	text-decoration: none;
}


.field_container input[type='text'],.field_container input[type='password'], select, textarea
{
    width:99%;
}
input:hover, select:hover, textarea:hover ,input:focus, select:focus, textarea:focus 
{
    background: #fff;
}

input, textarea,select
{
    background: #fdfdfd;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color:#D4D3D5 #E9E8EA #EFEEEF #E9E8EA;
    border-style:solid;
    border-width: 1px;
    font-size:1em;
}

select
{
   cursor:pointer;
}


table .label
{
    text-align:left;
    width:140px;
    vertical-align:middle;
}



.hform { display: none; }




.fl{float:left}
.fr{float:right !important}
.w30{width:30%!important}
.w33{width:31.3%}
.w40{width:40%}
.w50{width:50%}
.w70 {width:70%}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}
.w60 {width:60%}
.w14{width:14%}
.w15{width:15%}
.w20{width:20%}
.w100 {width:100% !important}
.h40{height: 40%}
.h100{height: 100%}
.w1050px{width: 1050px}
.h590px{height:590px}
.ml0{margin-left:0px !important;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml5{margin-left:5px;}
.ml50{margin-left:50%}
.ml10p{margin-left:10%}
.ml20p{margin-left:20%}
.ml30p{margin-left:30%}
.ml35p{margin-left:35%}
.ml40p{margin-left:40%}
.ml220{margin-left:220px}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.mt50{ margin-top: 50px }
.mb50{ margin-bottom: 50px }
.mb1em{ margin-bottom: 1em }
.mt2{margin-top: 2em}
.mt150px{margin-top: 150px}
.mt300px{margin-top: 300px}
.mr1em{margin-right:1em}
.mr20px{margin-right:20px}
.mt0{margin-top:0 !important;}
.mt1{margin-top: 1em}
.mt05{margin-top: 0.5em}
.mt10p{margin-top:10% !important;}
.pl20{padding-left:2em}
.bgh{background: none !important;}
.lh20{line-height:2em}
.tac{text-align:center;}
.bgwt08{ background: rgba(255, 255, 255, 0.8) !important; }
.mb0{margin-bottom:0}
.dn{display:none}
.fs08{font-size:0.8em !important;}
.fs06{font-size:0.6em !important;}
.fs04{font-size:0.4em !important;}
.fs02{font-size:0.2em !important;}
.fs12{font-size:1.2em !important;}
.fs16{font-size:1.6em !important;}
.fs18{font-size:1.8em !important;}
.fs20{font-size:2em !important;}
.fs22{font-size:2.2em !important;}
.fs24{font-size:2.4em !important;}
.fs26{font-size:2.6em !important;}
.fs28{font-size:2.8em !important;}
.fs30{font-size:3em !important;}
.fs40{font-size:4em !important;}
.tar{text-align:right}
.fwb{font-weight:700 !important}
.dn{display:none}
.cw{color:white}
.cp{cursor:pointer}


.shadow{
    -moz-text-shadow: 0px 1px 3px #000000; 
    -webkit-text-shadow: 0px 1px 3px #000000;  
    text-shadow: 0px 1px 3px #000000;
}

.fixed
{
	position: fixed;
	margin-right:0;
	margin-bottom:0;
	right: 1em;
	bottom: 1em;
}



.fillfield
{
    width:90%;
}

.fulldiv
{
   float:left; width: 100%;
}

.show_mobile
{
    display:none; 
}


.table1 a:link {
	color: #666;
	
	text-decoration:none;
}
.table1 a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.table1 a:active,
.table1 a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.table1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	
	background:#fff;
        width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
}
.table1 th {
	padding: 1em;
	background: #ffffff;
        color:#000;
	font-weight: normal;
}

.table1 th:hover{
    cursor:pointer;
}


.table1 tr td:first-child{
	text-align: left;
	padding:1em;
	border-left: 0;
}
.table1 tr td {
	padding:1em;
	border-top: 1px solid #ffffff;
	
	text-align: left;
	background: #fafafa;
}
.table1 tr:hover td{
	background: #f2f2f2;
	
}



.action_topright {
    right:0;
    top:175px;
    position: absolute;
    color:#FFFFFF;
    font-size:0.8em;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
}


.action_topright a:hover {
   background:#69d241;
    cursor:pointer;
    
}

.action_topright a {
    color:#ffffff;
    background: #60c33b ;
    text-decoration:none;
    padding:7px 1em 7px 1em;
}

.equipment {
    float:left;
    width:15%;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.home_chart {
    box-sizing: border-box;
    float:left;
    height:300px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    overflow-y: hidden;
    padding:1em;
    margin:1%;
}  

#logo {
    background-image: url('../img/logo-guardii.jpg');
    width:260px;
    height:70px !important;
    margin-top:10px !important;
    background-size:     contain;                      
    background-repeat:   no-repeat;
    background-position: center center;     
}

div.pager {
    text-align: center;
    margin: 1em 0;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #60c33b ;
    color: #fff;
    margin-right: 0.5em;
}

div.pager span.active {
    background: #0b76e0 ;
}


table.dataTable thead th, table.dataTable thead td {
    border:none !important;
}

.newbreadcrumb {
    width: 100%;
    background-color: #4ec2e3;
    color: #fff;
}

.newbreadcrumb div {
    padding: 10px;
    margin: auto;
}

.form-control {
    width: 25%;
    border-width: 1px;
    border-color: #D4D3D5 #E9E8EA #EFEEEF #E9E8EA;
}