@charset "utf-8";
/* CSS Document */
body {
	background: #fff;
	margin: 0px;
	font-family: 'Varela Round', sans-serif;
	height: 100%;
}

html {
	height: 100%;
}

.bg-container, #bg-content {
	border: 4px solid #8ccef1;
	border-radius: 10px;
	background-color: #efefef;
	height: 100%;
}

.login-container {
	text-align: center;
}

.login-container img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.login-container .formbox {
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: inset 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.24);
	border: none;
	float: left;
}

.centered {
	margin: 0px auto;
	text-align: center;
}

.white {
	color: #000;
	background-color: #fff;
}

.btn-facebook {
	color: #ffffff;
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: #1a3d7c url(../images/facebook.png) scroll 20px 10px
		no-repeat;
	box-shadow: 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.65);
	border: none;
	font-size: 19px;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active,
	.btn-facebook.active, .btn-facebook.disabled, .btn-facebook[disabled] {
	color: #ffffff;
	background-color: #133783 !important;
	*background-color: #102e6d !important;
}

.btn-facebook:active, .btn-facebook.active {
	background-color: #0d2456\9 !important;
}

.login-container .form-control {
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: inset 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.24);
	border: none;
	font-size: 16px;
	color: #575757;
}

.login-container .btn-success, .audit-container .btn-success,
	.profile-container .btn-success {
	border-radius: 10px;
	background-color: #0092df;
	box-shadow: 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.65);
	border: none;
}

.forgetpassword, .signuptext, .signup {
	color: #6c6c6c;
	font-size: 19px;
}

.signuptext {
	font-weight: normal;
}

.signup {
	padding-left: 5px;
	font-weight: bold;
}

/* Popup Register & Forgot Password Theme */
.modal-scrollable {
	background: #c0c0c0;
	opacity: 0.96;
	z-index:11 !important; /*updated*/
}

#register .modal-dialog, #forgotPassword .modal-dialog, #changePassword .modal-dialog, #userLocation .modal-dialog, #userGoal .modal-dialog	{
	width: 440px !important;
	padding: 20px 15px;
	opacity: 0.9;
}

#register .modal-header, #forgotPassword .modal-header, #changePassword .modal-header, #userLocation .modal-header, #userGoal .modal-header
	{
	background: url(../images/registerbg.png) scroll right 20px no-repeat;
	height: 126px;
	border: none !important;
}

#register .modal-header h4, #forgotPassword .modal-header h4,
	#changePassword .modal-header h4, #userLocation .modal-header h4, #userGoal .modal-header h4 {
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	padding-top: 42px;
	font-family: 'Varela Round', sans-serif;
}

#register button.close, #forgotPassword button.close, #changePassword button.close, #userLocation button.close, #userGoal button.close, #addDrink button.close, #editDrink button.close
	{
	background: url(../images/close.png) scroll left top no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	right: -45px;
	top: -20px;
}

#register .reg-container .reg-input, #forgotPassword .forgot-container .forgot-input,
	#changePassword .forgot-container .forgot-input, #userLocation .reg-container .reg-input, #userGoal .reg-container .reg-input {
	background: #e5e5e5;
	font-size: 18px;
	color: #595959;
	padding: 10px 0px 10px 25px;
	border: none;
	margin: 0 0 30px 0;
	height: 50px;
}

#register .modal-footer, #forgotPassword .modal-footer, #changePassword .modal-footer, #userLocation .modal-footer,
 #userGoal .modal-footer, #addDrink .modal-footer, #editDrink .modal-footer
	{
	text-align: center;
}

#register .modal-footer .btn-primary, #forgotPassword .modal-footer .btn-primary,
	#changePassword .modal-footer .btn-primary, #userLocation .modal-footer .btn-primary, #userGoal .modal-footer .btn-primary,
	#addDrink .modal-footer .btn-primary, #editDrink .modal-footer .btn-primary, .drinkhabit .btn-primary  {
	background: #1b82e1;
	font-size: 18px;
	border: none;
	width: 250px;
	padding: 10px 5px;
}

#register .reg-container, #forgotPassword .forgot-container,
	#changePassword .forgot-container, #userLocation .reg-container, #userGoal .reg-container {
	padding: 5px 20px;
}

