/****
     Design for "Always Rewards Program" widget...
     Created by : KraTay
     Last update on : 18/06/2015
*****/

#alrw-container { width: 100% !important; font-family: Oxygen, Helvetica, Arial,sans-serif; line-height: 1.5em !important; padding: 5px; }
#alrw-container form, #alrw-redeem  form { margin-bottom: 0px; }
#alrw-container .modal-dialog, #alrw-redeem  .modal-dialog { width: 25%;  min-width: 340px; }
#alrw-container .panel, #alrw-redeem  .panel { margin-bottom: 0px;}
#alrw-container .panel-default, #alrw-redeem  .panel-default { border:none; }
#alrw-container .panel-heading, #alrw-redeem  .panel-heading  { background: none; border: none; }
#alrw-container .panel-title, #alrw-redeem  .panel-title { font-size: 13px; }
#alrw-container .panel-body { padding: 5px 15px 15px 15px; }
#alrw-container .panel-footer, #alrw-redeem  .panel-footer { font-size: 11px; padding: 8px 0px;text-align: center; padding-bottom: 10px; }
#alrw-container .head, #alrw-redeem .head { font-size: 16px; font-weight: bold; padding-top: 0px; padding-left: 0px;padding-right: 0px; vertical-align: middle; }
#alrw-container .sub, #alrw-redeem .sub { font-size: inherit; line-height: 1.5em !important; padding-top: 5px; }
#alrw-container .form-group, #alrw-redeem  .form-group { margin-bottom: 0px;}
#alrw-container .form-horizontal .control-label, #alrw-redeem .form-horizontal .control-label { text-align: left; }
#alrw-container .desc, #alrw-redeem .desc { font-size: 12px; }
#alrw-container .term .checkbox, #alrw-redeem .term .checkbox { float: left; }
#alrw-container .term #terms-desc, #alrw-redeem .term #terms-desc { margin-left: 20px; }
#alrw-container .div-alert-msg { background-color: #F7E0DF; border-radius: 5px; padding: 0px; margin-top: 7px; margin-bottom: 0px; font-size:12px; font-weight:normal; color:#FB3A3A; text-transform: none; }
#alrw-redeem .div-alert-msg { background-color: #F7E0DF; border-radius: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 0px; font-size:12px; font-weight:normal; color:#FB3A3A; text-transform: none; float:right; }
#alrw-container .div-alert-msg  p, #alrw-redeem .div-alert-msg  p { padding: 5px 8px !important; margin: 0px !important; }
#alrw-container .div-return-msg, #alrw-activate .div-return-msg, #alrw-redeem .div-return-msg { background: none; border: none; padding: 0px; margin: 0px; color: rgb(0,37,97); text-transform: none; }
#alrw-container .div-return-msg  .bottom, #alrw-redeem .div-return-msg  .bottom { padding: 5px 0px; font-size:12px; }
#alrw-container .sub-title { font-size: 11px; }
#alrw-container .title  { font-size: 12px;  margin-bottom: 0px; }
#alrw-container .text-vcenter, #alrw-redeem .text-vcenter { vertical-align: middle; width: 100%; }
#alrw-container .text-vcenter  .checkbox, #alrw-redeem .text-vcenter  .checkbox { float:left; margin-left: 0px; padding-left: 20px; padding-top: 0px; }
#alrw-container label.error, #alrw-redeem label.error { padding-top:2px; margin-bottom: 0px; font-size:12px; font-weight:normal; color:#FB3A3A; }
#alrw-container-bar { margin-right: 5px; padding-top: 5px; text-align: right; width: 100%; height: auto; }
#alrw-container-bar a , #alrw-active-bar a { font-weight: bold; padding-right: 8px; padding-left: 8px; text-decoration: none; }
#alrw-container-bar a:active , #alrw-active-bar a:active { text-decoration: none; }
#alrw-container-bar a:visited , #alrw-active-bar a:visited { text-decoration: none; }
#alrw-active-bar { /*width: 100%;*/ height: auto; text-align: right; color: #fdd017; line-height: 1.2em !important; /*margin-right: 5px;*/ }
#alrw-active-bar a { float: right; 	margin-top: 7px; }
#active-msg { float:right; padding-right: 5px; }

