#heading {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 61px;
  z-index: 10;
   background-image: url('../images/filler_dark.png');
}

body, html {
font-family: roboto;
height: 100%;
margin: 0;
padding: 0;
background: #fcfcfc;
}
body a {text-decoration: none;}

#sheet_cont {
position: fixed;
    bottom: 0;
    left: 0;
    background-color: #C5C5C5;
    right: 0;
    z-index: 9999999999;
    display: inline-block;
    white-space: nowrap;
}

#flag {
    min-width: 20px;
    width: 15px;
    padding: 0!important;
    background-image: url('../images/flag.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.marked_flag {
    background-image: url('../images/flag_marked.png')!important;
}



#sheet_add_new {
    padding: 3px;
    background: #A5A5A5;
    color: #fff;
    width: 22px;
    text-align: center;
    float: left;
    margin: 4px;
    height: 20px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 17px;
	background-image: url('../images/darker_filler.png');
}

#sheet_add_new_field{
    float: left;
    background-color: #C5C5C5;
    width: 150px;
    height: 33px;
    z-index: 99999999;
}

#sheet_add_new_field_inner {
outline: none;
    margin: 4px;
    border: 0;
    background-color: #EAEAEA;
    padding: 6px;
    color: #333;
    font-size: 12px;
    width: 134px;
    border-radius: 2px;
}

#sheet_cont_inner {
	border-collapse: collapse;
}

#sheet {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    overflow: hidden;
	    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    width: 100px;
    border-right: 1px solid #A7A7A7;
    text-align: center;
    text-transform: uppercase;
    color: #333;
}

.sheet_selected {
    background-color: #333;
    color: #fff!important;
}

#share {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #C1C1C1;
    font-weight: 300;
    font-size: 16px;
    z-index: 999;
    background-color: #292929;
    padding: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 500px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6););
}

#share_cancel {
    width: 100px;
    background-color: #40BD6E;
    PADDING: 8px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    border-radius: 2px;
    margin-top: 5px;
    float: right;
}

#menu a {text-transform: uppercase; color: #fff; }

.comp {background-color: #c0c0c0;border-radius: 2px;float: right;margin-left: 3px; background-size: contain; width: 16px; height: 16px; background-image: url('../images/rights_desktop.png');}
.mobile {background-color: #c0c0c0;border-radius: 2px;float: right;margin-left: 3px;background-size: contain; width: 16px; height: 16px; background-image: url('../images/rights_mobile.png');}
.comp_active {background-color: #676767;border-radius: 2px;float: right;margin-left: 3px;background-size: contain; width: 16px; height: 16px; background-image: url('../images/rights_desktop_active.png');}
.mobile_active {background-color: #676767;border-radius: 2px;float: right;margin-left: 3px;background-size: contain; width: 16px; height: 16px; background-image: url('../images/rights_mobile_active.png');}
.del_usr {background-color: #EC4B4B;border-radius: 2px;float: right;margin-right: 6px; margin-left: 3px;background-size: contain; width: 16px; height: 16px; background-image: url('../images/usr_del.png');}


#settings  {
position: fixed;
  background-color: #FFF;
  color: #333;
  font-size: 12px;
  right: 30px;
  top: 70px;
  width: 200px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

#notables {
  margin: 20px;
  font-weight: 300;
  text-align: justify;
}

#notables_qr_frame {
height: 200px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: -20px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -20px;
  margin-bottom: 20px;
  background-color: #33b5e5;
  background-image: url('../images/avatar.png');
}

#table_user  {
  float: left;
  padding: 7px;
  margin: 4px;
  margin-right: 4px;
  margin-left: 0px;
  margin-bottom: 0;
  font-size: 12px;
  background: #E0E0E0;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#row_details_inner {
    overflow: hidden;
    position: relative;
    padding: 0px;
    transition: all 0.5s;
    background-color: #fafafa;
    cursor: default;
    color: #333;
    border-bottom: 1px solid #8E8E8E;
}

.det_title {
  text-align: center;
  padding: 10px;
  font-size: 17px;
  color: #333;
  cursor: pointer;
  background-color: #DFDFDF;
}

.close_row_det {
  height: 30px;
  width: 30px;
  margin-top: -3px;
  cursor: pointer;
  margin-left: -5px;
  float: left;
  background-image: url('../images/up.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.det_col {
display: inline-block;
border-right: 1px solid #cacaca;
padding: 0;}

  .det_col_frame {
white-space: nowrap;
overflow-x: auto;
border-collapse:collapse;
border-spacing:0;}
  
.det_col:hover {
background-color: #E8E8E8;}
  
.det_first_col {
  background-color: #ECECEC;
  text-align: left;
  float: left;
//width: 6.4%;
 white-space: nowrap;
 overflow: hidden;
  border-left: 1px solid #666;}

  #det_cont {
  overflow: hidden;
  position: relative;
}

.det_row {
  white-space: nowrap;
  padding: 5px;
  height: 14px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 90px;
  max-width: 300px;
  border-top: 1px solid #cacaca;
}

.det_date {
  background-color: #D2D2D2;
  padding: 6px;
  text-align: center;
}

#user_add_new_address {
  background-color: #eee;
  margin-bottom: 4px;
  font-size: 12px;
  padding: 10px;
  width: 134px;
  float: left;
  border: 0;
  outline: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#user_add_new {
padding: 7px;
  /* padding-bottom: 0; */
  background: #A5A5A5;
  color: #fff;
  width: 20px;
  text-align: center;
  border-radius: 1px;
  float: left;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 17px;
}

#remove_from_list {
  padding: 10px;
  padding-right: 0;
  padding-left: 0;
  width: 192px;
  margin: 4px;
  text-align: center;
  font-size: 12px;
  background: #EC4B4B;
  color: #fff;
  cursor: pointer;
}

#overview {
  position: fixed;
  top: 61px;
  left: 0;
  width: 100%;
  height: 100%;
}

#large_count {
  font-size: 90px;
  font-weight: bold;
  color: #56B2FF;
  padding: 25px;
}

