@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

body{
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	background:#f5f7fa;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
}

.body{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	background-image: url(../images/city-skyline-wallpapers.jpg);
	background-size: cover;
	-webkit-filter: blur(5px);
	z-index: 0;
}

.body1{
	margin: 0;
	padding: 0;
	width:100%;
	background:#f5f7fa;	
	height:auto;
	/*height:1100px;*/
	/*position: fixed;*/
}

.body2{
	margin: 0;
	padding: 0;
	width:100%;
	background:#f5f7fa;	
	height:auto;
	/*height:1100px;*/
	/*position: fixed;*/
}

.container{
	/*width:960px; */
	margin:auto; 
	background:#FFF; 
	position:relative; 
	margin-top:20px;	
	box-shadow: 1px 1px 5px #888888;
	max-width:1025px;
	margin-bottom:20px;
}

.container1{
	/*width:960px; */
	margin:auto; 
	background:#FFF; 
	position:relative; 
	margin-top:20px;	
	box-shadow: 1px 1px 5px #888888;
	max-width:1025px;
	margin-bottom:20px;
}

.contain{
	width:995px; 
	margin:auto;	
}

.clear{
	clear:both;	
}

.bg_black_cover{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9)));
    z-index: 1;
    opacity: 0.7;
}

.login input[type=text]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
}

.login input[type=password]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
}

.login input[type=button]{
	width: 250px;
	height: 35px;
	background: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #a18d6c;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

.login input[type=button]:hover{
	opacity: 0.8;
}

.login input[type=button]:active{
	opacity: 0.6;
}

.login input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=button]:focus{
	outline: none;
}

#Attach{
	color:#000 !important;
}

#show_status_login{
	text-align:center; 
	margin-top:25%;	
	position:relative;
	z-index:1;
}

#HotelName{
	width:95%;	
}

#ButtonSearch { 
	background:#0070ba url(../images/magnifier.png) no-repeat scroll left 3px center; 
	background-size:contain; 
	width:85px; 
	height:20px; 
	color:#fff; 
	cursor:pointer; 
	border:none; 
}

#menu{
	width:100%;
	margin:auto;	
	border-bottom: 2px solid #e3e3e3;
    height: 75px;
}

ul.v_menu{ /* กำหนดขอบเขตของเมนู */
    list-style:none;
    margin:0px;
    padding:0px;
    font-family:tahoma, "Microsoft Sans Serif", Vanessa;
    font-size:12px;
	width: 90%;
    float: left;
}
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */
    /*display:block;*/
    width:150px;
    height:20px;
    text-indent:5px;
    /*background-color:#339900;
    border:1px #006633 inset;*/
    /*float:left;*/
    text-align:center;
	display: -webkit-inline-box;
	display: inline-block;
	/*display: inline-flex;
	display: inline-grid;
	display: inline-table;
	display: table-cell;*/
}
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
    /*display:block;*/
    width:150px;
    height:20px;
    text-indent:5px;
    /*background-color:#33CC33;
    border:1px #006633 inset;*/
    /*float:left;*/
    text-align:center;  
	display: -webkit-inline-box;
	display: inline-block;
	/*display: inline-flex;
	display: inline-grid;
	display: inline-table;
	display: table-cell;*/
}
ul.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
    text-decoration:none;
    color:#6c7378;
    line-height:100px;
	font-size: 14px;
}

#logout{
	width: 10%;
    float: right;
    text-align: center;
    padding-top:30px;	
}
.vx_btn{	
	background-color: transparent;
    border: 1px solid #0070ba;
    border-radius: 24px;
    color: #0070ba;
    cursor: pointer;
    display: inline-block;
    font-family: PayPal-Sans,sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.36364;
    margin: 0;
    min-width: 60px;
    padding: 7.5px 15px 8px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms ease 0s;
	font-weight: bold;
}
.vx_btn:hover{
	color: #003087;
	background-color: rgba(255,255,255,.2);
	border-color: #003087;
	box-shadow: 0 0 0 1px #003087 inset	
}

#border_menu1{
	border-bottom:3px solid #009cde; position: relative; bottom:28px;
	display:none;
}
#border_menu2{
	border-bottom:3px solid #009cde; position: relative; bottom:28px;
	display:none;
}
#border_menu3{
	border-bottom:3px solid #009cde; position: relative; bottom:28px;
	display:none;
}
#border_menu4{
	border-bottom:3px solid #009cde; position: relative; bottom:28px;
	display:none;
}

.title_manage_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:30px 0px 30px 0px;
	border-bottom: 2px solid #e3e3e3;
}
.title_manage_box1{
	width:100%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;
	/*border-bottom: 2px solid #e3e3e3;*/
}
.title_manage_left{
	width:50%;
	text-align:left;	
	float: left;
}
.title_manage_right{
	width:50%;
	text-align:right;
	float: right;	
}

.title_manage_left p{
	font-size:30px;
	color:#000;	
}

.title_manage_left1{
	width:100%;
	text-align:left;	
	float: left;
}
.title_manage_left1 p{
	font-size:30px;
	color:#000;	
}

.title_manage_left2{
	width:100%;
	text-align:left;	
	float: left;
}
.title_manage_left2 p{
	font-size:15px;
	color:#000;	
}