#register .form-control:focus, #forgotPassword .form-control:focus,
	#changePassword .form-control:focus, #userLocation .form-control:focus, #userGoal .form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(206, 206, 206, 0.9);
}
/* Home Page CSS */
.home-container {
	padding: 20px 0px;
}

.logo-bg {
	background: url(../images/header-logo-bg.png) scroll left top no-repeat;
	height: 158px;
}

.home-title {
	color: #ffffff;
	font-size: 40px;
	margin-left: 65px;
	margin-top: 0;
	padding-top: 90px;
	text-align: center;
}

.login-bg {
	background: url(../images/login-bg-repeat.png) scroll left top repeat-x;
	height: 92px;
	display: block;
	float: left;
	padding: 5px 10px;
}

.login-sec img {
	float: left;
}

.login-sec {
	margin-left: 0px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 65px;
}

.active-user {
	background: url(../images/active-user.png) scroll left top no-repeat;
	width: 18px;
	height: 18px;
	display: block;
}

.welcome-message {
	color: #ffffff;
	font-size: 24px;
	margin: 10px 0px;
	width: 100%;
	float: right;
	text-align: right;
}

.welcome-message button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
}

.welcome-message .dropdown-menu {
	right: 0 !important;
	left: auto;
}

.active-user {
	width: 14px;
	height: 14px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 3px;
}

.login-bg span {
	float: right;
	text-align: right;
}

.logo-bg img {
	left: 55px;
	position: absolute;
	top: 50px;
}

.welcome-message .caret {
	margin-left: 10px;
	margin-top: 15px;
}

.audit-container {
	background: #e6e6e6;
	border-radius: 5px;
	margin: 20px 0 0px 0px;
	padding: 0px 0px 15px 15px;
	float: left;
	width: 100%;
}

.audit-container h3 {
	font-size: 21px;
	float: left;
	margin-bottom: 20px;
}

.nopadding {
	padding: 0;
}

.questions-sec {
	float: left;
	width: 100%;
}

.questions-sec ul {
	padding: 0px;
	margin: 0px;
}

.questions-sec ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0 10px;
	float: left;
}

.questions-sec ul li .questions {
	font-size: 18px;
}

.half-col label {
	text-align: center;
}

.half-col ul li {
	text-align: center;
	width: 20%;
}

.half-col .big {
    min-height: 45px;
}

input[type=checkbox], input[type=radio] {
	opacity: 0;
	position: absolute;
	z-index: 12;
	width: 24px;
	height: 24px;
	margin-top: 0px !important;
}

input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus,
	input[type=radio]:focus {
	outline: none !important;
}

input[type=checkbox]+.lbl, input[type=radio]+.lbl {
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 14px;
	min-width: 14px;
	font-weight: normal;
}

input[type=checkbox]+.lbl.padding-16::before, input[type=radio]+.lbl.padding-16::before
	{
	margin-right: 16px;
}

input[type=checkbox]+.lbl.padding-12::before, input[type=radio]+.lbl.padding-12::before
	{
	margin-right: 12px;
}

input[type=checkbox]+.lbl.padding-8::before, input[type=radio]+.lbl.padding-8::before
	{
	margin-right: 8px;
}

input[type=checkbox]+.lbl.padding-4::before, input[type=radio]+.lbl.padding-4::before
	{
	margin-right: 4px;
}

input[type=checkbox]+.lbl.padding-0::before, input[type=radio]+.lbl.padding-0::before
	{
	margin-right: 0px;
}

input[type=checkbox]+.lbl::before, input[type=radio]+.lbl::before {
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 11px;
	color: #2091cf;
	content: "\a0";
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	min-width: 25px;
	margin-right: 1px;
	margin-top: -5px;
	box-shadow: inset 2px 3.464px 0px 0px rgba(31, 28, 22, 0.24);
}

input[type=checkbox]:checked+.lbl::before, input[type=radio]:checked+.lbl::before
	{
	display: inline-block;
	content: '\f00c';
	background-color: #;
	border: none;
	box-shadow: inset 2px 3.464px 0px 0px rgba(31, 28, 22, 0.24);
}

