/* Reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* template */
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}
body {
  background: #f4f5f5;
  font-family: Verdana;
  font-size: 12px;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);  
}
.created_by
{
  color: #626262;
  margin: 30px 0px 10px 0px;
  height: 50px;
  text-align: right;
}
.created_by a
{
  float: right;
}
.created_by .title {
  float: left;
  line-height:70px;
  font-size:22px;
  text-shadow: 1px 1px 0px #ffffff;
  font-family: 'Open Sans',sans-serif;
  color: #505050;
  text-rendering: optimizelegibility;
}
.created_by img
{
  float: right;
  clear: both;
  margin-top: 8px;
  height: 50%;
}



/*
*
*    site
*
*/
#site {
  width: 98%;
  overflow: hidden;
  margin: 0px;
  padding-bottom: 20px;
  height: 100%;
  padding: 0px 1% 0px 1%;    
}
#site_inner {
  position: relative;
  padding-top: 50px;  
}

.hr {
  border-bottom: 1px solid #DEDEDE;
  height: 1px;
}


/*
*
*    buttons
*
*/
.button {
  background-repeat: repeat-x;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);  
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 16px 10px 16px 10px;
  text-align: center;    
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.30);    
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  text-decoration: none;  
}

.button:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(255, 255, 255, 0.1) inset;
}
.button:focus {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.3) inset; 
}

