/* Data Tables Customization */

table.dataTable tbody tr.selected {
  background-color: #c5e2e8;
}

table.dataTable tbody tr.edited2 {
  background-color: #d1eeff;
}

table.dataTable tbody tr.edit2 {
  background-color: #d1eeff;
}

table.dataTable tbody tr.mouseover {
  background-color: #eeeeee;
}

table.dataTable.no-footer {
  border-bottom: none;
  text-align:right;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
  margin-top: 0.5em;
 }

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #CCC;
}

.dataTables_scrollHeadInner
{
	padding-left:0px !important;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 3px;
  border-bottom: 1px solid #ccc;
}

table.dataTable thead th {
text-align: center;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
  background-color: #EAEAEA;
}

.dtCell_ input {
    padding: 0px;
    border: none;
    margin: 0px;
    background: #FFF;
    width: 80%;
}

.dtCell_.edit_select {
    background-color: #ffdad1;   
}

.dtCell_.edited_check {
    background:url(/content/images/triangle1.png);
    background-repeat: no-repeat;
    background-position: right top;   
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 4px;
  white-space: -o-pre-wrap; 
    word-wrap: break-word;
/*    white-space: pre-wrap;   bug 805*/
/*    white-space: -moz-pre-wrap;  bug 805*/
    border-bottom: 1px dotted #CCC;
}

div.DTS tbody th,
div.DTS tbody td {
	white-space: normal;
}

/* Data Tables Customization - END */



/* Links Blocks */

.home_ h3 {
    text-align:center;    
    padding-bottom: 0px;
    font-size: 1.2em;
    color: #FFF;
    float: left;
	text-transform: uppercase;
}

.home_ p {
    margin-top: 0px;
    margin-bottom: 7px;
    line-height: 85%;
}

.h3_bg {
    background-color: #2b8399;
    padding: 3px;
    width: 190px;
    float: left;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    margin-top: -75px;
    margin-left:-7px;    
}

/* Links Blocks in div */
.div-container {
    float: left;
    width: auto;
    height:auto; 
    background-color: rgba(0, 0, 0, 0.30);
    border-bottom:2px solid;
    border-top:4px solid;
    border-left:2px solid;
    border-right:2px solid;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    border-color: #2b8399; 
    margin:0px 20px 40px 0px;
}

.infrastructure01,.infrastructure02,.infrastructure03,.infrastructure04,.infrastructure05,.infrastructure06,.infrastructure07,.infrastructure08 {
    width: 195px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 6px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}