input[type=checkbox]:hover+.lbl::before, input[type=radio]:hover+.lbl::before,
	input[type=checkbox]+.lbl:hover::before, input[type=radio]+.lbl:hover::before
	{
	border: none;
}

input[type=checkbox]:active+.lbl::before, input[type=radio]:active+.lbl::before,
	input[type=checkbox]:checked:active+.lbl::before, input[type=radio]:checked:active+.lbl::before
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:disabled+.lbl::before, input[type=radio]:disabled+.lbl::before,
	input[type=checkbox][disabled]+.lbl::before, input[type=radio][disabled]+.lbl::before,
	input[type=checkbox].disabled+.lbl::before, input[type=radio].disabled+.lbl::before
	{
	background-color: #DDD !important;
	border-color: #CCC !important;
	box-shadow: none !important;
	color: #BBB;
}

input[type=radio]+.lbl::before {
	border-radius: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
}

input[type=radio]:checked+.lbl::before {
	content: "\2022";
}

.questions-sec .header {
	font-size: 14px;
	color: #575757;
	margin: 0px 0px 10px 0px;
}

.questions-sec .hidden {
	visibility: hidden;
}

.audit-container .btn-success {
	margin-right: 20px;
	margin-bottom: 10px;
}

.about-icon {
	background: url(../images/about.png) scroll left top no-repeat;
	width: 22px;
	height: 26px;
	float: left;
	display: block;
}

.account-icon {
	background: url(../images/account-details.png) scroll left top no-repeat;
	width: 27px;
	height: 32px;
	float: left;
	display: block;
}

.profile-container {
	margin: 10px 0px;
}

.about-section, .account-details-section {
	border-right: 1px solid #cbcbcb;
	display: block;
	float: left;
	margin: 10px 0;
	padding: 10px;
}

.profile-container h4 {
	color: #3e3e3e;
	font-size: 24px;
	margin: 5px;
	padding: 0 0 0 35px;
}

.btn-outline {
	border: 1px solid #00a2ff;
	background: none;
	color: #3e3e3e;
	font-size: 17px;
	border-radius: 15px;
	padding: 5px 15px;
}

.about-section .btn-outline {
	margin-right: 20px;
}

.form-section {
	float: left;
	margin: 20px 0;
	width: 100%;
}

.form-section label {
	color: #3e3e3e;
	font-size: 19px;
	padding: 0px 30px 0px 0px;
}

.about-section .form-section ul, .account-details-section ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.about-section .form-section ul	li, .account-details-section .form-section ul li
	{
	list-style: none;
	padding: 0px 0px 25px 0px;
	width: 100%;
	float: left;
}

.s-drinker {
	color: #069f0d;
	font-size: 20px;
}

.male {
	background: #cacaca;
	width: 46px;
	height: 46px;
	display: block;
	padding: 8px;
	border-radius: 8px;
	float: left;
	margin-right: 40px;
}

.female {
	background: #cacaca;
	width: 46px;
	height: 46px;
	display: block;
	padding: 4px 12px;
	border-radius: 8px;
	float: left;
}

.form-section .active {
	background: #68c3f7;
}

.account-details-section p {
	float: left;
}

.profile {
	padding-top: 50px !important;
	float: left;
}

.thumbnail-img {
	margin-right: 20px;
}

.green {
	border-color: #125619;
	margin-top: 10px !important;
}

.centered {
	margin: 0px auto;
	text-align: center;
}

.form-section .center-block {
	text-align: center;
}

.text-box {
	border: 1px solid #cececd;
	border-radius: 10px;
	margin: 0 0 0 15px;
	padding: 10px;
}

.weight-group {
	margin: 0px 0px 0px 10px;
}

.weight-group .btn-default {
	padding: 10px 15px;
}

.weight-group .btn-active {
	background: #68c3f7;
	color: #fff;
}

.profile-container .center-block {
	float: right;
}

#weight-error, #height-error, #code-error, #mobile-error {
	padding-top: 10px;
	color: #900;
	font-size: 13px !important;
	font-weight: normal;
	float: right;
}

