.margin_5{margin: 5px;}
.margin_top_5{margin-top: 5px;}
.margin_bottom_5{margin-bottom: 5px;}
.margin_left_5{margin-left: 5px;}
.margin_right_5{margin-right: 5px;}

.margin_10{margin: 10px;}
.margin_top_10{margin-top: 10px;}
.margin_bottom_10{margin-bottom: 10px;}
.margin_left_10{margin-left: 10px;}
.margin_right_10{margin-right:10px;}

.margin_20{margin: 20px;}
.margin_top_20{margin-top: 20px;}
.margin_bottom_20{margin-bottom: 20px;}
.margin_left_20{margin-left: 20px;}
.margin_right_20{margin-right:20px;} *

.margin_30{margin: 30px;}
.margin_top_30{margin-top: 30px;}
.margin_bottom_30{margin-bottom: 30px;}
.margin_left_30{margin-left: 30px;}
.margin_right_30{margin-right:30px;} *

.margin_100{margin: 100px;}
.margin_top_100{margin-top: 100px;}
.margin_bottom_100{margin-bottom: 100px;}
.margin_left_100{margin-left: 100px;}
.margin_right_100{margin-right:100px;} 

.padding_2{padding: 2px;}
.padding_top_2{padding-top:2px;}
.padding_bottom_2{padding-bottom: 2px;}
.padding_left_2{padding-left: 2px;}
.padding_right_2{padding-right: 2px;}

.padding_5{padding: 5px;}
.padding_top_5{padding-top: 5px;}
.padding_bottom_5{padding-bottom: 5px;}
.padding_left_5{padding-left: 5px;}
.padding_right_5{padding-right: 5px;}

.padding_10{padding: 10px;}
.padding_top_10{padding-top: 10px;}
.padding_bottom_10{padding-bottom: 10px;}
.padding_left_10{padding-left: 10px;}
.padding_right_10{padding-right:10px; }

.padding_25{padding: 25px;}
.padding_top_25{padding-top: 25px;}
.padding_bottom_25{padding-bottom: 25px;}
.padding-left_25{padding-left: 25px;}
.padding_right_25{padding-right:25px; }

.vm_h_center{ vertical-align: middle; alignment-adjust: central; text-align: center; }
.vt_h_center{ vertical-align: top; alignment-adjust: central; text-align: center; }
.vb_h_center{ vertical-align: bottom; alignment-adjust: central; text-align: center; bottom: 10px;}

.vm_h_left{ vertical-align: middle; alignment-adjust:central ; text-align: left; }
.vt_h_left{ vertical-align: top; alignment-adjust: central; text-align: left; }
.vb_h_left{ vertical-align: bottom; alignment-adjust: central; text-align: left;bottom: 10px; }

.vm_h_right{ vertical-align: middle; alignment-adjust:central ; text-align: right; }
.vt_h_right{ vertical-align: top; alignment-adjust: central; text-align: right; }
.vb_h_right{ vertical-align: bottom; alignment-adjust: central; text-align: right; bottom: 10px; }

.collor_ffffff{color: #ffffff;}
.size_12{font-size: 12px;}

.size_16{font-size: 20px;}
.size_10{font-size: 10px; font-weight:  normal; text-align: center;}
.text_center{text-align: center;}
.current{background-color: #666666; color: #ffffff; border: none;}
.border_bottom_solid{border-bottom: 1px solid; }
.border_dot{border: 1px dotted #666666; }
.months_tb{ max-width: 200px; min-width: 200px; max-height: 150px; height: 150px;  alignment-adjust: central; alignment-baseline: central;}
.days{background-color: #ffffff;color: #000000; cursor: pointer;}
.days:hover{background-color:#1b6d85; color:#ffffff;}

.max_width{width: 25px;}
.width_100_fix{width:99%; }
.width_100_auto{width:auto; }
.float{float: left;}


.bg-color_05a8b7{background-color: #05a8b7;}
.bg-color_00b8a9{background-color: #00b8a9;}
.cg{background-color: #27ae60;}
.result{margin: auto; position: absolute; z-index: 1000; width: auto; height: auto;  display: none; }
.closed{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:  5px; position: absolute; display: inline-block; right: -5px; top:-5px; background-color: #1b6d85; width: 15px; height: 15px; cursor: pointer; z-index: 1001; color: #f3f3f3;font-size: 10px; }
.closed:hover{color: #05a8b7;background-color:#f3f3f3 ;}
.bolder{font-weight: bolder;}

 #map {
        height: 300px; width: 300px; z-index: 2; position: relative; display: inline-block;alignment-adjust: central;
        alignment-baseline: central;  
      }
      .map_class{
          alignment-adjust: central;
        alignment-baseline: central;  
  border-left: none;
  padding: 10px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
      }
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-bottom: 16px solid blue;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.exel_icon{width: 25px; height: 25px;}
.exel_icon:after{position: absolute;display: inline-block; content: url('../res/excel.png'); width: 25px;height: 25px;z-index: 1;margin: 2px;}
.lebel_list{ font-size: 12px; font-weight: 100;cursor: pointer;  width: 100%; }
.lebel_list:hover{color: #ffffff;}
.lebel_check{ font-size: 10px; font-weight: 100;cursor: pointer;  }
.lebel_check:hover{color: #353537;}

.column{display: table-cell; float: left; position: relative; padding: 0px; margin: 0px;}
.cont{display: inline-table; float: left;position: relative;padding: 0px; margin: 0px;width: 100%;  background-color: #00b8a9;}
.rows{display: table-row; float: left;position: relative;padding: 0px; margin: 0px;}
@media screen and (min-aspect-ratio:1/1){
    /* landscape styles here */
}@media screen and (max-aspect-ratio:1/1){
    /* landscape styles here */
}