/*==   Suggest Search       ========================================================*/
div#suggestpane, div#extendedsuggestpane {
	position: absolute;
	/*width: 45%;*/
	width: 580px;
	height: 0px;
	background-color: white;
	overflow-y: scroll;
	padding-left: 30px;
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 4px rgba(0,0,0,.20);
	z-index: 50;
	font-size: 1.17em;
}

.richentryarea div#suggestpane, .richentryarea div#extendedsuggestpane {
	font-size: 1em;
}

div#suggestpane.active, div#extendedsuggestpane.active {
	height: 345px;
	-webkit-transition: height 0.1s ease-in-out;
}

div.suggestpanecontainer {
	/*width: 94%;*/
	text-align: left;
	position: static;		/* For ApparelX */
}

div.suggestresultdiv span.priceonsuggest_customer {
	color: #C99C49;
}

div.suggestresultdiv span.priceonsuggest_supplier {
	/*color: #49B4C9;*/
	color: #536DFE;
}

.itemidonsuggest {
	color: #9E9E9E;
}

div.suggestresultdiv span.priceonsuggest {
	color: #919191;
}

font.quantityonsuggestfont {
	color: #9BC2A5;
}

div.suggestresultdiv span.standardcostpriceonsuggest {
	color: #B1B1B1;
}

div.suggestresultdiv font.suggestadditionalinformation {
	color: #B1B1B1;
/*	position: absolute;
	right: 2px;*/
}

div.suggestresultdiv font.suggestjustadditionalinformation {
	color: #B1B1B1;
	margin: 0px;
}

div.suggestresultdiv font.suggestbusinessflowitem {
	color: #D1C4E9;
	margin: 0px;
}

/* .simpleclosebutton {
	float: right;
	position: relative;
	display: inline-block;
	color: #000000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	width: 30px;
	height: 30px;
	padding: 4px;
	margin: 5px 5px;
	transition: transform 0.3s ease-in-out;
	border-radius: 100%;
	cursor: pointer;
}
.simpleclosebutton::before, .simpleclosebutton::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 1px;
	border-top: 1px solid #696969;
}
.simpleclosebutton::before {
	transform: rotate(45deg);
}
.simpleclosebutton::after {
	transform: rotate(135deg);
}
.simpleclosebutton:hover {
	transform : rotate(360deg);
	transition: transform 0.3s ease-in-out;
}
.simpleclosebutton:hover::before {
	transform: rotate(405deg);
	transition: transform 0.3s ease-in-out;
} */

/*==   Enterprise Search       ========================================================*/
div#headerenterprisesearchdiv {
	float: left;
	height: 100%;
	margin-left: 17px;
}

input#enterprisesearchinput {
	margin-top: 13px;
	width: 270px;
	background: none;
	height: 30px;
	font-size: 0.9em;
	padding: 0px 27px 0px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

input#enterprisesearchinput:focus {
	outline: none;
}

img#enterprisesearch_magnifyingglass {
	position: absolute;
	margin-top: 13px;
	margin-left: 2px;
	width: 30px;
	height: 30px;
}

div#enterprisesearchpane {
	position: absolute;
	top: 55px;
	width: 750px;
	height: 0px;
	background-color: white;
	overflow-y: scroll;
	padding-left: 30px;
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 4px rgba(0,0,0,.20);
}

div#enterprisesearchpane a {
	text-decoration: none;
}

div#enterprisesearchpane.active {
	height: 345px;
	-webkit-transition: height 0.1s ease-in-out;
}

div#enterprisesearchpane.inactive {
	height: 0px;
	-webkit-transition: height 0.1s ease-in-out;
}

div#enterprisesearchpane_resultcontainer {
	width: 96%;
}

div#enterprisesearchpane_mostusedcontainer, div#enterprisesearchpane_mostrecentcontainer {
	width: 48%;
}

div#enterprisesearchpane_resultcontainer  {
	display: none;
}

div#enterprisesearchpane_mostusedcontainer  {
	float: left;
	height: 100%;
}

div#enterprisesearchpane_mostrecentcontainer  {
	float: left;
	height: 100%;
	top: 0px;
}

div.enterprisesearchresult_label, div.suggestresult_label, div#suggest_readmore {
	font-size: 0.75em;
	color: #C1C1C1;
	line-height: 30px;
	margin-top: 15px;
}

div.suggestresult_label {
	font-size: 0.75em;
}

div#suggest_readmore {
	text-align: center;
}

