/* Login Form Fonts, background-image and panel-color */
body.login-interact {
	font-family: "Franklin Gothic Book","Cambria Regular",sans-serif;
	font-weight: 400;
}

body.login-interact label{ 
	font-family: "Franklin Gothic Demi","Cambria Bold",sans-serif;
	font-weight: 400;
}
body.login-interact .ws-font-normal label, label.ws-font-normal {
	font-family: "Franklin Gothic Book","Cambria Regular",sans-serif;
	font-weight: 400;
}

@media (min-width: 1281px) {
	body.login-background {	
		/*background-image: url(/interact/images/login_background_flags_1920.jpg);
		background-position: center top;
		background-size: 100% auto;*/
		/*background-image: url(/interact/images/login_background_white.png);*/
		background-image: none;
	}
}
@media (max-width: 1280px) {
	body.login-background {	
		/*background-image: url(/interact/images/login_background_flags_1280.jpg);*/
		background-image: url(/interact/images/login_background_white.png);
		background-position: center top;
		background-size: 100% auto;
	}
}
@media (max-width: 800px) {
	body.login-background {	
		/*background-image: url(/interact/images/login_background_flags_800.jpg);*/
		background-image: url(/interact/images/login_background_white.png);
		background-position: center top;
		background-size: 100% auto;
	}
}
.login-background .panel-interact-yellow {
	background-image: none;
	border-color: rgb(251,185,0);
}
.login-background .panel-interact-yellow  > .panel-heading {
	background-color: rgb(246,209,94);
	border-bottom-color: rgb(251,185,0);
	/*background-color: rgb(255,235,122);*/
}
.login-background .panel-interact-yellow  > .panel-footer {
	background-color: rgb(246,209,94);
	border-top-color: rgb(251,185,0);
	/*background-color: rgb(255,235,122);*/
}

div input .ws-grayed-out{
	color: darkgray;
}

/* Overwrite Bootstrap margins to get some space on pages */
div.form-group {
	margin-bottom: 10px;
}
div.form-group label {
	margin-bottom:2px;
}
div.form-group .help-block {
	margin-bottom:5px;
}
div.form-group div.radio {
	margin:5px 0px;
}
div.pagination, ul.pagination{
	margin:10px 0px;
}

/* ccContactsView.xsp */
ul.contacts-pager-noMargin{
	 margin-top:0.0px !important; 
	 margin-bottom:0.0px !important;
}

/* Application layout bootstrap banner */
.navbar-photo img {
	border-radius: 6px;
	margin-right:5px;
}

.xspCheckBox {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.xspCheckBox td label {
	font-weight:normal;
}
.xspCheckBox td label input{
	margin: 0px 3px 0px 5px;
}
.xspFormTable {
	border: none;
	width: 100%;
}
.xspInputFieldEditBox{
	margin: 0em 0.7em; 'important
}

.lotusui30 .lotusBanner{
	z-index: 11;

}

.lotusFormRequired {
	color: red;
}

.xspRadioButton {
	margin-left: 0px;	
	padding-left: 0px;
	border: none;
}

.lotusui30_body .lotusMain{
	margin-left: 1%;
}

.lotusui30 .lotusPlaceBar .lotusInner {
	margin-left: 1%;
}

/* Portal xpage */
.wsHeightPortal {
	min-height: 200px;
	max-height: 500px;
}

.ws-margin-top-03 { 	margin-top:3px; }
.ws-margin-top-05 {	margin-top:5px; }
.ws-margin-top-08 { 	margin-top:8px; }

.equal .panel {
    width: 100%;
    height: 100%;
}

/* used in - User Profile xsp (class will be available in Boostrap4 out of box) */
@media (min-width: 768px) {
	.text-sm-right {
		text-align: right;
	}
}

/* Make the upload file control invisible for profile photo */
.HideUploadFile {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

.photo-wrapper {
   position: relative;
}

.photo-wrapper .glyphicon {
   position: absolute;
   top: 185px;
   left: 185px;
   z-index:99;
}

/*
.form-style-fake{
	position:absolute;
	top:0px;
	padding-left: 20px;
}
.form-style-base{
	position:absolute;
	top:0px;
	
	z-index: 999;
	opacity: 0;
}
.input-place{
    position: absolute;
    top: 5px;
    left: 10px;
    font-size:23px;
    color:gray;
}
.full-width{
    float:left;
    width:100%;
    margin-top:30px;
    min-height:100px;
    position:relative;
}

*/
@media (min-width: 992px) {
   .equal{  
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 400px;
    }
}