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

canvas { margin-left:50px; }

/* General Inputs */
.ginp { padding:5px; border:solid 1px #CCCCCC; background-color:#FFF; color:#C30; width:250px; }

.wdialog_container { position:fixed; width:100%; height:100%; display:none; z-index:999999; overflow:auto; top:0; }

.wdialog { position:absolute; top:50px; left:200px; width:800px; height:700px; border:solid 1px #FFF; background-color:#eeeeee; z-index:9999; box-shadow: 0px 0px 15px #000; }

.gContainer { position:relative; padding:20px; }

.wdialog .profilePic { position:relative; float:left; width:130px; height:130px; background-color:#FFF; box-shadow:0px 0px 5px #999; border-radius:65px; line-height:130px; text-align:center; font-size:36px; color:#999; cursor:pointer;  }

.wdialog .profilePic:hover { color:#F30; }

.wdialog .profilePic .tinyIndicator { position:absolute; bottom:0; right:0; width:50px; height:50px; background:url(images/profile_pic_tiny.png) no-repeat top; }

.wdialog .profilePic .tinyIndicator.company { background-position:bottom; }

.wdialog .contact_type { position:relative; float:right; }
.wdialog .contact_type span { margin-left:10px; margin-right:10px; color:#999; cursor:pointer; padding:5px 10px 5px 10px; }
.wdialog .contact_type span:hover { background-color:#069; color:#FFF; }
.wdialog .contact_type span.active { background-color:#1fa7ed; color:#FFF; }

.wdialog .box1 { position:relative; float:left; width:600px; border:solid 0px #666666; margin-left:20px; margin-top:20px; }
.wdialog input,select,textarea { padding:8px; border:solid 1px #CCCCCC; background-color:#FFF; color:#036; font-weight:bold; width:200px; margin:5px; }

.wdialog hr { padding:0; margin:10px 0px 10px 0px; line-height:normal; border:0; border-bottom:solid 1px #CCCCCC; }
.wdialog h1 { padding:10px 0px 10px 0px; margin:0; font-size:18px; color:#666; font-weight:normal; }

.wdialog .col_label { position:relative; float:left; width:115px; padding:10px; overflow:hidden; height:22px; border:solid 0px #FF0000; font-weight:bold;  }
.wdialog .col_content { position:relative; float:left; width:610px; padding:10px; border:solid 0px #FF0000;  }

.wdialog .wdialog_note { float:left; font-size:11px; text-align:left; line-height:20px; padding:10px; margin-top:-2px; }
.wdialog .wdialog_status { float:left; font-size:13px; text-align:left; line-height:20px; padding:10px; margin-top:-2px; }

.preview_logo_line {position:absolute; left:0; top:0; z-index:9999;}

.sauto { cursor:pointer; background-color:#e9e9e9; position:relative; }
.sauto:hover { background-color:#59ABEF; color:#FFFFFF; }
.sdialog { position:absolute; top:25px; left:0; z-index:999; border:solid 1px #CFCFCF; color:#262626;  background-color:white; box-shadow: 2px 2px 5px #000000; width:200px; max-height: 300px; overflow: auto; display:none; cursor:default; }
.sdialog-title { padding: 10px; background-color:#E1E1E1; margin-bottom:10px; }

.sdialog a { display:block; padding:10px; background-color:#FFF; margin-bottom:1px; color:#333 !important; text-align:left !important; }
.sdialog a img { float:left; width:16px; height:16px; background-color:#999; margin-right:10px; padding:5px; margin-top:-4px; margin-left:0; }
.sdialog a:hover { background-color:#eeeeee; color:#666 !important; }
.sdialog a i { float:left; width:16px; height:16px; margin-right:10px; padding:5px; margin-top:-4px; margin-left:0; }


/* app frames */
.appframe_container { position:fixed; width:100%; height:100%; display:none; z-index:999999; overflow:auto; top:0; }
.appframe { position:absolute; top:50px; left:200px; border:solid 1px #FFF; background-color:white; z-index:9999; box-shadow: 0px 0px 15px #000; border-radius: 6px; }
.appframe-topBar { position:relative; background-color:#FFFFFF; padding: 10px; border-bottom: solid 1px #D4D4D4; cursor: move; }

.appCloseButton { cursor: pointer; }
.appCloseButton:hover i { color:#000000 !important; }

/* Apps General CSS */

.apps-topBar { position:relative; padding: 0px; background-color:#FFFFFF; border-bottom:solid 1px #CCCCCC; min-height:50px; }

.floatMB { width: 50px; height: 50px; line-height: 50px; background-color: #3991E3; border-radius: 50px; position: fixed; top:80px; left:50px; z-index: 9999; color:#FFFFFF; text-align: center; }
.floatMB:hover { background-color: #39C497; cursor: pointer;}
.floatMenu { width: 400px; height: 500px; background-color: #efefef; border:solid 1px #3991E3; border-radius: 6px; position: absolute; top:0; left: 55px; color: #2A2A2A; cursor: default; line-height: normal; text-align: left;
	font-size: 13px; color:#6F6F6F; overflow: auto;		
}

.floatMenuSector { padding: 10px; }
.floatMenuSector h1 { font-size: 13px; color:#6F6F6F; padding: 0; margin: 0; padding-bottom: 2px; border-bottom: solid 1px #D4D4D4; margin-bottom: 5px; }
.floatMenuSector .linkBtn { display: block; float: left; margin: 0px 5px 5px 0px; min-width: 35px; height: 35px; line-height: 35px; background-color: #DBDBDB; border-radius: 4px; text-align: center; color:#000000; }
.floatMenuSector .linkBtn:hover { background-color:#A1CBE5; }
.floatMenuSector .linkBtn span { padding: 0px 5px 0px 5px; font-size: 12px; }
.floatMenuSector img { border:solid 0px #000000; margin-top:8px; }

.topBar { margin-left:50px; }

@keyframes rotateRight {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.rotate {
	animation: rotateRight 2.5s linear infinite;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	object-fit: cover;
	display: block;
}