div.enterprisesearchresultdiv, div.suggestresultdiv {
	font-size: 0.75em;
	/*color: #B1B1B1;*/
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
}

div.suggestresultdiv {
	cursor: pointer;
	/*font-size: 0.85em;*/
}

div.enterprisesearchresultdiv:hover, div.suggestresultdiv:hover, a:focus div.enterprisesearchresultdiv {
    background-color: #F1F1F1;
	-webkit-transition: background-color 0.1s ease-in-out;
}

div.enterprisesearchresultdiv.enterprisesearchselected, div.suggestresultdiv.suggestselected {
    background-color: #E8E8E8;
	/*-webkit-transition: background-color 0.1s ease-in-out;*/
}

a.enterprisesearchtargetanchor {
	/*display: block;*/
	color: #313131;
	line-height: 30px;
}

div.enterprisesearchprogramiconcontainer, div.suggesticoncontainer {
	margin-top: 3px;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background-color: #F1F1F1;
	float: left;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.suggesticoncontainer {
	margin-top: 1px;
	width: 28px;
	height: 28px;
}

div.suggesticonsubcontainer {
	margin-top: 1px;
	margin-left: 1px;
	width: 26px;
	height: 26px;
	background-color: #F1F1F1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

img.enterprisesearchprogramicon, img.suggesticon {
	margin-top: -8px;
	vertical-align: middle;
	margin-left: 4px;
	width: 16px;
	height: 16px;
}

img.suggesticon {
	margin-top: -4px;
	width: 20px;
	height: 20px;
	background-color: #F1F1F1;
}

div.suggesticon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

img.enterprisesearchprogramicon_round, img.suggesticon_round {
	margin-left: 2px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

img.suggesticon_round {
	margin-left: 1px;
	width: 24px;
	height: 24px;
}

div.suggesticoncaptiondiv, div.suggestpanehtmlcolordiv, div.suggesticon {
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	width: 24px;
	height: 24px;
	color: #FFFFFF;
	text-align: center;
	line-height: 26px;
	background-color: #EAEAEA;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

span.suggestresultmain {
	color: #313131;
}

span.enterprisesearchresultexplanation, span.suggestresultexplanation {
	margin-left: 6px;
	color: #B1B1B1;
	/*font-size: 0.9em;*/
}

@media (max-width: 900px) {
	div#headerenterprisesearchdiv {
		width: 20%;
	}
	input#enterprisesearchinput {
		width: 100%;
	}
	div#enterprisesearchpane {
		width: 75%;
	}
	input#enterprisesearchinput::-webkit-input-placeholder {
	  color: rgba(0, 0, 0, 0);
	}
	input#enterprisesearchinput::-moz-placeholder {
	  color: rgba(0, 0, 0, 0);
	}
}

/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  ENTRY FORM COMPONENT : RICH (FLEXBOX) *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  * /
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.richentryarea {
	width: 100%;
}

.richentryformelement, .refe-generalcomponent, .refe-maincomponentcontainer, .refe-maincomponent, .refe-headerdesccomponent, .refe-mainentrycomponent, .refe-maindescarea, .refe-mainentryarea, .refe-mainradioarea, .refe-mainbuttonarea {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	position: relative;
}

.richentryformelement[direction='column'], .refe-mainentryarea[direction='column'] {
	flex-direction: column;
}

.richentryformelement[justify='space-around'] {
	justify-content: space-around;
}

/*.richinput {
	width: 90%;
	height: 40px;
	font-size: 1em;
	padding: 0px 10px 0px;
	color: #4F4F4F;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.richinput.code, input[type='password'].richinput {
	width: 90%;
}

.richinput.date, .richinput.number, .richinput.money, .richinput.amount, .richinput.id, .richinput.quantity {
	width: 150px;
}

.richinput.name, .richinput.kananame, .richinput.romanname, .richinput.address, .richinput.string50 {
	width: 90%;
}

.richinput.zipcode, .richinput.analysistags, .richinput.telno, .richinput.faxno, .richinput.type, .richinput.flag, .richinput.day, .richinput.integer, .richinput.rate {
	width: 210px;
}

.entryspecific .richinput.id, .entryspecific .richinput.code, .entryspecific .richinput.code2, .entryspecific .richinput.date, .entryspecific .richinput.yearmonth, .entryspecific .richinput.string20, .entryspecific .richinput.telno, .entryspecific .richinput.money {
	width: 40%;
}

.entryspecific .richinput.type {
	width: 20%;
}

.entryspecific .richinput.name, .entryspecific .richinput.string50 {
	width: 100%;
}

.entryspecific .richinput.name2 {
	margin-left: 2px; 
	width: 58%;
}

.entryspecific .richinput.zipcode {
	width: 30%;
}

.richinput:focus, .richtextarea:focus {
	box-shadow: 0 0 0 3px rgba(43, 128, 255, 0.6);
	outline: none;
}

.richinput.haserror:focus, .richtextarea.haserror:focus {
	box-shadow: 0 0 0 3px rgba(255, 43, 43, 0.6);
}

.richtextarea {
	width: 100%;
	font-size: 1em;
	padding: 5px 10px;
	color: #4F4F4F;
	border-radius: 15px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
}
*/
.refe-maincomponentcontainer {
	background-color: rgba(255, 255, 255, .2);
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 1px rgba(0,0,0,.20);
	width: 95%;
	margin: 10px auto;
	padding: 10px;
}