/***** Layout *****/
#alrw-container .fl, #alrw-redeem .fl { float:left; }
#alrw-redeem .fr { float:right; }
#alrw-container .mb-5, #alrw-redeem .mb-5 { margin-bottom: 5px; }
#alrw-container .mb-10, #alrw-redeem .mb-10 { margin-bottom: 10px; }
#alrw-container .mb-15, #alrw-redeem .mb-15 { margin-bottom: 15px; }
#alrw-redeem .ml-5 { margin-left: 5px; }
#alrw-container .mt-10, #alrw-terms .mt-10, #alrw-redeem .mt-10 { margin-top: 10px; }
#alrw-container .mt-20, #alrw-terms .mt-20, #alrw-redeem .mt-20 { margin-top: 20px; }
#alrw-container .mt-30, #alrw-terms .mt-30, #alrw-redeem .mt-30 { margin-top: 30px; }
#alrw-container .mt-40, #alrw-terms .mt-40, #alrw-redeem .mt-40 { margin-top: 40px; }
#alrw-container .pl-8, #alrw-redeem .pl-8 { padding-left: 8px; }
#alrw-container .pr-8, #alrw-redeem .pr-8 { padding-right: 8px; }
#alrw-container .pr-30, #alrw-terms .pr-30, #alrw-redeem .pr-30{ padding-right: 30px; }
#alrw-container .pl-30, #alrw-terms .pl-30, #alrw-redeem .pl-30 { padding-left: 30px; }
#alrw-redeem .wd-10 { width: 10%; }
#alrw-redeem .wd-13 { width: 13%; }
#alrw-redeem .wd-15 { width: 15%; }
#alrw-container .wd-20, #alrw-redeem .wd-20 { width: 20%; }
#alrw-redeem .wd-23 { width: 23%; }
#alrw-container .wd-25, #alrw-redeem .wd-25 { width: 25%; }
#alrw-container .wd-27, #alrw-redeem .wd-27 { width: 27%; }
#alrw-redeem .wd-30 { width: 30%;}
#alrw-container .wd-40, #alrw-redeem .wd-40 { width: 40%; }
#alrw-redeem .wd-45 { width: 45%; }
#alrw-container .wd-48, #alrw-redeem .wd-48 { width: 48%; }
#alrw-container .wd-50, #alrw-redeem .wd-50 { width: 50%; }
#alrw-redeem .wd-100 { width: 100%; }

#alrw-loaderDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Image/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

#alrw-login .container { width: 100%; }
#alrw-login a {
     color: rgba(186, 135, 72, 1);
     -webkit-transition: color 300ms, background-color 300ms;
     -moz-transition: color 300ms, background-color 300ms;
     -o-transition: color 300ms, background-color 300ms;
     transition: color 300ms, background-color 300ms;
     font-weight: bold;
}	
#alrw-login a:hover {
     color: rgba(186, 135, 72, 0.2);
     -webkit-transition: color 300ms, background-color 300ms;
     -moz-transition: color 300ms, background-color 300ms;
     -o-transition: color 300ms, background-color 300ms;
     transition: color 300ms, background-color 300ms;
     text-decoration: none;
}