/* 12-12-2014 */
.graph-section{
	margin:10px 0px;
}
.graph-section img{
	width:99.5%;
}
.goal-section{
	background:#e0e0e0;
	border-radius:8px;
	display:block;
	padding:10px;
	float:left;
	width:100%;
}
.drinking-time{
	background:#892c4d;
	border-radius:8px;
	display:block;	
	padding:10px 10px;
	min-height: 245px;
}
.drinking-time h3{
	color:#ffffff;
	font-size:24px;
	margin:0px 0px 0px 35px;
}
.drink img{
	width:24px;
	height:24px;
	float:left;
	margin:0 0 0 5px;
}
.drinking-time ul{
	margin:14px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
.drinking-time ul li{
	margin:9px 0px;
	font-size:14px;
	color:#fff;
	padding:0px 10px 0px 20px;
	background:url(../images/bullet.png) scroll left 5px no-repeat;
	list-style:none;
}
.goal{
	float:left;
	
}
.goal img{
	width:34px;
	height:33px;
	float:left;
	margin:0 0 0 20px;
}
.goal-section h1{
	color:#4c4c4c;
	font-size:30px;
	width:80%;
	float:left;
	margin:0px 0px 0px 15px;
}
.totalconsumed{
	margin:15px 0px 5px 25px;
	font-size:20px;
	color:#4c4c4c;
}
.btn-edit{
	border:none;
	border-radius:15px;
	color:#fff;
	padding:8px 15px 8px 35px;
	font-size:16px;
}
.blue{
	background:#54859b url(../images/edit.png) scroll 10px 8px no-repeat;	
}
.pink{
	background:#bb4a72 url(../images/edit.png) scroll 10px 8px no-repeat;
}
.graph-width{
	margin-left:10px;
}
.progress-graph .progressbar-area /* updated*/{
    height: 105px;
    padding: 10px 0;
}
.progressbar-area .progress-striped .progress-bar, .progress-bar-striped{
	background:url(../images/progressbarx.png);
}
.progressbar-area .progress{
	height:80px;
	border-radius:45px;
}
.progressbar-area .col-lg-10{
	width:83%;
}
.total-units{
	font-size:55px;
	color:#3f3f3f;
}
.drinkvalue{
	line-height:85px;
	font-size:44px;
	color:#3e3c3c;
}
.small-text{
	color:#3d3d3d;
	font-size:18px;	
}
.labels {
    position: absolute;
    text-align: center;
    width: 100%;
}
#userGoalForm .reg-input {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    margin-right: 10px !important;
	margin-bottom: 5px !important;
    width: 100px;
}
#userGoalForm .reg-container {
   text-align: center;
}
#userGoalForm .reg-container {
   text-align: center;
   margin:0 0 10px;
}
#goal-error {
    width: 100%;
}
/* 12-12-2014 */

