*{padding:0px; margin:0px;}

	
.tt_box{background: #ffffff none repeat scroll 0 0; text-align:center;
    border: 1px solid #e4e4e4; overflow:hidden;
    margin: 12px 0; 
    padding: 12px 24px;}
.tt_box h2{color: #545454;
    font-size: 22px;
    font-weight: 600;
    line-height: 4px;
    margin-bottom: 0 !important;
    text-transform: uppercase;}	
.tt_box	h3{color: #949494;
    font-size: 14px;
    line-height: 4px;}
/*** top form**/
.sfrom_box{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e4e4; overflow:hidden;
    margin: 12px 0; 
    padding: 12px 24px;}
	
.sfrom_box input { 
  font-family: "Roboto", sans-serif;
  outline: 0; color:#646464;
  background: #f9f9f9;
  width: 100%;
	border:1px solid #e4e4e4;
  margin: 0 0 15px;
  padding:10px 15px;
  box-sizing: border-box;
  font-size: 13px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.upload_btn{ background: #f9f9f9 none repeat scroll 0 0!important;
    border-radius: 0!important;
    color: #999!important;
    font-size: 13px!important;
    margin: 5px;
    padding-top: 8px!important;}
.sfrom_box .bt{display: inline-block; margin-top:3px;
    float: right;}
.sfrom_box button { 
  font-family: "Roboto", sans-serif;
  outline: 0;
  border: 0;
  padding:8px 20px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}	
.sfrom_box button:hover,.sfrom_box button:active,.sfrom_box button:focus {
  background-color: #357ae8;
    background-image: -moz-linear-gradient(center top , #4d90fe, #357ae8);
    border: 1px solid #2f5bb7;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
/*** end top form**/


.topbar{background-color: #3b5998;
    color: #fff; border-bottom:1px solid #3b5998;
    display: block; margin-bottom:12px;
    height: 56px;
    position: relative;
    vertical-align: middle;
    z-index: 1;}
.box_left{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e4e4; 
    margin: 12px 0;  text-align:left;
    padding: 12px 24px;}	
.box_right{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e4e4; text-align:right; overflow:hidden;
    margin: 12px 0; 
    padding: 12px 24px;}	
	
.details_rt{display: inline-block;
    position:relative;
}	
.pic_rt{display: inline-block; float:right;
    overflow: hidden;}	


ul.list_rt { overflow:hidden;
    padding:0px 0 0;
}
ul.list_rt li { color:#90949c;
    font-size: 12.5px;
    font-weight: normal;
    line-height: 16px;
    list-style:none;
    margin-bottom: 8px;
    margin-right:18px;
    padding-left: 1px;
    text-align:right;
}
ul.list_rt li span{ font-weight:600; padding-right:6px; color:#365899;}

	
	
.pic{display: inline-block;
    overflow: hidden;}	
.details{display: inline-block;
    position: relative; overflow:hidden;
}
.list_tt{text-transform:uppercase; color:#4caf50!important;}
ul.list { overflow:hidden;
    padding:0px 0 0;
}
ul.list li { color:#90949c;
    font-size: 12.5px;
    font-weight: normal;
    line-height: 16px;
    list-style:none;
    margin-bottom: 8px;
    margin-left:18px;
    padding-left: 1px;
    text-align: left;
}
ul.list li span{ font-weight:600; padding-right:6px; color:#365899;}
.topbar .title{font-family: "Roboto",sans-serif;
    font-size: 24px; margin:0px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;}	
.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.form { border:1px solid #d4d4d4;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
}
.form input { 
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f9f9f9;
  width: 100%;
	border:1px solid #e4e4e4;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.form button:hover,.form button:active,.form button:focus {
  background-color: #357ae8;
    background-image: -moz-linear-gradient(center top , #4d90fe, #357ae8);
    border: 1px solid #2f5bb7;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.form .message {
  margin: 15px 0 0;
  color: #545454;
  font-size: 12px;
}
.form .message a {
  color: #427fed;
  text-decoration: none;
}
.form .register-form {
  display: none;
}

body {
  background-color: #f5f5f5!important; 
  font-family: "Roboto", sans-serif;
}