.button_danger {
    background-color: #F87261;
    background-image: linear-gradient(to bottom, #F87261, #AE432E);   
}
.button_danger:hover {
  background-image: linear-gradient(to bottom, #E86251, #9E331E);
}


.button_info {
    background-color: #1F70BD;
    background-image: linear-gradient(to bottom, #1F70BD, #0E70AD);   
}
.button_info:hover {
  background-image: linear-gradient(to bottom, #0E70AD, #0866A0);
}

/* button_standard */
.button_standard {
  background-color: #00CC00;
  background-image: linear-gradient(to bottom, #45cc23, #008800);   
}
.button_standard:hover {
  background-image: linear-gradient(to bottom, #45bc23, #007800);
}

.button_standard.clicked {
  background-color: #45bc23!important;
}
.button_danger.clicked {
  background-color: #E86251!important;
}






input[type="text"], input[type="number"], input[type="password"], input[type="url"], select, textarea {
  border: solid 1px #D5D5D5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  border-radius: 3px 3px 3px 3px;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 5px 10px 5px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus  {
    border-color: rgba(98, 174, 239, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(98, 174, 239, 0.6);
    outline: 0 none;
}
input[type="file"]{
  width: 100%;
}


/*
*
*  message boxes
*
*/
.red_box, .blue_box, .green_box  {
  padding: 10px 10px 10px 55px;
  font-weight: normal;
  line-height: 21px;
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  display: none;
  margin-bottom: 20px;
}
.red_box {
  border: solid 1px #9f0e0e;
  background: url('../../admin/images/red_box_icon.png') no-repeat 12px 50% #e93d27;
}
.green_box {
  border: solid 1px #146918;
  background: url('../../admin/green_box_icon.png') no-repeat 12px 50% #3da741;
}
.blue_box {
  border: solid 1px #004a8e;
  background: url('../../admin/blue_box_icon.png') no-repeat 12px 50% #1c8af1;
}


/*
*
*  menu
*
*/
.menu {
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: -1px;
  left: 0px;
}
.menu li {
  float: left;
  width: auto;
  margin: 0px 0px 0px 10px;
  background: #f0f0f0;



  -webkit-box-shadow: inset 0px -15px 10px -17px rgba(0,0,0,0.41);
  -moz-box-shadow: inset 0px -15px 10px -17px rgba(0,0,0,0.41);
  box-shadow: inset 0px -15px 10px -17px rgba(0,0,0,0.41);


  border: 1px solid #BEC2C7;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #BEC2C7;

}
.menu li:hover a, .menu li.hover a{
  color: red;
}
.menu li.clicked a{

}
.menu li a{
  line-height: 50px;
  height: 50px;
  float: left;
  width: auto;
  text-decoration: none;
  color: #505050;
  padding: 0px 10px 0px 10px;
  margin-left: 1px;
  font-size: 14px;
  font-weight: bold;  
}
.menu li a img{
  float: left;
  margin: 10px 10px 0px 0px;
}
.menu li.active {
  border-bottom: solid 1px #ffffff;
  background: #ffffff; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;   
}

.menu.hidden
{
  display: none;
}
/*
*
*   content
*
*/
.content {
  overflow: hidden;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  
  background-color: #FFFFFF;
  border: 1px solid #BEC2C7;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 0 -3px #FFFFFF, 0 4px 0 -2px #BEC2C7, 0 8px 0 -5px #FFFFFF, 0 8px 0 -4px #BEC2C7;
  padding: 13px 10px 13px 10px;
  margin: 0px 0px 0px 0px;
  float: left;
  clear: both;
  width: 100%;
}


h1 {
  color: #525252;
  font-family: inherit;
  line-height: 18px;
  margin: 0px 0px 14px 0px;
  text-rendering: optimizelegibility;
  font-size: 16.25px;
  font-family: Droid-Sans,"PT Sans",Arial,sans-serif;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 12px;
  text-align: center;
  font-weight: bold;
}

/*
* 
*     fonts
*
*/
@font-face {
  font-family: 'Aller';
  src: url('../../fonts/Aller/Aller_Bd.ttf');
}
@font-face {
  font-family: 'Droid-Sans';
  src: url('../../fonts/Droid-Sans/DroidSans.ttf');
}

/*
* 
*     table
*
*/
table {
  color: #4D4D4D;
  font: 12px/18px arial,sans-serif;
  border-collapse: separate;
  border-color: #E0E0E0 #E0E0E0 #E0E0E0;
  border-radius: 4px 4px 4px 4px;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px 0px;
  width: 100%;
  margin: 20px 0px 0px 0px;  
}

table th {
  background-color: #F8F8F8;
  background-image: linear-gradient(#F1F2F2, #FCFCFC 19%, #EBEBEB);
  background-repeat: no-repeat;
  font-weight: bold;
  padding: 8px 4px;
}

table tr td, table tr th {
  border-left: 1px solid #E0E0E0;
}

table td {
  padding: 2px 3px;
}

table td a{
  color: inherit;
}
table tr:nth-child(2n) > td {
  background-color: #FEFEFE;
}

table tr:nth-child(2n+1) > td {
  background-color: #F9F9F9;
}

table thead th:first-child {
    border-radius: 4px 0 0 0;
}

table tr:hover td {
  background-color: #F3F3F3;
}

table.style_1{
  border-color: #b07050;
  border-collapse: collapse!important;
}
table.style_1 tr td, table.style_1 tr th {
  border: 1px solid #b07050!important;
}
table.style_1 td{
  background: #fac090!important;
}
table.style_1 th{
  background-color: #f2b282!important;
  background-image: none!important;
  background-repeat: no-repeat;
  font-weight: bold;
}

table.style_2{
  border-color: #3f0600!important;
  border-collapse: collapse!important;
  color: #000000;
}
table.style_2 tr td, table.style_2 tr th {
  border: 1px solid #3f0600!important;
}
table.style_2 td{
  background: #ff6600!important;
}
table.style_2 th{
  background-color: #ef5600!important;
  background-image: none!important;
  background-repeat: no-repeat;
  font-weight: bold;
}

table.style_3{
  border-color: #3f0600!important;
  border-collapse: collapse!important;
  color: #000000;
  border: none;
}
table.style_3 tr td, table.style_3 tr th {
  border: 1px solid #3f0600!important;
  border-left: 1px solid #3f0600!important; 
}
table.style_3 td{
  background: #ffffff!important;
}
table.style_3 th{
  background-color: #fefefe!important;
  background-image: none!important;
  background-repeat: no-repeat;
  font-weight: bold;
}
table.style_3 td.yellow, table.style_3 th.yellow {
  background-color: rgb(255,247,0)!important;  
}

table.style_3 td.even, table.style_3 th.even {
  background-color: #fde9d9!important;  
}



table.style_4{
  border-color: #3f0600!important;
  border-collapse: collapse!important;
  color: #000000;
  border: 2px solid #3f0600!important;
  margin-top: 0px;
  width: auto!important;
}
table.style_4 tr td, table.style_4 tr th {
  border: 1px solid #3f0600!important;
  border-left: 1px solid #3f0600!important;
}
table.style_4 th{
  background-color: #fefefe!important;
  background-image: none!important;
  background-repeat: no-repeat;
  font-weight: bold;
}
table.style_4{
  border-color: #3f0600!important;
  border-collapse: collapse!important;
  color: #000000;
}
table.style_4 tr:nth-child(2n) > td, table.style_4 tr:nth-child(2n) > th {
  background-color: #f2f2f2!important;
}

table.style_4 tr:nth-child(2n+1) > td, table.style_4 tr:nth-child(2n+1) > th {
  background-color: #d8d8d8!important;
}
/*
* label
*/
label {
  clear: both;
  float: left;
  font-weight: bold;
  width: 100%;
  color: #626262;
  line-height: 26px;
  margin-bottom: 10px;
  text-align: left;
  padding-right: 5px;
  cursor: pointer;
}



select{
  /*
  box-sizing:content-box;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  */   
}

select option{
   
}

input[type="submit"]{
  clear: both;
  float: left;  
}


.blue {
  color: rgb(0,102,255);
}

.edit_photo_img {
  width: 200px;
  display:block;
  clear: both;
  margin: 7px auto 15px auto;
  border: solid 8px #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25), 0 4px 0 -3px #FFFFFF, 0 4px 0 -2px #BEC2C7, 0 8px 0 -5px #FFFFFF, 0 8px 0 -4px #BEC2C7;
    
}

/*
*
*   ul.path
*
*/
ul.path {
  color: #D3D3D3;
  font-family: Droid-Sans,Arial,sans-serif;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  clear: both;
   
}
ul.path li{
  display: inline;
}
ul.path a{
  color: #E74949; 
  text-decoration: none;  
}
ul.path a:hover{
  color: #B21818;
  text-decoration: underline; 
}
ul.path li.active{
  color: #909090;   
}

/*
*   other 
*/
.return_in_form {
  float: left;
  margin-left: 10px;
}

td.actions a{
  margin-right: 15px;  
}
.required_fields {
  clear: both;
  margin-top: 40px;
  float: left;
  font-size: 11px;
}
.red {
  color: #e00000;
}











#menu_mobile_button {
  background: url('../images/menu_button.png') no-repeat 10px 50%;
  width: 100%;
  height: 51px;
  float: left;
  padding: 20px;
  color: inherit;
}
.menu_status {
  font-size: 18px;
  padding: 0px 35px 0px 70px;
  line-height: 51px;
  background: url('../images/arrow.png') no-repeat 100% -79px;
  float: left;  
}
.menu_status.active {
  background-position: 100% 21px;
}


/*
*
* User acount buttons
*
*/
#account_buttons {
  margin-left: 0px;
}
#account_buttons li {
  float: left;
}
#account_buttons li a {
  margin: 0px 10px 20px 0px;
  float: left;
  width: 130px;
  height: 30px;
  background: #fff;
  padding: 62px 0px 12px 0px;
  border-radius: 6px!important;
  border: solid 1px #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-position: 50% 17px;
  background-repeat: no-repeat;
  color: #565656;
}
#account_buttons li.constructions a {
  background-image: url('../images/icons/house_two.png');
}
#account_buttons li.category a {
  background-image: url('../images/icons/folder.png');
}
#account_buttons li.change_password a {
  background-image: url('../images/icons/change_password.png');
}
#account_buttons li.users a {
  background-image: url('../images/icons/group.png');
}
#account_buttons li.email_messages a {
  background-image: url('../images/icons/email_to_friend.png');
}
#account_buttons li.booklet a {
  background-image: url('../images/icons/file_extension_pdf.png');
}
#account_buttons li.clients a {
  background-image: url('../images/icons/reseller_programm.png');
}
#account_buttons li.invoices a {
  background-image: url('../images/icons/money_euro.png');
}
#account_buttons li.log_out a {
  background-image: url('../images/icons/door_in.png');
}
#account_buttons li.summary a {
  background-image: url('../images/icons/calculate_sheet.png');
}
#account_buttons li.owner_data a {
  background-image: url('../images/icons/client_account_template.png');
}


