@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background:#F5F5F5;
}


a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}





/*
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}*/





.main_home_div
{
float:left;width:100%;height:100px;background:#fff;border-bottomk:1px solid #ccc;position:fixed;border:1px solid #ccc;	
}
.positioning_div{float:width:100%;height:100px;}

.log_img
{
float:left;width:50px;height:50px;margin-left:4%;margin-top:25px;border-radius:50%;	
}
.sub_title_div
{
float:left;widthk:70%;height:100px;line-height:100px;margin-left:2%;margin-right:8%;font-size:2em;colork:#D30679;color:#972C04;text-align:center;font-weight:bold;
font-familyk: 'Times New Roman', serif;font-family: serif;
}



.main_left_div
{
right:1%;width:60%;height:50px;margin-top:25px;position:fixed;backgroundk:orange;	
}


.profile_div
{
float:right;width:80px;height:100px;margin-right:0.5%;backgroundk:green;	
}
.pofile_img
{
float:left;width:50px;height:50px;margin-left:15px;margin-top:5px;border-radius:50%;	
}
.profil_name
{
float:left;width:100%;heightk:30px;line-heightk:30px;text-align:center;	background:#fff;
}


.content_div
{
float:left;width:100%;height:77.5%;background:#fff;	
}
.ticket_title
{
float:left;width:100%;height:50px;line-height:80px;text-align:center;font-size:2em;font-family: serif;font-weight:bold;color:#505252;	
}
.add_attend_div
{
float:left;width:80%;height:70%;background:#F3F1F3;margin-left:10%;margin-top:3%;position:relative;border:1px solid #505252;backgroundk:red;	
}
.detail_textarea
{
float:left;width:38%;height:99%;line-height:20px;margin-topk:1%;margin-leftk:1%;padding:6px;font-size:1.2em;border-radiusk:8px;border:0px solid #fff;border-right:1px solid #ccc;font-family: serif;text-align:center;		
resize: none;outline:none;	
}
.atte_lebal
{
float:left;width:29%;height:30px;line-height:40px;margin-left:2%;margin-top:10px;font-size:1em;font-weight:bold;font-family: serif;backgroundk:red;	
}
.atte_date
{
float:left;width:29.5%;height:40px;line-height:40px;margin-left:1%;margin-bottom:10px;font-size:1em;border-radius:8px;border:1px solid #ccc;font-family: serif;text-align:center;
outline:none;	
}
.bld_name
{
float:left;width:29.5%;height:40px;line-height:40px;margin-left:1%;margin-bottom:10px;border-radius:8px;font-size:1em;	border:1px solid #ccc;font-family: serif;text-align:center;
outline:none;					
}
.attend_save_btn
{
float:left;width:30%;height:50px;left:55%;position:absolute;bottom:20px;font-size:1.2em;cursor:pointer;background:#972C04;colork:#822B00;border:transparent;border-radius:10px;font-family: serif;
backgroundk:#D30679;color:#fff;		
}
.erorr_output
{
float:right;width:60%;height:40px;line-height:50px;text-align:center;backgroundk:green;	
}


.footer
{
float:left;width:100%;height:70px;line-height:70px;margin-leftk:18%;background:#ededed;text-align:center;	
}





@media only screen and (max-width: 700px ){

.main_home_div
{
float:left;width:100%;height:60px;background:#fff;border-bottom:1px solid #ccc;position:fixed;	
}
.positioning_div{float:width:100%;height:60px;}

.log_img
{
float:left;width:40px;height:40px;margin-left:1%;margin-top:10px;border-radius:50%;	
}
.sub_title_div
{
float:left;widthk:70%;height:60px;line-height:60px;margin-left:8%;margin-right:3%;font-size:1.4em;color:#D30679;text-align:center;font-weight:bold;
font-family: 'Times New Roman', serif;	
}

.pofile_img
{
float:left;width:30px;height:30px;margin-left:25px;margin-top:0px;border-radius:50%;	
}
.content_div
{
float:left;width:100%;height:auto;background:#fff;	
}
.ticket_title
{
float:right;width:90%;height:50px;line-height:80px;text-align:left;font-size:1.5em;font-family: serif;font-weight:bold;color:#505252;backgroundk:green;	
}
.add_attend_div
{
float:left;width:98%;height:80%;background:#F3F1F3;margin-left:1%;margin-top:3%;position:relative;border:0px solid #505252;
}
.detail_textarea
{
float:left;width:98%;height:33%;line-height:20px;margin-top:1%;margin-left:1%;padding:6px;font-size:1.2em;border-radius:8px;border:1px solid #ccc;font-family: serif;text-align:center;		
}

.atte_lebal
{
float:left;width:48%;height:30px;line-height:40px;margin-left:2%;margin-top:6px;font-size:0.9em;font-weight:bold;font-family: serif;	backgroundk:red;
}
.atte_date
{
float:left;width:48%;height:40px;line-height:40px;margin-left:1%;margin-bottom:10px;font-size:1em;border-radius:8px;	border:1px solid #ccc;font-family: serif;text-align:center;		
}
.bld_name
{
float:left;width:48%;height:40px;line-height:40px;margin-left:1%;margin-bottom:10px;border-radius:8px;font-size:1em;	border:1px solid #ccc;font-family: serif;text-align:center;					
}

.erorr_output
{
float:right;width:100%;height:40px;line-height:40px;text-align:center;backgroundk:green;	
}


.footer
{
float:left;width:100%;height:25px;line-height:25px;margin-left:0%;margin-top:30px;background:#ededed;text-align:center;display:none;
}




}