.logo_box{
	width:37%;
	margin:auto;	
	float: left;
	/*padding:30px 0px 30px 0px;
	border-bottom: 2px solid #e3e3e3;*/
}
/*.logo_box .logoContainer .hasNoLogo{
    background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -4580px;
    color: #0079c1;
}*/
.logo_box .logoContainer{
	overflow: hidden;
    position: relative;
    padding: 0!important;
    width: 100%!important;
}
.logo_box .logoContainer{
    cursor: pointer;
    width: 250px;
    line-height: 0;
    height: 116px;
    background-color: #fff;
    background-repeat: no-repeat;
	background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -4580px;
    color: #0079c1;
}
.logo_box .logoContainer .logoText{
    position: relative;
    top: 55%;
    left: 20%;
    color: #0079c1!important;
    font-size: 15px;	
}
.logo_box .logoContainer .logoText span.addIcon{
	background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -4495px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 32px;
    margin-left: 0;
    margin-top: -13px;
    margin-right: 5px;
    width: 20px;
}
.logo_box .logoContainer .logoText span{
    cursor: pointer;
}
.logo_box .logoContainer.hasNoLogo img{
	opacity: 0;
}
.logo_box .logoContainer img{
	margin: 20px 0 0;
    padding: 0;
}
.logo_box .logoContainer [type=file]{
	cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 50%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.logo_box .logoContainer input{
	margin: 0;
    border: 0;
    padding: 0;
}
.logo_box .logoContainer #logoOptions{
	color: #555;
    position: relative;
    margin-left: 25px;
    margin-top: 17px;
	display: none;
}
.no-cc-for-multi-recipient, #updateLogo, #deleteLogo{
	font-size: 15px;
}
.logo_box .logoContainer div.loading-data-from-server{
    width: 250px;
    min-height: 90px;
}
.img_height_weight{
	float:left;
	color:#f00;	
}

.business_name_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:20px 0px 20px 0px;
}
.business_name{
	width:100%;
	margin:auto;	
}

.merchantid_name_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.merchantid_name{
	width:100%;
	margin:auto;	
}

.full_name_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.fist_name{
	width:50%;
	margin:auto;	
	float: left;
}
.last_name{
	width:50%;
	margin:auto;	
	float: left;
}

.user_pass_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.user_name{
	width:50%;
	margin:auto;	
	float: left;
}
.password_name{
	width:50%;
	margin:auto;	
	float: left;
}

.position_email_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.position{
	width:50%;
	margin:auto;	
	float: left;
}
.email_user_hotel{
	width:50%;
	margin:auto;	
	float: left;
}

.address_box{
	width:72%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.address{
	width:100%;
	margin:auto;	
}

.phone_fax_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.phone{
	width:50%;
	margin:auto;	
	float: left;
}
.fax{
	width:50%;
	margin:auto;	
	float: left;
}

.email_website_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.email{
	width:50%;
	margin:auto;	
	float: left;
}
.website{
	width:50%;
	margin:auto;	
	float: left;
}

.tax_currency_box{
	width:76%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.tax_id{
	width:50%;
	margin:auto;	
	float: left;
}
.currency{
	width:48.5%;
	margin:auto;	
	float: left;
}

.fullname_edit_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;
}

.fullname_edit{
	width:100%;
	margin:auto;	
	float: left;
	/*padding:20px 0px 20px 0px;*/
}
.FullnameEdit{
	width:100%;
	margin:auto;	
}

.username_edit_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.username_edit{
	width:100%;
	margin:auto;	
	float: left;
	/*padding:20px 0px 20px 0px;*/
}
.UsernameEdit{
	width:100%;
	margin:auto;
}

.password_edit_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.password_edit{
	width:100%;
	margin:auto;	
	float: left;
}
.PasswordEdit{
	width:100%;
	margin:auto;
}

.position_edit_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.position_edit{
	width:100%;
	margin:auto;	
	float: left;
}
.PositionEdit{
	width:100%;
	margin:auto;
}

.email_edit_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.email_edit{
	width:100%;
	margin:auto;	
	float: left;
}
.EmailEdit{
	width:100%;
	margin:auto;
}


/*.tax_id_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.tax_id{
	width:100%;
	margin:auto;	
}*/

.save_button_box{
	width:10%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.Save{
	width:100%;
	margin:auto;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;	
	display: inline-block;
    padding: 6px 12px;
	font-size: 14px;
    font-weight: 400;
	line-height: 1.42857143;
    text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
    border-radius: 4px;
	cursor:pointer;
}

.Send{
	width:100%;
	margin:auto;
	color: #000;
    background-color: #dddddd;
    border-color: #dddddd;	
	display: inline-block;
    padding: 6px 12px;
	font-size: 14px;
    font-weight: 400;
	line-height: 1.42857143;
    text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
    border-radius: 4px;
	cursor:pointer;
}

.Attach{
	width:100%;
	margin:auto;
	color: #555555;
    background-color: #e1e7eb;
    border-color: #e1e1e8;	
	display: inline-block;
    padding: 6px 12px;
	font-size: 14px;
    font-weight: bold;
	line-height: 1.42857143;
    text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
    border-radius: 4px;
	cursor:pointer;
}

/*.email_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.email{
	width:100%;
	margin:auto;	
}

.website_box{
	width:34%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.website{
	width:100%;
	margin:auto;	
}*/

#buttonsearchdata{
	float:right;	
}

#searchbox{
	float:right;	
}

.freeFormSearch {
    margin-top: 10px;
    display: inline-block;
}

.freeFormSearch input#freeFormSearch {
    display: inline-block;
    width: 250px;
}

.freeFormSearch span.freeFormSearchIcon {
    cursor: pointer;
    margin-left: -30px;
    padding-left: 30px;
    z-index: 1;
    background-image: url(../images/GlobalSprite_1x-3.png);
	/*background-image: url(https://www.paypalobjects.com/web/res/c7e/b55c734cb6b54dd0bc7f2688844e9/images/GlobalSprite_1x-3.png);*/
    background-position: 0 -297px;
    background-repeat: no-repeat;
    font-size: 15px;
    font-family: HelveticaNeue,'Helvetica Neue',helvetica,Arial,sans-serif;
    line-height: 21px;
}

.filler_manage_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:30px 0px 30px 0px;
}

.archiveDropdown{
	padding-right: 0;
	float: left;
	box-sizing: border-box;	
	/*width: 155px;*/
	width:16.66%;
}
.dropdownBlockLarge, .dropdownSplitButtonLarge{
	position: relative;
    width: 99%;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;	
}
.dropdownBlockLarge .dropDownButton, .dropdownSplitButtonLarge .dropDownButton{
	position: relative;
    background-color: #fff;
    padding: 10px 0 2px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    text-align: left;
    vertical-align: middle;
    height: 30px;	
}
.dropdownBlockLarge .dropDownButton label, .dropdownSplitButtonLarge .dropDownButton label{
	padding-top: 2px;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;	
	color:#000;
}
.dropdownBlockLarge .iconDown, .dropdownSplitButtonLarge .iconDown{
	position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -3790px;
    background-repeat: no-repeat;
    margin: 0 0 0 5px;	
}