.refe-maincomponent {
	flex-direction: column;
	width: 100%;
	margin-bottom: 20px;
}

.refe-headerdesccomponent {
	justify-content: center;
	align-items: center;
	padding-top: 3px;
	text-align: center;
	/*text-align: left;*/
	width: 90%;
	/*background-color: red;*/
}

.refe-headerdesccomponent p {
	font-size: 1em;
	margin: 0;
	text-align: center;
}

.stepnumber {
	font-size: 1.1em;
	text-align: center;
	margin-right: 8px;
	margin-bottom: 3px;
	color: white;
	border: 2px solid white;
	background-color: #64B5F6;
	line-height: 38px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
}

.headermaindesc {
	font-size: 1.05em;
	color: #313131;
}

.headerdetaildesc {
	margin-bottom: 3px;
	font-size: 0.9em;
	color: #515151;
}

.refe-maindescarea {
	align-items: center;
}

.refe-mainentrycomponent {
	justify-content: center;
	padding: 10px;
	margin: 3px;
	background-color: rgba(255, 255, 255, .5);
	box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 2px rgba(0,0,0,.20);
}

.refe-maindescarea {
	flex-direction: column;
	justify-content: center;
	width: 50%;
	/*background-color: red;*/
}

.entryspecific .refe-maindescarea {
	width: 30%;
}

/*.refe-generalcomponent {
	width: 100%;
}*/

.requiredmarkarea {
	margin-left: 2px;
	color: red;
}

.bottomsubdesc {
	color: #616161;
	font-size: 0.8em;
	width: 90%;
	/*background-color: red;*/
	/*height: 20px;*/
}

.refe-mainentryarea {
	align-items: center;
	justify-content: flex-start;
	width: 50%;
	text-align: left;
	/*background-color: rgba(255, 255, 255, .2);*/
}

.entryspecific .refe-mainentryarea {
	width: 70%;
}

.refe-mainentryarea[direction='column'] {
	align-items: flex-start;
	justify-content: space-around;
}

.refe-mainentryarea label {
	margin-left: 5px;
	margin-right: 15px;
}

.refe-mainentryarea .richcheckboxcontainer {
	margin-top: 5px;
	margin-bottom: 5px;
}

.refe-mainbuttonarea {
	justify-content: center;
}

.refe-mainbuttonarea button {
	margin: 5px 20px;
}

.richcheckboxcontainer p {
	margin: 0;
	color: #616161;
	font-size: 0.8em;
}