#menu{
    position: fixed;
    right: 12px;
    top: 12px;
    margin-right: 30px;
    z-index: 9;
    max-height: 35px;
    padding: 12px;
    font-size: 9px;
    background: rgba(51, 51, 51, 0.21);
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

#logo {
  position: fixed;
  left: 50%;
  margin-left: -89px;
  top: 19px;
}

#user_image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: fixed;
  top: 12px;
  right: 10px;
  z-index: 11;
  width: 35px;
  cursor: pointer; 
}

		
#search_table {
position: fixed;
  top: 12px;
  left: 10px;
  width: 370px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  background: #fff;
  padding: 10px;
  font-family: sans-serif;
  outline: none;
  transition: width 0.3s;
  padding-left: 40px;

}
  
#show_tables {
  z-index: 9;
height: 30px;
  width: 30px;
  background-image: url('../images/menu.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: fixed;
  left: 15px;
  top: 15px;
  cursor: pointer;
  transition: all 0.3s;
}

.rotate90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#table_title{
height: 45px;
  background: #CACACA;
  padding-top: 15px;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #666;
    position: fixed;
	top: 61px;
  width: 100%;
}

.close_table {
right: 10px;
  background-image: url('../images/close.png');
  background-repeat: no-repeat;
  background-position: center;
}

.show_timing {
right: 170px;
  background-image: url('../images/show_timer.png');
  background-repeat: no-repeat;
  background-position: center;
}


.files {
right: 210px;
display: none;
  background-image: url('../images/files.png');
  background-repeat: no-repeat;
  background-position: center;
}

#add_new_timer_list_item {
	 border-bottom: 1px solid #c0c0c0;
}

#add_new_timer_list_item:hover {
	background-color: #eee;
}

#add_new_timer_list_freq {
    text-align: center;
    font-size: 11px;
    padding: 10px;
	padding-top: 0;
    color: #666;
}

#add_new_timer_list_cont {
    padding: 10px;
    font-size: 12px;
}

#add_new_timer_list_days {
    border: 0;
    outline: none;
    background-color: #eee;
    margin: 4px;
    padding: 10px;
    float: left;
    width: 232px;
}