.infrastructure01 h2,.infrastructure02 h2,.infrastructure03 h2,.infrastructure04 h2,.infrastructure05 h2,.infrastructure06 h2,.infrastructure07 h2,.infrastructure08 h2 {
   font-size: 1.3em;
   margin-top: 140px;
   margin-bottom: 3px;
   color: #2b8399;
   text-transform: uppercase;
   text-align:center;   
}
.infrastructure01 p,.infrastructure02 p,.infrastructure03 p,.infrastructure04 p,.infrastructure05 p,.infrastructure06 p,.infrastructure07 p,.infrastructure08 p {
   font-size: 0.9em;
   margin-left: 0px;
}
.infrastructure01 {
    background: url(/content/images/mpoints.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure02 {
    background: url(/content/images/ampoints.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure03 {
    background: url(/content/images/electromer.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure04 {
    background: url(/content/images/comchannel.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure05 {
    background: url(/content/images/validationpack.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure06 {
    background: url(/content/images/validation.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure07 {
    background: url(/content/images/reports.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.infrastructure08 {
    background: url(/content/images/clients.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}

.monitoring01,.monitoring02,.monitoring03,.monitoring04,.monitoring05 {
    width: 195px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 3px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}

.monitoring01 h2,.monitoring02 h2,.monitoring03 h2,.monitoring04 h2, .monitoring05 h2 {
   font-size: 1.3em;
   margin-left: 0px;
   margin-top: 140px;
   margin-bottom: 10px;
   color: #2b8399;
   text-transform: uppercase;
   text-align: center;  
}
.monitoring01 p,.monitoring02 p,.monitoring03 p,.monitoring04 p, .monitoring05 p {
   font-size: 0.9em;
   margin-left: 130px;
}
.monitoring01 {
    background: url(/content/images/validations_monitoring.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.monitoring02 {
    background: url(/content/images/comchannel2.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.monitoring03 {
    background: url(/content/images/sessions.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.monitoring04 {
    background: url(/content/images/tasks.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.monitoring05 {
    background: url(/content/images/alarms.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}

.reports01,.reports02,.reports03,.reports04,.reports05,.reports06,.reports07,.reports08, .reports09, .reports10, .reports11, .reports12, .reports13, .reports14 {
    width: 195px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 6px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}

.reports01 h2,.reports02 h2,.reports03 h2,.reports04 h2,.reports05 h2,.reports06 h2,.reports07 h2,.reports08 h2, .reports09 h2, .reports10 h2, .reports11 h2, .reports12 h2, .reports13 h2, .reports14 h2 {
   font-size: 1.3em;
   margin-left: 0px;
   margin-top: 140px;
   margin-bottom: 10px;
   color: #2b8399;
   text-transform: uppercase;
 
}
.reports01 p,.reports02 p,.reports03 p,.reports04 p,.reports05 p,.reports06 p,.reports07 p,.reports08 p, .reports09 p, .reports10 p, .reports11 p, .reports12 p, .reports13 p, .reports14 p {
   font-size: 0.9em;
   margin-left: 0px;

}
.reports01 {
    background: url(/content/images/period_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports02 {
    background: url(/content/images/period_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports03 {
    background: url(/content/images/mont_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports04 {
    background: url(/content/images/hour_report1.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports05 {
    background: url(/content/images/period_report1.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports06 {
    background: url(/content/images/day_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports07 {
    background: url(/content/images/varh_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports08 {
    background: url(/content/images/hour_report2.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports09 {
    background: url(/content/images/period_report2.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports10 {
    background: url(/content/images/day_report2.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports11 {
    background: url(/content/images/events.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports12 {
    background: url(/content/images/fin_day_report.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports13 {
    background: url(/content/images/fin_period_report.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.reports14 {
    background: url(/content/images/energy_plan.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}



.user_p01,.user_p02,.user_p03 {
    width: 190px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 3px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}

.user_p01 h2,.user_p02 h2,.user_p03 h2 {
   font-size: 1.3em;
   margin-left: 0px;
   margin-top: 140px;
   margin-bottom: 10px;
   color: #2b8399;
   text-transform: uppercase;
   text-align: center;    
}
.user_p01 p,.user_p02 p,.user_p03 p {
   font-size: 0.9em;
   margin-left: 130px;
}
.user_p01 {
    background: url(/content/images/mpoints_groups.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.user_p02 {
    background: url(/content/images/user_profiles.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.user_p03 {
    background: url(/content/images/mpoints2.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}




.users01,.users02,.users03 {
    width: 195px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 5px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}

.users01 h2,.users02 h2,.users03 h2 {
   font-size: 1.3em;
   margin-left: 0px;
   margin-top: 140px;
   margin-bottom: 10px;
   color: #2b8399;
   text-transform: uppercase;
   
}
.users01 p,.users02 p,.users03 p {
   font-size: 0.9em;
   margin-left: 0px;

}
.users01 {
    background: url(/content/images/users.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.users02 {
    background: url(/content/images/user_groups.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.users03 {
    background: url(/content/images/user_report.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}


.sched01,.sched02,.sched03,.sched04,.sched05,.sched06 {
    width: 195px;
    height: 220px;
    border: solid 1px #CCC;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-size: 0.9em;
    padding: 5px;
    cursor: pointer;
    margin: 20px;
    text-align:center;
    float: left;
}




.sched01 h2,.sched02 h2,.sched03 h2,.sched04 h2, .sched05 h2, .sched06 h2 {
   font-size: 1.3em;
   margin-left: 0px;
   margin-top: 140px;
   margin-bottom: 10px;
   color: #2b8399;
   text-transform:uppercase;   
}
.sched01 p,.sched02 p,.sched03 p,.sched04 p, .sched05 p, .sched06 p {
   font-size: 0.9em;
   margin-left: 0px;
}
.sched01 {
    background: url(/content/images/trigger.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;

}
.sched02 {
    background: url(/content/images/task_check.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.sched03 {
    background: url(/content/images/tasks_fail.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.sched04 {
    background: url(/content/images/person_edit_task.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.sched05 {
    background: url(/content/images/person_delete_task.svg);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
.sched06 {
    background: url(/content/images/imports.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #FFF;
}
/* Links Blocks - END */

.ui-dialog
{
	z-index: 10000;
}


.dataTables_wrapper
{
	border:none;
}

.dataTables_wrapper .dataTables_filter{
	float:left;
	text-align:right;
	padding: 10px;
}

table.dataTable tbody th, table.dataTable tbody td a
{
	text-decoration:none;
	color:#2c829b; 
}

.ui-widget {
    font-family: inherit;
    font-size: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 3px;
}

.nicescroll-rails {
    z-index:1000000 !important;
}