.alrw-forgot-msg {   padding-top:5px !important; color: #013ADF !important; font-size: 12px; }
#alrw-signup .container, #alrw-redeem .container { width: 100%; }
#alrw-signup .row .all { margin-left: 0px; margin-right: 0px;	}
#alrw-signup .form-group { margin-bottom: 5px; }
/* #alrw-signup-modal .modal-dialog { width: 28%; } */
#alrw-signup-msg p { padding: 15px 15px 30px 15px; text-align: center;}
#alrw-terms { margin-top: 30px; padding-left: 30px; padding-right: 30px; }
#alrw-terms .head-line { border-radius: 5px; background-color: #032660; text-transform: uppercase; font-size: 22px; font-weight: normal; color: #fff; padding: 10px 15px 10px 15px; display: inline-block; }
#alrw-terms .hilight { font-weight: bold; text-decoration: underline; padding-bottom: 10px; }
#alrw-terms .titleBar .line { border-top: solid #032660 1px !important; margin-top: -22px !important; }
#alrw-terms .btn, #alrw-activate .btn { width: 100%; }
#alrw-terms #btnClose, #alrw-activate #btnClose { background-color: rgb(0,37,97); border-color: rgba(0,37,97,0.5); }
#alrw-terms .footer, #alrw-activate .footer { margin-top: 30px; margin-bottom: 40px; }
#alrw-activate { margin-top: 50px; }
#alrw-activate .blue-box { background-color: rgba(2, 37, 97, 0.1); border-color: rgba(2, 37, 97, 0.75); border-width: 1px; border-radius: 3px; }
#alrw-activate .blue-box .panel-heading  { background: none; border: none; }
#alrw-activate .blue-box .panel-title { color: rgba(0, 37, 97, 1); font-weight:bold; }
#alrw-activate .blue-box .div-alert-msg { color: rgba(2, 37, 97, 1); }
#alrw-activate .blue-box a {
     color: rgba(186, 135, 72, 1);
     -webkit-transition: color 300ms, background-color 300ms;
     -moz-transition: color 300ms, background-color 300ms;
     -o-transition: color 300ms, background-color 300ms;
     transition: color 300ms, background-color 300ms;
     font-weight: bold;
	 text-decoration: underline;
}	
#alrw-activate .blue-box a:hover {
     color: rgba(186, 135, 72, 0.2);
     -webkit-transition: color 300ms, background-color 300ms;
     -moz-transition: color 300ms, background-color 300ms;
     -o-transition: color 300ms, background-color 300ms;
     transition: color 300ms, background-color 300ms;
     text-decoration: none;
}
#alrw-activate .light-box { border-radius: 3px; border-color: rgba(2, 37, 97, 0.75); }
#alrw-activate .light-box  .panel-heading { background-color: rgba(2, 37, 97, 0.1); border-color: rgba(2, 37, 97, 0.75); border-width: 1px; }
#alrw-activate .light-box .panel-title { color: rgba(2, 37, 97, 0.75); }
#alrw-activate .light-box .link { color: #a94442; } 
#alrw-redeem{ /*width: 265px; font-size: 13px; */ width: 100% !important; font-family: Oxygen, Helvetica, Arial,sans-serif; line-height: 1.5em !important; margin-bottom: 10px; }
#alrw-redeem-bar, #alrw-redeem   #alrw-active-bar  { padding: 10px; background-color: #002561; height: 80px; border: solid 1px #001538; border-radius: 2px; margin-bottom: 10px; }
#alrw-redeem > a { color: #FFEFAD; }
#alrw-redeem  #alrw-active-bar button { padding-top: 3px; }
#alrw-redeem  #alrw-active-bar a { float: right; margin-top: 5px; }
#alrw-redeem  #alrw-active-bar #signout { margin-right: 8px; float: right; }
#alrw-redeem  #MemberBkSummary { width: 100%; font-size: 13px; background-color: #b8cced; padding: 3px 10px; }
#alrw-redeem .div-alert-msg { float: right; }
#alrw-redeem #MemberDetail { background-color: rgb(0, 37, 97); color: #e3c448; padding: 10px 10px; text-align: right; }
#alrw-redeem #MemberDetail #mPoint { float: right; }
#alrw-redeem  #MemberRewards { padding: 10px; width: 100%; font-size: 12px; }
#alrw-redeem  #MemberRewards #mRewards-desc { padding: 5px 10px; margin-bottom: 5px; color: #676f7d; }
#alrw-redeem #MemberRewards table { font-size: 12px; margin-bottom: 0px;}
#alrw-redeem  #MemberRewards table th { background-color: rgba(0, 37, 97, 0.1); color: rgba(0,37,97,0.7); text-align: center; }
#alrw-redeem #MemberRewards tr td { text-align: right; }
#alrw-redeem #MemberRewards .table> tbody > tr > th { padding: 2px; }
#alrw-redeem #MemberRewards .RoomTypeName, #alrw-redeem #MemberRewards .OptionName { text-align: left; }
#alrw-redeem #MemberRewards .NoOfRoom .NoNight { text-align: right; }
#alrw-redeem #MemberRewards .firstl { float:right; margin-bottom: 8px; }
#alrw-redeem #MemberRewards .ddExtraFree { float: left; width: 100%; }
#alrw-redeem  #alrw-active-bar  { color: #e3c448; }
#alrw-redeem-bar .alrw-logo, #alrw-active-bar .alrw-logo { float:left; padding-top: 15px; }
#alrw-redeem-bar .alrw-logo img, #alrw-active-bar .alrw-logo img { min-width: 130px; }
#alrw-redeem-bar .welcome-msg { float:left; margin-left: 30px; padding-top: 5px; font-size: 18px; color: #e3c448; /*#fdd017*/ font-weight: bold; letter-spacing: 0.5px; }
#alrw-redeem  #active-msg { float:left; margin-left: 15px; padding-top: 8px; text-align: left; }
#alrw-redeem  #active-msg .title { margin-bottom: 8px; }
#alrw-redeem #mRewards-tbSum { padding-top: 15px; }
#alrw-redeem #tb-totalSummary { float: right; width: 100%; font-weight: bold; }
#alrw-redeem #tb-totalSummary td{ padding: 5px; }
#alrw-redeem #tb-totalSummary input[type="text"]{ width: 100%;  text-align: right; padding-right: 2px; padding-left: 2px; font-weight: normal;  }
#alrw-redeem .sub-title { font-size: 12px; }
#alrw-redeem .title { font-size: 16px; /*color: #e3c448; */ font-weight: bold; letter-spacing: 0.5px; }
#alrw-redeem .btn-box { float: right; padding-top: 10px; padding-right: 10px; }
#alrw-redeem .btn-box input { margin-left: 10px; }
#alrw-reward .remark { text-align: right; color: red; font-style:italic; font-size: 10px; }
#alrw-reward .remark-black { text-align: right; color: #000000; font-style:italic; font-size: 10px; padding-top: 5px; height: 20px; }
#alrw-reward .SubmitArea { padding-top:10px; padding-bottom: 8px; }
#alrw-reward .SubmitArea .form-group div { padding-left: 8px; padding-right: 8px; }
#alrw-reward-modal  .modal-dialog { width: 45%; }
#alrw-redeemForm input[type="text"], #alrw-redeemForm select  { height: 20px !important; width: 100% !important; min-width:50px !important; }
#alrw-redeem #tb-totalSummary #fldTotalPayment { font-weight: bold; }
#alrw-redeemForm .panel-body { padding: 0px 0px 15px 0px !important; }
#alrw-redeemForm .panel-heading { padding-bottom: 0px !important; }
#alrw-redeemForm .btn { padding: 5px 0px; font-size: 11px !important; }
#alrw-redeemForm .btn-success { background-color: rgb(0, 37, 97) !important; border-color: rgba(0, 37, 97, 0.3) !important;  }
#div-MemberDetail p { padding:8px; }
#div-Rewards { border-color: rgba(2, 37, 97, 0.75); border-width: 1px; border-radius: 3px; }
#divReward-Result .container { width: 100%; }

.rewards-logo { text-align:center;  margin-bottom:25px; }
.rewards-logo img { width:185px; }
.alrw-logo img { width: 100px; position: relative; top: -20px; padding-left: 15px; }
.alrw-pt-5 { padding-top: 7px; }
.alrw-warning-msg { background-color: #F7E0DF;	font-size:12px; font-weight:normal; color:#FB3A3A; border-width: 1px; border-color: #FB3A3A; padding-right: 2px; padding-left: 2px;}
ul.dash { list-style: none; margin-left: 0; padding-left: 1em; }
ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
ul .sq {  list-style-type: square; }
#exp-pointInfo { padding: 0px 15px 15px 15px; width:60%; }
#exp-pointInfo .level { width: 100%; }
#exp-pointInfo table { width: 100%; }

/*
@media (min-width: 768px)
{
	#alrw-container .modal-dialog { min-width: 340px; }
}
*/

@media (max-width: 767px)
{
	/*#alrw-container .modal-dialog { min-width: 340px; }*/
	
}