#add_new_timer_list_interv {
	    float: left;
    padding: 7px;
width: 79px;
    text-align: center;
    margin: 4px;
    transition: all 0.3s;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0;
    font-size: 10px;
	    text-transform: uppercase;
    background: #E0E0E0;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	color: #fff;
	background-image: url('../images/darker_filler.png');

}

#remove_timer {
    background-color: #EC4B4B;
    border-radius: 2px;
    float: right;
    cursor: pointer;
    margin-left: 3px;
    background-size: contain;
    width: 16px;
    height: 16px;
    background-image: url('../images/usr_del.png');

}

.inrv_dy, .inrv_qu {
    margin-left: 6px!important;
}

#add_new_timer_rule {
	width: 100%;
height: 95px;
	 border-bottom: 1px solid #c0c0c0;
}

#add_new_timer_list_btn {
    color: #636363;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    float: left;
    width: 100%;
    cursor: pointer;
}

#timer_frame {
    position: fixed;
    background-color: #fff;
    right: 30px;
	overflow: hidden;
max-height: 400px;
    top: 80px;
    z-index: 999999;
    width: 300px;
	    background: #fff;
    color: #333;
    z-index: 99999;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.refresh_table {
right: 130px;
  background-image: url('../images/refresh.png');
  background-repeat: no-repeat;
  background-position: center;
}

#choose_table {
-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  color: #757575;
  background: #E8E8E8;
  font-family: sans-serif;
  margin: 12px;
  width: 255px;
  z-index: 999999;
  cursor: pointer;
}

textarea  {
resize: none;
  outline: none;
  border: 0;
  width: 100%;
  height: 150px;
  padding: 5px;
  font-family: roboto;
  font-weight: 400;
  background: none;
}

#modField_date  {
  margin-left: -2px;
}

#preloader {
  top: 60px;
  left: 0;
  position: fixed;
  width: 100%;
  height: 5px;
  background: #666;
  background-image: url('../images/load.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10000;
}

#footer {
	position: relative;
	padding: 20px;
	height: 200px;
}

#cont {height: 0!important;}

#table_list_cont_hover {
  left: 0px;
  position: fixed;
  height: 100%;
  width: 465px;
   top: 20px;
  z-index: 999999999;  
  margin-top: 30px;
}

#table_headings {
position: fixed;
    top: 121px;
    text-align: left;
    font-size: 12px;
    padding-top: 7px;
	padding-left: 20px;
    background: #333;
    height: 32px;
    color: #fff;
    z-index: 9;
    white-space: nowrap;
    background-image: url('../images/darker_filler.png');
}

.heading_bits {
font-weight: 400;
  text-align: left;
  padding: 3px;
  padding-top: 6px;
  padding-left: 7px;
  padding-right: 6px;
  display: inline-block;
}


#table_headings_fixer {
    position: fixed;
	  width: 100%;
	top: 121px;
  background: #333;
  height: 40px;
}

#table_content tr:nth-child(even) { background: #F5F5F5; }


th {
font-weight: 400;
min-width: 50px;
text-align: left;
max-width: 300px;
  padding: 6px;
  padding-left: 7px;
}

.marked_row {
    background-color: rgba(230, 205, 0, 0.29)!important;
}

#table_content th {
font-weight: 400;
text-align: left;
max-width: 300px;
  padding: 6px;
  padding-left: 7px;
}

#table_content tr {
  height: 39px;
  max-height: 39px;
  overflow: hidden;}


#remFilter {
position: relative;
  float: left;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  background-image: url('../images/remove.png')!important;
  background-size: contain;
  z-index: 9999;
  cursor: pointer;
}

#table_content .table_row:hover {
  background: rgba(51, 51, 51, 0.2);
  color: #333;}

#filter_frame {
position: fixed;
  width: 200px;
  max-height: 300px;
  margin-top: -32px;
  overflow: auto;
  background: #fff;
  color: #333;
  z-index: 99999;
  overflow: hidden;
  /* padding: 10px; */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

#filter_row_cont {
  position: relative;
    overflow: hidden;
	max-height: 200px;
}

