/* <Global classes> */

@font-face {
 font-family : 'Baskerville Old Face';
 font-style  : normal;
 font-weight : normal;
 src         : local('Baskerville Old Face'), url('../web_fonts/Baskerville Old Face.woff') format('woff');
}

@font-face {
 font-family : 'Bree Serif';
 font-style  : normal;
 font-weight : normal;
 src         : local('Bree Serif'), url('../web_fonts/Bree Serif.woff') format('woff');
}

html, body {
 font-family : Arial, Helvetica, sans-serif;
 font-size   : 13px;
 color       : #666666;
 margin      : 0;
 padding     : 0;
}
body {
 background-image  : url('../images/background.jpg');
 background-repeat : repeat-y;
 background-size   : 100% auto;
}
select, option {
 font-family : inherit;
 font-size   : inherit;
 color       : inherit;
}
/* </Global classes> */


/* <General classes> */
#content_here {
 margin  : auto;
 padding : 5px;
}
.main_div {
 position : relative;
 display  : block;
}
.page_div {
 position         : relative;
 display          : block;
 width            : 910px;
 margin           : 6px auto auto;
 padding          : 0;
 background-color : white;
 border           : 4px solid black;
 border-radius    : 6px;
}
/* </General classes> */


/* <Progressbars.> */
.survey--progressbar {position: absolute; left: 0; width: 100%; height: 36px; font-family: Open Sans; background-color: darkgreen; overflow: hidden; display: inline-block; cursor: pointer; z-index: 100}
.survey--progressbar > *:first-child {position: absolute; width: 100%; height: 100%; background-image: url(../images/progressbar-green.gif); background-repeat: repeat-x; background-size: contain}
.survey--progressbar > *:last-child {position: relative; color: white; font-size: 24px; line-height: normal; text-align: center; margin: 0 /* unsure about the margin: 0 */}
.survey--progressbar-complete > *:first-child {background-image: url(../images/progressbar-green-complete.gif)}
/* </Progressbars.> */

/* <Popup classes> */
.popup-standard_form {
 font-family      : Arial;
 font-size        : 14px;
 color            : black;
 background-color : white;
 text-align       : center;
 padding          : 12px;
 padding-top      : 0;
}
.popup-confirmation {
 text-align       : center;
 padding          : 12px;
 background-color : white;
 display          : block;
 height           : auto;
 line-height      : 20px;
 font-size        : 16px;
 font-family      : Arial;
}
/* </Popup classes> */

/* <Survey template classes> */
.survey-body {
 font-family : Baskerville Old Face;
 position    : relative;
 width       : 910px;
 height      : auto;
}
.survey-no_area_selected {
 font-size  : 30px;
 text-align : center;
}
.survey-no_area_selected:before {
 content : "No territory area is currently selected.";
}
.survey-header {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 width           : 100%;
 height          : 126px;
 border-bottom   : 4px solid black;
 text-align      : left;
 display         : block;
 padding         : 14.4px;
 /*
 padding-left    : 76px;
 padding-right   : 76px;
 */
}
.survey-title {
 position   : relative;
 width      : 100%;
 text-align : center;
 display    : table;
}
.survey-title_inner {
 position       : relative;
 font-size      : 28px;
 vertical-align : middle;
 display        : table-cell;
}
.survey-title_inner:before {
 content : "REGISTRO DE CASA EN CASA"
}
.survey-street_section {
 position   : relative;
 top        : 18px;
 width      : 100%;
 text-align : center;
 display    : table;
}
.survey-territory_name {
 position        : absolute;
 right           : 0;
 font-size       : 24px;
 vertical-align  : middle;
 text-align      : right;
 padding-right   : 5px;
 display         : table-cell;
}
.survey-street_name {
 position       : absolute;
 font-size      : 24px;
 vertical-align : middle;
 text-align     : left;
 padding-left   : 5px;
 display        : table-cell;
 left           : 0;
}
.survey-street_name_span:before {
 content        : "CALLE:";
 margin-right   : 14px;
 vertical-align : middle;
}
.survey-territory_name select, .survey-street_name_span select {
 position        : relative;
 right           : 2px;
 font-size       : 24px;
 vertical-align  : middle;
 text-align      : center;
 margin          : auto;
 padding         : 2px;
 display         : inline-block;
}
.survey-territory_name select option, .survey-street_name_span select option {
 padding-left  : 8px;
 padding-right : 8px;
}
.survey-street_table {
 -moz-box-sizing : content-box;
 box-sizing      : content-box;
 font-size       : 18px;
 position        : relative;
 width           : 100%;
 height          : 500px;
 text-align      : center;
}
.survey-street_table tbody tr {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 display         : block;
 text-align      : left;
}
.survey-street_table thead tr:first-child {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 display         : table-row;
 text-align      : center;
}
.survey-street_table tbody tr th, .survey-street_table thead tr th{
 width   : 100%
}
.survey-street_table thead tr:first-child th:before{
 content : "No De Casa";
}
.survey-street_table tbody tr td {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 width   : 20%;
 height  : 50px;
 display : inline-block;
}
.survey-street_table tbody tr td input, .survey-street_table_add_number_text {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 width           : 100%;
 background      : none;
 font-size       : 18px;
 padding         : 0;
 margin          : auto;
 outline         : 0;
 border          : 0;
 margin-left     : -40px;
 left            : 38px;
 text-align      : center;
 vertical-align  : middle;
 display         : inline-block;
}
.survey-button_item_add_edit_remove {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 width           : 30px;
 height          : 30px;
 margin-left     : 3px;
 margin-right    : 3px;
 background-size : 200% 100%;
 vertical-align  : middle;
 cursor          : pointer;
 display         : inline-block;
}
.survey-button_item_add {
 background-image:url('../images/item_add.png')
}
.survey-button_item_edit {
 background-image:url('../images/item_edit.png')
}
.survey-button_item_remove {
 background-image:url('../images/item_remove.png')
}
.survey-button_item_add_edit_remove:hover {
 background-position : 100% 0;
}
/* </Survey template classes> */