.dropdownBlockLarge .dropDownBody, .dropdownSplitButtonLarge .dropDownBody{
	position: absolute;
    left: 0;
    top: 35px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #ccc;
    width: inherit;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 3px 7px #888;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;	
}
.dropdownBlockLarge .dropDownBody ul:last-child, .dropdownSplitButtonLarge .dropDownBody ul:last-child{
	border-bottom: 0;
	padding: 10px 0;
}
.dropdownBlockLarge .dropDownBody ul li, .dropdownSplitButtonLarge .dropDownBody ul li{
	width: 100%;
    padding: 3px 15px;
	font-size: 12px;	
}
.dropdownBlockLarge .dropDownBody label, .dropdownSplitButtonLarge .dropDownBody label{
	width: 100%;
    margin: 0;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
	color:#000;	
}
.dropDownBody ul li:hover{
	z-index: 3;
	background-color: #009CDE;
	cursor: default;
	width:80%;	
}
.dropdownBlockLarge .dropDownButton:hover, .dropdownSplitButtonLarge .dropDownButton:hover{
	border: 1px solid #57a9d9;
    -moz-box-shadow: 0 0 5px rgba(58,144,194,.6);
    -webkit-box-shadow: 0 0 5px rgba(58,144,194,.6);
    box-shadow: 0 0 5px rgba(58,144,194,.6);
    cursor: pointer;	
}
.FilterStatus{
	width:81.33%;
	float:left;
	padding-left: 15px;
}
.btn-group, .btn-group-vertical{
	position: relative;
   /* display: inline-block;*/
    vertical-align: middle;	
}
#basicFilterStatus .tabInActive {
	background-image: none;
	box-shadow: none;
	background-color: #fff;
	border-color: #CCC;
	display: block;
	height: 44px;
	width: 16.66%
}
#basicFilterStatus .tabInActive:hover {
	border: 1px solid #57a9d9;
	-moz-box-shadow: 0 0 5px rgba(58,144,194,.6);
	-webkit-box-shadow: 0 0 5px rgba(58,144,194,.6);
	box-shadow: 0 0 5px rgba(58,144,194,.6);
	cursor: pointer
}
#basicFilterStatus .tabActive {
	background-color: #e9e9e9
}


#basicFilterStatus .tabInActiveItem {
	background-image: none;
	box-shadow: none;
	background-color: #fff;
	border-color: #CCC;
	display: block;
	height: 44px;
	width: 14.28%
}
#basicFilterStatus .tabInActiveItem:hover {
	border: 1px solid #57a9d9;
	-moz-box-shadow: 0 0 5px rgba(58,144,194,.6);
	-webkit-box-shadow: 0 0 5px rgba(58,144,194,.6);
	box-shadow: 0 0 5px rgba(58,144,194,.6);
	cursor: pointer;
}
#basicFilterStatus .tabActiveItem {
	background-color: #e9e9e9
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;	
	text-decoration: none;
}
.btn-group>.btn:first-child{
	margin-left: 0;
}
.btn-group>.btn, .btn-group-vertical>.btn{
	position: relative;
    float: left;	
}
.btn{
	color: #666;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 25px;	
}
.hidden{
	display: none!important;
    visibility: hidden!important;
    transition:2.4s;
}
.show{
	display: block!important;
    visibility: visible!important;	
    transition:2.4s;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center bottom, #fff 0, #fff 20%, #e6e6e6 100%) repeat scroll 0 0 rgba(0,0,0,0);
    border-color: #bbb #bbb #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
}