/* December 15 Dashboard CSS */
/*15-12-2014 */
.all-graphs{
	float: left;
    width: 760px
}
.report-titlesec h2, .calendersec span {
    margin: 10px;
}
.calendersec input{
  border-radius: 6px;
  background-color: rgb(234, 234, 234);
  box-shadow: 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.43);
  width:100px;
  color:#7f7f7f;
  font-size:13px;
  padding:5px 6px;
}
.calendersec .text-box{
	margin:0px 5px 0px 5px !important;
}
.calendersec label{
	color:#7f7f7f;
	font-size:20px;
	margin-bottom:0px;
	line-height:20px;
    float: left;
    padding-top:7px;	
}
.graph-data-section{
	border-top:1px solid #adadad;
	border-bottom:1px solid #adadad;
	height:377px;
	margin:10px 0px 10px 0px;
	position: relative;
}
.graph-data-section .progressbar-area{
	height:308px;
	width:100px;
}
.graph-data-section .progress{
	 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
	border-radius:0px;
	height:99px;
	width:270px;
	margin:82px 0px 0px -86px;	
    /*border-top: 1px solid #b2b2b2;*/
	background:none;
	box-shadow:none;
}
.graph-data-vertical{
	height: 375px;  
    float:left;
    width: 100px;
	margin:0px 0px 0px 0px;
	border-left: 1px solid #b2b2b2;
}
.graph-data-section .graph-data-vertical .labels{
	height: 100px;
    left: -55px; /*Updated from 0*/
    position: absolute;
    text-align: center;
    top: 0;
    -ms-transform: rotate(90deg); /* IE 9 */
   	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    width: 350px;
}
.graph-data-section .progressbar-area .progress-striped .progress-bar, .graph-data-section .progress-bar-striped{
	background-image:none;
	box-shadow:none;
}
.graph-data-section .drinkvalue {
	color:#666666;
	font-size:26px;
}
.graph-data-section .small-text {
    color:#666666;
    font-size: 14px;
}
.graph-data-vertical .progress-bar-success{
	background:#5cb85c;
}
.graph-data-vertical .progress-bar-warning{
	background:#f0ad4e;
}
.graph-data-vertical .progress-bar-danger{
	background:#d9534f;
}
.graph-datetitle{
	margin: 0 0 0 0px;
    text-align: center;
    width: 100px;
	z-index: 1;
	position:relative;
	color:#707070;
}
.btn-graph {
    background: none repeat scroll 0 0 #e6e6e6;
    margin: -123px 0 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 99px;
    z-index: 1;
}
.graph-datetitle p {
    margin-bottom: 5px !important;
	font-size:13px;
}
.graph-datetitle h5 {
    margin-bottom: 5px !important;
	margin-top: 0;
    padding-bottom: 6px; /* updated */
    -ms-padding-bottom: 5px; /* IE 9 */
    -webkit-padding-bottom: 7px; /* Chrome, Safari, Opera */
	font-size: 16px;
    font-weight: bold;
}
.active-title{
	background:#e9a42b;
	color:#fff;
}
.last-drink-added {
    float: right;
    width: 200px;
	background:#4996de;
	border-radius: 6px;
	padding:10px;
	margin:70px 0px 20px 0px;	
}
.last-drink-added h6{
	font-size:18px;
	color:#fff;
}
.last-drink-added p{
	font-size:14px;
	color:#fff;
}
.noofunits{
	font-size:28px; /*updated actual 38px*/
	color:#fff;
	float:left;
}
.datetime{
	width:190px;
	text-align:center;
	color:#fff;
	font-size:14px;
	float:left;
}
.nos{
	float: left;
    padding: 0 5px 0 0;
	width:auto;
}
.nos label{
	color: #ffffff;
    float: left;
    font-size: 12px; /*updated actual 14px*/
    padding-top: 15px; /*updated actual 20px*/
}
.drinkvalues span{
	color: #373737;
    float: left;
    font-size: 18px; /*updated actual 23px*/
    padding-right: 5px;
    padding-top: 10px;
}
.drinkvalues label{
	color: #373737;
    font-size: 14px;
}
.drinkvalues {
    border-left: 1px solid #fff;
    float: right;
    padding: 0 0 0 10px;
    width: 58%; /*updated actual 60%*/
}
.legends{
	width:170px;
	float:left;
}
.unit-limit-div {
     padding: 0;
    position: absolute;
    width: 170px;
    z-index: 10;
	border-top: 1px solid red;
    bottom: 75px; /*updated actual 49px*/
    float: left;
}

/*Added for Goal limit indicator*/
.unit-goal-limit-div {
	margin-left: 166px;
	position: absolute;
	width: 719px;
	z-index: 10;
	border-top: 2px dotted green;
	bottom: 50px;
	float: left;
	height: 13px;
}
/*Added for Goal limit indicator*/

.unitslimit{
	background:url(../images/units-bg.png) scroll left top no-repeat;
	border-radius: 6px;
    margin-right: -20px;
    margin-top: -5px;
    padding: 5px 10px;
    position: relative;
    width: 125px;
    z-index: 110 !important;	
}
.unitslimit  p {
    color: #fff;
	font-size:12px;
	margin:0px 2px 0px 0px;
}
.unitslimit h2{
	margin:0px 0px;
	color:#fff;
	font-size:22px;
	fong-weight:bold;
}
.next, .back{
	padding:10px;
	float:left;
}
.back{
	margin:0px 10px 10px 50px;
}
.adddrink-label{
	background:#e6e6e6;
	bottom: 0px;
    color: #575757;
    font-size: 24px;
    height: 61px;
    padding: 10px 28px;
    position: absolute;
}
.graph-legend-div{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
	width:330px;
	height:30px;
}
.graph-legend-title{
	color: #b9b9b9;
    font-size: 14px;
    position: relative;
    right: -250px;
    top: 0;
	width:260px;
}
.legends .legends-label{
	bottom: 40px; /*updated actual 30px*/
    height: 310px;
    left: 125px;
    padding: 0;
    position: relative;
    width: 30px;
}
.legends .legends-label li{
	color: #757575;
    display: block;
    float: left;
    height: 17.2%; /*updated actual 16.6px*/
    list-style: outside none none;
    vertical-align: middle;
    width: 100%;
	text-align:center;
}