.richbutton {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
    font-size: 14px;
    /*font-weight: 300;*/
    line-height: 48px;
    padding: 0 0px;
	border-radius: 2px;
	text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
	min-width: 36px;
    white-space: nowrap;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;
}
/*.richbutton:disabled {
	opacity: .3;
}*/
.richbutton_small {
    font-size: 13px;
    line-height: 36px;
}
@media screen and (min-width: 980px) {
.richbutton[shortcutkey]::after {
	opacity: 0.7;
	margin-left: 6px;
	/*margin-right: -16px;*/
	content: attr(shortcutkey);
}
}
.richbutton:hover:enabled, .richbutton:focus {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
	transform: translate3d(0, -1px, 0);
}
.richiconbutton {
    padding: 0 48px;
	background-position: 16px 12px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding-left: 56px;
}
.richbutton_blue {
	background-color: #2196F3;
	background-color: #448BFF;
	/*background-color: #448AFF;*/
	/*color: rgba(255,255,255,.87);*/
	color: rgba(255,255,255,1);
}
.richbutton_blue:hover {
	background-color: #2196F3;
	background-color: #357DF2;
	color: rgba(255,255,255,1);
}
.richbutton_blue:active {
	background-color: #2196F3;
	background-color: #357DF2;
}	
.richbutton_blue:disabled {
	background-color: #90CAF9;
	background-color: #E0E0E0;
	background-color: #D8DCE3;
}
.richbutton_green {
	background-color: #26A69A;
	background-color: #3BC335;
	background-color: #0AFE15;
	background-color: #05ED0F;
	/*background-color: #448AFF;*/
	color: rgba(255,255,255,1);
}
.richbutton_green:hover {
	background-color: #26A69A;
	background-color: #05F510;
	background-color: #00E30A;
	color: rgba(255,255,255,1);
}
.richbutton_green:active {
	background-color: #26A69A;
	background-color: #05F510;
	background-color: #00E30A;
}	
.richbutton_green:disabled {
	background-color: #B2DFDB;
	background-color: #E0E0E0;
	background-color: #DAE6DB;
}	
.richbutton_red {
	background-color: #EC407A;
	background-color: #FE447D;
	/*color: rgba(255,255,255,.93);*/
	color: rgba(255,255,255,1);
}
.richbutton_red:hover {
	background-color: #EC407A;
	background-color: #F23871;
	color: rgba(255,255,255,1);
}
.richbutton_red:active {
	background-color: #EC407A;
	background-color: #F23871;
}	
.richbutton_red:disabled {
	background-color: #F8BBD0;
	background-color: #E0E0E0;
	background-color: #E6DADE;
}	
.richbutton_yellow {
	background-color: #FFEE58;
	background-color: #7AF5CA;
	/*color: rgba(0,0,0,.5);*/
	color: rgba(255,255,255,1);
}
.richbutton_yellow:hover {
	background-color: #FFEE58;
	background-color: #68E8BB;
	/*color: rgba(0,0,0,.5);*/
}
.richbutton_yellow:active {
	background-color: #FFEE58;
	background-color: #68E8BB;
}
.richbutton_yellow:disabled {
	background-color: #FFF9C4;
	background-color: #E0E0E0;
	background-color: #D8E3DF;
	color: rgba(255,255,255,1);
}
.richbutton_white {
	background-color: #fff;
	color: rgba(0,0,0,.6);
}
.richbutton_white:hover {
	color: rgba(122,122,122,.87);
}
.richbutton_white:active {
	background-color: #F5F5F5;
}	
.richbutton_white:disabled {
	background-color: #E0E0E0;
	color: rgba(255,255,255,1);
}	
.richexecutebutton {
	background-image: url('img/icon_execute.png');
}

.richemailbutton {
	background-image: url('img/icon_email.png');
}

.richloginbutton {
	background-image: url('img/icon_login.png');
}
#footnotediv {
	width: 100%;
	text-align: center;
}
#footnotediv font {
	font-size: 13px;
	line-height: 21px;
	display: inline-block;
	color: #BDBDBD;
	/*background-color: #F1F1F1;*/
}

div.suggestdeletediv, div.forcetoprocessdiv {
	position: absolute;
	cursor: pointer;
	right: 5px;
	width: 30px;
	height: 20px;
	background: red;
	font-size: 0.7em;
	color: white;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.suggestdeletediv_onpane {
	/*left: 0px;*/
	right: 2px;
	width: 30px;
	height: 20px;
	margin-top: 5px;
	line-height: 20px;
}

div.forcetoprocessdiv {
	/*right: 18px;*/
	left: -30px;
}

div.suggestdeletediv:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

#totopicon, #tobottomicon {
	width: 75px;
	position: fixed;
	z-index: 99999;
	right: 10px;
	cursor: pointer;
}

#totopicon {
	bottom: 10px;
}

#tobottomicon {
	top: 10px;
}

#totopicon:hover, #tobottomicon:hover {
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
}