.btn-secondary {
    color: #333;
    text-shadow: 0 1px #e0e0e0;
    background-color: #e0e0e0;
    background: -moz-linear-gradient(center bottom, #bfbfbf 0, #bfbfbf 20%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #bfbfbf), color-stop(20%, #bfbfbf), color-stop(100%, #e0e0e0));
    background: -webkit-linear-gradient(bottom, #bfbfbf 0, #bfbfbf 20%, #e0e0e0 100%);
    background: -ms-linear-gradient(bottom, #bfbfbf 0, #bfbfbf 20%, #e0e0e0 100%);
    background: -o-linear-gradient(bottom, #bfbfbf 0, #bfbfbf 20%, #e0e0e0 100%);
    background: linear-gradient(bottom, #bfbfbf 0, #bfbfbf 20%, #e0e0e0 100%);
    border-color: #cbcbcb #b2b2b2 #8b8b8b;
    -webkit-box-shadow: 0 1px #ececec inset;
    box-shadow: 0 1px #ececec inset;
}

.btn-group>.btn:not(:first-child):not(.dropdown-toggle){
	border-radius: 0;
}

.download_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;
}
.download{
	float: right;
}
.download a{
	cursor: pointer;
}
.download a img{
	width: 100px;
}

.table_all_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;
}
.table_all{
	width:100%;
	margin:auto;
}
.table_all table{
	color: #000;
}
.table_all table thead{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.table_all table tbody{
	text-align: center;
}

.actions{
	width: 150px;
	text-align: left;
}

.width-100px{
	width: 100px;
    display: inline-block;
}

.splitButtonInActive{
	background-image: none;
    	box-shadow: none;
    	background-color: #fff;
    	border-color: #CCC;
    	display: block;
    	/*height: 32px;*/
    	/*width: 22%;*/
		width:40%;
}

.dropdown-toggle{
	padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.dropdown-toggle:not(:first-child){
	    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.downArrow{
    background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -3795px;
    background-repeat: no-repeat;
    padding-right: 12px;
}

.dropdown-menu{
	margin-top: 0;
    min-width: 148px;
    color: #333;
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    /*min-width: 160px;*/
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
	margin-top:30px;
}

.dropdown-menu>li>a{
	display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	text-decoration: none;
}
#activity .dropdown-menu li a{
	    text-align: left;
}

.showAction{
	display: block;
	margin-top:30px;	
}

.dropdown-menu .invoiceAction:hover {
	z-index: 3;
    background-color: #009CDE;
    cursor: default;
    width: 80%;
	cursor:pointer;
}

/*.dropDownBody{
	width: 100%;
	position: absolute;
	left: 0;
	top: 30px;
	background-color: #fff;
	z-index: 2;
	border: 1px solid #ccc;
	width: inherit;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 3px 7px #888;
	font-weight: 700!important;
	margin-bottom: -10px;
	cursor: default;	
}
.dropDownBody ul{
	border-bottom: 1px solid #999;
	padding: 10px 0;	
}
.dropDownBody ul:last-child{
	border-bottom: 0;	
}
.dropDownBody ul li{
	width: 100%;
	padding: 3px 15px;	
}
.dropDownBody ul li:hover{
	z-index: 3;
	background-color: #009CDE;
	cursor: default;	
}*/

.vx_text-body, p, li, dd, dt, label, input, textarea, pre, code{
	font-size: .9375rem;
    line-height: 1.6;
    font-weight: 400;
    text-transform: none;
    font-family: PayPal-Sans,sans-serif;
    letter-spacing: .025em;	
}

.arrow{
	/*display: block;
    margin-left: 10px;
    width: 12px;
    height: 25px;
    background: url(../images/GlobalSprite_1x-3.png) 0 -2306px no-repeat;
    background-size: 400px auto;
    top: 10px;
    left: 100%;
    margin-left: 0;*/
	
	background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -3795px;
    background-repeat: no-repeat;
    padding-right: 12px;	
	margin-left: 10px;
    position: relative;
}

.arrow:hover{
	cursor:pointer;	
}

.dropdown-menu1{
    min-width: 148px;
    color: #333;
	position: absolute;
    /*top: 100%;*/
    /*left: 0;*/
    z-index: 1000;
    display: none;
    float: left;
    /*min-width: 160px;*/
    /*padding: 5px 0;*/
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    /*background-color: #fff;*/
	background:#009cde;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
	margin-top:-25px;
}
.dropdown-menu1>li>a{
	display: block;
    padding: 3px 22px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
	text-decoration: none;
	border:1px solid #0e728a;
}
.dropdown-menu1>li>a:hover{
	z-index: 3;
	background-color: #0e728a;
	cursor: default;
	/*width:82%;*/	
	width:79.5%;
	cursor:pointer;
	color:#fff;
}

.marginleft5{
	margin-left:5px;	
}

.sel_hotel { background:#0070ba; height:25px; box-shadow:0px 1px 3px 0px #383838; cursor:pointer; border-radius: 5px; }
.sel_hotel img { height:15px; width:15px; position:relative; top:2px; }

::-webkit-input-placeholder{
   /*color: rgba(255,255,255,0.6);*/
   color:#999;
}

::-moz-input-placeholder{
   /*color: rgba(255,255,255,0.6);*/
   color:#999;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	color:#000;
}

.form-control {
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control1 {
    display: block;
    width: 90%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    /*padding: 6px 12px;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control3{
	margin: auto;
    display: block;
    width: 85%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}

.form-control4 {
    display: block;
    width: 99% !important;
    /*height: 34px;*/
    /*padding: 6px 12px;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control5{
	margin: auto;
    display: block;
    width: auto;
    /*height: 20px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}

.form-control6{
	margin: auto;
    display: block;
    /*height: 20px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	float: left;
    width: 40%;
}

.form-control7{
	margin: auto;
    display: block;
    /*height: 20px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	float:right; 
	width:30%;
	margin-right: 3px;
}

.manage_user_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:30px 0px 30px 0px;
	border-bottom: 2px solid #e3e3e3;
}
.manage_user{
	width:100%;
	text-align:left;	
	float: left;
}
.manage_user p{
	font-size:15px;
	color:#000;	
}

ul.tabs {
    width: 100%;
    overflow: hidden;
}
ul.tabs li.current {
    /*background: #3c8dbc;*/
	background:#337ab7;
    color: #fff;
}
ul.tabs li {
    list-style-type: none;
    display: block;
    float: left;
    color: #000;
    padding: 8px 10px;
    margin-right: 1px;
    margin-bottom: 1px;
    background: #ddd;
    cursor: pointer;
    font-size: 12px;
	font-weight: bold;
    /*text-transform: uppercase;*/
}

.table_add_user{
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border-radius: 10px;
    border: 1px solid #167F92;
	font-weight: bold;
	font-size:14px;
}
.table_add_user tr:nth-child(odd){
	/*background-color: #EAF3F3;
	background-color: #f1f8fc;*/
	background-color: #d8eff9;
}
.table_add_user tr{
	border: 1px solid #D9E4E6;
}
.table_add_user th:first-child{
	display: table-cell;
    text-align: center;	
}
.table_add_user th, .table_add_user td{
	padding: 1em;
}
.input_add_user{
	border-radius: 4px;
    border: 1px solid #ccc;	
}

#thumbnail img{
	width:270px;
	height:90px;
}

.overlay {   
    background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}   
.msg_show{
    position:fixed;
    z-index:90000;
    margin:auto;
    width:40%;
    height:500px;
    top: 15%;
    left: 41%;
    margin-top: -75px;
    margin-left: -175px;
    /*border-radius: 36px 36px 36px 36px;
    -moz-border-radius: 36px 36px 36px 36px;
    -webkit-border-radius: 36px 36px 36px 36px;*/
    /*border: 0px solid #000000;*/  
    /*background-color:#9C9;*/
    background-color:#ffffff;
    /*text-align:center;*/
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/
}
.title_success_box{
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/ 
    background-color: #337ab7;
    border-radius: 9px;
    /*background-color: #e9e9e9;*/
    height: 30px;
    line-height: 2;
    /*border: 1px solid #dddddd;*/
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box{
    font-weight: bold;
    /*color: #4F8A10;*/
    color: #fff;
	font-size:16px;
}
.msg_data{
    padding: 10px;
    /*color: #4F8A10;*/
    color: #333333;
    font-weight: bold;;
}



.overlay1 {   
    background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}   
.msg_show1{
    position:fixed;
    z-index:90000;
    margin:auto;
    width:65%;
    height:500px;
    top: 15%;
    left: 17.2%;
    /*margin-top: -75px;
    margin-left: -175px;*/
    /*border-radius: 36px 36px 36px 36px;
    -moz-border-radius: 36px 36px 36px 36px;
    -webkit-border-radius: 36px 36px 36px 36px;*/
    /*border: 0px solid #000000;*/  
    /*background-color:#9C9;*/
    background-color:#ffffff;
    /*text-align:center;*/
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	overflow-y:scroll;
}
.title_success_box1{
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/ 
    /*background-color: #F5F5F5;*/
    border-radius: 9px;
    /*background-color: #e9e9e9;*/
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
    /*border: 1px solid #dddddd;*/
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box1{
    font-weight: bold;
    /*color: #4F8A10;*/
    color: #fff;
	font-size:16px;
}
.msg_data1{
    padding: 10px;
    /*color: #4F8A10;*/
    color: #333333;
    font-weight: bold;;
}

.overlay3{
	background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}
.msg_show3{
	position:fixed;
    z-index:90000;
    margin:auto;
    width:63.5%;
    height:500px;
    top: 15%;
    left: 18%;
    background-color:#ffffff;
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/	
}
.title_success_box3{
    border-radius: 9px;
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box3{
    font-weight: bold;
    color: #fff;
	font-size:16px;
}
.msg_data3{
    padding: 10px;
    color: #333333;
    font-weight: bold;;
}

.overlay2 {   
    background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}   
.msg_show2{
	min-width: 50%;
    position:fixed;
    z-index:90000;
    margin:auto;
    width:50%;
    height:500px;
    top: 15%;
    left: 25%;
    /*margin-top: -75px;
    margin-left: -175px;*/
    /*border-radius: 36px 36px 36px 36px;
    -moz-border-radius: 36px 36px 36px 36px;
    -webkit-border-radius: 36px 36px 36px 36px;*/
    /*border: 0px solid #000000;*/  
    /*background-color:#9C9;*/
    background-color:#ffffff;
    /*text-align:center;*/
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	overflow-y:scroll;
}
.title_success_box2{
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/ 
    /*background-color: #F5F5F5;*/
    border-radius: 9px;
    /*background-color: #e9e9e9;*/
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
    /*border: 1px solid #dddddd;*/
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box2{
    font-weight: bold;
    /*color: #4F8A10;*/
    color: #fff;
	font-size:16px;
}
.msg_data2{
    padding: 10px;
    /*color: #4F8A10;*/
    color: #333333;
    font-weight: bold;;
}

.overlay4 {   
    background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
} 
.msg_show4{
	min-width: 35%;
    position:fixed;
    z-index:90000;
    margin:auto;
    width:30%;
    height:200px;
    top: 20%;
    left: 33%;
    /*margin-top: -75px;
    margin-left: -175px;*/
    /*border-radius: 36px 36px 36px 36px;
    -moz-border-radius: 36px 36px 36px 36px;
    -webkit-border-radius: 36px 36px 36px 36px;*/
    /*border: 0px solid #000000;*/  
    /*background-color:#9C9;*/
    background-color:#ffffff;
    /*text-align:center;*/
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/
}
.title_success_box4{
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/ 
    /*background-color: #F5F5F5;*/
    border-radius: 9px;
    /*background-color: #e9e9e9;*/
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
    /*border: 1px solid #dddddd;*/
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box4{
    font-weight: bold;
    /*color: #4F8A10;*/
    color: #fff;
	font-size:16px;
}
.msg_data4{
    padding: 10px;
    /*color: #4F8A10;*/
    color: #333333;
    font-weight: bold;;
}


.overlay5{
	background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}
.msg_show5{
	position:fixed;
    z-index:90000;
    margin:auto;
    width:63.5%;
    height:500px;
    top: 15%;
    left: 18%;
    background-color:#ffffff;
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/	
}
.title_success_box5{
    border-radius: 9px;
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box5{
    font-weight: bold;
    color: #fff;
	font-size:16px;
}
.msg_data5{
    padding: 10px;
    color: #333333;
    font-weight: bold;;
}

.overlay6{
	background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}
.msg_show6{
	position:fixed;
    z-index:90000;
    margin:auto;
    width:63.5%;
    height:500px;
    top: 15%;
    left: 18%;
    background-color:#ffffff;
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/	
}
.title_success_box6{
    border-radius: 9px;
	background-color: #337ab7;
    height: 30px;
    line-height: 2;
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box6{
    font-weight: bold;
    color: #fff;
	font-size:16px;
}
.msg_data6{
    padding: 10px;
    color: #333333;
    font-weight: bold;;
}


.overlay7 {   
    background:#000;
    width:100%;
    height:100%;
    z-index:80000;
    top:0px;
    left:0px;
    position:fixed;
    opacity: .5;   
    filter: alpha(opacity=50);   
    -moz-opacity: .5;  
    display:none;
}   
.msg_show7{
    position:fixed;
    z-index:90000;
    margin:auto;
    width:40%;
    height:500px;
    top: 15%;
    left: 41%;
    margin-top: -75px;
    margin-left: -175px;
    /*border-radius: 36px 36px 36px 36px;
    -moz-border-radius: 36px 36px 36px 36px;
    -webkit-border-radius: 36px 36px 36px 36px;*/
    /*border: 0px solid #000000;*/  
    /*background-color:#9C9;*/
    background-color:#ffffff;
    /*text-align:center;*/
    display:none;
    border: 2px solid;
    border-radius: 9px;
    padding: .2em;
	/*overflow-y:scroll;*/
}
.title_success_box7{
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/ 
    background-color: #337ab7;
    border-radius: 9px;
    /*background-color: #e9e9e9;*/
    height: 30px;
    line-height: 2;
    /*border: 1px solid #dddddd;*/
	border:1px solid #2e6da4;
	text-align:center;
}
.show_box7{
    font-weight: bold;
    /*color: #4F8A10;*/
    color: #fff;
	font-size:16px;
}
.msg_data7{
    padding: 10px;
    /*color: #4F8A10;*/
    color: #333333;
    font-weight: bold;;
}



.button_box{
    position: absolute; left: 45%; bottom: 5%;
}
.button_box_delete_ok{
	position: absolute; left: 36%; bottom: 15%;
}
.button_box_delete_cancel{
	position: absolute; right: 32%; bottom: 15%;
}
.close{
    float: right;
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 9px;
}

.add_newcontact_button_box{
	width:50%;	
	float: right;
}
.add_newcontact_button{
	width:30%;
	margin:auto;
	float: right;
    padding: 10px 25px 0px 0px;	
}

.add_newitem_button_box{
	width:50%;	
	float: right;
}
.add_newitem_button{
	width:30%;
	margin:auto;
	float: right;
    padding: 10px 25px 0px 0px;	
}

.preview_send_button_box{
	width:50%;	
	float: right;
}
.preview_button{
	width:25%;
	margin:auto;
	float: right;
    /*padding: 10px 25px 0px 0px;*/	
}
.send_button{
	width:25%;
	margin:auto;
	float: right;
    /*padding: 10px 25px 0px 0px;	*/
}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    /*border: 1px solid transparent;*/
	border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
div.search {
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.contactbook .groupRecipients ul.recipient{
	height: auto;
    max-height: 500px;	
}
.groupRecipients ul.recipient{
	/*height: 300px;
    max-height: 300px;*/
    overflow-y: auto;
    border: 0;
    border-top: 1px solid #EAEAEA;	
}
ul.ui-autocomplete, ul.recipient{
	background-color: #FFF;	
}
.ui-widget-content{
	background: #eee 50% top repeat-x;
    color: #333;	
}
.ui-widget{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;	
}
.ui-menu{
	list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;	
}
.groupRecipients ul.recipient li.ui-state-current{
	background-color: #ebf4f7;
	color: inherit;
    font-weight: inherit;
    /*background-color: #EBEFF2;*/
    border: 1px solid #EAEAEA;
    margin: 0;	
}

.ui-state-current{
	background-color: #ebf4f7;
	color: inherit;
    font-weight: inherit;
    /*background-color: #EBEFF2;*/
    border: 1px solid #EAEAEA;
    margin: 0;
}

ul.recipient li.ui-menu-item{
	font-size: 14px;
    min-height: 3.1em;
    background: url(../images/GlobalSprite_1x-3.png) no-repeat 10px -5385px;
    line-height: 1em;	
}
.ui-menu .ui-menu-item{
	position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);	
}
ul.recipient li.ui-menu-item div.single{
	margin-top: 12px;	
}
ul.recipient li.ui-menu-item div{
	left: 30px;
    position: relative;
    margin-top: 3.5px;
    margin-bottom: 3px;
    width: 90%;	
}
div.recipientDetails{
	margin-left: -2px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #EAEAEA;
    min-height: 480px;	
}

.recipientDisplay{
	width:95%; margin:auto;	
}

.EmailCus_PhoneCus_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.EmailCus{
	width:50%;
	margin:auto;	
	float: left;
}
.PhoneCus{
	width:50%;
	margin:auto;	
	float: left;
}

.FnameCus_LnameCus_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.FnameCus{
	width:50%;
	margin:auto;	
	float: left;
}
.LnameCus{
	width:50%;
	margin:auto;	
	float: left;
}

.AddressCus_box{
	width:95%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.AddressCus{
	width:100%;
	margin:auto;	
}

.BusinessCus_box{
	width:100%;
	margin:auto;	
	float: left;
	padding:0px 0px 20px 0px;
}
.BusinessCus{
	width:50%;
	margin:auto;	
	float: left;
}

#recipientDisplayDefault{
	width: 95%;
	margin: auto;
	color: #333;
}
#recipientDisplayDefault section{
	margin-bottom: 10px;
}

a, a:visited{
	color: #0070ba;
    text-decoration: none;	
}
a:link, a:visited{
	font-size: 12px;	
}
a:hover,a:focus{
	color:#004975;text-decoration:underline; cursor:pointer;
}

#titleAddItem{
	border-bottom: 1px solid #ddd;
    height: 50px;	
}
#titleAddItem p {
	text-align: center;
    font-size: 20px;	
}

.itemname_add_box{
	/*width:62.5%;*/
	margin:auto;	
	/*float: left;*/
	padding:10px 0px 10px 0px;	
}
.itemname_add{
	/*width:100%;*/
	margin:auto;	
	/*float: left;*/	
}
#ItemnameAdd{
	width:100%;
	margin:auto;
}

#charNumItemName{
	padding-top: 5px;
    text-align: right;	
}

.description_add_box{
	/*width:62.5%;*/
	margin:auto;	
	/*float: left;*/
	padding:10px 0px 10px 0px;	
}
.description_add{
	/*width:100%;*/
	margin:auto;	
	/*float: left;*/	
}
#DescriptionItemAdd{
	width:100%;
	margin:auto;
}
#charNumDescriptionItemAdd{
	padding-top: 5px;
    text-align: right;	
}

.price_item_add_box{
	/*width:10%;*/
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.price_item_add{
	width:100%;
	margin:auto;	
	float: left;	
}
#PriceItemadd{
	width:100%;
	margin:auto;
}


.catagory_item_add_box{
	/*width:10%;*/
	margin:auto;	
	float: left;
	padding:10px 0px 10px 0px;	
}
.catagory_item_add{
	width:100%;
	margin:auto;	
	float: left;	
}
#Catagory{
	width:100%;
	margin:auto;
}



.head_invoice{
	width:100%;
	margin:auto;	
}
.head_invoice_left_box{
	width:50%;
	float:left;	
}
.head_invoice_right_box{
	width:50%;
	float:right;	
}
.head_invoice_left_box img{
	/*width: 370px;*/
    height: 100px;	
}
.head_invoice_right{
	float:right; width:70%;	
}
.descrip1{
	float:left; height: 34px;	
}
.descrip1 p{
	color:#000; font-weight:bold; line-height: 2.5;	
}
.descrip2{
	float:right;	
}
.descrip3{
	width: 55%;
    float: right;
}

#billTo{
	margin-top: 5px;	
}
.top-border{
	border-top: 1px solid #E3E3E3;
    padding-top: 15px;	
}
.labelColumn{
	float: left;
    /*margin-left: 10px;*/	
	width:100%;
}
.billtotokenfield-tokenfield{
	display: block;
    margin-top: 5px;	
	width:10%;
	float:left;
}

p{
	color:#000;
	font-weight:bold;	
}

#gotoAddressBook{
	background: url(../images/GlobalSprite_1x-3.png) 0 -5601px no-repeat;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    line-height: 3em;	
	width:30px;
	height:36px;
}
#gotoAddressBook::before{
	content: " ";
    margin-right: 30px;	
}
#switchToGroupRecipients{
	margin-top: 12px;
    float: left;
    font-size: 15px;
    color: #0070BA;
    cursor: pointer;	
}

.tableDescripBox{
	width: 100%;
    margin: auto;		
}

.TotalDiscountGenBox{
	width:25%; 
	float:right;	
}

.TotalDiscountRoomBox{
	width:25%; 
	float:right;	
}

.TotalDiscountGen{
	width:100%;	
}

.TotalDiscountRoom{
	width:100%;	
}

.TxtTotalDiscountGen{
	float:left;	
	line-height: 2.3;
}

.TxtTotalDiscountRoom{
	float:left;	
	line-height: 2.3;
}

#labelDiscountGen{
	float: right;
	line-height: 2.3;	
}