#navigation_end  {
    text-align: center!important;
    color: #333;
	background: #FCFCFC;
    cursor: default;
    padding-top: 20px;
}

#navigation {
  background: #eee;
  position: relative;
  width: 130px;
  left: 50%;
  cursor: pointer;
  margin-left: -65px;
  margin-bottom: 20px;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

#search_filter {
  border: 0;
  outline: none;
  background-color: #eee;
  margin: 4px;
  padding: 10px;
  width: 172px;
}

#filter_by_date {
  right: 300px;
  position: fixed;
  width: 40px;
  height: 40px;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 90px;
  background-color: #f00;
  background-image: url('../images/search.png');
  }

#filter_row {
  padding: 15px;
    white-space: pre-line;
	cursor:pointer;
	  min-height: 14px;
  border-bottom: 1px solid #c0c0c0;
}

#defaultInline {
  position: fixed;
  right: 20px;
    background: #fff;
  top: 101px;
    overflow: hidden;
  z-index: 999999999;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

#filter_row:hover, .mail_list:hover {
 background-color: #eee;
}

#modField_list {
position: fixed;
  left: 160px;
  right: 10px;
  background: #fff;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
    padding-bottom: 4px;
}

#tick_yes, #tick_no {
  position: fixed;
  width: 80px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px;
  top: 78px;
  left: 14px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#tick_yes {
left: 13px;
background-color: #40BD6E;}
#tick_no {
left: 114px;
background-color: #EC4B4B;}

#table_content {
  width: 100%;
    text-align: left;
  font-size: 12px;
  font-weight: 100;
  cursor: pointer;
  background-color: #fff;
     border-collapse: collapse;
}

.orange {
border-left: 5px solid #FFBB33;
}

.bg_grey {
color: #666!important;
}

.bg_orange{
background-color: #FFBB33!important;
color: #fff!important;
}


<!--NU COLORS -->
.lime {
border-left: 5px solid #CDDC39;
}

.bg_lime{
background-color: #CDDC39!important;
color: #fff!important;
}

.carrot {
border-left: 5px solid #d35400;
}

.bg_carrot{
background-color: #d35400!important;
color: #fff!important;
}

.sea {
border-left: 5px solid #16a085;
}

.bg_sea{
background-color: #16a085!important;
color: #fff!important;
}

.brown {
border-left: 5px solid #795548;
}

.bg_brown{
background-color: #795548!important;
color: #fff!important;
}

.asphalt {
border-left: 5px solid #34495e;
}

.bg_asphalt {
background-color: #34495e!important;
color: #fff!important;
}

.yellow {
border-left: 5px solid #ffeb3b;
}

.bg_yellow {
background-color: #ffeb3b!important;
color: #333!important;
}
<!--NU COLORS -->

.blue {
border-left: 5px solid #33B5E5;
}

.bg_blue{
background-color: #33B5E5!important;
color: #fff!important;
}

.green {
border-left: 5px solid #4CAF50;
}

.bg_green {
background-color: #4CAF50!important;
color: #fff!important;
}

.violet {
border-left: 5px solid #AA66CC;
}

.bg_violet {
background-color: #AA66CC!important;
color: #fff!important;
}

.red {
border-left: 5px solid #FF4444;
}

.bg_red {
background-color: #FF4444!important;
color: #fff!important;
}

#container {
  position: fixed;
  top: 121px;
  width: 100%;
  bottom: 0;
}

.main_table_image {
top: 0px;
left: 0;
height: 300px;
width: 100%;
background-position: center;
background-size: cover;}