/*==   PROFILE && PHOTOS       ========================================================*/
img.photo_small {
	width: 35px;
	height: 35px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

img.photo_verysmall {
	width: 22px;
	height: 22px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

img.profilephoto {
	cursor: pointer;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

img.suggestphoto, div.suggesthtmlcolordiv {
	position: absolute;
	right: 8px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.shadowdetailphotocontainer {
	position: absolute;
	/*margin-top: 3px;*/
	margin-left: -24px;
	width: 27px;
	height: 27px;
	background-color: #F1F1F1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.shadowhtmlcolordiv, img.shadowphoto {
	/*position: absolute;
	margin-top: 4px;
	margin-left: -13px;*/
	/*margin-top: 1px;*/
	width: 25px;
	height: 25px;
	vertical-align: baseline;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.shadowhtmlcolordiv {
	margin-left: 1px;
}

/*img.shadowphoto.itemthumbphoto_item {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}*/
	
img.itemthumbphoto, img.generalthumbphoto {
	margin: 0px 2px 0px 0px;
	width: 20px;
	height: 20px;
	float: left;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

/*img.itemthumbphoto.itemthumbphoto_item {
	margin: 0px 0px 0px 2px;
}*/

div.itemthumbhtmlcolordiv {
	float: left;
	margin: 0px 2px 0px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.generalshadowphotocontainer {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;	
	/*margin-top: 3px;*/
	margin-left: -17px;
	width: 24px;
	height: 24px;
	background-color: #F1F1F1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.richentryarea div.generalshadowphotocontainer {
	margin-top: 0px;
	margin-left: -15px;
	width: 32px;
	height: 32px;
}

img.generalshadowphoto {
	margin: 1px 0px 0px 1px;
	width: 22px;
	height: 22px;
	float: left;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.richentryarea img.generalshadowphoto {
	width: 30px;
	height: 30px;
}

img.stockinformationimage {
	position: absolute;
	right: 5px;
	/*margin: 0px 0px 0px -17px;*/
	width: 18px;
	height: 18px;
}

img.stockinformationimage_pane {
	position: absolute;
	right: 10px;
	margin-top: 2px;
	width: 24px;
	height: 24px;
}

img.removegeneraluploadbutton {
	position: absolute;
	margin-left: -10px;
	width: 12px;
	height: 12px;
}

/*==   RICH DATEPICKER (SDP)    ========================================================*/
.suggestdatepicker {
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.sdp_month {
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 10px 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.sdp_monthcaptionarea {
	min-height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.sdp_yobiarea {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.sdp_yobi {
	width: calc(100% / 7);
	min-height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.sdp_yobi[yobi='0'] {
	color: #B71C1C;
}
.sdp_yobi[yobi='6'] {
	color: #0D47A1;
}
.sdp_daycontainer {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.sdp_day, .sdp_day_blank {
	width: calc(100% / 7);
	padding: 2px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.sdp_dayinner {
	color: #212121;
	width: 100%;
	min-height: 40px;
	border: solid 1px #E0E0E0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.sdp_daysub {
	margin-top: 4px;
	font-size: 9px;
	line-height: 0px;
	opacity: .5;
}
.sdp_day[yobi='0'] .sdp_dayinner, .sdp_day[daytype='1'] .sdp_dayinner, .sdp_day[businessdaytype='1'] .sdp_dayinner, .sdp_day[companydaytype='1'] .sdp_dayinner {
	color: #B71C1C;
	border-color: #FFCDD2;
	background-color: #FFEBEE;
}
.sdp_day[yobi='6'] .sdp_dayinner {
	color: #0D47A1;
	border-color: #BBDEFB;
	background-color: #E3F2FD;
}
.sdp_day.today .sdp_dayinner {
	background-color: #FFF9C4;
}
.sdp_day.selected .sdp_dayinner {
	border: solid 2px #BDBDBD;
}
.sdp_dayinner:hover {
	background-color: #F5F5F5 !important;
}
@keyframes backgroundanimation {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.sdp_readmore {
	width: 100%;
	font-size: 0.75em;
	color: #C1C1C1;
	line-height: 30px;
	margin-top: 15px;
	text-align: center;
}
.suggestbutton {
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	border-radius: 3px;
	/* background-color: gray; */
	background-image: url('img/calendarpickericon.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
    flex-shrink: 0;
	background-image: url('img/suggesticon.jpg');
}
.showsdpbutton {
	background-image: url('img/calendarpickericon.jpg');
}
.suggestbuttoncontainer {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}

/*==   TWEET       ========================================================*/
div#tweetdiv {
	margin-top: 10px;
	text-align: center;
}
	
div#tweetpallet {
	margin-top: -6px;
	margin-left: 5px;
}

div.tweetpalletitem {
	margin: 1px;
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
}

div.tweetpalletitem.selected {
	margin: 0px;
	border: 1px solid gray;	
}

div#tweetpalletitem_font_bold {
	background-image: url('img/font_bold.png');
	background-size: contain;
}

div#tweetpalletitem_font_red {
	background-image: url('img/font_red.png');
	background-size: contain;
}

p#tweetp {
	font-size: 0.85em;
	cursor: pointer;
	margin: 0px 0px 0px 3px;
	color: #33AADD;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

p#tweetbutton {
	font-size: 0.85em;
	cursor: pointer;
	width: 62px;
	margin: 0px;
	margin-left: 157px;
	text-align: center;
	background-color: #EEEEEE;
	color: #777777;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

div#tweettypeselector {
	margin-top: -2px;
}

span.tweettypelabel {
	cursor: pointer;
	color: #616161;
	font-size: 0.8em;
	margin: 0 0 0 3px;
	padding: 1px 4px;
	background-color: #DBE6FF;
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

span.tweettypelabel.selected {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

span.tweettypelabel:hover {
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

div#tweetdiv textarea {
	font-size: 0.85em;
	width: 95%;
}

table#tweetlist {
	font-size: 0.75em;
	text-align: left;
	color: #777777;
	width: 99%;
}
	
table#tweetlist td {
	padding: 0px;
	cursor: pointer;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
}

table#tweetlist td[scope='private'][fromwho='other'] {
	background-color: #D6EFFF;
}
	
table#tweetlist td[scope='private'][fromwho='me'] {
	background-image: url('img/transparence_skyblue.png');
}
	
table#tweetlist td[scope='public'][fromwho='me'] {
	background-image: url('img/transparence_gray.png');
}
	
table#tweetlist td[tweet='tweet']:hover {background-color: #EEEEEE;}

table#tweetlist td font#posted {
	color: #CCCCCC;
}
	
table#tweetlist p {
	margin: 2px 0;
}
	
.tweetreplytoarea {
	margin-left: 3px;
	color: #717171;
	font-size: 0.95em;
	background-color: rgba(97, 199, 255, 0.15);
}

.tweetreplytocaption {
	color: #515151;
	text-decoration: underline;
}

td#tweetmore {
	text-align: center;
	color: #CC7700;
	cursor: pointer;
}

img.tweetprofilephoto {
	width: 36px;
	height: 36px;
	margin: 1px 1px 0px 1px;
	float: left;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

img.unreadtweetmark {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 4px;
	left: -6%;
}

img.partnerunreadtweet {
	width: 13px;
	height: 13px;
	top: 6px;
	left: -5%;
}

img.normaltweet {
	width: 10px;
	height: 10px;
	top: 5px;
	left: -5%;
}

font.deletetweet {
	color: #E7C7ED;
}
	
font.deletetweet:hover {
	color: #9E74A6;
}

img.tweetimg, video.tweetvideo {
	width: 70%;
	display: block;
	margin: 0 auto;
}

video.tweetvideo {
	width: 90%;
}

img.tweetfileimage {
	width: 30px;
	float: right;
}

#revoke, #revokequoterequest, #revokesamplebookrequest, font.revoke, font.generalrevoke, font.standardrevoke {
	cursor: pointer;
	/* text-decoration: underline; */
	border: 1px solid white;
	color: white;
	padding: 0 8px;
	margin-left: 8px;
}

p#message #revoke, p#message #revokequoterequest, p#message #revokesamplebookrequest, p#message font.revoke, p#message font.generalrevoke, p#message font.standardrevoke {
	margin: 5px 0px 5px 5px;
}	

.topersoncontrolcontainer {
	position: absolute;
	right: 2%;
	top: 0;
	bottom: 0;
	margin: auto;	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.topersonemailcontrol {
	margin-left: 3px;
	font-size: 0.8em;
	padding: 0 5px;
	text-align: center;
	/* height: 60%; */
	background-color: #0091EA;
	color: white;
	border-radius: 3px;
}
.topersontweetcontrol {
	font-size: 0.8em;
	padding: 0 5px;
	text-align: center;
	/* height: 60%; */
	background-color: #7E57C2;
	color: white;
	border-radius: 3px;
}

/*==   NOTIFICATION       ========================================================*/
div#notification {
	padding: 10px 5%;
}
	
table#notificationtable {
	height: 50px;
	width: 100%;
	/* background-color: #FAFAAA; */
	border: double 3px #DADADA;
	/* border: double 3px #DADA88; */
	color: #444411;
	table-layout: auto;
}
	
table#notificationtable td {
	text-align: left;
	font-size: 0.85em;
	vertical-align: middle;
	padding: 5px 10px;
}
	
input[type='checkbox'] {
	padding: 0px;
	margin: 0px 0px 0px 5px;
	vertical-align: middle;
}