#labelDiscountRoom{
	float: right;
	line-height: 2.3;	
}

.TotalAmountGenBox{
	width:25%; 
	float:right;	
}
.TotalAmountGen{
	width:100%;	
}
.TxtTotalAmoutGen{
	float:left;	
	line-height: 2.3;
}

.TotalAmountRoomBox{
	width:25%; 
	float:right;	
}
.TotalAmountRoom{
	width:100%;	
}
.TxtTotalAmoutRoom{
	float:left;	
	line-height: 2.3;
}

#labelCurrencyGen{
	float: right;
	line-height: 2.3;
}

#labelCurrencyRoom{
	float: right;
	line-height: 2.3;
}

.VatGenBox{
	width: 13%;
    float: right;
}
.TxtVatGen{
	float: left;
    margin-right: 10px;	
}

.VatRoomBox{
	width: 13%;
    float: right;
}
.TxtVatRoom{
	float: left;
    margin-right: 10px;	
}

#SumTotal{
	width:100%; 
	background:#f6f6f6;	
	float:left;
}

.NoteAndTermGenBox{
	width:100%;
	margin:auto;	
}
.NoteAndTermGen{
	width:100%;
	margin:auto;	
}
.NoteBoxGen{
	width:49%;
	float:left;	
}
.TermBoxGen{
	width:49%;
	float:right;
}