#account_buttons li a:hover {
  border-color: #c7deed;
  background-color: #f4fbff;
} 
#account_buttons li.category {
  width: 98%!important;
}
#account_buttons li.category a{
  width: 100%!important;
}

/*
* item of list
*/
.item {
  margin: 20px 10px 0px 0px;
  float: left;
  width: 98%;
  height: auto;
  background: #fff;
  padding: 5px 1% 5px 1%;
  border-radius: 6px!important;
  border: solid 1px #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  background: #f9f9f9;
  color: #565656;
}
.item p{
  padding: 10px 5px 15px 5px; 
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 15px; 
}
.item a{
  margin: 0px 0px 5px 2%;
  float: left;
  width: 30%;
  height: 20px;
  background: #fff;
  padding: 47px 0px 12px 0px;
  border-radius: 6px!important;
  border: solid 1px #ebebeb;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  background-position: 50% 12px;
  background-repeat: no-repeat;
  color: #565656;  
}
.item a.clicked, #account_buttons li a.clicked {
  border-color: #cfe9ec;
  background-color: #dff9fc;
}

.item_img_picture {
  background-image: url('../images/icons/picture.png')!important;
}
.item_img_pencil {
  background-image: url('../images/icons/pencil.png')!important;
}
.item_img_book_edit {
  background-image: url('../images/icons/book_edit.png')!important;
}
.item_img_zoom_in {
  background-image: url('../images/icons/zoom_in.png')!important;
}
.item_img_bin_empty {
  background-image: url('../images/icons/bin_empty.png')!important;
}

.item_img_change_password {
  background-image: url('../images/icons/change_password.png')!important;
}