.main_table {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.del_row_confirm {
  position: fixed;
  width: 296px;
  height: 93px;
  z-index: 9999999999;
  top: 42px;
  left: 130px;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.del_row_confirm_text {
  padding: 11px;
  height: 20px;
  text-align: center;
  padding-top: 20px;
  color: #666;
  font-size: 12px;
}

.del_row_confirm_yes {
  float: left;
  width: 122px;
  background: #EC4B4B;
  color: #fff;
  text-align: center;
  margin: 4px;
  margin-right: 0;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
}

.del_row_confirm_no {
  float: left;
  width: 122px;
  border: 2px solid #666;
  color: #666;
  text-align: center;
  margin: 4px;
  padding: 8px;
  font-size: 12px;
  cursor: pointer;
  }

  .cell {overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

#headF_mock {
	width: 10px;
}
	
.new_row_highlight th {
background-color: rgba(64, 189, 110, 0.82);
    color: #fff;
}

#popular_table_frame {
position: fixed;
  top: 250px;
  left: 445px;
  padding: 5px;
  bottom: 20px;
  overflow: auto;
  font-size: 16px;
  width: 245px;
  color: #333;
}

#new_table_frame {
  position: fixed;
  top: 250px;
  left: 730px;
  padding: 5px;
  bottom: 20px;
  overflow: auto;
  font-size: 16px;
  width: 245px;
  color: #333;
}

#flagged_table_frame {
  position: fixed;
  top: 250px;
  left: 1015px;
  padding: 5px;
  bottom: 20px;
  overflow: auto;
  font-size: 16px;
  width: 245px;
  color: #333;
}

#user_frame {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
	padding-top: 71px;
    background-size: cover;
	background-position: center;
    height: 154px;
    overflow: auto;
    font-size: 16px;
    right: 0px;
    background-color: #505050;
}

#user_frame_inner {
  position: fixed;
  left: 630px;
  top: 110px;
}

#user_name_big{
    float: left;
    font-size: 38px;
    outline: none;
    width: 100%;
    background: none;
    border: 0;
    color: #fff;
	text-shadow: -1px 0 rgba(0, 0, 0, 0.3), 0 1px rgba(0, 0, 0, 0.3), 1px 0 rgba(0, 0, 0, 0.3), 0 -1px rgba(0, 0, 0, 0.3);
}

#save_user_data {
  padding: 10px;
  padding-right: 0;
  padding-left: 0;
  width: 100px;
  top: 188px;
  position: fixed;
  text-align: center;
  font-size: 12px;
  left: 630px;
  text-transform: uppercase;
  background: #40BD6E;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
}

#user_email_big {
    float: left;
    font-size: 20px;
    background: none;
    border: 0;
    width: 100%;
    color: #eee;
    outline: none;
	text-shadow: -1px 0 rgba(0, 0, 0, 0.3), 0 1px rgba(0, 0, 0, 0.3), 1px 0 rgba(0, 0, 0, 0.3), 0 -1px rgba(0, 0, 0, 0.3);

}

#user_image_large {
  width: 150px;
    left: 445px;
  border-radius: 2px;
  margin-top: 2px;
  position: fixed;
}

#new_table_item {
  width: 250px;
  float: left;
  white-space: nowrap;
  padding: 15px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 12px;
  cursor: pointer;
  border-bottom: 1px solid #c0c0c0;
}

.blur  {
    display:block;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.95;
}


#table_list_cont {
font-weight: 100;
  color: #080808;
  width: 420px!important;
  bottom: 0;
  background: #fff;
  margin: 10px;
  
  margin-top: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 3px 9px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.slimScrollBar{
  width: 8px!important;
    margin: 0px;
	background: rgb(89, 89, 89)!important;
	right: 0!important;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
}

#modField_frame input, #modField_frame textarea{
border: 0;
  width: 100%;
  padding: 10px;
    padding-left: 0;
  font-size: 14px;
  outline: none;
  color: #000;
  font-family: roboto;
}

#modField_fieldframe {
  margin-left: 36px;
  margin-right: 10px;
}

.field_clear:hover {background-color: #EC4B4B;}

.field_list {
float: left;
    padding: 7px;
    min-width: 30px;
    text-align: center;
    margin: 4px;
    transition: all 0.3s;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0;
    font-size: 13px;
    background: #E0E0E0;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.field_clear {
  width: 29px;
  height: 29px;
  float: left;
  margin: 4px;
  transition: all 0.3s;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 0;
  font-size: 12px;
  background: #E0E0E0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-size: contain;
  cursor: pointer;
  background-position: center;
  background-image: url('../images/clear.png')!important;
}

#mail_frame_inner {
  overflow: hidden;
  max-height: 200px;
  position: relative;
}