.NoteAndTermRoomBox{
	width:100%;
	margin:auto;	
}
.NoteAndTermRoom{
	width:100%;
	margin:auto;	
}
.NoteBoxRoom{
	width:49%;
	float:left;	
}
.TermBoxRoom{
	width:49%;
	float:right;
}

#charNumNoteGen{
	padding-top: 5px;
    text-align: right;	
	color:#000;
}

#charNumTermGen{
	padding-top: 5px;
    text-align: right;
	color:#000;	
}

#charNumNoteRoom{
	padding-top: 5px;
    text-align: right;	
	color:#000;
}

#charNumTermRoom{
	padding-top: 5px;
    text-align: right;
	color:#000;	
}

.AttachButtonBox{
	/*width:20%;*/
	margin:auto;
	float:left;	
}
.AttachButton{
	width:100%;
	margin:auto;	
}



.ExtraBox{
	width: 100%;
    margin: auto;	
	float:left;	
}

.Extra{
	width: 100%;
    margin: auto;	
}

.BusinessInf{
	color: #000;
    font-size: 14px;	
}
.BusinessInfTitle{
	font-weight: bold;
    font-size: 16px;	
}

.CustomizeBox{
	width:100%;
	background-color: #CCC;
	padding: 10px 0px 10px 0px;
	height: 50px;
}
.Customize{
	padding: 15px 0px 10px 0px;
    color: #333;
	float:left;	
}
.CustomizeTitle{
	padding-left: 25px;
	/*float: left;*/
	/*width: 16.66666667%;*/
	width:80%;
	font-size: 20px;
	/*padding-right: 25px;*/
}
.ChooseTemPlate{
	float: left;
	/*width:25%;*/
	width:12%;
	padding: 10px 0px 10px 10px;
}
.ChooseQtyDiscount{
	float: left;
	width:20%;
	padding: 10px 0px 10px 10px;
}
.CurrencyShow{
	float: left;
	width:15%;
	padding: 10px 0px 10px 10px;
	margin-top:5px;
}
.CurrencyShow p{
	color:#000;
}
.FilterStatusItem{
	width:100%;
	float:left;
}
.Toppic1Box2 tbody{
	border: 1px solid #ccc;	
}
.Toppic1Box2 tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}
.Toppic1Box1 tbody{
	border: 1px solid #ccc;	
}
.Toppic1Box1 tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}