.item_img_dimension{
  background-image: url('../images/icons/measure.png')!important;
}
.item_img_cart_put{
  background-image: url('../images/icons/cart_put.png')!important;
}
.item_img_toilet_pan{
  background-image: url('../images/icons/toilet_pan.png')!important;
}
.item_img_pencil_ruler{
  background-image: url('../images/icons/pencil_ruler.png')!important;
}
.item_img_border_1{
  background-image: url('../images/icons/border_1.png')!important;
}
.item_img_table_edit{
  background-image: url('../images/icons/table_edit.png')!important;
}
.item_img_booklet {
  background-image: url('../images/icons/file_extension_pdf.png')!important;
}
.item_img_clipboard_invoice {
  background-image: url('../images/icons/clipboard_invoice.png')!important;
}
.item_img_photo_album{
  background-image: url('../images/icons/photo_album(2).png')!important;
}
.item_img_house_one{
  background-image: url('../images/icons/house_one.png')!important;
}
.item_img_zone{
  background-image: url('../images/icons/zone.png')!important;
}
.item_img_calendar{
  background-image: url('../images/icons/calendar.png')!important;
}
.item_img_page_white_edit{
  background-image: url('../images/icons/page_white_edit.png')!important;
}











.gallery_img_box {
    border: 10px solid #F2F2F2;
    height: 150px;
    text-align: center;
    width: 200px;
    display: block;
    margin: 12px auto 12px auto;     
}
.gallery_img_box p {
    line-height: 146px;
    padding: 0px;
}
.item img{

}
.gallery_img_box img {
    vertical-align: middle;
    border: none;
}


.none {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}



.sanitar_img_box {
    border: 10px solid #F2F2F2;
    height: 80px;
    text-align: center;
    width: 100px;
    display: block;
    margin: 0px 0px 12px 0;
    text-decoration: none; 
    float: left;    
}

.sanitar_img_box p {
    line-height: 76px;
    padding: 0px;
    border: none;
}

.sanitar_img_box img {
    vertical-align: middle;
    border: none;
}

/*
*   upload
*/
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px auto 10px auto;
  padding: 10px;  
  background-color: #f0f0f0;
  background-image: linear-gradient(to bottom, #f0f0f0, #cecece);
  border: solid 1px #b5b5b5;
  color: #5d5d5d;
  display: block;
  clear: both;
  width: 40%;       
}
.fileUpload span{
  padding-top: 35px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  text-shadow: none;      
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 70px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#photo_name {
  display: block;
  margin: 0px auto 0px auto;
  width: 90%;
  text-align: center;
  border: none;
  background: none;
}

label.float_left {
  width: 120px;
  line-height: 43px;
  text-align: right;
}
input.float_left {
  width: 150px;
}
input.error {
  border-color: red;
}

.clear_none {
  clear: none;
  margin-bottom: 0px;
}
span.mark {
  background: rgb(255,204,0);
}


.construction_link {
  padding-top: 20px;
  padding-bottom: 20px;
  background: url('../images/icons/house_one.png') no-repeat 0px 50%!important;
  display: block;
  padding-left: 40px;  
}

.background_no {
  background: rgb(255,51,0)!important;
  color: #ffffff!important;
}
.background_yes {
  background: rgb(0,153,0)!important;
  color: #ffffff!important;
}
td div.inner{
  margin: 0px;
  text-align: center;
}


.election_survey_item {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  float: left;
  margin-right: 20px;
  margin-bottom: 50px;
  width: 280px;
  background: #f8f8f8;
  padding: 6px;  
}

.election_survey_item .button{
  float: left;
  margin: 5px 2px 0px 2px;
  width: 64px;
  height: 5px;
  line-height: 5px;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}
.election_survey_item canvas{
  float: left;
}
.election_survey_item span{
  float: left;
  clear: both;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  font-size: 12px; 
  background-color: #555555;
  color: #fefefe;
  line-height: 20px; 
}

.button_dark {
    background-color: #333333;
    background-image: linear-gradient(to bottom, #333333, #222222);  
}
.button_dark:hover {
  background-image: linear-gradient(to bottom, #282828, #141414);
}

#election_survey {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}

.menu li a span {
 display: none;
}
     
#myChart{
  max-width: 95vw;
  max-height: 95vw;
}

#optionalLabel{
  padding-left: 20px;
  background: url('../arrows.png') 0px 0px no-repeat;
}
#optionalLabel.active{
  background-position: 0px -26px
}
.optional{
  padding-left: 20px;
}

@media screen and (min-width: 760px) { 
 .menu li a span {
   display: inline;
 }
}

@media screen and (max-width: 760px) {
  table {
    font-size: 11px;
  }
  .content{
    padding-left: 2px;
    padding-right: 2px;
  }
  .button{
    font-size: 11px;
    padding: 8px 5px 8px 5px;
    margin-bottom: 2px;
    margin-top: 2px;
  }
}