.no-drink{
	-ms-transform: rotate(45deg) !important; /* IE 9 */
    -webkit-transform: rotate(45deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(45deg)!important;
	
}
.no-drink span{
	font-size:12px !important;
	color:#B9B9B9 !important;
	padding-left: 12px !important;
}
/*15-12-2014 */

.audit-section {
	background: #e0e0e0;
	border-radius: 8px;
	display: block;
	padding: 10px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.audit-section h1 {
	font-size:20px !important;
	color:red !important;
}
/* 19-12-2014 Goal Popup Design */
#userGoal .modal-content, #addDrink .modal-content, #editDrink .modal-content {
	background:#f1efe3;
}
#userGoal .modal-header, #addDrink .modal-header, #editDrink .modal-header{
	background:none;
	height:86px;
}
#userGoal .modal-header h4, #addDrink .modal-header h4, #editDrink .modal-header h4{
	color:#767676;
	font-size:29px;
	padding:20px 0px 0px 0px;
}
#userGoal .modal-dialog, #addDrink .modal-dialog, #editDrink .modal-dialog{
	width:820px !important;
}
.unit-container{
	width:100%;
}
.unit-container ul{
	margin:0px auto;
	padding:0px;
	width:80%;
}
.unit-container ul li{
	display:inline-block;
    list-style:none;
    text-align: center;
    width: 32%;
}
.unit-container h2.units{
	font-size:40px;
    margin: 10px 0;
}
.unit-container h3{
   margin: 10px 0;
}
.unit-container span.units-value{
	font-size:18px;
}
.text-container{
	width:100%;
	float:left;
	background:#ffffff;
	padding:20px;
}
.text-container h3{
	font-size:24px;
	text-align:center;
	padding:0px 30px;
	line-height:34px;
}
.text-container input.reg-input{
	background:#fff !important;
	border:2px solid #e8e8e8 !important;
}
.limit-message{
	margin:0px auto;
	text-align:center;
}
.limit-message .error{
	color:#f83737;
	font-size:18px;
}
.limit-message .text{
	color:#6d6d6d;
	font-size:18px;
	margin: 10px 0 0;
}
.success {
	color:#4996de;
	font-size: 18px;
}

.maleActive {
	background: #68c3f7 !important;
}

.femaleActive {
	background: #f268f7 !important;
}
/*19-12-2014*/
/* 22-12-2014 Add Drink*/
#addDrink .all, .all-active{
	background:url(../images/all_off.png) scroll center center  no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;	
	border:none;
}

#addDrink .all:hover, #addDrink .all-active{
	background:url(../images/all_on.png) scroll center center no-repeat;
}

#addDrink .beer, .beer-active{
	background:url(../images/beer_off.png) scroll center center  no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;	
	border:none;
}
#addDrink .beer:hover, #addDrink .beer-active{
	background:url(../images/beer_on.png) scroll center center no-repeat;
}
#addDrink .wine, .wine-active{
	background:url(../images/wine_off.png) scroll center center no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;		
	border:none;
}
#addDrink .wine:hover, #addDrink .wine-active{
	background:url(../images/wine_on.png) scroll center center no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;		
	border:none;
}
#addDrink .Whiskey, .Whiskey-active{
	background:url(../images/whiskey_off.png) scroll center center no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;		
	border:none;
}
#addDrink .Whiskey:hover,#addDrink .Whiskey-active{
	background:url(../images/whiskey_on.png) scroll center center no-repeat;
	
}
#addDrink .vodka, .vodka-active{
	background:url(../images/vodka_off.png) scroll center center no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;		
	border:none;
}
#addDrink .vodka:hover, #addDrink .vodka-active{
	background:url(../images/vodka_on.png) scroll center center no-repeat;
	
}
#addDrink .spirits, .spirits-active{
	background:url(../images/spirits_off.png) scroll center center no-repeat;
	border-radius:50%;
	width:105px;
	height:105px;		
	border:none;
}
#addDrink .spirits:hover,#addDrink  .spirits-active{
	background:url(../images/spirits_on.png) scroll center center no-repeat;
	
}
#addDrink .big-text, #editDrink .big-text{
	font-size:32px;
	padding:0px 0px 15px 0px;
}