.TableGenBox tbody{
	border: 1px solid #ccc;	
}
.TableGenBox tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}

.TableRoomBox tbody{
	border: 1px solid #ccc;	
}
.TableRoomBox tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}

#tableGen{
	color:#000;	
	font-size: 14px;
}
#tableGen table thead tr td{
	font-weight:bold;
	padding:5px;	
}
#tableRoom{
	color:#000;	
	font-size: 14px;
}
#tableRoom table thead tr td{
	font-weight:bold;
	padding:5px;	
}

#ExtraGen tbody{
	border: 2px solid #999;	
}

#ExtraRoom tbody{
	border: 2px solid #999;	
}
#SumTotalGenBox{
    margin-top: 10px;
    float: right;
}
#SumTotalRoomBox{
    margin-top: 10px;
    float: right;
}

.ExtraBoxGenTable tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}

.ExtraBoxRoomTable tbody td{
	border: 1px solid #ccc;
    padding: 5px;	
}

.Policy_Extact_Gen_box{
	width:100%;
	margin:auto;	
}

.Extact_box{
	margin:auto;
	float:left;
	width:50%;	
}

.PolicyGen_box{
	margin:auto;	
	padding:10px 0px 10px 0px;
	width:80%;
	float:left;	
}
.PolicyGen{
	margin:auto;	
}
#PolicyGen{
	width:100%;
	margin:auto;
}
#charNumPolicyGen{
	padding-top: 5px;
    text-align: right;	
}

