/* html {-ms-overflow-y: none !important;  -ms-overflow-style: none !important;}
iframe html {-ms-overflow-y: none !important; -ms-overflow-style: none !important;} */
body{-webkit-font-smoothing: antialiased; }
.mce-container-body html {-ms-overflow-y: none !important; -ms-overflow-style: none !important;}
.shoppingbackground
.mainpopupStyle {
    width: 98%;
    height: 100px;
    margin: 0px 1%;
}

.chrLimitCls{    font-size: 12px;
        color: #5f5e5e;
    font-weight: 400;
    padding: 9px 0 0 34px;
    float: left;}

.popup-save-button {
background: #52c56d;
border: 0;
border-radius: 1px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto', sans-serif !important;
line-height: 24px;
outline-width: 2px;
padding:2px 10px;
position: relative;
transition-duration: 167ms;
transition-property: background-color,box-shadow,color;
transition-timing-function: cubic-bezier(0,0,.2,1);
width: auto;
float:left;
}

.popup-save-button:hover {
    background: #4de371;
/*  padding: 3px 10px;
    color: #fff;
    font-weight: 500;
    margin-top:0px;
    float: right;
	margin-right: 7px; font-size:17px; 
	*/
}

/* .div_ID2Xedit.pac-container {
    z-index: 2147483647 !important;
    width: 356px !important;
}
 */


.rem_noData{float: left;
width: 100%!important;
text-align: center;
padding: 65px 0 0 0!important;}

.horizontal_loaderUL{float: left;width: 100%;}

textarea:focus {
    outline: none !important;
    border: 1px solid #3c4da9 !important;
    box-shadow: none;
	    float: left;
    margin: 5px;
}

#decBrief textarea:focus {
    outline: none !important;
    border: 1px solid #3c4da9 !important;
    box-shadow: none;
	    float: left;
    margin: 0px;
}

.commentTBD textarea:focus {
    outline: none !important;
    border: 1px solid #3c4da9 !important;
    box-shadow: none;
	    float: left;
       margin: 10px;
}


#edtB.popupEditDivCategoriesCommonCategories {
    border: 0px solid red !important;
    position: absolute !important;
    right: 0 !important;
    width: 322px !important;
    margin-top: -13px;
}
#edtB .popupEditDivCategoriesCommonCategories input {

    background: #1272bc none repeat scroll 0 0;
    border: medium none;
    color: #0281ff;
    cursor: pointer;
    float: right;
    font-size: 14px !important;
    margin-right:0px !important;
    margin-top:0px !important;
    text-align: right !important;
    padding: 6px 15px;
    text-align: center;
    width: 160px;
    font-family: "Open Sans", "sans-serif";
    background: none;

} 

.ratingCategoriesCommonCategories{width: 750px !important;}


.planningstylemouseover{
    background: #ffffff;
    padding: 0px !important;
    margin: -1px 3px 0px 0px !important;
    height: 33px;
    float: left !important;
    border: none !important;}
	.planningstylemouseover:hover{
    background: #e1e0e0 !important;
    padding: 0px !important;
   margin: -1px 3px 0px 0px !important;
    height: 33px;
    float: left !important;
    border: none !important;}

.reminderstylemouseover{
    background: #ffffff;
    padding: 0px !important;
    margin: -1px 0px 0px 0px !important;
    height: 33px;
    float: left !important;
    border: none !important;}
	.reminderstylemouseover:hover{
    background: #e1e0e0 !important;
    padding: 0px !important;
    margin: -1px 0px 0px 0px !important;
    height: 33px;
    float: left !important;
    border: none !important;}


.mainpopupOne {
    border: 1px solid #cccccc; /*  border-radius_none: 5px; */
    height: 40px;
    margin: 0 auto;
    width: 99.5%;
    margin: 16px auto 0;
}

.mainpopupTwo {
    width: 100%; /* margin: 0 auto;*/
    margin: 0;
    padding:0 0 6px 0;
    float: left;
	font-size: 16px;
}

.subPopup_main_style {
    width: 1030px;
    min-height: auto;
    /* min-height: 820px; */
    background-color: #ffffff;
    position: absolute;
    z-index: 1; /* border-radius_none: 5px; */
    border: 0px solid #ffffff;
    padding-bottom: 0px;
}

.optgroupHeight {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0px solid red;
}

h2,
.h2 {
    font-size: 30px;
    line-height: 42px;
}

.personaleditor img {
margin-bottom:0px !important;
/*     height: auto;
    width: auto;*/
    max-width: 100% !important; 
}

.personaleditor p img {
/*     height: auto;
    width: auto;
    max-width: 100% !important; */
	margin-bottom:0px !important;
}

#subTravel_Content_text img {
 /*    height: auto;
    width: auto;
    max-width: 100% !important; */
	max-width: 100% !important; 
}

#subDining_Content_text img {
 /*    height: auto;
    width: auto;
    max-width: 100% !important; */
	max-width: 100% !important; 
}

#subShopping_Content_text img {
/*     height: auto;
    width: auto;*/
    max-width: 100% !important; 
}

.subDining_Content_textcls img {
 /*    height: auto;
    width: auto;
    max-width: 100% !important; */
	max-width: 100% !important; 
}