#mail_send_but {
  padding: 10px;
  padding-right: 0;
  padding-left: 0;
  width: 192px;
  margin: 4px;
    margin-top: 0;
	text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  background: #40BD6E;
  color: #fff;
  cursor: pointer;
}

#mail_send_comment {
  border: 0;
  outline: none;
  background-color: #eee;
  margin: 4px;
  margin-bottom: 0;
  padding: 10px;
  width: 172px;
  height: 50px;
}

#extra_mail_field {
  border: 0;
  outline: none;
  background-color: #eee;
  margin: 4px;
  padding: 10px;
  width: 172px;
}

#mail_frame {
  background: #fff;
  margin: 10px;
  position: fixed;
  width: 200px;
  top: 60px;
  left: 130px;
  overflow: hidden;
  min-height: 36px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 3px 9px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.mail_list {
  padding: 15px;
  padding-right: 0;
   transition: all 0.3s;
  width: 185px;
  margin-bottom: 0;
  font-size: 12px;
  background: #FFFFFF;
  cursor: pointer;
  border-bottom: 1px solid #c0c0c0;
}

  #list_add_new:hover, #user_add_new:hover {  background-color: #40BD6E;  transition: all 0.3s;}
  
  #list_add_new {
  padding: 3px;
  transition: all 0.3s;
  /* padding-bottom: 0; */
  background: #A5A5A5;
  color: #fff;
  width: 22px;
  text-align: center;
  border-radius: 1px;
  float: left;
  margin: 4px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 19px;
}

#list_add #list_add_new_text {
  background-color: #eee;
  margin: 4px;
  margin-left: 2px;
  margin-right: 0;
  font-size: 12px;
  padding: 7px;
  width: 100px;
  float: left;
  margin-bottom: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.modSelected {
  outline: 3px solid #FF9100;
}

#modField_frame {
  position: fixed;
  left: 0px;
  top: 62px;
  right: 0px;
    min-height: 50px;
}

#list_element_del {
  right: 130px;
  float: right;
  width: 36px;
  height: 36px;
  background-image: url('../images/delete.png')!important;
  background-size: 80%;
  background-position: center;
}

#modField_inner_frame{
  background: #fff;
  margin: 10px;
    margin-top: 12px;
    overflow: hidden;
	min-height: 37px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}


#notify {
  position: fixed;
  top: 12px;
  font-size: 9px;
  text-transform: uppercase;
  text-align: center;
  right: 125px;
  z-index: 11;
  color: #FFF;
  padding: 12px;
  padding-left: 20px;
  padding-right: 20px;
    max-height: 35px;
    background: rgba(51, 51, 51, 0.21);
    border-radius: 2px;
    cursor: pointer;
}

.new_row {
  background-image: url('../images/add_new.png')!important;
  left: 10px;
}

.copy_row {
  background-image: url('../images/copy.png')!important;
  left: 170px;
}

.del_row {
  background-image: url('../images/delete.png')!important;
  left: 210px;
}

#tip {
    background-color: #333;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    padding: 5px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    top: 65px;
    position: fixed;
    z-index: 999999999;
    border-radius: 2px;
}

.qr_but {
  background-image: url('../images/qrcode.png')!important;
  position: fixed;
  right: 11px;
  top: 76px;
  z-index: 9999999;
  width: 33px;
  cursor: pointer;
  height: 33px;
  background-size: contain;
}

#qr_frame {
  width: 100px;
  	background-color: #fff;
  height: 100px;
  position: fixed;
  z-index: 9999999;
  top: 40px;
  right: 25px;
  background-size: contain;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#modField_save {
background-image: url('../images/next.png')!important;
  left: 14px;
}

#export_options {
  z-index: 99999;
  display: none;
  background-color: #fff;
  width: 121px;
  height: 40px;
  position: fixed;
  top: 70px;
  left: 25px;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.new_col {
  background-image: url('../images/palette.png')!important;
  right: 90px;
}


