/*???*/
#MyPlayer1 {width:360px !important; height:270px !important;}

.remove{color:#999; position:absolute;	left: -155px; top: 8px;}
.remove:hover {color:black; cursor:pointer;}

.timeline:hover .remove {display:block;}

.timeline {padding-top:8px; padding-bottom:12px; border-left:2px solid #EEEEEE; margin-left:150px; position:relative;}
.timeline .date {display:inline-block; width:150px; margin-left:-160px; text-align:right; padding-right:10px;}
.timeline .marker {margin-right:5px;}
.timeline .marker:before {
	margin-left:-3px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	color: #FFFFFF;
	background-color: #3389d1;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.reminder .marker:before {background-color:#3b9ff3 !important;}

.visible {display:block;}
span.visible {display:inline-block;}
.hidden {display:none;}
iframe {border:0; border:none; box-shadow:0px 2px 5px #BBBBBB; margin-bottom:20px;}



.btnsignup {white-space: normal;}
.inputiconstar.sign_up_icon {bottom: calc(50% - 14px) !important;}
.fa-rocket.sign_up_icon {bottom: calc(50% + 8px) !important;}

/* style for modal and communication log */
.communication-modal {
display:none; 
width: 400px;
min-height: 300px;
border: 1px solid #d6d6d6; 
padding: 10px;
border-radius: 5px;  
float: right;
z-index: 1000;
margin-top: -75px;
margin-right: 100px;
background-color: #ffffff;
}

.communication-btn {margin-top:10px}
.communication-textarea {width:100%; min-height: 60px;}
.communication-date {display:inline-block; width: 150px;}
.communication-select {margin-left: 10px;}
.contract-start-date-inp, .contract-end-date-inp {display:inline-block; width: 150px;}
.communicationDateClass, .contract-start-date, .contract-end-date, .contract-document {
margin:20px 0 30px 0;}
.contract-start-date,.contract-end-date, .contract-document {
display:none;}
td{padding-bottom:5px;}
table{width:100%;font-size:15px;}
#submit-contract{margin-top:10px;}


.timeline.email .marker:before {content: "\f0e0";}
.timeline.phone .marker:before {content: "\f095";}
.timeline.submitted_cv .marker:before {content: "\f1d8";}
.timeline.interview .marker:before {content: "\f0c0";}
.timeline.contract .marker:before {content: "\f00c";}
.timeline.reminder .marker:before {content: "\f017";}

/*.client_name { color: #333; font-size: 15px; font-style: italic; }*/


.submissions-ui-dropdown {margin-left:242px !important;}