/*#addDrink .active{
	background-color:#963333;
}*/
#addDrink .glyphicon-play{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	margin:105px 0px 0px 0px;
	font-size:24px;
}
#addDrink .glyphicon-play{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	color:#d6d6d6;
	margin:105px 0px 0px 0px;
	font-size:24px;
}
#addDrink .active-color, #editDrink .active-color{
	color:#963333;
}
#addDrink .unit-container ul.icons{
	width:100%;
	float:left;
}
#addDrink .unit-container ul.icons li{
	width:19.5%;
}
.dropdown-drink #s2id_drink {
    height: 50px;
    width: 226px;
	text-align: left;
}
.dropdown-drink #s2id_drinkAmount {
    height: 50px;
    width: 225px;
	text-align: left;
}
.dropdown-drink .text-box{
	width:130px;
	height: 50px;
	border:2px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	margin:0px;
}
.dropdown-drink {
    float: left;
    margin: 25px 0px 0px 0;
    width: 100%;
}
.dropdown-drink ul{
	margin: 0 auto;
    text-align: center;
    width: 85%;
}
.dropdown-drink li{
	vertical-align: middle;
	width:auto;
	list-style:none;
	float:left;
	padding-right: 5px;
}
.back-adddrink, .next-adddrink {
    float: left;
	margin: 25px 3px;
}
#carouselDrinkCategory .carousel-inner{
width:90%;
float:left;
}

#addDrink .ui-timepicker-wrapper{
  width: 8.8em
}
.drinkDropDown {
	 min-height: 50px;
}

.drinkContent {
	width:30%;
	float:left;
}
.drinkName {
	width:70%;
	float:right;
}
#drink-error, #drinkTime-error {
    float: left;
    margin: 8px 0 0;
    text-align: center;
    width: 100%;
}
/* 22-12-2014 Add Drink*/

/* 29-12-2014 Edit Drink*/
.purple{
	background:#5b5691 url(../images/edit.png) scroll 10px 8px no-repeat;
	border-radius:5px;
}
.btn-adddrink{
	background:url(../images/btn.png) scroll left top no-repeat;
	width:41px;
	height:41px;
	border:none;
}

#editDrink .modal-footer .addDrink-btn-blue, #addDrink .modal-footer .addDrink-btn-blue{
	background:#4b70b4 url(../images/adddrink-icon.png) scroll 12px center no-repeat;
	box-shadow: 2px 3.464px 0px 0px rgba(31, 28, 22, 0.51);
  	width:160px;
	padding: 10px 20px 10px 0;
    text-align: right;
    width: 145px;
}

#editDrink  .modal-footer .editDrinkBtn-done{
	background:#b14b4b;
	box-shadow: 2px 3.464px 0px 0px rgba(31, 28, 22, 0.51);
  	width:150px;
}

#addDrink  .modal-footer .editDrinkBtn-done{
	background:#4b70b4 url(../images/edit.png) scroll 14px 9px no-repeat;
	box-shadow: 2px 3.464px 0px 0px rgba(31, 28, 22, 0.51);
  	width:160px;
  	padding: 10px 20px 10px 0;
    text-align: right;
    width: 145px;
}