.mce-container.mce-toolbar.mce-last.mce-stack-layout-item{border-top:1px solid #ccc !important;}



		.draft_black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.popup_container_for_Draft {
			display: none;
			position: absolute;
			top: 10.01%;
			/* left: 29.8%; */
			width:100%; border:0px solid red;
			/* height: 600px; */
			padding: 0px;
			/* background-color: white; */
			z-index: 99999999;			
			overflow-x: hidden; font-size:14px;
		}
		
.blogDraftPopup {width:1030px; margin:0px auto;}



.noMoreDftBlogLi {
    border: 1px solid #e7e4e4;
    float: left;
    width: 98% !important;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    color: #1e71dc;
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #eeeeee);
    background: -o-linear-gradient(#ffffff, #eeeeee);
    background: -moz-linear-gradient(#ffffff, #eeeeee);
    background: linear-gradient(#ffffff, #eeeeee);
}
.noMoreDftBlogLi:hover {
    border: 1px solid #e7e4e4;
    float: left;
    width: 98% !important;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    color: #1e71dc;
    background: #ffffff;
    background: -webkit-linear-gradient(#eeeeee, #ffffff);
    background: -o-linear-gradient(#eeeeee, #ffffff);
    background: -moz-linear-gradient(#eeeeee, #ffffff);
    background: linear-gradient(#eeeeee, #ffffff);
}



.noMoreDftBlogLiB {
    border: 0px solid #e7e4e4;
    float: left;
    width: 98% !important;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
    color: #333;
  
}
.noMoreDftBlogLiB:hover {
    border: 0px solid #e7e4e4;
    float: left;
    width: 98% !important;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
    color: #333;
}




.popup_container_for_Draft_inner{ background-color: white; float:left; width:100%; font-size:14px;}

.deleteWaitMsg{float:left; width:98.5%;  background: #39a853 none repeat scroll 0 0; padding:5px 10px 5px 10px; color:#fff;}
.deleteWaitMsgFV{float:left;width:98.5%;   background: #39a853 none repeat scroll 0 0; padding:5px 10px 5px 10px; color:#fff;}
.deleteDftMsgFV{float:left; width:98.5%;  background: #39a853 none repeat scroll 0 0; padding:5px 10px 5px 10px; color:#fff;}
.deleteDftMsg{float:left; width:98.5%;  background: #39a853 none repeat scroll 0 0; padding:5px 5px 10px 10px; color:#fff;}
.deleteErrDftMsgFV{float:left; width:98.5%;   background: #fa6b6d none repeat scroll 0 0; padding:5px 10px 5px 10px; color:#fff;}
.deleteErrDftMsg{float:left; width:98.5%;  background: #fa6b6d none repeat scroll 0 0; padding:5px 10px 5px 10px; color:#fff;}

.dftErrCls {float:right; padding:0px; font-weight:500; cursor:pointer;}
.dftErrClsFV {float:right; padding:0px; font-weight:500; cursor:pointer;}

.draft-lb-close {
    float: right;
    font-size: 16px;
    padding: 0px;
    color: #000;
    text-decoration: none;
   position: relative;
    background: #fff;
	margin: 3px 0px 0px 0px;
    text-align: center;line-height: 8px;
}
.draft-lb-close:hover {
    color: #0070c7;
    text-decoration: none;
}

.draft-edit {
    background: #39a853 none repeat scroll 0 0;
    border: medium none;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 26px !important;
    padding: 0px;
    text-align: center;
    width: 60px; font-weight:400;
}
.draft-edit:hover {
    background: #3f9e55 none repeat scroll 0 0;
    border: medium none;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 26px !important;
    padding: 0px;
    text-align: center;
    width: 60px; font-weight:400;
}
.draft-delete{
    background: #656565 none repeat scroll 0 0;
    border: medium none;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 26px !important;
    padding: 0px;
    text-align: center;
   /*  margin-left: 5px; */
    width: 57px; font-weight:400;
}
.draft-delete:hover {
    background: #787878 none repeat scroll 0 0;
    border: medium none;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 26px !important;
    padding: 0px;
    text-align: center;
  /*   margin-left: 5px; */
    width: 57px; font-weight:400;
}


.autoDraft{background: #fe9d6d none repeat scroll 0 0; cursor:pointer;
/* padding: 6px 10px;  
cursor: pointer;
margin-top: 1px;
font-weight: 400;
font-size: 14px;
color: #fff; */
float: left; margin-left: 10px; 
border: 0;
border-radius:1px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 400;
font-family: 'Roboto', sans-serif !important;
line-height: 24px;
outline-width: 2px;
padding:3px 10px;
position: relative;
transition-duration: 167ms;
transition-property: background-color,box-shadow,color;
transition-timing-function: cubic-bezier(0,0,.2,1);
	   width: auto;

}
.autoDraft:hover{background: #ef9264 none repeat scroll 0 0; cursor:pointer;font-weight: 400;
font-family: 'Roboto', sans-serif !important;
/* padding: 6px 10px;
cursor: pointer;
margin-top: 1px;
margin-left: 10px;font-weight: 400;
font-size: 14px;
color: #fff;float: left;   */ 
}
.btn{font-weight:600!important; cursor:pointer;}
.autoSID{background: #52c56d none repeat scroll 0 0; cursor:pointer;
/* padding: 6px 9px;
cursor: pointer;
margin-top: 1px;
margin-left: 10px;width: 120px;font-weight: 400;
font-size: 14px;
color: #fff; */
margin-top: 1px;
margin-left: 10px;
border: 0;
border-radius:1px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 400;
font-family: 'Roboto', sans-serif !important;
line-height: 24px;
outline-width: 2px;
padding:3px 10px;
position: relative;
transition-duration: 167ms;
transition-property: background-color,box-shadow,color;
transition-timing-function: cubic-bezier(0,0,.2,1);
	   width: auto;

float: left;   
 }

.autoSID:hover{ background: #3f9e55 none repeat scroll 0 0;color: #fff; cursor:pointer;font-weight: 400;
font-family: 'Roboto', sans-serif !important;
/* padding: 6px 9px;
cursor: pointer;
margin-top: 1px;
margin-left: 10px;width: 120px;font-weight: 400;
font-size: 14px;
color: #fff;float: left;  */ }

.blogLiHead {
    float: left;
    background: #f2f2f2 none repeat scroll 0 0;
    width: 98%;
    padding: 5px 10px;
    margin: 5px 0 -1px 0;
    border: 1px solid #ccc;  cursor:pointer;
}

.noDftBlogLi{float: left;
width: 98%;
border: 1px solid #ccc;padding:10px 10px; margin-bottom:5px;}


.draft-blog-list{float: left;
width: 98%;
border: 1px solid #ccc; padding:0 10px; margin-bottom:5px;}
.draft-view-div {padding:10px 0px;}


.mvDt{float: left;
width: 100%; font-size:13px; color: #686868;}
.mvDt span{color: #0885f0 !important; cursor:pointer;  font-size:13px;}

.subPopup_main_style1 {
    padding-bottom: 0px !important;
}

.subPopup_Bg_style {
    width: 100% !important;
    height: 100% !important;
    background-color: #000000;
    opacity: 0.7;
    position: fixed;
    display: none;
}

.categoryPopup_style {
    position: absolute;
    z-index: 999999999999;
    display: none;
    cursor: pointer;
}


.harHarShambhu{

   float: none !important;
    position: relative !important;
    padding-top: 3px !important;

}


.closeBtn_style {
    position: relative;
    z-index: 9999999999999 !important;
    top: 117px;
}

.arrowBtnL {
    width: 20px;
    padding: 12px 0px 0px 10px;
    right: 10px;
    float: left;
    cursor: pointer;    line-height: 15px;
}

.arrowBtnR {
    width: 20px;
    padding: 12px 0px 0px 7px;
    float: right;
    cursor: pointer;    line-height: 15px;
}

.categoryHolderStyle {
    width: 100%;
    height: auto; /*margin:0px 1%; */
    /* margin-left: 10px;margin-right: 10px; */
    float: left;
}

.nextBtn_style {
    background: url("../../images/button-previous.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    padding: 19px 20px;
}

.prevBtn_style {
    background: url("../../images/button-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    padding: 19px 20px;
}

.categoryItemList {
    float: left;
    overflow: hidden;
    width: 94%;
    cursor: pointer;
}

.categoryItemList li {
    float: left;
    width: auto;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 6px;
}

.categoryItemList li span {
    vertical-align: top;
}

.categoryItemList ul li span img {
    margin-top:2px;
}

.uparrowlock {
    background: url("../../images/bluearrow.png") no-repeat scroll center bottom;
    float: left;
    height: 12px;
    width: 31px;
    margin-left: 34px;
}

.unlockBtn_Group {
    /*border:1px solid #ffffff; background-color:#ffffff; /*height:124px; margin-left:-70px; margin-top:34px;*/
    margin-top: 32px;
    position: absolute;
    width: 96px;
    z-index: 999999999;
    display: none;
  right: 26px;
}

.unlockBtn_Menulist {
    /*   background-color:#3498db; border-bottom: 1px solid #fff; color:#ffffff; float:right; font-size:13px; height:24px;  *//*padding:2px;*/
    /* text-align: left;width: 96px; margin: 0; padding: 0;line-height: 24px; */

    background-color: #52c56d;
    border-bottom: 1px solid #fff;
    color: #ffffff;
    float: right;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    margin: 0 -1px 0 100px;
    padding: 0;
    text-align: left;
    width: 96px;
    overflow: hidden;
    cursor: pointer;
}

.unlockBtn_BG {
    background-color: #ffffff;
    height: 10px;
    left: 0;
    opacity: 0.01;
    position: fixed;
    top: 0;
    width: 10px;
    display: none;
}

.unlockBtn_Menulist_save {
    background-color: #39974f;
    color: #ffffff;
    float: left;
    font-size: 13px;
    /* height: 27px; */
    line-height: 31px;
    text-align: center;
    width: 96px;
    margin-left: 1px;
    cursor: pointer;
}

.unlockBtn_Menulist_save:hover {
    background-color: #2cae4b;
    color: #ffffff;
    float: left;
    font-size: 13px;
     /* height: 27px; */
    line-height: 31px;
    text-align: center;
    width: 96px;
    cursor: pointer;
}

.unlockBtn_Menulist_sub {
    width: 17px;
    height: 14px;
    float: left;
    font-weight: normal;
    line-height: 24px;
    padding-left: 9px;
}

.unlockBtn_Menulist_tick {
    float: left;
    display: none;
    margin-left: -3px;
    padding-top: 2;
}

.commentTxt_Style {
    /* background-color: #ffffff;*/
    color: #737373;
    float: left;
    padding: 6px 0;
    font-size: 13px;
    font-weight: 500;
    margin: -23px 0 0 -7px;
    padding: 0 8px;
    font-family: "Open Sans", "sans-serif";
    cursor: text;
}

.submitBtn_Style {
    border: 0px solid #2060a5;
    background: #00998f;
    width: 64px;
    height: 30px; /* Old browsers */
    background: -moz-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #2989d8), color-stop(100%, #1daee3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#1daee3', GradientType=0); /* IE6-9 */
    /* border-radius_none	: 3px; */
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin-left: 7px;
    margin-top: 19px;
    text-align: center;
    float: left; font-weight:400;border-radius: 1px; padding:0px;
}

.submitBtn_Style:hover {
    background: #23c0f7; /* Old browsers */
    background: -moz-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #23c0f7), color-stop(100%, #17b8f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23c0f7 0%, #17b8f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#17b8f0', GradientType=0); /* IE6-9 */font-weight:400;border-radius: 1px; padding:0px;
}

.subDining_Style {
    width: 100%;
    height: 32px;
    border: 1px solid #bdbcbd; /* border-radius_none:2px; */
    /*margin-top:0px;*/
    float: left;
    list-style: outside none none; /*margin: 0 0 0 1px;*/
    padding: 0;
    margin-bottom: 1px;
    background: -moz-linear-gradient(to bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(47%, #dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede ', GradientType=0);font-weight:500;border-radius: 1px;
    cursor: pointer;
}

.subDining_Txt {
    color: #000;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    width: 15%;
    display: block;
    outline: medium none;
    padding: 0 22px;
    text-decoration: none;
    position: relative;
    overflow: hidden; /*margin: 0 0 5px;*/
    border-right: 1px solid #ccc;
}

.subDining_Txt:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%) repeat scroll 0 0;
    padding: 0 22px;
    color: #000;
    float: left;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    margin: 0 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 15%;
    border-right: 1px solid #ccc;
}

.subDining_Txt_new {
    /*   color:#000; float:left; font-size:13px; height:31px; line-height:31px; text-align:center; width:20%;display: block;outline: medium none; padding: 0 22px;text-decoration: none;position: relative;overflow:hidden; *//*margin: 0 0 5px;*/

    border-right: 1px solid #ccc;
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 31px;
    outline: medium none;
    overflow: hidden;
    padding: 0 22px;
    position: relative;
    text-align: center;
    text-decoration: none;
    min-width: 12%;
}

/*.subDining_Txt_new:hover
{ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%) repeat scroll 0 0;padding: 0 22px;
    color: #000;
    float: left;
    font-size: 13px;
    height: 31px;
    line-height: 31px;
    margin: 0 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 20%;
    border-left:1px solid #ccc;
}*/

.subDining_Style1 {
    width: 99.75%;
    height: 30px;
    border: 1px solid #cccccc;
    float: left;
    background: -moz-linear-gradient(top, #ffffff 1%, #dedede 47%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(47%, #dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 1%, #dedede 47%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 1%, #dedede 47%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 1%, #dedede 47%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 1%, #dedede 47%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede ', GradientType=0);
}

.subDining_Txt1 {
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 30px;
    width: 65%;
}

.popupCategorySliderCategoryName {
    float: right;
    margin-left: 8px;
    margin-top: 0px;
    height: 33px;
	line-height: 22px;
}

.popupCustomCreateLock {
    float: left; /*padding:3px 3px;*/
    margin-right: 5px;
    margin-top: 3px;
}

.popLockSelected {
    float: left;
    padding: 5px 3px 0px 3px;
}

.popupUnLockSelected {
    float: left;
    padding: 5px 3px 0px 3px;
}

.popupLastUpdate {
    color: #ffffff;
    float: left;
    font-size: 12px;
    line-height: 34px;
    margin-right: 10px;
}

.popupEdit {
   float: right;
    padding: 3px 3px;
}

.popupEditCancel {
    float: right;
    margin-right: 3px;
    margin-top: 3px;
    margin-left: 2px;
}

.popup_unlockBtn_component {
    float: left; /*padding:3px 3px;*/
    margin-right: 3px;
    margin-top: 3px;
}

.compareDiv_Style {
    float: left;
    padding-right: 5px;
    width: 124px;
    height: 20px;
    font-weight: 500;
    margin-top: 7px;
}

.compareSpanImg {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 45px;
}

.compareImg {
    border: 1px solid #cccccc; /* border-radius_none:5px;  */
}

.compareSpanTxt {
    float: left;
    padding-top: 5px;
    padding-right: 4px;
    font-size: 14px;
    width: 65px;
    color: #FFFFFF;
}

.noRsvpPYMBN{    text-align: center;
    padding: 10px 0;}


.fullscreenDiv_Style {
    float: right; /*padding-right: 5px;width:100px;*/
    height: 20px;
    width: auto;
    font-weight: 500;
    margin-top: 5px;
}

.fullscreenSpan {
    float: left;
    margin-top: 3px; /* margin-right:5px;*/
    cursor: pointer;
}

.fullscreenImg {
    border: 1px solid #cccccc; /* border-radius_none:3px; */
    cursor: pointer;
}

.fullscreenSpan1 {
    float: left;
    margin-top: 1px; /* margin-right:5px;*/
    cursor: pointer;
}

.fullscreenImg1 {
    border: 1px solid #cccccc; /* border-radius_none:3px; */
    cursor: pointer;
    height: 31px;
    width: 29px;
}

.planningStyle {
    float: left;
    padding-right: 3px;
    width: auto;
    margin-left: 187px;
    cursor: pointer;
}

/* #diningmenuList .menuItemCheckXOXX {
    position: relative!important;
    width: 16px!important;
    height: 16px!important;
    border: 1px solid #111!important;
    background:none !important;
    -webkit-appearance: none!important;
    appearance: none!important;
    
    &:checked {
        background: url(http://vignette3.wikia.nocookie.net/roblox/images/5/57/Very-Basic-Checkmark-icon.png/revision/latest?cb=20131125154354) no-repeat center center!important;
        background-size: 100%!important;
    }
} */

@media screen and (min-color-index: 0)
and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .planningStyle {
            float: left;
            padding-right: 3px;
            width: auto;
            margin-left: 176px !important;
            margin-top: -1px !important;
            cursor: pointer;
        }
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome, .planningStyle {
        float: left;
        padding-right: 3px;
        width: auto;
        margin-left: 187px !important;
        
        cursor: pointer;
    }
.planremIconContainer{margin-left: 17px !important;}
    .planningStyle {
        margin-left: 179px;
        border: 1px solid transparent;
        
    }
}

.datetoolStyle {
    /*border:1px solid #cfcfcf;*/
    /* border-radius_none:3px;  */
    float: left;
    height: 26px;
/*     margin-left: 160px;margin-left: 6px; */ margin-left: 35px;
    margin-top: 9px;
    width: 152px;
    cursor: pointer;
}

.datetoolLeft {
    float: left;
    width: 20px;
    padding: 3px 0 5px 4px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ededed 100%) repeat scroll 0 0;
    height: 17px;
    border-bottom: 1px solid #d5d5d5;
    /*  border-bottom-left-radius_none: 3px; */
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    /*     border-top-left-radius_none: 3px;  */
}

.datetoolLeft:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ededed 0%, #ffffff 100%) repeat scroll 0 0;
}

.datetoolRight {
    float: right;
    width: 18px; /*padding:2px 2px;*/
    padding-left: 6px;
    padding-top: 3px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ededed 100%) repeat scroll 0 0;
    height: 22px;
    border-bottom: 1px solid #d5d5d5;
    /*     border-bottom-right-radius_none: 3px; */
    border-right: 1px solid #d5d5d5 !important;
    border-top: 1px solid #d5d5d5;
    /* border-top-right-radius_none: 3px; */
}

.datetoolRight:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ededed 0%, #ffffff 100%) repeat scroll 0 0;
}

.todayClass {
    float: left;
    padding-right: 5px;
    width: 100px;
    height: 20px;
    width: auto;
    font-weight: 500;
    margin-top: 6px;
}

.todayTxt {
    float: left;
    padding-top: 5px;
    padding-right: 4px;
    cursor: text;
}

.todaydynamicTxt {
    float: left;
    padding-top: 3px;
}

.submenulist_Style {
    /*width: auto;*/
    font-size: 13px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color: #3498db;
    display: inline;
    cursor: pointer;
}

.active2000 {
    color: #000;
}

/*.submenulist_Style:hover{ width: auto; font-size: 13px; line-height: 30px; text-align: center; float: left; padding-left: 10px; padding-right: 10px; color:#3498db; }*/
.personaleditor {
    border: 0px solid #cccccc;     font-size: 14pt;
    float: left; /* min-height: 350px;*/
    margin: 0px 0 0px;
    width: 100%; /* ;font-size: 13px; */
    /*line-height:24px;padding: 5px 5px 40px;*/
    /* border-radius_none: 0px 0px 2px 2px;
-moz-border-radius_none: 0px 0px 2px 2px;
-webkit-border-radius_none: 0px 0px 2px 2px; */
}

#subPopup_main .personaleditor ol {
    list-style: outside none normal;
}

#subFullView_mainFV .personaleditorFV ol {
    list-style: outside none normal;
}

.personalbackground {
    width: 1028px;
    height: 34px;
    margin: 0px;
    background-color: #54629f;
    float: left; /* border-radius_none: 2px; */
    border: 1px solid #54629f;
    cursor: pointer;
}

.personalupspan {
    width: 3.5%;
    height: 100%;
    float: left;
    border-right: 1px solid #ffffff;
}

.personalleftbg {
    width: 56%;
    height: 100%;
    float: left;
}

.personalicon {
    float: left;
   padding: 4px 7px 5px 7px;    font-size: 18px;
    line-height: 25px;
}
.personalicon img{
    float: left;
   margin-top:2px;
}


.personaltext {
    float: left;
    padding: 6px 0px;
    color: #ffffff;
    text-transform: capitalize;    font-size: 14px;
        line-height: 25px;
}

.personaltextbg {
    background: url("../../images/write1.png") no-repeat scroll left center;
}

.personallockbg {
    width: auto;
    height: 100%;
    float: right;
    margin-right: 7px
}

.shoppingbackground {
    width: 1028px;
    height: 34px;
    margin: 1px 0 2px;
    background-color: #54629f;
    float: left; /* border-radius_none: 2px; */
    border: 1px solid #54629f;
    cursor: pointer;
}

.errorMsgEnter-trvel-new-gen {
clear: both;
color: #cf0000;
font-size: 13px;
left: 430px;
position: relative;
text-transform: initial;
top: -4px;
width: 190px; text-align:right;
}

.shoppingupspan {
    width: 3.5%;
    height: 100%;
    float: left;
    border-right: 1px solid #ffffff;
}

.shoppingleftbg {
    width: 63%;
    height: 100%;
    float: left;
}

.shoppingicon {
    float: left;
   padding: 6px 7px 5px 7px;
}

.shoppingtext {
    float: left;
    padding: 6px 0px;
    color: #ffffff;
    text-transform: capitalize; font-size:14px;
}

.shoppinglockbg {
    width: auto;
    height: 100%;
    float: right;
    margin-right: 7px
}

.shoppingformaticon {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    cursor: pointer;
}

.shoppinginput {
/*     border: 1px solid #bcbcbc; 
    width: 98.8%;
    height: 30px;
    margin-top: 3px;
    padding: 0 5px; */
	border: 1px solid #bcbcbc;
width: 94.5%;
height: 30px;
margin-top: 3px;
padding: 0 50px 0 5px;
}

.commonCategoriesInput {
/*     border: 1px solid #bcbcbc;
	 border-left:none;
	 	 border-right:none;
    width: 98.9%;
    height: 30px;
    margin-top: 3px;
    padding: 0 5px; */
	border: 1px solid #bcbcbc;
width: 94.5%;
height: 30px;
margin-top: 3px;
padding: 0 50px 0 5px;
}


.shoppingeditor {
    float: left;
    min-height: 350px;
    margin: 0 0 10px;
    width: 100%;
    margin-bottom: 10px;
}

.shoppingdescription {
    width: 100%;
    min-height: 297px;
    float: left;
    margin-top: 0px;
}

.shoppingcomment {
    border: 1px solid #cccccc;
    float: left; /*margin: 10px 0;*/
    width: 100%;
    margin: 18px 0;
}

.shoppingcommentbox {
    font-size: 13px;
}

.shoppingCommentpopup {
    border: medium none;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 0 10px;
    resize: none;
    width: 97.5%;
}

.shoppingdescriptionInfoinput {
    float: left;
    height: 38px;
    margin: 0.5%;
    padding: 1% !important;
    resize: none;
    width: 96.7%;
}

.shoppingdescriptionInfoinput:focus {
    border: 1px solid #3c4da9;
    border-radius_none: 0; /*margin-bottom: 3px;*/
    box-shadow: none;
    position: relative;
    width: 96.7%;
    height: 38px;
    left: 0px;
}

.diningMenu_Style {
    width: 99.9%;
    height: 37px;
    border: 1px solid #b2b2b2;
    box-shadow: 0 -1px 0 0 #fff inset;
    float: left;
    background: -moz-linear-gradient(to bottom, #ffffff 0%, #c0c0c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(47%, #dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(to bottom, #ffffff 0%, #c0c0c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(to bottom, #ffffff 0%, #c0c0c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(to bottom, #ffffff 0%, #c0c0c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #c0c0c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0 ', GradientType=0);
}

.diningMenu_SubHead {
    float: left;
    font-size: 13px;
    line-height: 34px;
    margin-left: 5px;
}

.quantity {
    width: 10%;
    text-align: center;
}

#submenuHolder {
    /*float:left;*/
    font-size: 13px;
    list-style: outside none none;
    margin: 10px 0;
    min-height: 34px;
    text-align: center;
}

#diningmenuList {
    width: 100%;
    height: auto;
    float: left;
}

.menuItemCheck {
    float: left;
    margin-left: 270px;
    margin-top: -15px;
}

.menuItemTxt {
    float: left;
    font-size: 12px;
    color: #000000;
    line-height: 6px;
    margin-top: 27px;
    padding-left: 15px;
    text-align: center;
    width: 9.9%;
}

.menuItemName {
    width: 80%;
    float: left;
    color: #000000;
    cursor: text;
       font-weight: 500;
    font-size: 14px;
	/* text-transform: capitalize; */
}

.menuItemDes {
    width: 80%;
    font-size: 12px;
    color: #000000;
    cursor: text;
    float: left;
    min-height: 20px;
}

.menuItemLine {
    width: 100%;
    float: left;
}

.aftercommentsection {
    margin-top: -1px;
}

.shoppingrating {
    float: left;
    padding: 10px;
    position: relative;
    margin-left: -10px;
    margin-top: -14px;
    width: 80%;
}

.shoppingrating span {
    color: #0885f0;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 3px 3px 0 0;
    padding: 0;
    text-transform: initial;
    font-family: verdana;
    cursor: text;
}

.shoprating {
    float: left;
    margin: 4px 0 0 5px;
    cursor: pointer;
}

.shopsubmit {
    float: right;
    margin-right: 3px;
    margin-top: -8px;
    width: 8%;
    margin-bottom: 8px;
}

.errorMsgEntershop {
    clear: both;
    color: #cf0000;
    display: none;
    float: left;
    font-size: 13px;
    margin-left: 203px;
    margin-top: -21px; /*width: 150px;*/
    width: auto;
}

.shopeditcommentbtn {
    margin-bottom: 10px !important;
    float: right;
    margin-right: -2px;
    margin-top: 0px;
}

.shopeditbtn {
    font-family: "Open Sans", "sans-serif" !important;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%) repeat scroll 0 0;
    border: 1px solid #2060a5; /* border-radius_none: 3px; */
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin-top: 1px;
    text-align: center;
    padding: 0 15px;
}

.shopeditbtn:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1daee3 0%, #17b8f0 100%) repeat scroll 0 0;
    border: 1px solid #2060a5;
}

.shopcancelbtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%) repeat scroll 0 0;
    border: 1px solid #878787; /* border-radius_none: 3px;  */
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin-left: 7px;
    margin-top: 5px;
    padding: 0 15px;
    text-align: center;
    font-family: "Open Sans", "sans-serif";
}

.shopcancelbtn:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #919191 100%) repeat scroll 0 0;
    border: 1px solid #878787;
}

.popupMissingMessage {
    background: #b9df90 none repeat scroll 0 0;
    color: #3c764a;
    margin-left: 0px;
    padding: 5px 5px 0 13px;
    width: 98.3%;
    margin-bottom: 2px;
    float: left;    font-size: 15px;
}

.shopaddmorebg {
    float: right;
    height: 100%;
    margin-right:9px;
    margin-top: 1.5px;
    width: auto;
}

.shopcategory {
    float: left;
    margin: 0px 0 0px;
   /*  min-height: 350px; */
    width: 100%;
}

.shoppingaddmoreleftbg {
    float: left;
    height: 100%;
    width: 56%;
}

.shoppingaddmoretext {
    color: #000;
    float: left;
    margin-left: 10px;
    padding: 5px 5px;
}

.shoppingaddmoremaintext {
  /*   line-height: 0px; */
	text-overflow: ellipsis;
max-width: 333px;
float: left;
overflow: hidden;
white-space: nowrap;padding-right: 10px; font-size:15px;line-height: 24px;
}

.shoppingaddmoresubtext {
    font-size: 12px;
	    float: left;
    line-height: 24px;
}

.subTravel_Style {
    width: 99.9%;
    height: 32px;
    border: 1px solid #cccccc; border-left:none; border-right:none; /* border-radius_none:3px; */
    margin-top: 10px;
    background: -moz-linear-gradient(to bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(47%, #dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #fdfdfd 60%, #ededed 98%, #dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede ', GradientType=0);
    cursor: pointer;
}

.mce-colorbutton .mce-preview {
    left: 33% !important;
}





 @media all and (-ms-high-contrast:none)
     {
     .subTravel_Style {
    width: 99.8% !important;
} 
.shoppinginput{
    width: 94.5%;
} 
     }


.subTravel_Txt {
    color: #000;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    width: 15%;
    border-right: 1px solid #ccc;
    cursor: pointer;
}

.subTravel_Txt:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%) repeat scroll 0 0;
    color: #000;
    float: left;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    margin: 0 0 5px;
    text-align: center;
    text-decoration: none;
    width: 15%;
    border-right: 1px solid #ccc;

}

.suggestionBoxClass {
    /* width: 1011px;z-index: 999999;color: #474747;font-size: 14px;font-weight: normal;border-bottom-right-radius_none: 4px;color: #222222; border-top-left-radius_none: 4px;border-top-right-radius_none: 4px;border-bottom-left-radius_none: 4px;  list-style: outside none none;margin: 0;outline: medium none;padding: 0px;float: left;position: absolute;margin-top:36px;cursor: default; display:none; */
    /* border-radius_none: 4px; */
    color: #222222;
    cursor: default;
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    list-style: outside none none;
    margin: 1px 0 0;
    outline: medium none;
    padding: 0;
    position: relative;
    width: 1005px;
    float: left;
    z-index: 999999;
}

.subjectInputBoxpopup .suggestionBoxClass {
    background: url("../../images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
    border-radius_none: 4px;
    color: #222222;
    cursor: default;
    display: none;
    float: left;
    font-size: 13px;
    font-weight: normal;
    list-style: outside none none;
    margin: 36px 0 6px 219px;
    outline: medium none;
    padding: 2px;
    position: absolute;
    width: 34%;
    z-index: 999999;
}

.diningdescriptionInput {
    border: 1px solid #bcbcbc;
    float: left;
    height: 29px;
    margin-top: 3px;
    background-color: #fff;
    padding: 0 57px 0 5px;
    width: 94%;
}

.diningdescriptionInput:focus {
    border: 1px solid #3c4da9;
    outline: none;
    box-shadow: 0 0 5px 0 rgba(55, 148, 254, 0.8);
    -moz-box-shadow: 0 0 5px 0 rgba(55, 148, 254, 0.8);
    -webkit-box-shadow: 0 0 5px 0 rgba(55, 148, 254, 0.8); /* border: 1px solid #128969;*/
    background-color: #fff;
    padding: 0 5px;
    width: 99.1%;
    height: 30px;
}

.diningdescription {
    float: left;
    width: 1028px;
    margin-top: 0;
}

.diningbody {
    /*border: 1px solid #cccccc;*/
    float: left; /*margin-bottom: 10px;*/
    margin: 4px auto; /*min-height: 350px;*/
    width: 100%; /*overflow: hidden; border-left:1px solid #ccc; border-right:1px solid #ccc;border-radius_none: 4px 4px 0 0; border-bottom:1px solid #ccc;*/
}

.restaurantListClass1UL {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    /*  border-radius_none: 4px!important; */
    padding: 2px !important;
    position: absolute;
    top: -2px !important;
    width: 351px !important;
    z-index: 99999;
}

.restaurantListClassUL {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    /*  border-radius_none: 4px; */
    padding: 8px 2px 7px;
    /*     position: absolute;
    top: 68px; */
    top: 0;
    position: absolute;
    width: 1024px;
    z-index: 99999;
}

.restaurantListClassLI {
    margin: 0;
    padding: 0; /*width: 100%;*/
    display: block;
    font-weight: normal;
    line-height: 1.5;
    min-height: 0;
    padding: 2px 0.4em;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5; /*     border-top: 1px solid #e5e5e5;*/
    color: #78959d;
    display: block;
    line-height: 17px;
    margin: 0;
    padding: 3px 6px 4px 2px;
    text-decoration: none;
    cursor: pointer;
}

.restaurantListClassLI:last-child {
    margin: 0;
    padding: 0; /*width: 100%;*/
    display: block;
    font-weight: 400;
    line-height: 1.5;
    min-height: 0;
    padding: 2px 0.4em;
    text-decoration: none;
    border-bottom: none; /*     border-top: 1px solid #e5e5e5;*/
    color:#ff5252;
    display: block;
    line-height: 17px;
    margin: 0;
    padding: 3px 6px 4px 2px;
    text-decoration: none;
    cursor: pointer;
}

.buPassWordLabel{font-weight:400 !important;}

.closeGoogleAPI_new {
    float: right;
    margin-right: -21px;
    margin-top: -25px;
    cursor: pointer;
}

.menuitemnew {
    width: 48.25%;
    float: left;
    font-size: 13px;
    line-height: 34px;
    padding-left: 15px;
    cursor: text;
}

.pricenew {
    width: 15%;
    float: left;
    font-size: 13px;
    line-height: 34px; /*padding-left: 15px;*/
    text-align: center;
    cursor: text;
    margin-right: 20px;
}

.ratingnew {
    float: left;
    font-size: 13px;
    line-height: 34px;
    padding-left: 15px;
    cursor: text;
    width: 14%;
    text-align: center;
}

.menuitemdescription {
    /*border-bottom: 1px solid #ccc;*/
    padding: 10px 15px 20px 15px;
    min-height: 70px;
    border-bottom: 1px solid #F0F0F0;
    float: left;
    width: 97%;
}

.menuitemdescription:last-child {
    border-bottom: none;
}

.menuitem1stbox {
    width: 58%;
    min-height: 50px;
    float: left;
    padding: 10px 0;
    text-transform: none !important;
    font-size: 12px;
    list-style: outside none none;
    text-transform: uppercase;
}

.price {
    margin-left: 47px;
    width: 10%;
    margin-top: 32px;
    cursor: text;
}

.ratingstararea {
    margin-left: 30px;
    width: 12%;
    padding-top: 10px;
}

.subdiningbar {
    /* border-bottom-left-radius_none: 2px;border-bottom-right-radius_none: 2px; */
    float: left;
    margin-top: 0px;
    width: 99.9%;
}

.selectedRest {
    background: -moz-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ededed), color-stop(98%, #fdfdfd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #000;
    float: left;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 15%;
    position: relative;
    overflow: hidden;
}

.charLimCom{width: auto;
text-align: right;
border: 0px solid red;
float: right;
padding: 0; font-weight:400 !important;}




/*.activenew:hover
{background: -moz-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ededed), color-stop(98%, #fdfdfd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%);  /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=0 );/* IE6-9 */
;
/*border-right: 1px solid #cccccc;
/* color: #000;
float: left;
font-size: 13px;
height: 31px;
line-height: 31px;
outline: medium none;
overflow: hidden;
padding: 0 20px;
position: relative;
text-align: center;
text-decoration: none;
width: 20%;margin: 0 0 5px;}*/
.selectedOAll {
    background: -moz-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ededed), color-stop(98%, #fdfdfd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=0); /* IE6-9 */;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #000;
    float: left;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 15%;
    overflow: hidden;
    position: relative;
}

.selectedExp {
    background: -moz-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ededed), color-stop(98%, #fdfdfd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=0); /* IE6-9 */;
    border-right: 1px solid #cccccc;
    color: #000;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    width: 15%;
    position: relative;
    text-decoration: none;
    margin: 0 0 5px;
}

.menuItemCheckbox {
    float: right;
    padding-top: 26px;
}

.menuItemCheckbox input {
    margin-left: -22px; /*padding-top: 4px;*/
    width: 13px;
    height: 13px;
}

.diningaddcomment {
    margin: 0 0 5px;
    width: 70%;
}

.commentbox {
    width: 607px;
    margin: 0 0 0 50px;
    clear: both;
    padding-top: 30px;
}

.commentbox fieldset {
    border: 1px solid #D8D8D8;
    text-transform: initial;
    margin-bottom: 0px;
    padding: 7px;
}

.commentbox fieldset legend {
    font-size: 13px;
    font-weight: 500; /*margin: 0 20px;padding: 0 8px;color: #737373;*/
    font-family: "Open Sans", "sans-serif";
    line-height: 18px;
    text-transform: initial;
    cursor: text;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #D8D8D8;
    margin: -28px 0 0 -8px;
    padding: 5px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .commentbox fieldset legend {
        margin: -36px 0 0 -8px !important;
        position: absolute !important;
    }
}

.diningcommentsection {
    border: medium none;
    float: left;
    font-size: 13px;
    height: 53px !important;
    resize: none;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    box-shadow: none !important;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.popupAlert_Style {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    display: none;
}

.popupAlertBG_Style {
    background-color: #000000;
    height: 100%;
    opacity: 0.25;
    width: 100%;
}

.popupAlertFrm_Style {
    background-color: #ffffff; /*border:1px solid #ccc;*/
    border: 2px solid #7a82c9; /* border-radius_none:4px;  */
    font-weight: 500;
    height: auto;
    position: fixed;
    top: 232px;
    width: 330px;
    z-index: 1;
}

.popupAlertTxt_Style {
    height: 17%;
    padding: 10px 0;
    text-align: center;
    width: 100%; font-size:14px;
}

.popupAlertBthFrm_Style {
    /* background-color: #ff0000; */
    height: auto;
    width: 100%;
}

.popupAlertBth_Style {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9bba19 0%, #678104 100%) repeat scroll 0 0; border: 1px solid #879746; border-radius_none: 4px; color: #fff; cursor: pointer; float: left; font-size: 14px; height: 23px; line-height: 21px; margin: 0 1px 0 48px; text-align: center; width: 76px;*/
}

.diningrating {
    clear: both;
    float: right; /* margin-right: -166px; */
    margin-top: -85px; /* width: 92px; */
    padding: 10px;
    position: relative;
    margin-right: -174px;
    width: auto;
}

.diningpostbutton input {
    float: right;
    margin-right: -96px;
    margin-top: 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%) repeat scroll 0 0;
    border: 1px solid #3498db; /*  border-radius_none: 4px; */
    color: #fff;
    cursor: pointer;
   height: 30px;
    width: 68px;
}

.diningpostbutton input:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1272bc 0%, #278ad6 100%) repeat scroll 0 0;
border: 1px solid #3498db;
    color: #fff;
    cursor: pointer;
    height: 30px;
    width: 68px;
    margin-right: -96px;
    margin-top: 15px;
}

.editbutton {
    float: right; /*margin-left: 270px;*/
    margin-right: 0px;
    margin-top: 20px; /*background: #1272bc;border-radius_none: 3px;*/
    color: #3498db;
    font-size: 14px !important;
    padding: 6px 9px;
    width: 50px;
    border: none;
    cursor: pointer;
    text-transform: capitalize;
    font-family: "Open Sans", "sans-serif";
}

.aftereditcheckbox {
    margin-top: 8px;
}



.saveMsgStyle {
    background-color: #52c56d; /*border-radius_none:5px;*/
    float: left;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 10px;
    width: 98.2%;
    display: none;
    font-size: 13px;
    height: 26px;
    line-height: 13px;
    margin-top: 5px;
}

.clearratingtextcolor a {
    color: #3498db;
    cursor: pointer;
    float: left;
    margin-left: 11px;
    width: 100px;
}

.buttonholder {
    float: right;
    height: 28px;
    width: 125px;
    margin-right: 5px;
}

.savebuttonnew {
    /* background: #52c56d none repeat scroll 0 0;
    border: 1px solid #179d37;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    padding: 5px 10px;
    width: 64px; */

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #52c56d 0%, #4db666 100%) repeat scroll 0 0;
    border: 1px solid #179d37;
    /*  border-radius_none: 3px; */
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    /*     padding: 5px 10px;
 */
    width: 64px;
    height: 30px;
    margin-top: -8px;

}

.savebuttonnew:hover {
    /* background: #52c56d none repeat scroll 0 0;
    border: 1px solid #179d37;
    border-radius_none: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    padding: 5px 10px;
    width: 64px; */

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4db666 0%, #52c56d 100%) repeat scroll 0 0;
    border: 1px solid #179d37;
    /*  border-radius_none: 3px; */
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    /*  padding: 5px 10px; */
    width: 64px;
    height: 30px;
    margin-top: -8px;

}

.cancelbuttonnewdining {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%) repeat scroll 0 0;
    border: 1px solid #878787;
    /*  border-radius_none: 3px; */
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-right: -7px;
    width: 64px;
    margin-top: -8px;
    /* padding: 5px 10px; */
    height: 30px;
}

.cancelbuttonnewdining:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9b9b9b 0%, #a4a3a3 100%) repeat scroll 0 0;
    border: 1px solid #878787;
    /*    border-radius_none: 3px; */
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-right: -7px;
    width: 64px;
    margin-top: -8px;
    /* padding: 5px 10px; */
    height: 30px;
}

.errormessageselectrating {
    color: #cf0000;
    float: left;
    font-size: 13px;
    margin-left: 0px;
    text-transform: initial; /*width: 120px;*/
    margin-top: 4px;
    width: 135px;
    cursor: text;
    text-align: center;
}

.travelbg {
    width: 100%;
    min-height: 350px;
    float: left;
    margin-top: -6px;
    margin-bottom: 10px;
}

.subtravelbg {
    background: -moz-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ededed), color-stop(98%, #fdfdfd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 0%, #ededed 60%, #fdfdfd 98%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=0); /* IE6-9 */;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #000;
    float: left;
    font-size: 13px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    width: 20%;
}

.dinnercomment12 {
    border: 1px solid #cccccc;
    float: left;
    height: auto;
    margin: 25px 10% 1px 10%;
    width: 80%;
    padding-bottom: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome, .dinnercomment12 {
        border: 1px solid #CCC;
        float: left;
        height: auto;
        margin: 25px 10% 1px 10%;
        width: 80.5% !important;
        padding-bottom: 0px;
    }

    ::i-block-chrome, .travelcomment55 {
        border: 1px solid #CCC;
        float: left;
        height: auto;
        margin: 25px 10% 1px 10%;
        padding-bottom: 0px;
        width: 80.5% !important;
    }

}

.diningcommentinnerbox {
    border: medium none;
/*     box-shadow: none !important;
    float: left; */
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
/*     min-height: 50px;
    max-height: 50px; */
   /*  height: 50px; */
    padding-bottom: 13px;
    resize: none;
width: 95.5%;
    margin-left: 10px;
    margin-top: 6px;
	margin-bottom:0px;
	overflow-y:auto;
	-ms-overflow-style: scrollbar;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.diningcommentinnerbox {
    min-height: 50px;
	margin-bottom:6px;

}

textarea:focus{margin:5px;}
}


.back_color textarea {
    background: transparent !important;
}

.blankPop {
    background-color: #52c56d; /*  border-radius_none:5px; */
    color: #ffffff;
    float: left;
    font-weight: 500;
    height: 100%;
    line-height: 33px;
    margin-left: -173px; /*300*/
    padding: 0 50px;
    width: auto;
    display: none;
}

.travelmorebutton {
    width: auto;
    height: 100%;
    float: right;
    margin-right:9px;
    margin-top: 1.5px;
}

.subtravelbar {
    /* border-bottom-left-radius_none: 2px;border-bottom-right-radius_none: 2px; */
    float: left;
    width: 99.9%; /* margin-left: -1px; */
}

.travelexperiencebg {
    /*border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-radius_none: 0 0 5px 5px;   border-right: 1px solid #ccc;*/
    height: auto;
    width: 99.9%;
    border-radius_none: 0px 0px 3px 3px;
    -moz-border-radius_none: 0px 0px 3px 3px;
    -webkit-border-radius_none: 0px 0px 3px 3px; /* border: 1px solid #ccc; */min-height: 184px;
}

.travelexperiencebg ul {
    padding: 0px;
    margin: 0 0 0 25px;
}

.shopexperiencebg ul {
    padding: 0px;
    margin: 0 0 0 25px;
}

.subDining_Content_textcls ul {
    padding: 0px;
    margin: 0 0 0 25px;
}

.shopexperiencebg {
    /* border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; *//* border-radius_none: 0 0 5px 5px;  *//*   border-right: 1px solid #ccc; */
    height: auto;
    width: 100%;
    float: left;
	overflow-x:hidden;
}

.dispalyNameLocation{
    float: left;
    width: 93%;
    padding: 10px 10px 10px 55px;
    font-size: 14px;
	 background: url("../../images/business-search-location-icon-bg.png")  no-repeat scroll 9px center;
	 background-size: auto 75%;
}

.dispalyNameLocationShopping{
    float: left;
    width: 93%;
    padding: 10px 10px 10px 55px;
    font-size: 14px;
	 background: url("../../images/business-search-location-icon-bg.png")  no-repeat scroll 9px center;
	 background-size: auto 75%;
}
.dispalyNameLocationDinning{
    float: left;
    width: 93%;
    padding: 10px 19px 10px 55px;
    font-size: 14px;
	 background: url("../../images/business-search-location-icon-bg.png")  no-repeat scroll 0px center;
	 background-size: auto 75%;
}
.dispalyNameLocationTravel{
    float: left;
    width: 93%;
    padding: 10px 10px 10px 55px;
    font-size: 14px;
	 background: url("../../images/business-search-location-icon-bg.png")  no-repeat scroll 9px center;
	 background-size: auto 75%;
}


.xdsoft_datetimepicker{margin: 6px 0 0 -83px !important;}



.subTravel_Content_rating {
}

.travelrating {
    background-color: #fff;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.travelrating-text {
    background-color: #fff;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    text-align: right;
    width: 50%;
}

.travelrating-text_new {
    background-color: #fff;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    text-align: right;
  /*   width: 39.5%; */
  width: 24.5%;
}

.diningratingnew {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.popupEditDiv input {
    /*background: #1272bc none repeat scroll 0 0;*/
    border: medium none;
    /*border-radius_none: 3px;*/
    color: #0281ff;
    cursor: pointer;
    float: right;
    font-size: 14px !important;
    margin-right: -473px !important;
    margin-top: -10px !important;
    text-align: right !important;
    /*padding: 6px 15px;
    text-align: center;*/
    width: 92px;
    font-family: "Open Sans", "sans-serif";
    background: none;
}

.popupEditDiv input:hover {
    color: #7dc4fa;
    cursor: pointer;
}

.travelerrormsg {
    clear: both;
    color: #cf0000;
    font-size: 13px;
    text-transform: initial;
    float: left;
    margin-top: 15px;
    margin-left: 101px;
}

.diningerrormsg {
    clear: both;
    color: #cf0000;
    font-size: 13px;
    text-transform: initial;
    float: left;
    margin-top: 15px;
    margin-left: 101px;
}

.diningpopupEditDiv input {
    /*background: #1272bc none repeat scroll 0 0;*/
    border: medium none;
    /*border-radius_none: 3px;*/
    color: #0281ff;
    cursor: pointer;
    float: right;
    font-size: 14px !important;
    margin-right: -485px !important;
    margin-top: -10px !important;
    /*padding: 6px 15px;*/
    text-align: right !important;
    width: 92px;
    font-family: "Open Sans", "sans-serif";
    background: none;
}

.diningpopupEditDiv input:hover {
    /*background: #3698e3 none repeat scroll 0 0;*/
    color: #7dc4fa;
    cursor: pointer;
}

.diningratingcommentsection {
    border: 1px solid #CCC;
    float: left;
    height: auto;
    margin: 25px 15px 1px 15px;
    width: 96.9%;
}

.sBtn_Style input {
  border: 0px solid #2060a5; 
    background: #00998f;
    width: 64px; /* Old browsers */
    background: -moz-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #2989d8), color-stop(100%, #1daee3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#1daee3', GradientType=0); /* IE6-9 */
    border-radius_none: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 27px;
    margin-left: 7px;
    margin-top: 10px;
    text-align: center;
    float: left; font-weight:400;
}

.sBtn_Style input:hover {
	  border: 0px solid #2060a5; 
    background: #23c0f7; /* Old browsers */
    background: -moz-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #23c0f7), color-stop(100%, #17b8f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23c0f7 0%, #17b8f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#17b8f0', GradientType=0); /* IE6-9 */;
	 font-weight:400;
}

.photoBtn {
    background: #005199 none repeat scroll 0 0;
    border-bottom: 2px solid #003565; /* border-radius_none:4px; */
    color: #fff;
    float: right;
    height: 30px;
    text-align: center;
    line-height: 30px;
    width: 125px;
    margin-top: 10px;
    padding: 2px;
}

.errorMsgEnterdin {
    color: #cf0000;
    float: right;
    font-size: 13px;
    margin-right: -484px;
    margin-top: -12px;
    text-transform: initial;
    width: 140px;
    cursor: pointer;
}

.addnewdin {
    width: 100%;
    background-color: #fff;
    float: left;
    margin-top: 20px;
}

.errorMsgEnter-trvel-new {
    clear: both;
    color: #cf0000;
    font-size: 13px;
    left: 776px;
    position: relative;
    text-transform: initial;
    top: -250px;
    width: 140px;
}

.clearShopRating {
    color: #0885f0;
    float: left;
    font-size: 14px;
    margin-left: 17px;
    margin-top: -3px;
    width: 83px;
    cursor: pointer;
}

.clearRatShopClass {
    color: #cc0000;
    font-size: 14px;
    margin-top: -3px;
    margin-left: 20px;
    position: absolute;
    cursor: pointer;
}

.cancelBtn_Stylenew {
    /*     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%) repeat scroll 0 0; */

    background: #a4a3a3; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4a3a3), color-stop(0%, #a4a3a3), color-stop(100%, #9b9b9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a3a3', endColorstr='#9b9b9b', GradientType=0); /* IE6-9 */

    border: 0px solid #878787;
    border-radius_none: 3px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 30px;
    margin-left: 7px;
    margin-top: 19px;
    text-align: center;
    width: 64px;
    margin-bottom: 19px; font-weight:400;border-radius: 1px; padding:0px;
}

.cancelBtn_Stylenew:hover {
    /*     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #919191 100%) repeat scroll 0 0; */

    background: #a4a3a3; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4a3a3), color-stop(0%, #a4a3a3), color-stop(100%, #919191)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a3a3 0%, #919191 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a3a3', endColorstr='#919191', GradientType=0); /* IE6-9 */

    border: 0px solid #878787; font-weight:400;border-radius: 1px; padding:0px;
}

.dateeff {
    color: #507dff;
    text-decoration: none;
}

.dateeff a {
    color: #507dff;
    text-decoration: none;
}

.dateeff a:hover {
    color: #000000;
    text-decoration: none;
}

.planningbackground {
    background-color: #54629f;
    border: 1px solid #54629f;
    /*   border-radius_none: 5px; */
    float: left;
    height: 35px;
    margin: 0;
    /*  width: 100%; */
    width: 99.9%;
}

.planningupspan {
    border-right: 1px solid #ffffff;
    float: left;
    height: 100%;
    width: 3.5%;
}

.planningleftbg {
    float: left;
    height: 100%;
    width: 62%;
}

.blankPop {
    background-color: #52c56d;
    /*   border-radius_none: 3px; */
    color: #ffffff;
    display: none;
    float: left;
    font-weight: normal;
    height: 100%;
    line-height: 33px;
    margin-left: -173px;/*300*/
    padding: 0 50px;
    width: auto;
}

.planningAddMore {
    float: right;
    height: 100%;
    margin-right: 10px;
    width: auto;
}

.planningicon {
    float: left;
    padding: 5px 7px;
}

.planningtext {
    color: #ffffff;
    float: left;
    padding: 6px 0;
    text-transform: capitalize;    font-size: 15px;
    line-height: 24px;
}

.planningContainer {
    float: left;
    margin: 1px 0 10px;
    min-height: 350px;
    width: 99.9%;

}

.cancelBtn_Stylenewoverall input {
    /*    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%) repeat scroll 0 0; */
    background: #a4a3a3; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4a3a3), color-stop(0%, #a4a3a3), color-stop(100%, #9b9b9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a3a3 0%, #9b9b9b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a3a3 0%, #9b9b9b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a3a3', endColorstr='#9b9b9b', GradientType=0); /* IE6-9 */
    border: 0px solid #878787;
    /*  border-radius_none: 3px; */
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 25px;
    margin-left: 7px;
    margin-top: 10px;
    text-align: center;
    width: 64px;font-weight:400 !important;border-radius: 1px;
}

.cancelBtn_Stylenewoverall input:hover {
    /*  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a4a3a3 0%, #919191 100%) repeat scroll 0 0; */
    background: #a4a3a3; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4a3a3), color-stop(0%, #a4a3a3), color-stop(100%, #919191)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a3a3 0%, #919191 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a3a3 0%, #919191 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a3a3', endColorstr='#919191', GradientType=0); /* IE6-9 */
    border:0px solid #878787; font-weight:400 !important;border-radius: 0px;
}

/*---------------New css (Photo) 31-7-15------------------*/
.coming-soon-photo-pop {
    color: #515f9d;
    float: left;
    font-size: 48px;
    margin-left: 351px;
    margin-top: 115px;
	width: 100%;
    letter-spacing: 1px;
    line-height: 99px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.coming-soon-photo-pop2 {
    color: #636363;
    float: left;
    font-size: 12px;
    font-weight: 500;
    margin-left: 356px;
}

.coming-soon-photo-button {
    margin-top: -6px;
    float: left;
    /*margin-left:-257px !important;*/
}

ul.holder {
    width: 280px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .coming-soon-photo-button {

        margin-left: -246px !important;
    }

    .forPlanningFlieds {
        width: 99.9% !important;
        border: 1px solid #ccc;
        float: left; /* border-radius_none: 0px 0px 3px 3px; */
        margin-bottom: 2px;
        /* -moz-border-radius_none: 0px 0px 3px 3px;
-webkit-border-radius_none: 0px 0px 3px 3px; */
    }

    .newmenuList {
        margin-top: -25px !important;
    }

}

@media all and (-ms-high-contrast: none) {
    .coming-soon-photo-button {
        margin-left: -248px !important;
    }

    /* IE10 */
    *::-ms-backdrop, .coming-soon-photo-button {
         margin-left: -248px !important;
    }

    /* IE11 */
}

/* Firefox only. 1+ */
.coming-soon-photo-button, x:-moz-any-link {
    margin-left: -261px;
}

/* Firefox 3.0+ */
.coming-soon-photo-button, x:-moz-any-link, x:default {
    margin-left: -261px;
}

/* FF 3.5+ */
body:not(:-moz-handler-blocked) .coming-soon-photo-button {
    margin-left: -261px;
}

/*----******-----*/
.newmenuList {
    /* background-color:#ff0000; float:left; min-height:50px; margin-left:-191px; width:95px; margin-top:0px; display:none;   background-color: #ff0000; */
    display: none;
    float: left;
    margin-left: -292px;
    margin-top: 0;
    min-height: 50px;
    overflow: hidden;
    width: 292px;
}

.multimenuList {
    /* width:100%; height:50px; background-color:#3498db; */
    float: right;
    float: right;
    margin-right: 0px;
    max-height: 147px;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
}

.uparrowlock_createNew {
    background: url("../../images/bluearrow.png") no-repeat scroll center bottom;
    float: left;
    height: 12px;
    width: 31px;
    margin-left: 65px;
}
.uparrowlock_createNew_blue {
    background: url("../../images/bluearrow-view-drop.png") no-repeat scroll center bottom;
    float: left;
    height: 12px;
    width: 31px;
    margin-left: 49px;margin-top: -12px;
}

.travelnewpopbg {
    width: 99.9%;
    height: 35px;
    margin-top: 1px;
    background-color: #54629f;
    float: left; /* border-radius_none: 2px; */
    border: 1px solid #54629f;
    cursor: pointer;
}

.travelcomment55 {
    border: 1px solid #cccccc;
    float: left;
    height: auto;
    margin: 25px 10% 1px 10%;
    padding-bottom: 0px;
    width: 80%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.travelcomment55 {
 padding-bottom: 0px;
}
}

.travelcommentinnerboxpop {
    border: medium none;
    box-shadow: none !important;
  /*   float: left; */
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    min-height: 50px;
    padding-bottom: 13px;
    resize: none;
    width: 95.5%;
    margin-left: 7px;
    margin-top: 7px;
	margin-bottom: 7px;
}

.forPlanningFlieds {
    width: 100%;
    /* border: 1px solid #ccc; */
    float: left; /* border-radius_none: 0px 0px 3px 3px; */
    margin-bottom: 2px;
    /* -moz-border-radius_none: 0px 0px 3px 3px;
-webkit-border-radius_none: 0px 0px 3px 3px; */
}

.planningselect {
    float: left;
    font-size: 14px;
    line-height: 28px;
    margin: 2px 17px 0 0;
    padding: 0;
    text-align: right;
    width: 204px;
}

.requiredtext {
    color: rgb(255, 0, 0);
    font-family: arial;
    font-size: 12px;
    padding-left: 33px;
    float: left;
}

.planningcatbg {
    clear: both;
    float: left; /* margin: 25px 0 0 207px; */
    margin: 25px 0 0 126px;
    width: 760px;
}

.planningsubbg {
    display: block;
    float: left; /* margin: 10px 207px; */
    margin: 7px 126px;
    padding: 0;
    width: 760px;
    font-size: 14px;
}

.planningwhenbg {
    display: block;
    float: left; /* margin: 2px 207px; */
    margin: 2px 0px 2px 126px;
    padding: 0;
    width: auto;
}

.planningtimebbg {
    display: block;
    float: left; /* margin: -34px 457px; */
    margin: 2px 0px 2px 0px;
    padding: 0;
    width: auto;
}

.planningtextspan {
    float: left;
    font-size: 14px;
    line-height: 31px;
    margin: 0 17px 0 0;
    padding: 0;
    text-align: right;
    width: 204px;
}

.subjectInputBoxpopuptime {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

.travel_PreferencePlanneddate .box5 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*   border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 2px;
    padding-top: 3px;
    resize: none;
    width: 100px;
}

.subjectInputBoxpopuptime .box3 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*    border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 2px;
    padding-top: 3px;
    resize: none;
    width: 103px;
}

.subjectInputBoxpopup1 {
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px !important;
    margin: 9px 0 0 !important;
    padding: 0;
}

.subjectInputBoxpopup .box {
    border: 1px solid #bcbcbc; /* border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    width: 316px; padding-right:33px;
    background-color: #fff;
}

.subjectInputBoxpopup .box1 {
    border: 1px solid #bcbcbc; /* border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    margin: 0;
    padding-left: 4.5px;
    padding-top: 3px;
    resize: none;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    width: 100px;
    background-color: #fff;
}

.addlocation {
    background: rgba(0, 0, 0, 0) url("../../images/addd.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    /* left: 794px; */
    left: 714px;
    position: absolute;
    text-decoration: none;
    width: 18px;
}

.deletelocation {
    background: rgba(0, 0, 0, 0) url("../../images/deletee.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    /* left: 794px; */
    left: 715px;
    position: absolute;
    text-decoration: none;
    width: 18px;
    margin-top: 1px;
}

.descriptionboxplan {
    border: 1px solid #bcbcbc;
    /*   border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 60px;
    width: 337px;
    background-color: #fff;

}

.planningsubbgbrif {
    display: block;
    float: left;
    /* margin: 7px 207px 14px; */
    margin:3px 126px 14px;
    padding: 0;
    width: 760px;
}

.planningsubbgbrif textarea:focus {
    margin: 0px!important;
}

.planningtimebbg2nd {
    display: block;
    float: left;
        margin: 5px -2px 0 84px;
    padding: 0;
    width: 45px;
    font-size: 14px;
}

.subjectInputBoxpopuptime {
    float: left;
    margin: 0 0 0 18px;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

.subjectInputBoxpopuptime .boxtime {
    border: 1px solid #bcbcbc; /* border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    width: 100px;
    background-color: #fff;
}

/*css added on 12-08-2015*/

.popupMissingMessage a {
    color: #507DFF;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}

/*css added on 13-08-2015*/
.eventPreferencenew_fieldset {
    font-size: 14px;
    line-height: 31px;
    font-family: "Open Sans", "sans-serif" !important;
    margin-bottom: 20px;
}

.eventPreferencenew_fieldset fieldset {
    /*     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(199, 199, 199);
    border-image: initial;
    border-style: solid;
    border-width: 1px; */
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
    padding-left: 0;
    padding-top: 15px;
    text-transform: initial;
}

.eventPreferencenew_fieldset legend {
    color: #121212;
    font-size: 14px;
    margin-left: 43.7%;
    padding: 0 10px;
    text-transform: capitalize;
}

.eventPreferencePlanneddate .box3 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*     border-radius_none: 3px;
	-moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    width: 100px;
}

.eventpreEventloc .box4 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*     border-radius_none: 3px;
	-moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    width: 309px;
}
.eventpreEventloc .box4 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*     border-radius_none: 3px;
	-moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 5px;
    padding-top: 3px;
    resize: none;
    width: 309px;
}


 @media screen and (-webkit-min-device-pixel-ratio: 0) {
 .eventpreEventloc .box4 {
    width: 309px !important;
}

 }


.green {
    line-height: 23px !important;
    font-size: 14px;
    margin-bottom: 0px !important;
    padding-left: 60px !important;
    vertical-align: middle;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    /*  width: 94.2% !important; */
}

.upfolder {
    left: 256px !important;
}

/* .aligndropdown {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    width: 327px !important;
}
 */
 
#DataContainer ul li {
    list-style-position: inside !important;
}

 
.aligndropdown{width:327px !important;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
/*     .aligndropdown {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        width:327px !important;
    } */
.aligndropdown{width:327px !important;}
    .upfolder {
        left: 274px !important;
    }

    .myupfolder {
        left: 4px !important;
        width: 235px !important;
    }
}

.addlocation_eventloc {
    background: rgba(0, 0, 0, 0) url("../../images/addd.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    right: 258px;
    top: 0;
    position: absolute;
    text-decoration: none;
    width: 18px;
}

.deletelocation_eventloc {
    background: rgba(0, 0, 0, 0) url("../../images/deletee.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    right: 258px;
    top: 0;
    position: absolute;
    text-decoration: none;
    width: 18px;
}

/*------------------------------------------------14.08.2015------------------------------------------------*/

.travel_Preference_fieldset {
    font-size: 14px;
    line-height: 31px;
    font-family: "Open Sans", "sans-serif" !important;
}

.travel_Preference_fieldset fieldset {
    /*     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(199, 199, 199);
    border-image: initial;
    border-style: solid;
    border-width: 1px; */
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
    padding-left: 0;
    padding-top: 15px;
    text-transform: initial;
}

.travel_Preference_fieldset legend {
    color: #121212;
    font-size: 14px;
    margin-left: 43.7%;
    padding: 0 10px;
    text-transform: capitalize;
}

.travel_PreferencePlanneddate .box5 {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    /*     border-radius_none: 3px;
	-moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    height: 26px;
    margin: 0;
    padding-left: 2px;
    padding-top: 3px;
    resize: none;
    width: 100px;
}

.travel_PreferenceFlight {
    /*     border-radius_none: 3px; */
    color: #848484;
    overflow: hidden;
    width: 150px;
}

.travel_PreferenceFlight .box6 {
    background: #FFF url("../../images/down_arrow_select.jpg") no-repeat scroll right center;
    border: 1px solid #bcbcbc;
    /*     border-radius_none: 3px;
	-moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px; */
    box-shadow: 1px 1px 3px -1px #f4f4f4 inset;
    float: left;
    font-family: "Open Sans", "sans-serif" !important;
    font-size: 13px !important;
    margin: 0 0 0 1px;
    padding-left: 5px;
    padding-top: 4px;
    resize: none;
    width: 150px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.activeLockUnlock {
    border: 0px solid #32a6f4;
    /*   border-radius_none: 0px 3px 3px 0px;
-moz-border-radius_none: 0px 3px 3px 0px;
-webkit-border-radius_none: 0px 3px 3px 0px; */
    width: 28px;
    background: #32a6f4 none repeat scroll 0 0;
}

.iAmAlsoThere {
    color: #000 !important; /* text-shadow: -0.5px -0.5px 0.5px #000; */
}

.iAmAlsoThereActive {
    font-weight: 500;
    color: #000 !important;
    background: url("../../images/cat-active-arrow.png") no-repeat scroll center bottom;
}

.addMoreTrvLocPopup {
    background: rgba(0, 0, 0, 0) url("../../images/addd.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    /* left: 794px; */
    left: 714px;
    position: absolute;
    text-decoration: none;
    width: 18px;
    margin-top: -16px;
}

.errorMsgEnterPOPUP {
    /*clear: both;*/
    color: #cf0000;
    font-size: 13px;
    text-transform: initial;
    float: right;
    margin-left: 10px !important;
}

.editDiningOverAllButtonStyle {
    margin-right: -470px !important;
    margin-top: 0 !important;
}

.editTravelOverAllButtonStyle {
    margin-right: -470px !important;
    margin-top: -10px !important;
}

#mesgConflict {
    text-align: center;
    color: red;
}

.menuItemNameQuantity {
    float: right;
    font-size: 12px;
    padding: 0 0 2px 0;
    text-align: center;
    width: 100%;
}

.menuItemNamePrice {
    float: right;
    padding: 0 0 13px;
    width: 100%;
    font-size: 12px;
}

.clearratingtextcolor {
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    width: 120px;
}

.datetoolRightDisable {
    float: right;
    width: 18px; /*padding:2px 2px;*/
    padding-left: 6px;
    padding-top: 3px;
    height: 22px;
    border-bottom: 1px solid #d5d5d5;
    cursor: not-allowed;
    /*   border-bottom-right-radius_none: 3px; */
    border-right: 1px solid #d5d5d5 !important;
    border-top: 1px solid #d5d5d5;
    /*     border-top-right-radius_none: 3px */
}

.dinWordCountMenuCom2 {
    float: right;
    font-size: 13px;
    margin: 3px 0 0;
    position: relative;
    text-align: right;
    width: 204px;
}

.dinWordCountMenuCom {
    float: right;
    font-size: 13px;
    margin: 3px 0 0;
    position: relative;
    text-align: right;
    width: 204px;
}

.popupTrlBlwTrn {
    float: left;
    width: 100%;
    margin-top: 3px;
}

.popupTrlBlwTrnVive {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}

.popupTrlLeftVive {
    float: left;
    margin-left: 0px;
    width: auto;
    margin-top: 0px;
}

.popupTrlRightVive {
    float: left;
    margin-left: 0px;
    width: auto;
    margin-top: 0px;
}

.popupWITsave {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-save-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 3px;
}

.popupWITcancel {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-cancel-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 3px;
}

/*.TrLSetLeft {float:left;height: 24px; padding:0px; border:1px solid red;}
.TrLSetRight{float:left;height: 24px; padding:0px; border:1px solid red;}*/

.popupFORsave {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-save-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 3px;
}

.popupFORcancel {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-cancel-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 3px;
}

.TrLSetLeft {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../../images/down_arrow_select.png") no-repeat scroll 125px center !important;
    /* border: 1px solid #bdbcbd; */
    /*   border-radius_none: 3px; */
    box-shadow: none;
    float: left;
    height: 32px;
    padding: 0 0 0 5px;
    width: 158px;
    -moz-appearance: none;
    -webkit-appearance: none;outline:none !important:
}

.TrLSetLeft:hover {
    cursor: pointer;
}

.popupTrlLeftVive select {
    border-right: 1px solid #bdbcbd;
    /*  border: 1px solid #bdbcbd; */
    border-radius_none: 3px;

}

.TrLSetLeft option {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: 0px solid #bdbcbd;
    box-shadow: none;
    float: left;
    height: 20px;
    padding: 0 4%;
    width: 100%;
}


.showTitle{    min-width: 25px;
    float: left;
    border: 0px solid red;
    text-align: center;
    line-height: 15px;
}

.TrLSetRight {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../../images/down_arrow_select.png") no-repeat scroll 125px center !important;
    /*   border: 1px solid #bdbcbd; */
    /*   border-radius_none: 3px; */
    box-shadow: none;
    float: left;
    height: 32px;
    padding: 0 0 0 5px;
    width: 158px;
    -moz-appearance: none;
    -webkit-appearance: none;outline:none !important:
}
 select:focus{outline:none !important:}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
 ::i-block-chrome, select:focus{outline:none !important:}
 select:focus{outline:none !important:}
}
.popupTrlRightVive select {
    border-right: 1px solid #bdbcbd;
    /*  border: 1px solid #bdbcbd; */
    /*  border-radius_none: 3px; */

}

.popupTrlLeft select {
    border: 1px solid #bdbcbd;
    /*   border-radius_none: 3px; */

}

.popupTrlRight select {
    border: 1px solid #bdbcbd;
    /*     border-radius_none: 3px; */

}

.TrLSetRight:hover {
    cursor: pointer;
}

.TrLSetRight option {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: 0px solid #bdbcbd;
    box-shadow: none;
    float: left;
    height: 20px;
    padding: 0 4%;
    width: 100%;
}

.popupMODsave {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-save-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    margin-top: 4px;
    cursor: pointer;
}

.popupMODcancel {
    float: left;
    width: 26px;
    height: 24px;
    background: url("../../images/small-cancel-icon.png") no-repeat scroll center center;
    text-indent: 11111px;
    overflow: hidden;
    margin-left: 5px;
    margin-top: 4px;
    cursor: pointer;
}

.msgforPast {
    color: red;
}

.popupTrlLeft {
    float: left;
    margin-right: 10px;
    width: auto;
}

.popupTrlRight {
    float: left;
    margin-right: 10px;
    width: auto;
}

.whiteStar {
    background: #e0dede url('../../images/white-star.gif') no-repeat 0 0px;
    background-position: 0 0;
    border: 0 none;
  cursor: default;
    display: block;
    height: 11px !important;
    margin: 0 !important;
    padding: 3px 3px 3px 0px !important;
    width: 16px !important;
    overflow: hidden;
}

.fiftyPercentRed {
    background: #e0dede url('../../images/fifty-percent-red.gif') no-repeat 0 0px;
    background-position: 0 0;
    border: 0 none;
    cursor: default;
    display: block;
    height: 11px !important;
    margin: 0 !important;
    padding: 3px 3px 3px 0px !important;
    width: 16px !important;
    overflow: hidden;
}

.fullRedStar {
    background: #e0dede url('../../images/full-red-star.gif') no-repeat 0 0px;
    background-position: 0 0;
    border: 0 none;
    cursor: default;
    display: block;
    height: 11px !important;
    margin: 0 !important;
    padding: 3px 3px 3px 0px !important;
    width: 16px !important;
    overflow: hidden;
}

.seventyFivePercentRed {
    background: #e0dede url('../../images/seventy-percent-red.gif') no-repeat 0 0px;
    background-position: 0 0;
    border: 0 none;
   cursor: default;
    display: block;
    height: 11px !important;
    margin: 0 !important;
    padding: 3px 3px 3px 0px !important;
    width: 16px !important;
    overflow: hidden;
}

.feedRightPanel .star-rating-readonly a {
    cursor: default !important;
}
.feedRightPanel.star-rating, .feedRightPanel.star-rating a:hover {
     cursor: default !important;
}

.containerEditorViewPopup  table td{border:1px solid #ccc; padding:5px;}
.containerEditorViewPopup  table {
    border-spacing: 0;
    border-collapse: collapse;
}




.twentyFivePercentRed {
    background: #e0dede url('../../images/twentyfive-percent-red.gif') no-repeat 0 0px;
    background-position: 0 0;
    border: 0 none;
    cursor: default;
    display: block;
    height: 11px !important;
    margin: 0 !important;
    padding: 3px 3px 3px 0px !important;
    width: 16px !important;
    overflow: hidden;
}

.star-rating_new {
    background: #e0dede none repeat scroll 0 0 !important;
    border-radius: 3px;
    cursor: default;
    display: block;
    float: left;
    height: 16px !important;
    margin-right: 3px;
    padding: 3px !important;
    text-indent: 999em;
    margin-top: 5px;
    width: 16px !important;
    overflow: hidden;
}

.rating_defiMsg {
    float: left;
    color: #3498db;
    font-size: 13px !important;
    margin-top: 5px;
    padding: 0;
    text-align: center;
    width: 132px;
}

.toolTipDiveContainPOP {
    display: none;
}

#Message_label {
    color: red;
}

/*-------------*/
.wrapperArea-fullview {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    color: #000000;
    font-family: "Open Sans";
    font-size: 13px;
    padding: 10px;
    width: 1010px;
}

.wrapperArea {
    width: 950px;
    padding: 10px;
    border: 1px solid #bdbcbd;
    font-family: "Open Sans";
    font-size: 13px;
    margin-left: -104px;
    color: #000000;
}

.leftbox {
    border: 1px solid #bdbcbd;
    width: 450px;
    float: left;
    padding: 8px;
    margin-right: 10px;
}

.rghtbox {
    border: 1px solid #bdbcbd;
    width: 450px;
    float: right;
    padding: 8px;
}

.toptitel {
    font-size: 14px;
}

.date-planing {
    padding: 0px;
    float: left;
    min-height: 36px;
    /*margin-top:10px;*/
}

.date-planing ul li {
    float: left;
    list-style: none;
    margin-right: 3px;
    line-height: 25px;
}

.date-planing ul li img {
    float: left;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    margin-top: 3px !important;
}

.middlebox {
    border: 1px solid #bdbcbd;
    width: 450px;
    padding: 10px;
    margin-left: 241px;
    margin: 0 auto;

}

.textboxdesign {
    width: 71px !important;
    /*     border-radius_none: 3px 3px 3px 3px;
    -moz-border-radius_none: 3px 3px 3px 3px;
    -webkit-border-radius_none: 3px 3px 3px 3px; */
    border: 1px solid #d9d9d9;
    height: 25px !important;
    text-align: center;
    box-shadow: 1px 1px 3px -1px #d9d9d9 inset;

}

.descriptionCon {
    width: 23em;
    word-wrap: break-word;
    text-align: justify;
}

/* Start View Pages */
.cl-new {
    clear: both;
}

.view-new-wrap-all {
    width: 400px;
    margin: 14px auto 14px auto;
    font-size: 14px;
}

.view-new-wrap-all .fild-ti-new {
    width: 30%;
    float: left;
    margin: 0 12px 14px 0;
    text-align: right;
}

.view-new-wrap-all .fild-box-new {
    width: 60%;
    float: left;

}

.view-new-wrap-all .box-dt1 {
    width: 30%;
    text-align: right;
    float: left;
    margin: 0 12px 0px 0;
}

.view-new-wrap-all .box-dt2 {
    width: 19%;
    text-align: left;
    float: left;
    margin: 0 12px 0px 0;
}

.view-new-wrap-all .box-dt3 {
    width: 17%;
    text-align: right;
    float: left;
    margin: 0 12px 0px 0;
}

.view-new-wrap-all .box-dt4 {
    width: 21%;
    text-align: left;
    float: left;
    margin: 0 12px 0px 0;
}

.view-con-wrap-new {
    width: 100%;
    /*margin:0 auto;*/
    margin-left: -94px;
    font-size: 14px;
    float: left;

}

.view-con-wrap-new .box-dt1 {
    width: 38.5%;
    text-align: right;
    float: left;
    margin: 0 11px 0 13px;
    line-height: 34px;
}

.view-con-wrap-new .box-dt2 {
    width: 11.2%;
    text-align: left;
    float: left;
    margin: 0 12px 0px 0;
    color: #1ACC9C;
    line-height: 34px;
}

.view-con-wrap-new .box-dt3 {
    width: 6%;
    text-align: right;
    float: left;
    margin: 0 12px 0px 0;
    line-height: 34px;
}

.view-con-wrap-new .box-dt4 {
    width: 11%;
    text-align: left;
    float: left;
    margin: 0 12px 0px 0;
    color: #1ACC9C;
    line-height: 34px;
}

.view-con-wrap-new .box-dt5 {
    width: 3%;
    text-align: right;
    float: left;
    margin: 9px 12px 0px 0;
}

.view-con-wrap-new .box-dt6 {
    width: 10%;
    text-align: left;
    float: left;
    margin: 7px 12px 0px 0;
}

.view-con-wrap-new .fi-new-ti {
    width: 38.4%;
    text-align: right;
    float: left;
    margin: 18px 10px 0px 14px;
}

.view-con-wrap-new .fi-new-sub {
    width: 53%;
    text-align: left;
    float: left;
    margin: 18px 12px 0px 1px;
    color: #404040;
}

.view-con-wrap-new .fi-new-bo {
    width: 4%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
}

.view-con-wrap-new .ra-rap-al {
    margin: 8px 0px;
    width: 79%;
    padding-left: 331px;
}

.view-con-wrap-new .ra-rap-al .ra-bo {
    /*    width:3.6%;*/
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
}

/*.view-con-wrap-new .ra-rap-al .ra-bo-text{
    width:10%;
    text-align:left;
    float:left;
    margin:12px 12px 0px 0;
	color:#404040;
}*/
.view-con-wrap-new .ra-rap-al .ra-bo-text {
    width: 15%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
    color: #404040;
}

.view-con-wrap-new .wr-al {
    margin: 0 0 0 135.4px;
    width: 99%;
}

.view-con-wrap-new .wr-al .sta-left-box {
    width: 43.5%;
    text-align: left;
    float: left;
    margin: 12px 0 0 0px;
}

.view-con-wrap-new .wr-al .sta-left-box .pra-new-box-lf {
    float: left;
    margin: 0 11px 18px 9px;
    text-align: right;
    width: 51%
}

.view-con-wrap-new .sta-left-box .pra-new-box-ri {
    color: #404040;
    float: left;
    margin: 0 0 12px 1px;
    text-align: left;
    width: 41%
}

.view-con-wrap-new .sta-right-box {
    width: 49%;
    text-align: left;
    float: right;
    margin: 12px 3px 0px 3px;
}

.view-con-wrap-new .sta-right-box .lft-bo {
    width: 34%;
    float: left;
    text-align: right;
}

.view-con-wrap-new .sta-right-box .rit-bo {
    width: 62.3%;
    float: right;
}

.view-con-wrap-new .adt-rap {
    margin: 0px 0 18px 0px;
    width: 73%;
    padding-left: 323px;

}

.view-con-wrap-new .adt-rap .sub-lf {
    width: 21%;
    float: left;
    text-align: right;
    margin: 0 8px 0 3px;
}

.view-con-wrap-new .adt-rap .sub-lf2 {
    width: 27%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-new .adt-rap .sub-lf3 {
    width: 23%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-new .adt-rap .sub-ri {
    width: 4%;
    float: left;
    text-align: left;
    margin: 0 8px 0 0;
    padding-left: 4px;
    color: #1ACC9C;
}

.view-con-wrap-new .Dec-wrap {

}

.view-con-wrap-new .Dec-wrap .lef-box {
    float: left;
    text-align: right;
    width: 38.6%;
    margin: 0 0 0 12px;
}

/*.view-con-wrap-new .Dec-wrap .rig-box{
   color: #404040;
    float: right;
    text-align: justify;
    width: 62.5%;
	margin-bottom: 35px;

}*/
.view-con-wrap-new .Dec-wrap .rig-box {
    color: #404040;
    float: left;
    margin-bottom: 35px;
    margin-left: 0;
    padding-left: 11px;
    text-align: left;
    width: 52.4%;
}

.Reminder-icon {
    background: url("../images/Reminder-icon-new.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 15px;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 18px;
}

.inactive-text {
    color: #666;
}

/*  tool tip*/

.css-tooltip-top,
.css-tooltip-bottom,
.css-tooltip-right,
.css-tooltip-left {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.css-tooltip-top span,
.css-tooltip-bottom span,
.css-tooltip-right span,
.css-tooltip-left span,
.css-tooltip-diagonal-right span,
.css-tooltip-diagonal-left span {
    min-width: 110px;
    font-family: arial, sans-serif !important;
    font-size: 13px !important;
    line-height: normal !important;
    text-align: left !important;
    padding: 8px 10px !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9999999 !important;
    text-shadow: none;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -o-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
}

.css-tooltip-top span:before,
.css-tooltip-bottom span:before,
.css-tooltip-right span:before,
.css-tooltip-left span:before,
.css-tooltip-diagonal-right span:before,
.css-tooltip-diagonal-left span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
}

/* Tool tip Top */
.css-tooltip-top span {
    left: -10px;
    bottom: 100%;
    margin-bottom: 30px;

    -webkit-transition-property: opacity, margin-bottom, visibility;
    -moz-transition-property: opacity, margin-bottom, visibility;
    -o-transition-property: opacity, margin-bottom, visibility;
    -ms-transition-property: opacity, margin-bottom, visibility;
    transition-property: opacity, margin-bottom, visibility;
}

.css-tooltip-top span:before {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #000;
    border-bottom: 0 !important;
    bottom: -8px;
    left: 15px;
}

.css-tooltip-top:hover span {
    margin-bottom: 10px; /* End Position */
    visibility: visible;
    opacity: 1;
}

/* tooltip left
-------------------------------------------------------------- */

.css-tooltip-left span {
    right: 100%;
    top: -7px;
    margin-right: 35px;

    -webkit-transition-property: opacity, margin-right, visibility;
    -moz-transition-property: opacity, margin-right, visibility;
    -o-transition-property: opacity, margin-right, visibility;
    -ms-transition-property: opacity, margin-right, visibility;
    transition-property: opacity, margin-right, visibility;
}

.css-tooltip-left span:before {
    border-left: 8px solid #000;
    border-right: 0 !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    top: 9px;
    right: -8px;
}

.css-tooltip-left:hover span {
    margin-right: 15px;
    visibility: visible;
    opacity: 1;
}

/* tooltip right
-------------------------------------------------------------- */

.css-tooltip-right span {
    left: 100%;
    top: -7px;
    margin-left: 35px;

    -webkit-transition-property: opacity, margin-left, visibility;
    -moz-transition-property: opacity, margin-left, visibility;
    -o-transition-property: opacity, margin-left, visibility;
    -ms-transition-property: opacity, margin-left, visibility;
    transition-property: opacity, margin-left, visibility;
}

.css-tooltip-right span:before {
    border-left: 0 !important;
    border-right: 8px solid #000;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    top: 11px;
    left: -8px;
}

.css-tooltip-right:hover span {
    margin-left: 15px;
    visibility: visible;
    opacity: 1;
}

/*tooltip bottom
-------------------------------------------------------------- */

.css-tooltip-bottom span {
    left: -10px;
    top: 100%;
    margin-top: 30px;

    -webkit-transition-property: opacity, margin-top, visibility;
    -moz-transition-property: opacity, margin-top, visibility;
    -o-transition-property: opacity, margin-top, visibility;
    -ms-transition-property: opacity, margin-top, visibility;
    transition-property: opacity, margin-top, visibility;
}

.css-tooltip-bottom span:before {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 0 !important;
    border-bottom: 8px solid #000;
    top: -8px;
    left: 15px;
}

.css-tooltip-bottom:hover span {
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
}

/* Tooltip Color */
.color-blue span {
    color: #ffffff !important;

    background: #31598a;
    background: -moz-linear-gradient(top, #37659d 0%, #31598a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37659d), color-stop(100%, #31598a));
    background: -webkit-linear-gradient(top, #37659d 0%, #31598a 100%);
    background: -o-linear-gradient(top, #37659d 0%, #31598a 100%);
    background: -ms-linear-gradient(top, #37659d 0%, #31598a 100%);
    background: linear-gradient(top, #37659d 0%, #31598a 100%);

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;

    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

.color-blue span:before {
    border-color: #31598a;
}

.color-blue span:after {
    content: "";
    display: block;
    border-top: 1px solid #dca;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;
}

.color-green span {
    color: #000 !important;

    background: #fffaf0;

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;

}

.color-green span:before {
    border-color: #dca;
}

.color-green span:after {
    border: 1px solid #dca;
    border-radius_none: 4px;
    content: "";
    display: block;
    height: 31px;
    left: -1px;
    position: absolute;
    top: 0px;
    width: 100%;

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;
}

.color-green span strong {
    background: #246407;
    border-bottom: 1px solid #205a06;
}

/*orange*/

.color-orange span {
    color: #ffffff !important;

    background: #c34722;
    background: -moz-linear-gradient(top, #cb581f 0%, #c34722 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb581f), color-stop(100%, #c34722));
    background: -webkit-linear-gradient(top, #cb581f 0%, #c34722 100%);
    background: -o-linear-gradient(top, #cb581f 0%, #c34722 100%);
    background: -ms-linear-gradient(top, #cb581f 0%, #c34722 100%);
    background: linear-gradient(top, #cb581f 0%, #c34722 100%);

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;

    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

.color-orange span:before {
    border-color: #c34722;
}

.color-orange span:after {
    content: "";
    display: block;
    border-top: 1px solid #e28266;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;

    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;
}

.color-orange span strong {
    background: #bf461a;
    border-bottom: 1px solid #ac3f17;
}

/*red*/

.color-red span {
    color: #ffffff !important;
    background: #b01c34;
    background: -moz-linear-gradient(top, #c01e38 0%, #b01c34 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c01e38), color-stop(100%, #b01c34));
    background: -webkit-linear-gradient(top, #c01e38 0%, #b01c34 100%);
    background: -o-linear-gradient(top, #c01e38 0%, #b01c34 100%);
    background: -ms-linear-gradient(top, #c01e38 0%, #b01c34 100%);
    background: linear-gradient(top, #c01e38 0%, #b01c34 100%);
    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

.color-red span:before {
    border-color: #b01c34;
}

.color-red span:after {
    content: "";
    display: block;
    border-top: 1px solid #e96e82;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;
    -webkit-border-radius_none: 4px;
    -moz-border-radius_none: 4px;
    border-radius_none: 4px;
}

.color-red span strong {
    background: #b0182d;
    border-bottom: 1px solid #9d1628;
}

.bot-new-add-view {
    background: url("../images/addd.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 17px;
    position: relative;
    text-decoration: none;
    top: 18px;
    width: 18px;
}

.bot-new-delete-view {
    background: url("../images/deletee.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 15px;
    height: 20px;
    left: -1px;
    position: relative;
    top: 18px;
    width: 19px;
}

.New-Event-drec {
    /*padding-left:3px;    padding-left:7px;*/
}

.kid-text-gap {
    padding-left: 2px;
}

.Num-of-Addre-box {
    text-align: right;
    padding-right: 5px;
    padding-right: 19 px\0; /* ie8, ie9, ie10, ie11 only */
}

.Num-of-Addre-imbox {
    position: relative;
    left: -7px;
}

/* Event Section */
.view-con-wrap-new .ra-rap-al-Event .ra-bo {
    /*    width:3.6%;*/
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
}

.view-con-wrap-new .ra-rap-al-Event .ra-bo-text {
    width: 10%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
    color: #404040;
}

.view-con-wrap-new .ra-rap-al-Event {
    margin: 8px 0 2px 340.2px;
    width: 79%;
}

.view-con-wrap-new .ra-rap-al-Event .ra-bo-text-Event {
    width: 15%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
    color: #404040;
}

.view-con-wrap-new .adt-rap-Event {
    margin: 18px 0 18px 197px;
    width: 73%;

}

.view-con-wrap-new .adt-rap-Event .sub-lf {
    width: 21%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-new .adt-rap-Event .sub-lf2 {
    width: 20.2%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-new .adt-rap-Event .sub-lf3 {
    width: 25.6%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-new .adt-rap-Event .sub-ri {
    width: 4%;
    float: left;
    text-align: left;
    margin: 0 8px 0 0;
    padding-left: 4px;
    color: #404040;
}

.bot-new-delete_ResCommon {
    background: url("../images/deletee.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 15px;
    position: absolute;
    top: 6px;
    width: 18px;
    height: 17px;
}

.bot-new-add_ResCommon {
    background: url("../images/addd.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    position: absolute;
    right: 212px;
    text-decoration: none;
    top: 7px;
    width: 18px;
    height: 17px;
}

.bot-new-delete_Common {
    background: url("../images/deletee.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 15px;
    width: 18px;
    height: 30px;
    left: 750px;
    margin-left: 0px !important;
}

.erroeOO {
    width: 100%;
    margin: 0px auto;
    position: relative;
    left: -26px;
    top: 6px;
}

.wrapperArea-EventTrave {
    width: 100%;
    color: #000;
    position: relative;
    right: 156px;
    width: 100%;
}

.wrapperArea-EventTrave .middlebox {
    border: 1px solid #bdbcbd;
    margin: 0 auto 15px;
    padding: 10px;
    width: 602px;
    position: relative;
    left: 126px;
}

.wrapperArea-EventTrave .middlebox .date ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .middlebox .date ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .middlebox .date ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .middlebox {
    border: 1px solid #bdbcbd;
    margin: 0 auto 15px;
    padding: 10px;
    width: 602px;
    position: relative;
    left: 126px;
}

.wrapperArea-EventTrave .middlebox .date ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .middlebox .date ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .middlebox .date ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea-EventTrave .rghtbox {
    border: 1px solid #bdbcbd;
    float: right;
    padding: 2px;
    width: 386px;
}

.wrapperArea-EventTrave .rghtbox .date ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .rghtbox .date ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .rghtbox .date ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .rghtbox .date ul li.descriptionCon {
    float: right;
    width: 253px;
    word-wrap: break-word;
}

.wrapperArea-EventTrave .leftbox {
    border: 1px solid #bdbcbd;
    float: left;
    margin-right: 0;
    padding: 2px;
    width: 386px;
}

.date-planing ul {
    /*margin-bottom: -10px;
    margin-top: 7px;*/
    float: left;
    padding: 0;
}

.wrapperArea-EventTrave .leftbox .date-planing ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .leftbox .date-planing ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .leftbox .date-planing ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea-EventTrave .leftbox .date-planing ul li.descriptionCon {
    float: right;
    width: 253px;
    word-wrap: break-word;
}

/* other section */
.wrapperArea .rghtbox .date-planing ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 117px;
}

.wrapperArea .rghtbox .date-planing ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea .rghtbox .date-planing ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea .rghtbox .date-planing ul li.descriptionCon {
    float: right;
    width: 253px;
    word-wrap: break-word;
}

.wrapperArea .leftbox .date-planing ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 117px;
}

.wrapperArea .leftbox .date-planing ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea .leftbox .date-planing ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 116px;
}

.wrapperArea .leftbox .date-planing ul li.descriptionCon {
    float: right;
    width: 253px;
    word-wrap: break-word;
}

.wrapperArea .middlebox {
    border: 1px solid #bdbcbd;
    margin: 8px 0 0 18.8%;
    padding: 10px;
    width: 60%;
    position: relative;
    /*	left: 126px;*/
}

.wrapperArea .middlebox .date-planing ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea .middlebox .date-planing ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea .middlebox .date-planing ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

/*.wrapperArea .middlebox {
    border: 1px solid #bdbcbd;
    margin: 0 auto 15px;
    padding: 10px;
    width: 602px;
	position: relative;
	left: 126px;
}*/
.wrapperArea .middlebox .date-planing ul li.rightspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea .middlebox .date-planing ul li.mediemspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea .middlebox .date-planing ul li.smallspecing {
    font-size: 14px;
    margin-right: 14px !important;
    text-align: right;
    width: 161px;
}

.wrapperArea .rghtbox {
    border: 1px solid #bdbcbd;
    float: right;
    padding: 8px 2px 2px 5px;
    width: 460px;
}

.wrapperArea .leftbox {
    border: 1px solid #bdbcbd;
    float: left;
    margin-right: 0;
    padding: 8px 2px 2px 5px;
    width: 460px;
    min-height: 205px;
}

/* end othe section */
/*
.smallspecing{
	margin-right:87px !important;
	font-size: 14px;
}
.mediemspecing{
	margin-right:27px !important;
	font-size: 14px;
}

.mediemspecing2{
	margin-right:66px !important;
	font-size: 14px;
}

.rightspecing{
	margin-right:108px !important;
	font-size: 14px;
}

.date ul{
	padding:0px;
	margin-bottom: -7px;
}

*/

.view-con-wrap-newevent {
    font-size: 14px;
    /*    margin-left: 29px;*/
    margin: 19px auto;
    width: 90%;
}

.view-con-wrap-newevent .box-dt1eventdate {
    /*width:38.5%;*/
    width: 31.5%;
    text-align: right;
    float: left;
    margin: 0 11px 0px 0;
    line-height: 34px;
}

.view-con-wrap-newevent .box-dt2eventdate {
    color: #1ACC9C;
    float: left;
    margin: 0 12px 0 0;
    text-align: left;
    width: 11.2%;
    line-height: 34px;
}

.view-con-wrap-newevent .box-dt3timeevent {
    width: 13%;
    text-align: right;
    float: left;
    margin: 0 12px 0px 0;
    line-height: 34px;
}

.view-con-wrap-newevent .box-dt4timeevent1 {
    color: #1ACC9C;
    float: left;
    margin: 0 12px 0 0;
    text-align: left;
    width: 12%;
    line-height: 34px;
}

.view-con-wrap-newevent .box-dt5 {
    width: 3%;
    text-align: right;
    float: left;
    margin: 0 12px 0px 0;
}

.view-con-wrap-newevent .box-dt6 {
    width: 10%;
    text-align: left;
    float: left;
    margin: 0 12px 0px 0;
}

.view-con-wrap-newevent .ra-rap-al-Eventlocation {
    /*margin: 8px 0 2px 340.2px;*/
    /*margin: 8px 0 2px 227.2px;*/
    margin: 8px 0px 2px;
    width: 67%;
    padding-left: 229px;
}

.view-con-wrap-newevent .ra-rap-al-Eventlocation .ra-boevent {
    /*    width:3.6%;*/
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
}

.view-con-wrap-newevent .ra-rap-al-Eventlocation .ra-boevent-text-Event {
    width: 24%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
    color: #404040;
}

.view-con-wrap-newevent .fi-new-tievent {
    width: 31.5%;
    text-align: right;
    float: left;
    /* margin:18px 12px 0px 41px;*/
    margin: 18px 12px 0px 0px;
}

.view-con-wrap-newevent .ra-rap-al-Eventlocation .ra-boevent-text {
    width: 10%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
    color: #404040;
}

.view-con-wrap-newevent .fi-new-subevent {
    width: 53%;
    text-align: left;
    float: left;
    margin: 18px 12px -10px -1px;
    color: #404040;
}

.view-con-wrap-newevent .fi-new-boevent {
    width: 4%;
    text-align: left;
    float: left;
    margin: 12px 12px 0px 0;
}

.view-con-wrap-newevent .adt-rap-Eventnumber {
    /*    margin: 18px 0 18px 88px;
        width: 120%;*/
    margin: 18px 0px 18px 0px;
    width: 100%;
    padding-left: 84px;

}

.view-con-wrap-newevent .adt-rap-Eventnumber .sub-lf {
    /*width:19%;*/
    width: 23%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-newevent .adt-rap-Eventnumber .sub-lf2 {
    width: 20.2%;
    float: left;
    text-align: right;
    margin: 0 8px 0 -89px;
}

.view-con-wrap-newevent .adt-rap-Eventnumber .sub-lf3 {
    width: 25.6%;
    float: left;
    text-align: right;
    margin: 0 8px 0 0;
}

.view-con-wrap-newevent .adt-rap-Eventnumber .sub-ri {
    width: 4%;
    float: left;
    text-align: left;
    margin: 0 8px 0 0;
    padding-left: 4px;
    color: #1ACC9C;
}

.view-con-wrap-newevent .Dec-wrapevent {
    width: 102%;
    /*margin:18px auto 12px auto;*/
    margin: 18px 0 5px 10px;
}

.view-con-wrap-newevent .Dec-wrapevent .lef-box {
    float: left;
    text-align: right;
    /* width: 35.8%;*/
    width: 29.5%;
}

.view-con-wrap-newevent .Dec-wrapevent .rig-box {
    color: #404040;
    float: left;
    /* margin-bottom: 35px; */
    padding-left: 0px;
    text-align: justify;
    width: 52.4%;
}

.toolTipRatingbelowRsMenu {
    float: left;
    margin-left: -9px;
    text-align: center;
    width: 117px; /* color: #3498db; */
    color: #333;
    font-size: 13px !important;
}

.diningrating .toolTipRatingbelowRsMenu {

    color: #3498db;
    float: left;
    font-size: 13px !important;
    margin-left: 7px !important;
    text-align: center !important;
    width: 117px !important;
}

a.tooltip2 {
    outline: none;
}

a.tooltip2 strong {
    line-height: 30px;
}

a.tooltip2:hover {
    text-decoration: none;
}

a.tooltip2 span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 11px;
    width: 245px;
    line-height: 16px;

}

a.tooltip2:hover span {
    background: none repeat scroll 0 0 #fffaf0;
    border: 1px solid #dca;
    color: #111;
    display: inline;
    font-size: 13px;
    line-height: 19px;
    padding: 8px 0 8px 2px;
    position: absolute;
    width: 187px;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
    width: 12px !important;
}

/*CSS3 extras*/
a.tooltip2 span {
    border-radius_none: 4px;
    box-shadow: 5px 5px 8px #333;
}

.toolTipDiveContain {
    overflow-y: auto;
    height: 201px;
    padding: 8px;
}

.joo {
    left: 2px;
    left: 42 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo2 {
    margin-left: -69 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo3 {
    margin-left: -68 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo4 {
    margin-left: 10 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo5 {
    margin-left: -13 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo6 {
    margin-left: -46 px\0; /* ie8, ie9, ie10, ie11 only */
}

.joo7 {
    margin-left: 0 px\0; /* ie8, ie9, ie10, ie11 only */
}

select {
    padding: 0 px\0; /* ie8, ie9, ie10, ie11 only */
}

#erroeOO {
    text-align: center;
}

#erroeOO .wrapperArea {

    margin-left: -60px !important;

}

#text_date_1 {
    color: #1acc9c;
}

#text_time_1 {
    color: #1acc9c;
}

#text_date_2 {
    color: #1acc9c;
}

#text_time_2 {
    color: #1acc9c;
}

#text_remind_date_1 {
    color: #1acc9c;
}

#text_remind_time_1 {
    color: #1acc9c;
}

#text_remind_date_2 {
    color: #1acc9c;
}

#text_remind_time_2 {
    color: #1acc9c;
}

.shoppingbg {
    float: left;
    margin-top: -6px;
    width: 100%;
}

#Rating20 li {
    float: left !important;
}

.menuItemNameQuantitycontainer {
    /* float: right;
    margin-right: -36px;
    width: 115px; */
    float: right;
    margin-right: -65px;
    width: 170px;
}

.lnAdd-loc-shopping-listing {
    background: rgba(0, 0, 0, 0) url("../../images/location-icon-lrg.png") no-repeat scroll 0 4px !important;
    float: left;
    font-family: "Open Sans", "sans-serif";
    font-size: 10px;
    padding: 7px 17px 8px 9px;
}

.divLocDining {
    display: none;
}

fieldset {
    border: 1px solid;
}

.mce-morebutton {
    line-height: 19.5px !important;
    cursor: pointer !important;
}

.shoppingbg .popup_unlockBtn_component .blog-editor {
    height: 18px !important;
    margin-top: 5px !important;
    width: 18px !important;
    cursor: pointer !important;
}

.shoppingbg .popup_unlockBtn_component .blog-editor:hover {
    cursor: pointer !important;
}

.diningbody .popup_unlockBtn_component .blog-editor {
    height: 18px !important;
    margin-top: 5px !important;
    width: 18px !important;
    cursor: pointer !important;
}

.diningbody .popup_unlockBtn_component .blog-editor:hover {
    cursor: pointer !important;
}

.travelbg .popup_unlockBtn_component .blog-editor {
    height: 18px !important;
    margin-top: 5px !important;
    width: 18px !important;
    cursor: pointer !important;
}

.travelbg .popup_unlockBtn_component .blog-editor:hover {
    cursor: pointer !important;
}

.blog-editor:hover {
    cursor: pointer !important;
}

.countrySelectOption {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../../images/down_arrow_select.png") no-repeat scroll 117px center !important;
    border: 1px solid #bdbcbd;
    /* border-radius_none: 3px; */
    border-radius: none !important;
    box-shadow: none;
    float: left;
    height: 30px;
    padding: 0 0 0 3px;
    width: 149px;
    margin-right: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;outline:none !important:
}

.countrySelectOption option {
    -moz-appearance: none;
    -webkit-appearance: none;
    /* border-bottom: 1px solid #bdbcbd; */
    border: none;
    box-shadow: none;
    float: left;
    height: 20px;
    padding: 0 4%;
    width: 100%;
}

.stateSelectOption {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../../images/down_arrow_select.png") no-repeat scroll 117px center !important;
    border: 1px solid #bdbcbd;
    /*  border-radius_none: 3px; */
    box-shadow: none;
    float: left;
    height: 30px;
    padding: 0 0 0 3px;
    width: 149px;
    margin-right: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;outline:none !important:
}

.stateSelectOption option {
    -moz-appearance: none;
    -webkit-appearance: none;
    /* border-bottom: 1px solid #bdbcbd; */
    border: none;
    box-shadow: none;
    float: left;
    height: 20px;
    padding: 0 4%;
    width: 100%;
}

.citySelectOption {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../../images/down_arrow_select.png") no-repeat scroll 117px center !important;
    border: 1px solid #bdbcbd;
    /*   border-radius_none: 3px; */
    box-shadow: none;
    float: left;
    height: 30px;
    padding: 0 0 0 3px;
    width: 149px;
    -moz-appearance: none;
    -webkit-appearance: none;outline:none !important:
}

.citySelectOption option {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    /* border-bottom: 1px solid #bdbcbd; */
    box-shadow: none;
    float: left;
    height: 20px;
    padding: 0 4%;
    width: 100%;
}

.planningsubbgForPlan {
    display: block;
    float: left; /* margin: 10px 207px; */
    margin: 10px 126px 0px 126px;
    padding: 0;
    width: 760px;
    font-size: 14px;
    height: 34px;
}

/* ================================================css start cover image ============================================================ */

.coverClass1 {
    /* float:left; width:100%;background:#edecec; height:250px; */
}

.coverClass2 {
    /* float:left; width:100%;background:#edecec; height:250px; */
}

.coverClass3 {
    /* float:left; width:100%;background:#edecec; height:250px; */
}

.coverClass4 {
    /* float:left; width:100%;background:#edecec; height:250px; */
}

.coverImage {
    float: left;
    width: 100%;
     background: #fafafa;/* border:1px solid #e0e0e0; */
    height: 250px;
    overflow: hidden;
}

.comCatCoverImageClass {
    float: left;
    width: 100%;
     background: #fafafa;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
}

.comCatCoverImageClass img {
    position: relative;
    width: 100% !important;
}

.coverImage img {
    width: 100% !important;
}

.coverImage-upload-img-box {
    padding: 0px;
    margin: 82px auto 0px auto;
    width: 145px;
    height: 87px;
    background: url("../../images/cover-img-upload.png") no-repeat center center !important;
    z-index: 1;
    right: 15px;
    overflow: hidden;
    position: absolute;
    left: 43%;
    right: auto;opacity:0.5;
}

.coverImage-upload-img-box:hover {
opacity:1;
}

.coverImage-upload-img-box-small {
    padding: 0px;
    margin: 10px auto 0px auto!important;
    width: 60px!important;
    height: 45px!important;
    background: url("../../images/cover-img-upload.png") no-repeat center center !important;
	background-size: contain !important;
    z-index: 1;
    right: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    right: auto;opacity:0.5;
}

.coverImage-upload-img-box-small:hover {
opacity:1;
}

.coverImage-popup-view {
    padding: 0px;
    margin: 12px auto;
    width: 132px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 86%;
    cursor: pointer;
    display: none;
}

.coverImage-popup-view:hover {
    padding: 0px;
    margin: 12px auto;
    width: 132px;
    height: 28px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 86%;
    cursor: pointer;
    display: none;
}

.coverImage-popup-view img {
    width: auto !important;
    height: auto !important;
    cursor: pointer;
    display: none;
}

.coverImage-show-img-box {
    padding: 0px;
    margin: 12px auto;
width: auto;
height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 85.5%;
    display: none;
    cursor: pointer;text-align:center;
}

.coverImage-show-img-box:hover {
    padding: 0px;
    margin: 12px auto;
width: auto;
height: 25px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 85.5%;
    display: none;
    cursor: pointer;
}

.coverImage-show-img-box img {
    width: auto !important;
    height: auto !important;
    cursor: pointer;
}

.coverImage-hide-img-box {
padding: 0px;
margin: 12px auto;
width: auto;
height: 28px;
background-color: rgba(255, 255, 255, 0.5);
z-index: 1;
overflow: hidden;
position: absolute;
left: 85.5%;
cursor: pointer;
text-align: center;
}

.coverImage-hide-img-box:hover {
padding: 0px;
margin: 12px auto;
width: auto;
height: 28px;
background-color: rgba(255, 255, 255, 1);
z-index: 1;
overflow: hidden;
position: absolute;
left: 85.5%;
cursor: pointer;
text-align: center;
}

.coverImage-hide-img-box img {
    width: auto !important;
    height: auto !important;
    cursor: pointer;
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);

}

.white_content {
    display: none;
    position: absolute;
    top: 81px;
    left: auto;
    right: auto;
    width: 1020px;
    height: auto;
    max-height: 670px;
    padding: 0px;
    margin: 0px;
    border: 5px solid #fff;
    background-color: white;
    z-index: 9999999;
}

.white_content img {
    width: 1020px;
    max-height: 670px;
    height: auto;
    float: left;
}

.popup-container {
    width: 1030px;
    margin: 0px auto;
}

.lb-close {
    float: none;
    font-size: 18px;
    padding: 0px;
    color: #000;
    text-decoration: none;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background: #fff;
    margin: -18px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;

}

.lb-close:hover {
    color: #0070c7;
    text-decoration: none;
}

.mce-content-body ul{width:95%!important;float:left;}


/* network birthday popup css */

.nbblack_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);

}

.nbwhite_content {
    display: none;
    position: absolute;
    top: 0px;
    left: auto;
    right: auto;
    width: 1030px;
    height: auto;
    max-height: 670px;
    padding: 0px;
    margin: 0px;
    border:0px solid #fff;
    background-color: white;
    z-index: 9999999;
}



.nbpopup-container {
    width: 1030px;
    margin: 0px auto;
}

.nblb-close {
    float: right;
    font-size: 18px;
    padding: 0px;
    color: #fff;
    text-decoration: none;
    position: relative;
     height: 30px;
    text-align: center;
    line-height: 28px;

}

.nblb-close:hover {
    color: #0070c7;
    text-decoration: none;
}
.nbwhite_content-header {
float:left;
    width: 98.1%;
    height: auto;
    padding:6px 10px;
    margin: 0px;
    background-color: #4755b2;

}
.nbheadingtext{float:left; color:#fff; font-size:18px; text-align:left; width:430px;}
.nbdatepicker{float:left; color:#fff; font-size:18px; text-align:left;width:153px;}
.nbclosebutton{float:right; color:#fff; font-size:18px; text-align:left; width:auto;}

.nbdatetoolStyle {
    border: 1px solid #cfcfcf;
    float: left;
    height: 26px;
    width: 152px;
    cursor: pointer;
	background-color: #fff;
}

.nbwhite_content-body {
float:left;
width: 100%;
    height: auto;
    padding:0px;
    margin: 0px;
    background-color: #fff;

}

 /* Style the tab */
.nbtab {
border-bottom: 1px solid #ccc;
float: left;
width: 98%;
margin: 10px 10px 5px 10px;
}

/* Style the buttons that are used to open the tab content */
.nbtab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 3px 15px; font-size:14px;
    transition: 0.3s;
	 border: 1px solid #a9b1d3;
	  border-bottom: none;margin-right: 1px;font-family: 'Open Sans', 'sans-serif';
}

/* Change background color of buttons on hover */
.nbtab button:hover {
    background-color: #a9b1d3;
		 border: 1px solid #a9b1d3;
	  border-bottom: none;margin-right: 1px;font-family: 'Open Sans', 'sans-serif';
}

/* Create an active/current tablink class */
.nbtab button.active {
     background-color: #a9b1d3;
		 border: 1px solid #a9b1d3;
	  border-bottom: none;margin-right: 1px;color:#fff;font-family: 'Open Sans', 'sans-serif';
}

/* Style the tab content */
.nbtabcontent {
	float: left;width:100%;
    display: none;
    padding: 6px 0px;   
    border-top: none;padding-left: 10px;
} 

.nbtabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.nblistcontainer{float:left; width:310px; border:1px solid #ccc; padding:9px; margin-right:10px; margin-bottom:10px;}

.nb-user-pic{float:left; width:90px;height:90px; border:1px solid #ccc;margin-right:10px; margin-bottom:10px;}
.nb-user-pic img{width:100%;height:100%;}

.nb-user-details{float:left; width:200px;}
.nb-user-name{float:left;width:100%;font-size:14px; font-weight:500; color:#4755b2; padding-bottom:5px;}
.nb-user-address{float:left;width:100%;font-size:13px; font-weight:400; color:#202020; padding-bottom:5px;}
.nb-user-designation{float:left;width:100%;font-size:14px; font-weight:400; color:#202020; padding-bottom:5px;}
.nb-user-birthday{float:left;width:100%;font-size:14px; font-weight:400; color:#202020;}

.nblistcontainer-bottom-link{float:left; width:100%;}
.nblistcontainer-bottom-link ul{float:left; width:100%;}
.nblistcontainer-bottom-link ul li{float:left; width:auto; padding:0 10px; color:#3d56e5; font-size:12px;}
.nblistcontainer-bottom-link ul li a{color:#3d56e5; text-decoration:none;}
.nblistcontainer-bottom-link ul li a:hover{color:#000; text-decoration:none;}
.nblistcontainer-bottom-link ul li:first-child{ padding:0px;  /* border-right:1px solid #3d56e5; */padding-right:10px; background: url("../../images/nb-link-devider.jpg") no-repeat right center; }
.nblistcontainer-bottom-link ul li:last-child{ padding:0px; /* border-left:1px solid #3d56e5; */ padding-left:10px; background: url("../../images/nb-link-devider.jpg") no-repeat left center;}


.nblistcontainer-next-prev{float:left; width: 98%; padding-bottom:10px}
.nblistcontainer-next-prev ul{float:right; width:auto;}
.nblistcontainer-next-prev ul li{float:left; width:auto; padding:0 10px; color:#6d6d6d; font-size:14px;}
.nblistcontainer-next-prev ul li a{color:#6d6d6d; text-decoration:none;}
.nblistcontainer-next-prev ul li a:hover{color:#3d56e5; text-decoration:none;}
.nblistcontainer-next-prev ul li a.active{color:#3d56e5; text-decoration:none;}
.nblistcontainer-next-prev ul li:last-child{ padding:0px;/*  border-left:1px solid #6d6d6d; */ padding-left:10px; background: url("../../images/nb-nextprev-devider.jpg") no-repeat left center;}



.nbreminderblack_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);

}

.nbreminderwhite_content {
    display: none;
    position: absolute;
top: 96px;
left: 25%;
right: 25%;
    width: 510px;
    height: auto;
    max-height:250px;
    padding: 0px;
    margin: 0px;
    border:0px solid #fff;
    background-color: white;
    z-index: 9999999999;
}
.nbreminderwhite_content-header {
    float: left;
    width: 490px;
    height: auto;
    padding: 6px 10px;
    margin: 0px;
    background-color: #4755b2;
}
.nbreminderlistcontainer{float: left;
width: 96%;
border: 0px solid #ccc;
padding: 9px;
}

.nbremindersetcontainer{float: left;
width: 88%;
border: 1px solid #ccc;
padding:20px;
margin: 0px 10px 10px 10px;}
.nbdate{   float: left;
    width: auto;
    height: auto;
    padding:0px;
    margin-right: 10px;line-height: 24px;}
	
	.nbtime{   float: left;
    width: auto;
    height: auto;
    padding:0px;
    margin-right: 10px;line-height: 24px;}
	
	.nbinput{   float: left;
    width: 120px;
    height: auto;
    padding:0px;
    margin-right: 10px;}
	
		.nbinput input[type='text']{   float: left;
    width: 108px;
    height: auto;
    padding:5px;border:1px solid #ccc;}
	
.nbremindersetcontainer input[type="submit"]{background: #32b30a;
float: left;
text-align: center;
color: #fff;
border: none;
padding: 5px 28px 6px 28px;
font-size: 14px;}

.nbremindersetcontainer input[type="submit"]:hover{background: #238206;
float: left;
text-align: center;
color: #fff;
border: none;
padding: 5px 28px 6px 28px;
font-size: 14px;}

.no-birthday-record{float:left; width:100%; text-align:center; padding:100px 0 50px 0; 
 background: url("../../images/no-network-birday-found.png") no-repeat center top; margin-top: 40px; font-size:20px; font-weight:500;}
 
 
 

.mce-floatpanel.mce-popover.mce-bottom.mce-start {
    margin-left: -20px!important;
    margin-top: 0px!important;
}


/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.headlineDiv {
    position: relative;
    width: 100%;
    overflow-x: hidden;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
}

.headlineDiv textarea {
/*     position: relative;
    max-height: 172px;
    width: 99.6% !important;
    border: none !important;
    resize: none;
    font-size: 24px;
    line-height: 46px;
    font-weight: 500;
    padding: 0px 3px 5px 4px !important; height: 34px !important; */

    position: relative;
    max-height: 172px;
    width: 99.6% !important;
    border: none ;
    resize: none !important;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    padding: 8px 3px 0px 4px !important;
    /* height: 24px !important; */
    -webkit-appearance: none !important;
	appearance: none !important;
}
	
	
	
}

.headlineDiv textarea:focus {
    border: none  ;
    outline: none  !important;
    box-shadow: none  !important;
    -moz-box-shadow: none  !important;
    -webkit-box-shadow:none  !important;
	margin:0px !important;
}

#heading textarea:focus {
	margin:0px !important;
}




.spanHeading{    float: left;
    width: 100%;
    min-height: 43px;
}
.layout-coverimage {
    margin: 0px -5px 0px -60px;
    width: 1030px;
}
.mce-statusbar {display:none !important;}





/* ================================================css end cover image ============================================================ */

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    #alert3Msg {
        left: 36% !important;
    }
}

@media screen and (min-device-width: 1370px) and (max-device-width: 2560px) {
    #alert3Msg {
        left: 44% !important;
    }
}

. ie10 .diningpostbutton input {
    float: right;
    margin-right: -102px !important;
    margin-top: 17px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%) repeat scroll 0 0;
    border: 1px solid #3498db; /* border-radius_none: 4px; */
    color: #fff;
    cursor: pointer;
    height: 26px;
    width: 64px;
}

/* Only works in IE10 */

*::-ms-backdrop, .diningpostbutton input {
    float: right;
    margin-right: -102px !important;
    margin-top: 17px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%) repeat scroll 0 0;
    border: 1px solid #3498db; /*  border-radius_none: 4px; */
    color: #fff;
    cursor: pointer;
    height: 26px;
    width: 64px;
}

/* IE11 */

. ie10 .newmenuList {
   /*  background-color: #ff0000; */
    display: none;
    float: none !important;
    margin-left: -292px !important;
    margin-top: 20px !important;
    min-height: 50px;
    position: absolute !important;
    top: 67px;
}

/* Only works in IE10 */

*::-ms-backdrop, .newmenuList {
  /*   background-color: #ff0000; */
    display: none;
    float: none !important;
    margin-left: -292px !important;
    margin-top: 20px !important;
    min-height: 50px;
    position: absolute !important;
    top: 67px;
}

/* IE11 */

.subjectInputBoxpopup2 {
    padding: 0px;
    float: left;
    width: 47%;
}

.subjectInputBoxpopup2 li {
    background-color: #ccc;
    color: #fff !important;
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 17px;
    margin: 2px;
    padding: 0 3px 0 5px;
    text-align: center;
    width: auto;
}

.subjectInputBoxpopup2 li a {
    color: #3498db;
    float: right;
    margin: 3px 0 0 5px;
    text-decoration: none;
    cursor: pointer;
}

.subjectInputBoxpopup2 li a:hover {
    color: #3498db;
    float: right;
    margin: 3px 0 0 5px;
    text-decoration: none;
    cursor: pointer;
}

.forPlanningFlieds #addFriends .invitesSecLeftButton {
    background: #00b9ce none repeat scroll 0 0;
    border-radius_none: 3px;
    float: left;
    height: auto;
    margin-left:44px;
    padding: 0;
    width: auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.forPlanningFlieds #addFriends .invitesSecLeftButton {
    margin-left:44px !important;
}
}

@media screen and (min-device-width: 1000px) and (max-device-width: 1366px) {
    .forPlanningFlieds #addFriends .invitesSecLeftButton {
       margin-left:44px !important;
    }
    .barlink {
        top: 0px !important;
    }
}


.friends-name-new {
    background-color: #e5e5e5;
    color: #333 !important;
    float: left;
    font-size: 13px;
    margin: 2px 4px 2px 0px;
    border-radius_none: 3px;
    padding: 4px 6px;
    text-align: center;
    width: auto;
    line-height: 24px;
}

.friends-name-new a img {
    border: 0 none;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    margin-top: 6px;
    outline: medium none;
}

.inviteesbymail {
    background-color: #e5e5e5;
    color: #333 !important;
    float: left;
    font-size: 13px;
    margin: 2px 4px 2px 0px;
    border-radius_none: 3px;
    padding: 4px 6px;
    text-align: center;
    width: auto;
    line-height: 24px;
}

.inviteesbymail a img {
    /*  border: 0 none;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    margin-top: 6px;
    outline: medium none; */
}

.flexibleText {
    position: relative;
    float: left;
    line-height: 33px;
}

.friends-name-highlighted {
    background: #00b9ce;
    color: #fff !important;
    float: left;
    font-size: 13px;
    margin: 2px 4px 2px 0px;
    border-radius_none: 3px;
    padding: 4px 6px;
    text-align: center;
    width: auto;
    line-height: 24px;
}

.friends-name-highlighted a img {
    border: 0 none;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
    outline: medium none;
}

.div_ID2X {
    float: left;
    width: 100%;
    border-radius_none: 0 0 3px 3px;
    border: 0px solid #ccc;
    margin-bottom: 2px;
}




.div_ID2Xedit {
    float: left;
    width: 99.9%;
    border-radius_none: 0 0 3px 3px;
    border: 1px solid #ccc;
    margin-bottom: 2px;
}

.subjectInputBoxpopuptimeCheckBox {
    float: left;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 8px;
}

#addFriends.invitesSecLeftButton {
    width: auto;
    height: auto;
    float: left;
    border-radius_none: 3px;
    -moz-border-radius_none: 3px;
    -webkit-border-radius_none: 3px;
    padding: 0px;
    background: #00b9ce;
    margin-left: 8px; /*border-bottom: 2px solid #0091a1;  border-right: 1px solid #0091a1; border-left: 1px solid #0091a1;  */
}

#addFriends.invitesSecLeftButton a {
    color: #fff;
    background: url(../images/btnIcon.png) no-repeat 15px center;
    line-height: 33px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    padding: 0 15px 0 45px;
    width: auto;
}

#addFriends.invitesSecLeftButton:hover {
    background: #00d2ea;
}

#addFriends.invitesSecLeftButton:active {
    background: #007785; /* box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.22); */
    border-bottom: 2px solid #007785; /* border-right: 1px solid #007785; border-left: 1px solid #007785; */
}

.subject-description {
    float: right;
    text-align: left;
    width: 320px;
    word-wrap: break-word;
}

.box5_new {
    margin-left: 0px;
}

.box5_new1 {
    margin-left: 0px;
}

#DataContainer .mce-btn button {
    padding: 4px 9px 4px 9px;
}

#DataContainer .mce-colorbutton .mce-preview {
    margin-left: -7px !important;
}

#categoryHolder .mce-btn button {
padding: 4px 9px 4px 9px;
}

.shoppingeditor .mce-colorbutton .mce-preview {
   /*  margin-left: -16px !important; */
}

.diningbody .mce-colorbutton .mce-preview {
   /*  margin-left: -16px !important; */
}

.travelbg .mce-colorbutton .mce-preview {
   /*  margin-left: -16px !important; */
}

.containerEditor .mce-btn button .mce-open {
    margin-left: -15px !important;
}

#DataContainer .mce-colorbutton .mce-preview {
    left: 32% !important;

}

.coverImage-upload-img-box-active {
    padding: 0px;
    margin: 82px auto 0px auto;
    width: 145px;
    height: 87px;
    background: url("../../images/cover-img-upload-active.png") no-repeat center center !important;
    z-index: 1;
    right: 15px;
    overflow: hidden;
    position: absolute;
    left: 43%;
    right: auto;
	opacity:0.5;
}
.coverImage-upload-img-box-active:hover {
	opacity:1;
}
/* .personalHeading {

    resize: none;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 20px 5px 3px !important;
}

.personalHeading{float: left;
border-bottom: 1px solid #ccc !important;
width: 96.7% !important;
margin-left: 5px;
margin-right: 5px;} */

.personalHeading {
resize: none;
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding: 5px 5px 5px 5px !important;
float: left;
border-bottom: 1px solid #ccc !important;
width: 99.1% !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;

}

.personalHeadingDisplay {
    resize: none;
    font-size: 24px;
    /* line-height: 30px;*/
    font-weight: 400;
    padding: 5px 3px 5px 3px !important;
	float: left;
border-bottom: 1px solid #ccc !important;
width: 97.3% !important;
margin-left: 10px;
margin-right: 10px;
}


.personalHeadingShop {
resize: none;
font-size: 18px;
line-height: 30px;
font-weight: 500;
padding: 5px 5px 5px 5px !important;
float: left;
border-bottom: 1px solid #ccc !important;
width: 99% !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

.personalHeadingTravel{
resize: none;
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding: 5px 5px 5px 5px !important;
float: left;
border-bottom: 1px solid #ccc !important;
width: 99.1% !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;

}
.personalHeadingDining {
resize: none;
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding: 5px 5px 5px 5px !important;
float: left;
border-bottom: 1px solid #ccc !important;
width: 99.1% !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;


}
.NOD-textIE{padding-right: 14px !important;}
.NOD-value-textIE{margin: 0 0 0 -24px !important;}
.kids-value-IE{left: -20px !important; margin:0px !important;}
.kids-textFF {left: -3px !important;}



 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.eventPreferencePlanneddateIE{margin-left:-1px !important;margin-right:2px !important;}
.eventPreferencePlanneddateIERight{margin-left:1px !important;}
.evnt-location-div{margin-right:2px !important;}
.boxevent{margin-left:-11px !important; width: 350px !important;}
.descriptionboxplanIE{margin-left:0px !important; width:337.5px !important;}
.desc-textIE{padding-right: 6px !important;}
.NOD-textIE{padding-right: 12px !important;}
.NOD-value-textIE{margin:0 0 0 2px !important}
.kids-value-IE{left: 18px !important; margin-left:10px !important;}

.IEeventLocation{left:6px !important; }
.IEeventLocationInput{width:349px !important; }
.IEeventLocation1{left:6px !important;}
.IEplaninput {margin-left:3px !important;}
.eventPreferencePlanneddate .box3 {width:99px !important;}
.subjectInputBoxpopuptime .boxtime {width:99px !important;}
}


/* 
#DataContainer td, #DataContainer th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}


#eventPreference td, #eventPreference th {
    border: 0px solid #dddddd !important;
    text-align: left !important;
    padding: 0px !important;
}

#travelPreference td, #travelPreference th {
    border: 0px solid #dddddd !important;
    text-align: left !important;
    padding: 0px !important;
}
 */

.mce-jscolor {
   background: url("../../images/bg-color-palet.png") no-repeat 10px 3px !important;
    background-size: auto auto !important;cursor:pointer; height: 28px !important;border: 1px solid rgba(0, 0, 0, 0.1) !important;  border-top:none !important; border-bottom:none !important;margin-left: -1px !important;
  /*   padding-left: 20px !important;
    width: 84px !important;border-left: 1px solid rgba(0,0,0,0.1) !important; */
}
.mce-jscolor button {background: no-repeat !important; border-left:none !important;cursor:pointer;border:none !important;     float: left !important;
 height: 28px !important;
-moz-height: 33px !important;
    margin-top: -6px !important;
    width: 36px !important;
    margin-left: -10px !important;
} 

#colPicWrap{position:fixed !important; left: 45% !important; right:auto !important; top:30% !important;}

.mce-menu-has-icons .mce-i-image{margin-left: 23px !important;}
.mce-menu-has-icons .mce-i-link{margin-left: 23px !important;}
.mce-menu-has-icons .mce-i-table{margin-left: 23px !important;}




#subShopping_Content_text ul, ol, li {
 /*    list-style: default; */
}

.postyourcomments{    font-size: 16px !important;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .mce-jscolor {
width: 35px !important;border-bottom:none !important;
}

#subShopping_Content_text ul, ol, li {
    list-style: none  !important;
}
}


@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
.popupCategorySliderCategoryName {
    float: right;
    margin-left: 8px;
    margin-top: 6px;
    height: 33px;
    font-size: 17px;
}


}}



@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
.mce-jscolor {
   background: url("../../images/bg-color-palet.png") no-repeat 10px 3px !important;
    background-size: auto auto !important;cursor:pointer; height: 16px !important;border: 1px solid rgba(0, 0, 0, 0.1) !important; border-top:none !important; border-bottom:none !important;margin-left: -1px !important;
  /*   padding-left: 20px !important;
    width: 84px !important;border-left: 1px solid rgba(0,0,0,0.1) !important; */
}
.mce-jscolor button {background: no-repeat !important; border-left:none !important;cursor:pointer;border:none !important;     float: left !important;
 height: 28px !important;
-moz-height: 33px !important;
    margin-top: -6px !important;
    width: 36px !important;
    margin-left: -10px !important;
} 

.popupCategorySliderCategoryName {
    float: right;
    margin-left: 8px;
    margin-top: 6px;
    height: 31px;
    font-size: 17px;
}
.categoryItemList ul li span img {
    margin-top: 7px;
}

::i-block-chrome, .categoryItemList li {
    float: left;
    width: auto;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 5px !important;
}

::i-block-chrome, .arrowBtnL {
    width: 20px;
    padding:12px 0px 0px 10px !important;
    right: 10px;
    float: left;
    cursor: pointer;    line-height: 15px;
}

::i-block-chrome, .arrowBtnR {
  width: 20px;
    padding: 12px 0px 0px 7px !important;
    float: right;
    cursor: pointer;    line-height: 15px;
}



.arrowBtnL {
    width: 20px;
   padding: 12px 0px 10px 7px;
    right: 10px;
    float: left;
    cursor: pointer;    line-height: 15px;
}

.arrowBtnR {
  width: 20px;
    padding: 12px 0px 10px 7px;
    float: right;
    cursor: pointer;    line-height: 15px;
}
.todaydynamicTxt {
    float: left;
    padding-top: 5px;
    font-size: 16px;    font-weight: 500;
}
.todayTxt {
    float: left;
    padding-top: 7px;
    padding-right: 4px;
    cursor: text;
    font-size: 16px;    font-weight: 500;
}

.datetoolLeft img{float:left;}
.datetoolRightDisable img{float:left;}
.shoppingicon {
    float: left;
    padding: 7px 7px 5px 7px;
}
.shoppingleftbg span{ font-size: 14px;
line-height: 24px;}
.categoryItemList li {
    float: left;
    width: auto;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
}
.todayClass {
    padding-right: 9px; 
}
.shoppingtext {
    padding: 5px 0px;
}

}


@media screen and (min-color-index: 0)
and(-webkit-min-device-pixel-ratio: 0) {
    @media {

        select {
            border-radius: none !important;
            border-top-left-radius: 0px !important;
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            border-bottom-left-radius: 0px !important;

        }

    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.aligndropdownList{width:327px !important;}

    .travelPreferenceAdult_planning {
        left: 3px !important;
        height: 32px !important;
        position: relative;
        -moz-appearance: none;
        -webkit-appearance: none; /*border: medium none;*/
        font-size: 12px ! important;
        left: 0px;
        position: relative;
        width: 100%;
        margin-left: 1px;


    height:32px!important; position: relative;-moz-appearance: none; -webkit-appearance: none; /*border: medium none;*/
    font-size:12px! important; left:0px;  position: relative; width:100%; margin-left:1px;
}

.box5_new {
    margin-left: 1px;
   /*  background: #000; */
}

/* IE10 */
*::-ms-backdrop, .box5_new {
    margin-left: 1px;
   /*  background: #000; */
}

/* IE11 */
.box5_new1 {
    margin-left: 1px;
 /*    background: #000; */
}

/* IE10 */
*::-ms-backdrop, .box5_new1 {
    margin-left: 1px;
  /*   background: #000; */
}

/* IE11 */
.box5_new11111111 {
    margin-left: 1px;
}

}

@media screen and (max-width: 1400px) {
#colPicWrap{left: 42% !important;}
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .diningpostbutton input {
        float: right;
        margin-right: -96px;
        margin-top: 15px;
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%) repeat scroll 0 0;
        border: 1px solid #3498db;
        border-radius_none: 4px;
        color: #fff;
        cursor: pointer;
        height: 30px;
        width: 68px; font-weight:400;
    }

    .diningpostbutton input:hover {
     /*    background: -webkit-linear-gradient(#23c0f7, #1daee3); */
        margin-right: -96px;
        float: right;
    }

    /* Safari only override */
    ::i-block-chrome, .iAmAlsoThereActive {
        background: url("../../images/cat-active-arrow.png") no-repeat scroll center 22px !important;
    }

    ::i-block-chrome, .popup_unlockBtn_component {
        margin-top: 4px !important;
    }

    ::i-block-chrome, .popupCategorySliderCategoryName {
        float: right;
        margin-left: 8px;
        margin-top: 2px;
        height: 33px;
    }

    ::i-block-chrome, .arrowBtnL {
        width: 20px;
        padding: 8px 0px 0px 10px;
        right: 10px;
        float: left;
        cursor: pointer;    line-height: 15px;
    }

    ::i-block-chrome, .arrowBtnR {
        width: 20px;
        padding: 8px 0px 0px 7px;
        float: right;
        cursor: pointer;    line-height: 15px;
    }

    ::i-block-chrome, .TrLSetLeft {
        -webkit-appearance: none;
    }

    ::i-block-chrome, .TrLSetRight {
        -webkit-appearance: none;
    }

    ::i-block-chrome, .shopeditbtn {
        background: -webkit-linear-gradient(#1daee3, #23c0f7);
    }

    ::i-block-chrome, .diningpostbutton input {
        background: -webkit-linear-gradient(#1daee3, #23c0f7);
        margin-right: -102px;
        float: right;
    }

    ::i-block-chrome, .diningpostbutton input:hover {
        background: -webkit-linear-gradient(#23c0f7, #1daee3);
        margin-right: -102px;
        float: right;
    }

    ::i-block-chrome, .commentbox fieldset legend {
        margin: -36px 0 0 -8px !important;
        position: absolute !important;
    }

    ::i-block-chrome, .ratingCategories {
        margin: 5px 40px 0px 0px !important;
    }

    ::i-block-chrome, .cancelBtn_Stylenew {
        background: -webkit-linear-gradient(#9b9b9b, #a4a3a3);
    }

    ::i-block-chrome, .cancelBtn_Stylenew:hover {
        background: -webkit-linear-gradient(#a4a3a3, #9b9b9b);
    }

    ::i-block-chrome, .cancelBtn_Stylenewoverall input {
    {
    background : -webkit-linear-gradient(#9b9b9b, #a4a3a3); font-weight:600;
    } : : i-block-chrome, . cancelBtn_Stylenewoverall input :hover {
    {
    background : -webkit-linear-gradient(#a4a3a3, #9b9b9b); font-weight:600;
    }

    ::i-block-chrome, .popupEditDiv input {
        margin-top: -10px !important;
    }

    ::i-block-chrome, .editTravelOverAllButtonStyle {
        margin-top: -10px !important;
    }

    ::i-block-chrome, .shopeditbtn {
        background: -webkit-linear-gradient(#1daee3, #23c0f7);
    }

    ::i-block-chrome, .shopeditbtn:hover {
        background: -webkit-linear-gradient(#23c0f7, #1daee3);
    }

    ::i-block-chrome, .planningStyle {
        margin-left: 187px !important;
        border: 1px solid transparent;
        margin-top: -1px !important;
    }

}

@media screen and (min-device-width: 1680px) and (max-device-width: 2560px) { 
.popupAlertFrm_Style{margin-left: 43% !important; }
/* .xdsoft_datetimepicker {    left: 1151.2px!important;} */
}

@media screen and (min-device-width: 320px) and (max-device-width:768px) { 
.personaleditor img {
    margin-bottom: 0px !important;
    width: 100% !important;
}
}