.PolicyRoom_box{
	margin:auto;	
	padding:10px 0px 10px 0px;
	width:80%;
	float:left;	
}
.PolicyRoom{
	margin:auto;	
}
#PolicyRoom{
	width:100%;
	margin:auto;
}
#charNumPolicyRoom{
	padding-top: 5px;
    text-align: right;	
}

.invoiceInfo{
	width: auto;
	margin-left: 0;
	margin-right: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	background-color: #fff;
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 2px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 15px;	
}
.folded-corner{
	width: 0;
	height: 0;
	position: absolute;
	top: -2px;
	right: -2px;
	border-style: none solid solid none;
	border-width: 0 70px 70px 0;
	border-style: solid;
	background: #e6e6e6;
	border-color: #fff #fff transparent transparent;	
}
.invoiceStatus{
	color: #0092d1;
    background-color: #f7fdff;
    border-bottom: 3px solid #0092d1;
    border-top: 3px solid #0092d1;	
	height: 30px;
    font-size: 25px;
}
.itemdetailsheader{
	margin: 0;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    font-weight: 700;
    font-family: HelveticaNeue,'Helvetica Neue',helvetica,Arial,sans-serif;
    line-height: 21px;
    font-size: 15px;	
}
.itemdetailsheader th{
	color:#000;
	height:32px;	
}
.add_newcontact_button_excel{
	width:35%; float:right; padding: 10px 25px 0px 5px;
}

/*.ChooseTemPlate{
	width: 25%;	
	float: left;
}
.dropdownBlock{
	position: relative;
    width: 230px;
    display: inline-block;
	font-size: 13px;
}
.iconDown{
	position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../images/GlobalSprite_1x-3.png);
    background-position: 0 -3790px;
    background-repeat: no-repeat;
    margin: 0 0 0 5px;	
}*/

/*.table_add_user table {
	width:100%;
	margin:15px 0;
	border:0;
}
.table_add_user th {
	background-color:#50C2FF;
	color:#FFFFFF
}
.table_add_user,.table_add_user th,.table_add_user td {
	font-size:0.95em;
	text-align:center;
	padding:4px;
	border-collapse:collapse;
}
.table_add_user th,.table_add_user td {
	border: 1px solid #9bdcfe;
	border-width:1px 0 1px 0;
	color:#000;
}
.table_add_user tr {
	border: 1px solid #9bdcfe;
}
.table_add_user tr:nth-child(odd){
	background-color:#c4eafe;
}
.table_add_user tr:nth-child(even){
	background-color:#fdfdfd;
}*/

@media (min-width: 320px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		/*left: calc(50% - 255px);*/
		z-index: 2;
		text-align:center;
		width:85%;
	}
	
	.login_box div{
		float: none;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 35px;
		font-weight: 200;
		margin:auto;
		width:100%;
	}
	
	.login_box div span{
		color: #5379fa !important;
	}
	
	#fm_login{
		position: static;
		/*margin-left: 150px;*/
		width:100%;
	}
	
	.login{
		position: static;
		top: calc(50% - 75px);
		left: calc(50% - 50px);
		height: 150px;
		width: 350px;
		padding: 10px;
		z-index: 2;
	}
}

@media (min-width: 450px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		/*left: calc(50% - 255px);*/
		z-index: 2;
		text-align:center;
		width:90%;
	}
	
	.login_box div{
		float: none;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 35px;
		font-weight: 200;
		margin:auto;
	}
	
	.login_box div span{
		color: #5379fa !important;
	}
	
	#fm_login{
		position: static;
		/*margin-left: 150px;*/
		width:100%;
	}
	
	.login{
		position: static;
		top: calc(50% - 75px);
		left: calc(50% - 50px);
		height: 150px;
		width: 350px;
		padding: 10px;
		z-index: 2;
	}
}

@media (min-width: 768px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		left: calc(50% - 255px);
		z-index: 2;
		width:32%;
	}
	
	.login_box div{
		float: left;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 35px;
		/*font-weight: 200;*/
		font-weight: bold;
	}
	
	.login_box div span{
		color: #5379fa !important;
		/*color: #000 !important;*/
	}
	
	#fm_login{
		position: absolute;
		margin-left: 150px;
	}
	
	.login{
		position: absolute;
		top: calc(50% - 75px);
		left: calc(50% - 50px);
		height: 150px;
		width: 350px;
		padding: 10px;
		z-index: 2;
	}
	
}

@media (min-width: 992px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		left: calc(50% - 255px);
		z-index: 2;
		width:25%;
	}
}

@media (min-width: 1200px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		left: calc(50% - 255px);
		z-index: 2;
		width:21%;
	}
}

@media (min-width: 1400px){
	.login_box{
		position: fixed;
		top: calc(50% - 35px);
		/*left: calc(50% - 255px);*/
		left: calc(50% - 300px);
		z-index: 2;
		width:21%;
	}
}