@charset"utf-8";
/* CSS Document */

body {
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
    font-family: 'Poppins', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../images/night1.png) repeat;
    /* background:url(../images/background.gif) no-repeat center center fixed; */
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}



.new_login_holder {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    width: 80%;
    padding: 10px 40px 40px;
}

#content {
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    background: #fff;
    /*background-image:url(../images/transparent.png);
    background-repeat:repeat-x repeat-y;*/
    
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 40px 40px;
    margin-bottom: 30px;
    text-align: left;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
}
header.main {
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 50px;
}
header.main div {
    text-align: right;
    float: right;
    width: 75%;
    color: #fff;
    margin-top: 8px;
    text-shadow: 1px 1px 1px rgba(40, 40, 40, 0.6);
}
header.main div p {
    font-size: 1.3em;
    margin: 0;
}
header.main div p a:hover {
    text-decoration: none;
}
header.main div a.logout {
    color: #fff;
}
header.main div a.logout:hover {
    text-decoration: none;
}
.title_holder {
    margin: 20px 0;
    float: left;
    width: 100%;
}
.title_holder h1 {
    width: 60%;
    float: left;
    margin: -2px 0 0;
}
.title_holder a, .action_btn {
    width: 30%;
    float: right;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 4px;
    padding: 5px;
    color: #fff !important;
}
.content_wide {
    width: 90% !important;
    text-align: left !important;
    padding: 25px 30px !important;
}
.front_content {
    padding: 25px 30px !important;
    margin-top: 100px !important;
    width: 300px !important;
}
.front_content h1 {
    margin: 8px 0 12px;
}
.big_submit {
    background: #0E334A;
    border: 0px none !important;
    width: 100%;
    padding: 10px !important;
    font-family: 'Poppins', sans-serif;
    color: #f4f4f4;
    font-size: 1.4em;
    font-weight: bolder;
    cursor: pointer;
    text-align: center !important;
    margin-top: 10px;
    text-shadow: 1px 1px 1px rgba(53, 53, 53, 0.5);
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -ms-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
.big_submit:hover {
    background: #7bc9cd;
    color: #fff;
    text-decoration: none;
}
.big_btn {
    float: left;
    background: #0E334A;
    border: 0px none !important;
    width: 100%;
    padding: 10px !important;
    font-family: 'Poppins', sans-serif;
    color: #f4f4f4;
    font-size: 1.4em;
    font-weight: bolder;
    cursor: pointer;
    text-align: center !important;
    text-shadow: 1px 1px 1px rgba(53, 53, 53, 0.5);
    border: 1px solid rgb(200, 200, 200);
    border-radius: 4px;
    padding: 5px;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -ms-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
.big_btn:hover {
    background: #7bc9cd;
    color: #fff;
    text-decoration: none;
}

.small_submit {
    background: #0E334A;
    border: 0px none !important;
    width: 100%;
    padding: 5px !important;
    font-family: 'Poppins', sans-serif;
    color: #f4f4f4;
    font-size: 1.2em;
    font-weight: bolder;
    cursor: pointer;
    text-align: center !important;
    text-shadow: 1px 1px 1px rgba(53, 53, 53, 0.5);
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -ms-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
.small_submit:hover {
    background: #7bc9cd;
    color: #fff;
    text-decoration: none;
}
.h3_right_btn {
    height: 32px;
    margin-top: 2%;
    float: right;
    border-radius: 4px;
    width: 30%;
}
hr { border: 1px solid #eee; float: left; width: 100%; margin: 20px 0 }
h1, h2, h3, h4 {
    color: #0E334A !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-align: left;
}
.multititle {
    line-height: 26px;
}
.multititle span {
    color: #999;
    font-size: 0.7em
}
.align_right {
    text-align: right;
}
h2 {
    color: #49494a;
    font-size: 1.5em;
    text-align: left;
}
h3 {
    color: #49494a;
    font-family: 'Poppins', serif;
    font-size: 1.3em;
    float: left;
    text-align: left;
    width: 100%;
    float: left;
}
.envtable {
    table-layout: fixed;
    width: 100%;
    border-top: 1px dotted #ccc;
    background: rgba(255, 255, 255, 0.85);
}
.envtable thead tr th, .envtable tbody tr td {
    text-align: left;
    padding: 6px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
.envtable thead tr th:nth-child(1), .envtable tbody tr td:nth-child(1) {
    border-left: 1px dotted #ccc;
}
.table_fourcol th, .table_fourcol td {
    width: 25%;
}
.table_threecol th, .table_threecol td {
    width: 33%;
}
.table_twocol th, .table_twocol td {
    width: 50%;
}
/* better tables */

.table_fourcol thead th, .table_fourcol tbody td {
    width: 25%;
}
.table_threecol thead th, .table_threecol tbody td {
    width: 33%;
}
.table_twocol thead th, .table_twocol tbody td {
    width: 50%;
}
/* userlist */

.table_userlist thead th:nth-child(1) {
    width: 24px !important;
    padding: 10px 6px !important;
}
.table_userlist thead th:nth-child(2), .table_userlist thead th:nth-child(3) {
    width: 49% !important;
    padding: 10px !important;
    overflow: hidden;
}
.table_userlist tbody td:nth-child(2) {
    overflow: hidden;
}
.table_userlist tbody td:first-child form {
    width: 15px !important;
}
.action_userlist select {
    float: left;
    width: 70%;
    margin-right: 2%;
}
.action_userlist input {
    float: left;
    width: 28%;
}
/* userlist wide */

.table_userlist_wide thead th:nth-child(1) {
    width: 24px !important;
    padding: 10px 6px !important;
}
.table_userlist_wide thead th:nth-child(2) {
    width: 25% !important;
    padding: 10px !important;
    overflow: hidden;
}
.table_userlist_wide thead th:nth-child(3) {
    width: 25% !important;
    padding: 10px !important;
    overflow: hidden;
}
.table_userlist_wide tbody td:nth-child(2) {
    overflow: hidden;
}
.table_userlist_wide tbody td:first-child form {
    width: 24px !important;
}
.table_userlist_wide select {
    float: left;
    width: 70%;
    margin-right: 2%;
}
.table_userlist_wide input {
    float: left;
    width: 28%;
}


/* add co2 location table */

.co2_emissions_list_table thead th:nth-child(1) {
    width: 30px !important;
    padding: 10px 6px !important;
}
.co2_emissions_list_table thead th:nth-child(2) {
    width: 33% !important;
}
.co2_emissions_list_table thead th:nth-child(3) {
    width: 32% !important;
}
.co2_emissions_list_table thead th:nth-child(4) {
    width: 11% !important;
}
.co2_emissions_list_table thead th:nth-child(5) {
    width: 9% !important;
}
.co2_emissions_list_table thead th:nth-child(6) {
    width: 13% !important;
}
.co2_emissions_list_table thead th:nth-child(7) {
    width: 30px !important;
    padding: 10px 6px !important;
}


/* project list */

.table_projlist thead th:nth-child(1) {
    width: 1px !important
}
.table_projlist thead th:nth-child(2) {
    width: 47% !important;
}
.table_projlist thead th:nth-child(3) {
    width: 10% !important;
}
.table_projlist thead th:nth-child(3), .table_projlist tbody td:nth-child(3) {
    text-align: center;
    padding-left: 10px;
}
.table_projlist thead th:nth-child(4) {
    width: 41% !important;
}

.table_projlist_normal thead th:nth-child(1) {
    width: 47% !important;
}
.table_projlist_normal thead th:nth-child(2) {
    width: 10% !important;
}
.table_projlist_normal thead th:nth-child(2), .table_projlist_normal tbody td:nth-child(2) {
    text-align: center;
    padding-left: 10px;
}
.table_projlist_normal thead th:nth-child(3) {
    width: 41% !important;
}
/* user to project table */

.table_u2p thead th:nth-child(1) {
    width: 13% !important;
}
.table_u2p thead th:nth-child(2) {
    width: 60% !important;
}
.table_u2p thead th:nth-child(3) {
    width: 30% !important;
}
.table_u2p thead th:nth-child(4) {
    width: 32px !important;
}
/* user to customer table */

.table_u2c thead th:nth-child(1) {
    width: 74% !important;
}
.table_u2c thead th:nth-child(2) {
    width: 25% !important;
}
.table_u2c thead th:nth-child(3) {
    width: 32px !important;
}
/* customer list table */

.table_customerlist thead th:nth-child(1) {
    width: 24px !important;
    padding: 10px 6px !important;
}
.table_customerlist thead th:nth-child(2) {
    width: 98% !important;    
    padding: 10px !important;
}
.table_customerlist thead th:nth-child(3) {
    width: 24px !important;
    padding: 10px 6px !important;
}
/* users - user to customer table */

.table_user_u2c thead th:nth-child(1) {
    width: 99% !important;
}
.table_user_u2c thead th:nth-child(2) {
    width: 32px !important;
}
/* alerts - front page list - automatic alerts */

.auto_alerts_table thead th:nth-child(1) {
    width: 30px !important;
}
.auto_alerts_table thead th:nth-child(2) {
    width: 30% !important;
}
.auto_alerts_table thead th:nth-child(3) {
    width: 70% !important;
}
.auto_alerts_table thead th:nth-child(4) {
    width: 30px !important;
}
/* alerts - front page list - automatic alerts */

.user_alerts_table thead th:nth-child(1) {
    width: 30px !important;
}
.user_alerts_table thead th:nth-child(2) {
    width: 30% !important;
}
.user_alerts_table thead th:nth-child(3) {
    width: 60% !important;
}
.user_alerts_table thead th:nth-child(4) {
    width: 49px !important;
}
/* alerts - events */

.user_event_table thead th:nth-child(1) {
    width: 65% !important;
}
.user_event_table thead th:nth-child(2) {
    width: 35% !important;
}
.user_event_table thead th:nth-child(3) {
    width: 59px !important;
}
/* alerts - email list */

.alert_emails {
    margin-top: 10px;
}
.alert_emails tbody td:nth-child(1) {
    width: 40% !important;
}
.alert_emails tbody td:nth-child(2) {
    width: 60% !important;
}

/* alerts - edit  */

.edit_alerts_table thead th:nth-child(1) {
    width: 30px !important;
}
.edit_alerts_table thead th:nth-child(2) {
    width: 100% !important;
}
.edit_alerts_table thead th:nth-child(3) {
    width: 30px !important;
}

/* alerts - add alert - email table  */

.edit_alerts_table thead th:nth-child(1) {
    width: 100% !important;
}
.edit_alerts_table thead th:nth-child(2) {
    width: 30px !important;
}

/* alerts log - user alerts - milestone */

.user_alerts_log_table_mile thead th:nth-child(1) {
    width: 30px !important;
}
.user_alerts_log_table_mile thead th:nth-child(2) {
    width: 70% !important;
}
.user_alerts_log_table_mile thead th:nth-child(3) {
    width: 40% !important;
}

/* alerts log - user alerts */

.user_alerts_log_table thead th:nth-child(1) {
    width: 30px !important;
}
.user_alerts_log_table thead th:nth-child(2) {
    width: 35% !important;
}
.user_alerts_log_table thead th:nth-child(3) {
    width: 45% !important;
}
.user_alerts_log_table thead th:nth-child(4) {
    width: 20% !important;
}

/* alerts log - user alerts */

.alerts_breakdown_table thead th:nth-child(1) {
    width: 25% !important;
}
.alerts_breakdown_table thead th:nth-child(2) {
    width: 55% !important;
}
.alerts_breakdown_table thead th:nth-child(3) {
    width: 20% !important;
}

/* alerts log - user alerts */

.weather_location_table thead th:nth-child(1) {
    width: 24px !important;
    padding: 10px 6px !important;
}
.weather_location_table thead th:nth-child(2) {
    width: 47% !important;
    padding: 10px !important;
}
.weather_location_table thead th:nth-child(3) {
    width: 47% !important;
    padding: 10px !important;
}
.weather_location_table thead th:nth-child(4) {
    width: 46px !important;
    padding: 10px 6px !important;
}

/* alerts log - user alerts */

.alerts_email_list_table tbody td:nth-child(1) {
    width: 100% !important;
}
.alerts_email_list_table tbody td:nth-child(2) {
    width: 30px !important;
}

/* elements */

.elements_table thead th:nth-child(1) {
    width: 30px !important;
}
.elements_table thead th:nth-child(2) {
    width: 100% !important;
}


/* time of use */

.add_new_alert_email_table tbody td:nth-child(1) {
    width: 22% !important;
}
.add_new_alert_email_table tbody td:nth-child(2) {
    width: 40% !important;
}
.add_new_alert_email_table tbody td:nth-child(3) {
    width: 10% !important;
}


/* alerts log - user alerts */

.new_group_list_table thead th:nth-child(1) {
    width: 24px !important;
}
.new_group_list_table thead th:nth-child(2) {
    width: 100% !important;
}
.new_group_list_table thead th:nth-child(3) {
    width: 38px !important;
}
.new_group_list_table thead th:nth-child(4) {
    width: 30px !important;
}




/* alerts - front page list - automatic alerts */

.user_alerts_datatable thead th:nth-child(1) {
    width: 1px !important;
}
.user_alerts_datatable thead th:nth-child(2) {
    width: 30% !important;
}
.user_alerts_datatable thead th:nth-child(3) {
    width: 10% !important;
}
.user_alerts_datatable thead th:nth-child(4) {
    width: 60% !important;
}
.user_alerts_datatable thead th:nth-child(5) {
    width: 19px !important;
}


/* datasources */

.main_datasource_table thead th:nth-child(1) {
    width: 24px !important;
    padding: 10px 6px !important;
}
.main_datasource_table thead th:nth-child(2) {
    width: 35% !important;
}
.main_datasource_table thead th:nth-child(3) {
    width: 3% !important;
}
.main_datasource_table thead th:nth-child(4) {
    width: 25.5% !important;
}
.main_datasource_table thead th:nth-child(5) {
    width: 8% !important;
}
.main_datasource_table thead th:nth-child(6) {
    width: 20% !important;
}
.main_datasource_table thead th:nth-child(7) {
    width: 62px !important;
    padding: 10px 6px !important;
}

/* switches */

.main_switch_table thead th:nth-child(1) {
    width: 32px !important;
    padding: 10px 6px !important;
}
.main_switch_table thead th:nth-child(2) {
    width: 25% !important;
}
.main_switch_table thead th:nth-child(3) {
    width: 25% !important;
}
.main_switch_table thead th:nth-child(4) {
    width: 10% !important;
}
.main_switch_table thead th:nth-child(5) {
    width: 15% !important;
}
.main_switch_table thead th:nth-child(6) {
    width: 20% !important;
}
.main_switch_table thead th:nth-child(7) {
    width: 62px !important;
    padding: 10px 6px !important;
}


.ds_header:nth-child(1) { margin-top: 0px }


.ua_requests_table thead th {
    text-align: left !important;
}

/* time of use */

.vr_group_list thead th:nth-child(1) {
    width: 30px !important;
}
.vr_group_list thead th:nth-child(2) {
    width: 85% !important;
}
.vr_group_list thead th:nth-child(3) {
    width: 15% !important;
}

/* UA Requests */

.ua_requests_table tbody tr:hover { background: #eee; cursor: pointer; }
.ua_tmp_border { border: 1px solid #777; }

.expander_table tr { width: 100%; }

/* time of use */

.tou_table thead th:nth-child(1) {
    width: 20% !important;
}
.tou_table thead th:nth-child(2) {
    width: 30% !important;
}
.tou_table thead th:nth-child(3) {
    width: 30% !important;
}
.tou_table thead th:nth-child(4) {
    width: 20% !important;
}


.table_co2_data_validation thead th:nth-child(1) {
    width: 20% !important;
}
.table_co2_data_validation thead th:nth-child(2) {
    width: 47% !important;
}
.table_co2_data_validation thead th:nth-child(3) {
    width: 15% !important;
}
.table_co2_data_validation thead th:nth-child(4) {
    width: 10% !important;
}
.table_co2_data_validation thead th:nth-child(5) {
    width: 8% !important;
}


.table_co2_iri_validation thead th:nth-child(1) {
    width: 70% !important;
}
.table_co2_iri_validation thead th:nth-child(2) {
    width: 30% !important;
}



.schedule_events thead th:nth-child(1) {
    width: 30px !important;
}
.schedule_events thead th:nth-child(2) {
    width: 35% !important;
}
.schedule_events thead th:nth-child(3) {
    width: 35% !important;
}
.schedule_events thead th:nth-child(4) {
    width: 15% !important;
}
.schedule_events thead th:nth-child(5) {
    width: 15% !important;
}
.schedule_events thead th:nth-child(6) {
    width: 30px !important;
}



.carbon_seperator {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}

.tou_green { color: #339900; }
.tou_amber { color: #FFCC00; }
.tou_red { color: #FF0000; }
.tou_row_green { background: #D6EBCC; }
.tou_row_amber { background: #FFEDA6; }
.tou_row_red { background: #FFCCCC; }


.day {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    height: 102px;
    margin-bottom: 2px;
}
.day h3 {
    width: 70%;
}
.day select {
    float: right;
    font-size: 10px;
    height: 27px;
    margin: 15px 0 0;
    width: 28%;
}

.alert_circle_small {
    background: url("../images/alert_circle_small.png") no-repeat;
    width: 17px;
    height: 17px;
    padding: 2px 0 0 0px !important;
    color: #fff;
    float: left;  
    opacity: 0.8;
    border: none !important;
    font-size: 0.9em;
    cursor: pointer;
}
.alert_circle_small:hover {
    color: #fff; 
    text-decoration: none;
    opacity: 1;
}
.question {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/question.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
}
.question:hover {
    opacity: 1;
}
.refresh_form {
    float: left;
    width: 16px !important;
}
.edit_form {
    float: left;
    width: 16px !important;
}
.delete_form {
    float: left;
    margin-left: 8px !important;
    width: 8px !important;
}
.table_customerlist tbody td .delete_form {
    margin-left: 8px !important;
}
.alertrow {
    padding: 7px !important;
}
.alertrow div {
    float: left;
    padding: 6px 0;
}
.alertrow a {
    border: 1px solid rgb(200, 200, 200);
    border-radius: 4px;
    padding: 5px;
    float: right;
    width: 60px;
    margin-left: 4px;
}
.alertrow a:hover {
    text-decoration: none;
    color: #fff;
}
.envform {
    margin: 0;
    display: block;
}
.envbtnform {
    margin: 0 1px;
    width: 24px;
    display: inline-block;
}
.fabtnform {
    margin: 1px 1px 0;
    width: 10px;
    float: right;
    display: inline-block;
}
.fabtnmargin { margin-left: 8px; }
.projects_content {
    clear: both;
}
.env_alert {
    margin: -10px 0px 15px;
    padding: 10px 14px;
    float: left;
    width: 100%;
    text-shadow: 1px 1px 1px rgba(53, 53, 53, 0.5);
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.env_alert img {
    float: left;
    margin-right: 6px;
    margin-top: 0px;
}
.env_alert span {
    float: left !important;
    margin-top: 1px;
    margin-left: 2px;
    width: 90% !important;
}
.env_alert h3 {
    margin: 1px 0 10px;
    color: #fff;
}
.box_pink_bg {
    background: #daa;
}
.alert_red {
    background: #d00;
}
.alert_green {
    background: #2d2;
}
.alert_red_text {
    color: #d00;
}
.alert_green_text {
    color: #2d2;
}
.error_img {
    margin-right: 5px;
    margin-bottom: -4px;
}
.users_content {
    clear: both;
}
/*
.add_user_to_project, .add_user_content, .greybox {
    background: rgba(200, 200, 200, 0.2);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 20px;
        width: 100%;
        float: left;
}
.add_user_to_project form label, .add_user_to_project label, .greybox label {
    margin-right: 2%;
    float: left;
    width: 18%;
    padding-top: 6px;
}
.add_user_to_project form select, .add_user_to_project select, .greybox select {
    margin-right: 2%;
    float: left;
    width: 33%;
    margin-top: 0px;
}
.add_user_to_project form input[type=submit], .add_user_to_project input[type=submit], .greybox input[type=submit] {
    width: 10%;
    float: left;
}
.group_select form label {
    margin-right: 2%;
    float: left;
    width: 18%;
    padding-top: 6px;
}
.group_select form select {
    margin-right: 2%;
    float: left;
    width: 78%;
    margin-top: 0px;
}
.group_select form input[type=submit] {
    width: 10%;
    float: left;
}*/
.submit_backfill {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/database_refresh.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_reports {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/page_copy.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_events {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/flag_blue.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_remove {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/cancel.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_active {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/accept.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_delete {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/bin_closed.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: -9px
}
.submit_edit {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/pencil.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_database {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/server.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: -4px
}
.submit_reset {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/email_error.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_welcome {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/email_open_image.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_groups {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/cog.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_sync {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/table_refresh.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_config {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/cog_go.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_import {
    opacity: 0.65;
    cursor: pointer;
    background: url("../images/database_go.png") no-repeat;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.submit_import:hover, .submit_config:hover, .submit_sync:hover, .submit_reports:hover, .submit_events:hover, .submit_remove:hover, .submit_active:hover, .submit_edit:hover, .submit_edit:hover, .submit_database:hover, .submit_reset:hover, .submit_delete:hover, .submit_welcome:hover, .submit_groups:hover {
    opacity: 1;
}
.view_project {
    margin-top: -5px;
}
.hidden {
    display: none;
}
.icontd {
    width: 32px !important;
}
.nav_holder a {
    text-decoration: none;
    color: #7ce07c !important;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -ms-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}
.nav_holder a:hover {
    text-decoration: underline;
    color: #bcffbc !important;
}
#event_add_icon {
    width: 18px;
    height: 27px;
    overflow: hidden;
    float: left;
}
#IconID {
    float: right;
    width: 86%;
}
.reportbox {
    width: 100%;
    padding: 12px;
    background: rgba(170, 170, 170, 0.1);
    border-radius: 6px;
    margin-bottom: 10px;
    float: left;
}
.reportbox:last-child {
    margin-bottom: 0px;
}
.reportbox:hover {
    background: rgba(170, 170, 170, 0.3);
}
.reportbox span {
    color: #49494a;
    float: left;
    font-family: "Poppins", serif;
    font-size: 1.6em;
    padding-top: 9px;
    text-align: left;
    width: 55%;
}
.get_report_button {
    /*
    opacity: 0.6;
    margin-left: 6px;
    float: right;
    cursor: pointer;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    text-indent: -9999px;
    overflow: hidden;
    */
}
.get_report_button:hover {
    opacity: 1;
}
a[data-filetype=xls] {
    background: url("../images/files/xls.png") no-repeat;
}
a[data-filetype=xlsx] {
    background: url("../images/files/xlsx.png") no-repeat;
}
a[data-filetype=pdf] {
    background: url("../images/files/pdf.png") no-repeat;
}
.energy_use_metric_wrap {
    /*
    float: left;
    width: 65%;
    */
}

.energy_use_metric {
    width: 100% !important;
    /*
    float: right;
    font-size: 10px;
    height: 24px;
    padding: 0;
    width: 20%;
    margin-top: 11px;
    */
}
#loginform label {
    float: left;
    width: 100%;
    text-align: left;
    color: #666;
}
#loginform input {
    float: left;
    width: 100%;
    text-align: left;
    clear: both;
}
.color_swatch {
    width: 30px;
    height: 30px;
    float: left;
    margin: 1px 3px 0 1px;
}
.action_holder {
    float: left;
    width: 100%;
}
.action_holder:first-child {
    margin-bottom: 7px;
}
a, a:visited {
    color: #319531;
    /* #859c02; */
    
    text-decoration: none;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}
a:hover {
    color: #7bc9cd;
    text-decoration: underline;
}
.sync_red {
    color: #ff0000;
}
.sync_green {
    color: #00ff00;
}
.sync_grey {
    color: #666666;
}
/* #Forms ================================================== */

form {
    margin-bottom: 20px;
}
fieldset {
    margin-bottom: 20px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #ccc;
    padding: 5px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    max-width: 960px;
    display: block;
    margin: 0;
    background: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
    min-height: 60px;
}
input[type="submit"] {
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
}
.envformspacing {
    margin: 0;
}
.envformspacing label, .add_user_content label {
    margin-bottom: 4px;
    float: left;
    width: 100%;
    color: #555;
}
.envformspacing input, .envformspacing select, .envformspacing textarea, .add_user_content input, .add_user_content select, .add_user_content textarea {
    margin-bottom: 6px;
    clear: both;
}
.envformspacing input[type=submit], .add_user_content input[type=submit] {
    margin-top: 6px;
}
/* faqs */

.faqs {
    text-align: left;
}
.faqs .item {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.faqs .item .q {
    width: 100%;
    padding: 10px 14px;
    color: #49494a;
    background: rgba(200, 200, 200, 0.5);
    float: left;
    text-decoration: none;
    font-weight: 600;
}
.faqs .item .q:hover {
    background: rgba(200, 200, 200, 0.75);
}
.faqs .item div {
    width: 100%;
    padding: 10px 14px;
    background: rgba(230, 230, 230, 0.5);
    display: none;
    float: left;
}
.faqs .item div p:first-child {
    margin-top: 0;
}
.faqs .item div p:last-child {
    margin-bottom: 0;
}

.param_holder_hidden { display: none; }
.param_holder_showing { display: block; }

/* ADMIN SECTION - KPI */

.kpi_btn {
    border-radius: 4px;
    color: #fff !important;
    float: right;
    padding: 5px;
    width: 30%;
}

.header_with_btn {
    float: left;
    width: 60%;
    margin-top: 0px;
    font-size: 1.4rem;
}

.header_with_btn_question {
    float: left;
    margin-left: 6px;
    margin-top: 8px;
}

.kpi_indicator_item h4 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
}

.kpi_indicator_item span {
    color: #777;
}

.kpv_indicator_item h4 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
}

.kpv_indicator_item span {
    color: #777;
}

.kpi_table_indicator{
    border-top: none;
}
.kpi_table_indicator tbody tr td:nth-child(1) {
    width: 28px !important;
}
.kpi_table_indicator tbody tr td:nth-child(2) {
    width: 83% !important;
}
.kpi_table_indicator tbody tr td:nth-child(3) {
    width: 10% !important;
}


.kpi_table_value {
    border-top: none;
}
.kpi_table_value tbody tr td:nth-child(2) {
    width: 70px !important;
    text-align: center;
}
.kpi_table_value tbody tr td:nth-child(1) {
    width: 83% !important;
}
.kpi_table_value tbody tr td:nth-child(3) {
    width: 11% !important;
}


#new_kpi_name_holder #new_kpi_name {
    width: 94%;
}
#new_kpv_name {
    width: 84%;
}

#new_kpi_group_id, #new_kpi_value_id {
    float: left;
    width: 36%;
}
#new_kpi_operator {
    float: left;
    width: 20%;
    margin: 0 1%;
}
#new_kpi_close {
    float: right;
    margin-right: 2px;
    margin-top: 3px;
    opacity: 0.5;
}
#new_kpi_submit {
    float: right;
    margin-right: -1px;
    margin-top: 2px;
    opacity: 0.5;
}
#new_kpv_submit {
    float: right;
    margin-right: -1px;
    margin-top: 0px;
    opacity: 0.5;
}
#new_kpv_close, #new_kpv_new {
    float: right;
    margin-right: 1%;
    margin-right: 1%;
    margin-top: 0px;
    opacity: 0.5;
}
#new_value_submit {
    float: right;
    margin-right: -1px;
    margin-top: 0px;
    opacity: 0.5;
}
#new_value_close {
    float: right;
    margin-right: 1%;
    margin-left: 0px;
    margin-top: 7px;
    opacity: 0.5;
}
#new_value_submit:hover, #new_value_close:hover {
    opacity: 1;
}
.new_value_holder {
    width: 20px;
    float: right;
}

#new_kpi_close:hover, #new_kpv_close:hover , #new_kpv_new:hover {
    opacity: 1;
}
#new_kpi_submit:hover, #new_kpv_submit:hover {
    opacity: 1;
}

#new_kpi_name_holder, #new_kpv_name_holder {
    margin-bottom: 5px;
}
#new_kpi_name_holder input[type=text], #new_kpv_name_holder input[type=text] {
    padding: 6px !important;
}

.kpv_item_holder {
    width: 100%;
}


.row-blank td, .row-indicator-new-title td {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.row-indicator-new td, .row-indicator-no td, .row-value-new td, .row-value-no td  {
    border-top: 1px #ccc dotted !important;
}
tr.row-indicator-item:nth-child(1) td, tr.row-value-item:nth-child(1) td {
    border-top: 1px #ccc dotted !important;
}

.row-indicator-new {
    display: none;
}
.row-indicator-edit {
    display: none;
}
.row-value-new {
    display: none;
}
.row-value-edit {
    display: none;
}

#new_kpv_month, #new_kpv_month_display {
    float: left;
    width: 25%;
    margin-right: 0.5%;
}

#new_kpv_value {
    float: left;
    width: 69.5%;
    margin-left: 0.5%;    
}

.kpi .dotbox h3, .kpv .dotbox h3 {
    margin: 8px 0 0;
}

.dotbox {
    border: 1px #ccc dotted;
    padding: 6px;
}

.dotbox {
    margin-bottom: 8px;
}

.dotbox h4 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
}

.dotbox span {
    color: #777;
}

.kpv_value_item:last-child {
    margin-bottom: 0px;
}

.kpv_value_template {
    display: none;
}

.row-value-new #new_kpv_value {
    width: 74% !important;
}

.kpv .alertrow .delete_confirm_yes, .kpv .alertrow .delete_confirm_no {
    margin-top: 5px;
}

.kpi_edit_variable_name {
    float: left;
    margin-right: 1% !important;
    padding: 6px !important;
    width: 88% !important;
}

.kpi_edit_indicator_name {
    float: left;
    margin-right: 1% !important;
    padding: 6px !important;
    width: 63% !important;
}

.kpi_edit_indicator_icon {
    float: left;
    padding: 6px !important;
    width: 30% !important;
}

.icon_nudge {
    margin-top: 2px !important;
}

.kpi_tutorial {
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    padding: 10px;
    float: left;
    width: 100%;
    display: none;
}

.kpi_tutorial h3 {
    margin: 0 0 8px 0;
}
.kpi_tutorial ol {
    margin: 0;
    padding-left: 15px;
    float: left;
}
.kpi_tutorial ol li {
    color: #777;
    margin-bottom: 5px;
    padding-left: 8px;
}

/* transitions */

.transition-bg {
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -ms-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
.transition-opacity {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
/* border-box */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* clearfix */

.cf:before, .cf:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}

.submit_ir {
    float: left;
    border: none !important;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}

/* font awesome tweaks */

.fa-float-left {
    float: left;
}

.fa-float-right {
    float: right;
}

.fa-spacing {
    margin-right: 6px;
}

.fa-warn-2x-space {
    margin-top: 6px;
}

.fa-warn-grey {
    color: #777;
}

.fa-success-green {
    color: #7bc9cd;
}

.fa-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none !important;
    font-family: FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 !important;
    color: #0E334A;
    cursor: pointer;
    width: 11px;
}

.fa-input:hover {
    color: #6abe6a;
}

.mpan_req label { margin-bottom:5px !important; float: left; }

.mpan_req h2 {
    margin-top: 35px;
}

.white_rounded_box {
    background: #fff;
    padding: 10px 12px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.white_rounded_box90 {
    background: rgba(255,255,255,0.9);
    padding: 10px 12px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.white_rounded_box70 {
    background: rgba(249,249,249,0.7);
    padding: 10px 12px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mpan_req h3 {
    margin-top: 4px !important;
}

.mpan_req_body {
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRkJGQkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDYpIiAvPgo8L3N2Zz4=);
}

.mpan_ds_count {
    font-size:41px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #888;
}

.req_submit {
    text-align: center; opacity: 1; background: #0E334A; color: #fff; font-weight: 600;
    padding: 14px 12px !important;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    float: left;
    font-size: 1.3rem;
    margin-top: 20px;

}
.req_submit:hover {
    background: #63b763;  color: #fff;
}

.input_warning {
    border: 1px #e44 solid !important;
}

.req_required {
    margin-right: 5px; color: #fc0;
}

.req_split {
    border-top: 3px solid #0E334A;
    margin-top: 30px;
    padding-top: 20px;
}

.calc_results {
    padding-top: 10px; border-top: 1px solid rgb(119, 119, 119); margin-top: 10px; display: none;
}

.alerts_smallinput {
    text-align: center; width: 28% !important; float: left; margin-right: 2% !important; height: 32px;
}
.alerts_smallselect {
    width: 70%; float: left; height: 32px;
}

.ralabel {
    margin-top: 6px;
    float: right;
}
.alert_archive_submit {
    font-size: 15px;
    padding: 8px !important;
    margin-top: -4px;
}
.greybox {
    background: rgba(200, 200, 200, 0.2);
    border-radius: 6px;
    padding: 12px;
    margin-left:  0% !important;
    margin-bottom:  30px;
}


.alert_archive_tbl thead th:nth-child(1) {
    width: 8% !important;
}
.alert_archive_tbl thead th:nth-child(2) {
    width: 5% !important;
}
.alert_archive_tbl thead th:nth-child(3) {
    width: 17% !important;
}
.alert_archive_tbl thead th:nth-child(4) {
    width: 10% !important;
}
.alert_archive_tbl thead th:nth-child(5) {
    width: 40% !important;
}
.alert_archive_tbl thead th:nth-child(6) {
    width: 8% !important;
}
.alert_archive_tbl thead th:nth-child(7) {
    width: 8% !important;
}

.alert_table_holder, .project_table_holder, .table_userlist, .main_datasource_table { opacity:0; }

.nobord {
    border: none;
}
.nombtm {
    margin-bottom: 0px !important;
}
.nomtop {
    margin-top: 0px !important;
}
.nomlft {
    margin-left: 0px !important;
}

.alert_search_button {
    padding:6px !important;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.datetimepick { height: 30px }

.subtitle {
    color: #999;
    font-size: 0.7em
}

.toprow {
    margin: 20px 0 30px;
}

.admin_top_right_btns {
    height: 32px;
    margin-top: 3%;
    float: right;
    border-radius: 4px;
    color: #fff !important;
    padding-top: 7px !important
}

.small_submit {
    height: 32px !important;
    padding-top: 7px !important;
}

.main_content {
    width: 80% !important;
}

.distrib_box {
    background: #fafafa;
    padding: 10px;
}
.distrib_box h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.distrib_box h3 span {
    float: right;
    text-align: right;
}
.distrib_light_text, .distrib_light_text h3, .distrib_light_text div {
    color: #efefef !important;
}

.confirm_class {
    margin: auto 0;
}

.graph_font {
    
}

.graph_extra h3 { margin-top: 0;margin-bottom: 0; }
.graph_extra h2 { margin-top: 0; margin-bottom: 0; }
.graph_extra span { margin: 4px 0px 20px; }

.tou_distrib_title {
    margin: 0;padding-left: 10px;padding-top: 10px;padding-bottom: 5px;
}

/* ---------------------------------- */

 .lp_span { width: 100%; margin: 0 0 6px 0; font-size: 0.7rem; }

.datepickset {
    padding:0px !important;  margin-left: 8px;height: 27px !important; width: 46px !important;
}

.green_btn {
    margin-top: 20px;
    float: right;
    border-radius: 5px;
    font-size: 1rem;
    background: #0E334A;
    color: #fff !important;
    padding: 10px 14px !important;
    text-shadow: 1px 1px 1px rgba(53, 53, 53, 0.5);
    border: 0px;
}

.green_btn:hover {
    background: #7bc9cd;
    color: #fff;
    text-decoration: none;
}

/* new alerts wizard */

.dotted_box_20pad {
    padding: 20px; border: 1px dotted #aaa;
}

.alert_select {
    font-size: 1.05rem !important; padding: 8px !important;
}

.vr_add_btn {
    float: right;
    width: 17%;
    font-size: 0.9rem;
    height: 28px;
    padding-top: 5px !important;
    margin-top: 0px;
}

.button {
    font-size: 100%;
    font-family: inherit;
    border: none;
}

.disabled_submit {
    background: #d00 !important;
}

.disabled_submit:hover {
    background: #e11 !important;

}

.carbon_tiny_select {
    padding: 1px;
}


.green_btn_base {
    border-radius:4px;
    background:#0E334A;
    color: white;
    padding:6px;
    font-weight:bold;
    font-size:0.9rem;
    display: block;
    text-align: center;
    margin-top: 13px;
}

.green_btn_base:hover {
    color: #fefefe;
    text-decoration: none;
}

select:disabled {
    opacity: 0.25;
}
input[type="text"] { padding: 6px 5px !important; font-family: "Poppins" }

/* switch related */

.span_hour {
    width: 4.4% !important;
    font-size: 0.7rem !important;
    text-align: right;
    padding-top: 1px;
}
.span_day {
    width: 12.6% !important;
    margin-left: 1%;
}
.header_row > .span_day { padding: 5px; text-align: center; background: #aaa; color: #fff; font-weight: 600; font-size: 1.1rem;}
.hourcol span {
    float: right;
    margin-bottom: 4px;
    font-size: 0.7rem;
    background: #eee;
    padding: 3px;
    text-align: right;
}
.grid_off { background: #daffda; border: 1px solid #4d4; }
.grid_on { background: #ffdada; border: 1px solid #d44; }
.switch_help div div h3 { color: #7bc9cd !important; }
.count_span { float: right; margin-right: 10px; }
.count_box_on { border: 1px solid #4d4; padding-left: 10px;}
.count_box_off { border: 1px solid #d44; padding-left: 10px; }
.list_delete {margin-left: -1px; width: 32px !important;display: block;}
.list_active { width: 32px !important;display: block;}


.switch_submit_btn { margin-top:0px !important; height: 29px !important;padding-top: 6px !important; }

#switch_tabs {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    /*background-image:url(../images/transparent.png);
    background-repeat:repeat-x repeat-y;*/

    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0px 40px 0px;
    margin-bottom: 0px;
    text-align: left;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
}
.switch_tab {
    background:#319531 ;
    color: #fff  !important;
    width: 100%;
    height: 42px;
    display: block;
    border-radius: 10px 10px 0 0;
    font-size: 1.1rem;
    padding: 10px 20px 8px 20px;
    float: left;
    border-bottom:2px solid #660d0d;
    text-transform: uppercase;
}
#switch_tabs > div > a:hover {
    background:#fff;
    color: #319531 !important;
    text-decoration:none;
}
.selected_switch_tab {
    background:#fff;
    color: #319531;
    width: 100%;
    height: 42px;
    display: block;
    border-radius: 10px 10px 0 0;
    font-size: 1.1rem;
    padding: 10px 20px 8px 20px;
    float: left;
    border-bottom:2px solid rgba(0,0,0,0);
    text-transform: uppercase;
}
.selected_switch_tab:hover {
    background:#fff;
    color: #319531;
    text-decoration:none;
}
.tab_icon { 
    float: right;
    font-size: 1.4rem;
}


.cl_title {
    float: left;
    margin-bottom: 0px;
    margin-top: 24px;
    padding-top: 32px;
    border-top: 1px solid #eee
}
.cl_desc {
}
.cl_type_small {
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #999;
}
.cl_container {
    padding: 10px;
    border-bottom: 1px solid #eee
}


.login_rounded_box {
    background: #fff;
    padding: 30px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.debug_out { background: #fff; color: #333; padding: 10px }

.font_semibold { font-weight: 600; }