/* <Survey print template classes> */
.survey-print-body {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 font-family     : Baskerville Old Face;
 width           : 4.1in;
 height          : 5.35in;
 margin          : 0.0625in;
 border          : .025in solid gray;
 display         : block;
}
.survey-print-no_area_selected {
 font-size  : 15px;
 text-align : center;
}
.survey-print-no_area_selected:before {
 content : "No territory area is currently selected.";
}
.survey-print-header {
 position        : relative;
 height          : 0.95in;
 width           : 2.65in;
 font-size       : .1in;
 text-align      : left;
 margin          : 0;
 border          : 0;
 margin-top      : .075in;
 margin-left     : 0.675in;
 display         : block;
}
.survey-print-title {
 position   : relative;
 width      : 100%;
 height     : .2in;
 text-align : center;
 display    : block;
}
.survey-print-title div {
 position       : relative;
 font-size      : 0.1375in;
 vertical-align : middle;
 display        : block;
}
.survey-print-page_listing {
 color : DarkRed;
}
.survey-print-street_section {
 position   : relative;
 top        : .125in;
 width      : 100%;
 height     : 0.1375in;
 text-align : center;
 display    : block;
}
.survey-print-street_name_outer {
 position       : absolute;
 font-size      : 11.5px;
 padding-left   : 2.5px;
 vertical-align : bottom;
 text-align     : left;
 display        : block;
 left           : 0;
}
.survey-print-street_name_inner {
 position        : relative;
 font-size       : 12px;
/*
 text-decoration : underline;
*/
}
.survey-print-territory_name {
 position        : absolute;
 right           : 0;
 font-size       : 12px;
 vertical-align  : middle;
 text-align      : right;
 padding-right   : 2.5px;
 display         : block;
}
.survey-print-legend {
 position  : relative;
 width     : auto;
 height    : auto;
 top       : .2125in;
 display   : block;
}
.survey-print-legend_header {
 position       : absolute;
 top            : .09in;
 width          : .45in;
 padding-left   : .05in;
 padding-right  : .05in;
 font-size      : .11in;
 vertical-align : top;
 display        : inline-block;
}
.survey-print-legend_list {
 position       : absolute;
 left           : .55in;
 top            : 0.0325in;
 vertical-align : top;
 display        : inline-block;
}
.survey-print-street_table {
 width            : 100%;
 font-size        : 10px;
 position         : relative;
 border-top       : .025in solid gray;
 height           : 4.3in;
 text-align       : center;
 border-collapse  : collapse;
}
.survey-print-street_table tbody {
 color: gray;
}
.survey-print-street_table tbody th {
}
.survey-print-street_table tbody tr:first-child th div {
 top: 0in;
}
.survey-print-street_table td, .survey-print-street_table th {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 height          : .2025in;
 line-height     : .2025in;
 border-right    : .0125in solid gray;
 border-bottom   : .0125in solid gray;
 padding         : 0;
}
.survey-print-street_table tbody tr td {
 font-family : Arial;
 font-size   : 15px;
}
.survey-print-street_table tbody tr td:first-child, .survey-print-street_table tbody tr th:first-child {
 border-left  : 0;
}
.survey-print-street_table tbody tr td:last-child, .survey-print-street_table tbody tr th:last-child {
 border-right : 0;
}
.survey-print-street_table tbody tr {
 margin           : 0;
}
.survey-print-button-print_this_page, .survey-print-button-print_all_pages {
 position : absolute;
 width    : 40px;
 height   : 47px;
 cursor   : pointer;
 display  : block;
}
.survey-print-button-print_this_page {
 left     : 13.5px;
 top      : 34.5px;
}
.survey-print-button-print_all_pages {
 left     : 343px;
 top      : 34.5px;
}
/* </Survey print template classes> */