.editdrinkvalues-container{
	margin:10px 0px;
	float:none;
}
.editdrinkvalues-container ul {
	max-height: 240px;
    overflow: auto;
    padding: 0 20px;
    width: 99%;
}
.editdrinkvalues-container ul li{
	list-style:none;	
	margin:0px 0px 20px 0px;
	float:left;
	width:100%;
}
.numbers{
	width:10%;
	float:left;
	color:#414141;
	font-size:24px;
	text-align:center;
	line-height: 45px;
}
.drink-details{
	width:90%;
	float:left;
	box-shadow: 2px 3.464px 0px 0px rgba(31, 28, 22, 0.4);
	border-radius:5px;
	padding:2px 10px;
	background:#d6d6d6 ;
}
.drink-details p {
    margin-bottom: 0;
   
	
}
.drink-name{
	color: #353535;
    float: left;
    font-size: 18px;    
    width: 46%;
    padding: 5px 5px 5px 0;
}
.drink-units{
	color:#727272;
	font-size:18px;
	float:right;
	max-width: 50%;
    padding: 5px 5px 5px 0;
}
#editDrink .deleteDrink{
	background:url(../images/delete.png) scroll no-repeat;
	width:24px;
	height:32px;
	border:none;
	border-radius:0;
	float:right;
}
#editDrink .modal-title > img {
    margin-right: 10px;
}
/* 29-12-2014 Edit Drink*/
/* 30-12-2014  Alco Trigger*/
.drinkhabit input[type="checkbox"]:checked + .lbl:before{
	color:#ffffff !important;
	background-color: #e69310;
	font-size:14px;
	box-shadow: inset 2px 3.464px 0px 0px rgba(31, 28, 22, 0.24);
	text-rendering: optimizeLegibility;
}
.drinkhabit input[type="checkbox"] + .lbl:before{
	background-color:#ADADAD;
	color:#333;
	box-shadow: none;
}
.periodicMessagesSec input[type="checkbox"]:checked + .lbl:before{
	background-color: #626262;
	color:#fff !important;
	text-rendering: optimizeLegibility;
}
.periodicMessagesSec input[type="checkbox"] + .lbl:before{
	background-color:#ADADAD;
	color:#fff;
	box-shadow: none;
	font-size:16px;
}
.periodicMessagesSec .checkboxsec{
	width:45px;
	float:left;
	margin-top:10px;
}
.drinkhabit .btn-primary {
	width:150px;
	background:#0097EE;
	box-shadow: 1.5px 2.598px 0px 0px rgba(31, 28, 22, 0.65);
	margin:0px 8px;
}
.reasons  ul li{
	float:none;
	display:block;
	margin:10px 0px;
}
.drinkhabit .questions-sec > ul {
    margin: 5px 40px;
}
.reasons  ul li label.header{
	font-size:15px;
	color:#6D6D6D;
}
.left-section, .right-section{
	width:45%;
	float:left;
}
.periodicMessagesSec {
    /*margin: 10px 0; */
    margin: 10px auto;
    width: 50%;
    float:none;
    
}
/*30-12-2014  Alco Trigger*/
#noAlcoTriggerList {
    color: #fff;
    font-size: 92px;
    text-align: center;
}

.periodicMessage {
    display: block;
    float: left;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
#alcoTriggerList {
    min-height: 105px;
}

/*27-01-2015 Unsubscribe Email*/
.unsubscribe-container {
    margin-top: 10%;
    width: 300px;
}
.unsubscribe-container-cont {
	margin-top:15%;
    text-align: center;
    width: 270px;
}
.unsubscribe-bg-container, #unsubscribe-bg-content {
    border: 4px solid #8ccef1;
	border-radius: 10px;
	background-color: #ffffff;
	height: 100%;
}

@media screen and (min-width: 1500px) {
	.login-container {
		margin-top: 10%;
	}
	#weight-error, #height-error {
		padding-right: 120px;
	}
	#code-error {
		padding-right: 90px;
	}
	#mobile-error {
		padding-right: 80px;
	}
}
}
@media screen and (min-width: 1200px) and (max-width:1480px) {
	.login-container {
		margin-top: 2%;
	}
}

@media screen and (min-width: 1000px) and (max-width:1200px) {
	.login-container {
		margin-top: 0;
	}
	.login-sec {
		margin-left: -125px;
	}
	.logo-bg {
		margin-left: 25px;
	}
	.header {
		min-height: 50px;
	}
	#weight-error {
		padding-right: 20px;
	}
}