.export {
  left: 50px;
  background-image: url('../images/export.png')!important;
}

.export_csv {
  left: 31px;
  margin-top: -2px;
  background-image: url('../images/csv.png')!important;
}

.export_pdf {
  left: 69px;
  margin-top: -2px;
  background-image: url('../images/pdf.png')!important;
}

.export_xls {
  left: 109px;
  margin-top: -2px;
  background-image: url('../images/xls.png')!important;
}

.pdf_table {
width: 100%;
background-color: #fff;}

.pdf_main_table {background-color: #fff;}

#pdf_footer {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  padding-top: 30px;
  text-align: center;
  font-size: 9px;
  color: #c0c0c0;
  }
  
.pdf_font {
font-size: 10px!important; }


.pdf_main_table_title {
  padding: 10px;
  text-align: center;
}

.settings_but {
  right: 50px;
  background-image: url('../images/settings.png')!important;
}

.view_row {
  left: 90px;
  background-image: url('../images/view.png')!important;
}

.send_row {
  left: 130px;
  background-image: url('../images/send.png')!important;
}

#map_large {width: 100%;
height: 150px;}

#save_table {
  width: 100px;
  position: fixed;
  left: 20px;
  cursor: pointer;
  top: 13px;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  background-color: #52C588;
}

#table_name_input {
  height: 46px;
  background: none;
  border: 0;
  outline: none;
  font-size: 22px;
  font-weight: 100;
margin-top: -7px;
  text-align: center;
  color: #666;
  width: 100%;
}

#editor_table {
  position: fixed;
  top: 121px;
  left: 0;
  border-collapse:collapse;border-spacing:0;}

.edit_col_type {  outline: none;
  border: 0;
  width: 100%;
  font-size: 12px;
}

.field_type {
font-weight: 400;
  min-width: 50px;
  text-align: left;
  max-width: 300px;
  padding: 6px;
  height: 28px;
  padding-left: 7px;
}


.edit_headers {
  background-color: #333;
  width: 100%;
  height: 40px;
}

.col_name_edit {
  width: 100%;
  background-color: #333;
  color: #fff;
  border: 0;
  font-size: 12px;
  white-space: nowrap;
  outline: 0;}

settings_but:hover {
  transform: rotate(720deg);
  transition: all 0.5s ease-in-out;
}

.tools:hover {
  background-color: rgba(255, 255, 255, 0.3);
	}
	
.tools {
transition: all 0.3s;
  position: fixed;
  background-size: contain;
  height: 30px;
  width: 30px;
  top: 77px;
  cursor: pointer;
  //background-color: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

#colorize {
  position: fixed;
right: 110px;
  background: #fff;
  color: #333;
  width: 120px;
    top: 74px;
  z-index: 99999;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.6);
}

.palette {
  height: 30px;
  width: 30px;
  float: left;
  cursor:pointer;
  background-color: #888;
  transition: all 0.1s;
}

.palette:hover {
	-ms-transform: scale(1.1); /* IE 9 */
   	-webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}


.select_row {
background: #666!important;
color: #fff!important;}

#table_element {
  color: #666;
  width: 89px;
  transition: all 0.1s linear;
  height: 129px;
  margin-left: 23px;
  margin-top: 23px;
  text-align: left;
  cursor: pointer;
  float: left;
  padding: 10px;
  font-size: 12px;
  word-spacing: 110px;
  background-position: center!important;
    background-color: #E5E5E5;
  background-image: url('../images/sheet.png')!important;
  position: relative;
    background-size: cover;
  background-repeat: no-repeat;
  z-index: 9;
  font-weight: 400;  
}

#color_picker {
  height: 60px;
  width: 8px;
  position: relative;
  left: -20px;
  top: -20px;
  float: left;
  background: #B0B0B0;}

#install_app {
  cursor: pointer;
  position: fixed;
  right: 60px;
  top: 12px;
  padding: 11px;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


#table_element:hover {
  background-color: #eee;
}

#table_element_tools {
  height: 45px;
  background: #8C8585;
  position: absolute;
  left: 290px;
  width: 276px;
  z-index: 9999;
  margin: 12px;
}