/* <Login classes> */
a.dark {
 font-family     : arial;
 text-decoration : none;
 color           : #133e6f;
 font-weight     : normal;
 cursor          : pointer;
}
a.dark:link {color: #133e6f}
a.dark:visited {color: #133e6f}
a.dark:hover {color: #133e6f; text-decoration : underline}
a.dark:active {color: #133e6f}

.login-form label {
 width   : 116px;
 display : inline-block;
}
.login-submit_button {
 position       : relative;
 width          : 105px;
 line-height    : 40px;
 margin         : 5px auto;
 padding-left   : 0;
 padding-right  : 1px;
 padding-bottom : 3px;
 color          : white;
 font-family    : Bree Serif;
 font-size      : 18px;
 text-shadow    : 0 1px 0 rgba(0, 0, 0, .5);
 border-width   : 1px;
 border-style   : solid;
 border-radius  : 6px;
 cursor         : pointer;
 display        : block;
}
.login-submit_button:before {
 content       : '';
 position      : absolute;
 left          : 0;
 right         : 0;
 top           : 0;
 bottom        : 0;
 border-radius : 6px;
 border-width  : 1px;
 border-style  : solid;
 display       : block;
}

.login-submit_button-green {background-color:#73c167; border-color:#4cb23d}
.login-submit_button-green:before {border-color:#9dd495}
.login-submit_button-green:hover {background-color:#50d03e; border-color:#4cb23d}
.login-submit_button-green:hover:before {border-color:#85de78}

.login-submit_button-magenta {background-color:#993365; border-color:#7a234e}
.login-submit_button-magenta:before {border-color:#b87194}
.login-submit_button-magenta:hover {background-color:#d43a82; border-color:#7a234e}
.login-submit_button-magenta:hover:before {border-color:#e175a8}

.login-message_to_user {
 padding-top                : 12px;
 padding-bottom             : 10px;
 padding-left               : 12px;
 padding-right              : 12px;
 font-size                  : 20px;
 font-weight                : bold;
 line-height                : normal;
 color                      : white;
 background-color           : #271ae2;
 border-radius              : 6px;
 border-bottom-left-radius  : 0;
 border-bottom-right-radius : 0;
 display                    : block;
 /*
 margin           : 10px;
 padding          : 6px;
 color            : white;
 font-weight      : bold;
 line-height      : normal;
 background-color : #7f0000*;
 border-radius    : 6px;
 display          : block;
 */
}
.login-forgot_password_wrapper {
 padding-top : 10px;
}
.login-form {
 position         : fixed;
 left             : 50%;
 top              : 30px;
 width            : 330px;
 margin-left      : -165px;
 background-color : rgb(243, 243, 243);
 border-radius    : 8px;
 border           : 1px solid rgb(182, 182, 182);
 overflow         : hidden;
 display          : block;
}
.login-form_top {
 position      : relative;
 border        : 1px solid #fafafa;
 padding       : 8px;
 display       : block;
}
.login-form_bottom {
 -moz-box-sizing  : content-box;
 box-sizing       : content-box;
 position         : relative;
 padding          : 10px;
 text-align       : center;
 background-color : #d4dedf;
 border-left      : 1px solid #fafafa;
 border-right     : 1px solid #fafafa;
 border-bottom    : 1px solid #fafafa;
 border-top       : 1px solid #bec7c8;
 display          : block;
}

.login-header_image {
 width            : 150px;
 height           : 180px;
 margin           : 10px auto 15px;
 background-image : url('../images/logo-territory app.png');
 background-size  : 100% 100%;
 display          : block;
}
.login-header_text {
 padding-bottom : 4px;
 padding-top    : 4px;
 display        : block;
}
.login-form_top-text_and_inputs {
 text-align  : left;
 margin-left:  9px;
}
.login-form input[type="text"], .login-form input[type="password"] {
 display       : inline;
 margin        : 4px;
 padding       : 6px;
 border        : 1px solid rgb(212, 212, 212);
 border-radius : 4px 4px 4px 4px;
 width         : 161px;
}
/* </Login classes> */


/* <Menu ribbon classes> */
.menulist_h a {
 display : inline-block;
 padding : 3px;
}
.menulist_h {
 cursor : pointer
}
.menulist_h ul {
 width : 180px;
}
.menulist_h_print ul {
 width : 300px;
}
.menulist_h ul li a {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 width           : 100%;
}
.survey-ribbon_parent {
 position  : relative;
 z-index   : 12;
 margin    : auto;
 font-size : 24px;
 width     : 910px;
 display   : table;
}
.survey-ribbon {
 float     : left;
 position  : relative;
 z-index   : 12;
 margin    : auto;
 font-size : 24px;
 height    : 32px;
 color     : #227436;
 display   : inline;
}
.survey-ribbon_current_area_text {
 position      : relative;
 color         : black;
 float         : right;
 padding       : 4px;
 padding-right : .5em;
 display       : inline-block;
}
/* </Menu ribbon classes> */

/* <Registration classes> */
/*
.set-registration-codes {
 margin : 4px;
}
.set-registration-codes > * {
 padding : 4px;
}
.set-registration-codes > *:first-child {
 border-top-left-radius : 6px;
 border-top-right-radius : 6px;
}
.set-registration-codes > *:last-child {
 border-bottom-left-radius : 6px;
 border-bottom-right-radius : 6px;
}
*/
/* </Registration classes> */

/* <User permissions page classes> */
.user-permissions-area_dropdown, .set-registration-codes-area_dropdown {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 font-family     : Baskerville Old Face;
 font-size       : 22px;
 position        : relative;
 width           : auto;
 height          : auto;
 margin          : auto;
 margin-top      : 15px;
 margin-bottom   : 5px;
 padding         : 5px;
 text-align      : center;
 display         : block;
}
.user-permissions-area_dropdown option, .set-registration-codes-area_dropdown  option {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 padding-left    : 8px;
 padding-right   : 8px;
}
.user-permissions-table, .set-registration-codes-table {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 font-family     : Baskerville Old Face;
 font-size       : 18px;
 position        : relative;
 width           : 100%;
 height          : auto;
 margin          : 0;
 padding         : 0;
}
.user-permissions-row, .set-registration-codes-row {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 height          : auto;
 width           : auto;
 margin          : 0;
 padding         : 0;
 font-size       : 16px;
 font-weight     : bold;
 text-align      : left;
}
.user-permissions-row > *           , .set-registration-codes-row > *            {border: 3px solid #e5f1f4 !important; height:auto !important; padding:6px !important; line-height:100% !important}
.user-permissions-row > *:hover, .set-registration-codes-row > *:hover {background-color: #4a98af !important}
.user-permissions-username    , .set-registration-codes-username {width : 250px !important; text-align:left !important}
.user-permissions-attribute_add                , .set-registration-codes-attribute_add {color: #ffeedd !important; background-color:green !important; border: 3px solid green !important}
.user-permissions-attribute_remove          , .set-registration-codes-attribute_remove {color: #ffeedd !important; background-color:DarkRed !important; border: 3px solid DarkRed !important}
.user-permissions-attribute_add:hover     , .set-registration-codes-attribute_add:hover {background-color:#00cd00 !important}
.user-permissions-attribute_remove:hover, .set-registration-codes-attribute_remove:hover {background-color:#cd0000 !important}
/* </User permissions page classes> */