* {margin:0; padding:0;}

body.html-view {padding:20px;}

body.embeddedCalendar {
	/*overflow:hidden;*/
}

.ac-day-split-top {
    z-index:50;    
    position:absolute;
    left:0; top:0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 22px 0 0 ;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.ac-day-split-bottom {
    z-index:50;    
    position:absolute;
    right:0; bottom:0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 22px 22px;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');    
}


.status-ac-grey-out-history {background-color: #e4e4e4;}
.ac-day-split-top-ac-grey-out-history {display:none;}
.ac-day-split-bottom-ac-grey-out-history {display:none;}

.ac-day-split-day {
    position:relative; z-index:100;
}

.ac-clear {clear:both;}

.ac-calendar-container {
    overflow: auto;
	font-size: 12px; 
}

.ac-calendar-container * {
    outline:none;
    -moz-box-sizing: content-box;   
    box-sizing: content-box;
}

.ac-calendar-months .ac-calendar {
    float:left;
}

.ac-calendar {
    position:relative;
}



.ac-calendar-container table.ac-table {
    border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 2px;
	table-layout: fixed;
    float:left;
	padding:10px 8px 6px 10px !important;
    margin:5px 10px 5px 0px;
    width:172px;
    display:block;
    height:218px;
	font-size: 12px;
    font-weight:normal;
    background-color:#fff;
}

.ac-calendar-container table.ac-table.ac-weeknumbers {
	width: 196px;
}

 
.ac-calendar-container table.ac-table td {
    width:22px;
    height:22px;
    display:block;
    float:left;
    position:relative;
    margin-right:2px;
	font-size: 12px;
    font-weight:normal;
    border-collapse:collapse;
    text-align:center;
    line-height:22px;
}
.ac-calendar-container table.ac-table tr {
    height:24px; 
    display:block; 
    float:left; 
    clear:left; 
    width:100%;
}
.ac-calendar-container table.ac-table tr.ac-weekdays {
    height:36px;
    width:170px;
}
.ac-calendar-container table.ac-table.ac-weeknumbers tr.ac-weekdays {
    height:36px;
    width:194px;
}
.ac-calendar-container table.ac-table tr.ac-weekdays td {
    padding:8px 0 4px 0 !important;
    height:36px;
    font-weight:bold;
	font-size: 12px;
}



.ac-calendar-container .ac-pad{
    background-color: #fff; /*old*/
    width:22px; height:22px;
	background-color: #f5f5f5;
}

.ac-calendar-container .ac-prev{
    text-decoration:none;
    width:20px;
    height:19px;
    float:left;
    margin-left:0px;
    border:none;
    background: transparent url(images/arrow-left.png) no-repeat left top;
}
.ac-calendar-container .ac-prev img {
    border:none;
    display:none;
}

.ac-calendar-container .ac-next {
    text-decoration:none;
    width:20px;
    height:19px;
    float:right;
    border:none;
    background: transparent url(images/arrow-right.png) no-repeat left top;
}
.ac-calendar-container .ac-next img {
    border:none;
    display:none;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .ac-calendar-container .ac-prev {background-image: url(images/arrow-left@2x.png); background-size: 20px 19px;}
    .ac-calendar-container .ac-next {background-image: url(images/arrow-right@2x.png); background-size: 20px 19px;}
}



.ac-calendar-container tr.ac-heading {
    height: 32px !important;
    width:166px !important;
}

.ac-calendar-container .ac-table.ac-weeknumbers tr.ac-heading {
    width: 190px !important;
}

.ac-calendar-container th.ac-heading {
    height:24px; display:block; float:left; width:100%;
	font-size: 12px;
    font-weight:normal;
    border-collapse:collapse;
    border-bottom:1px solid #000000;
    background-color: #ffffff;
    padding-bottom:11px;
    height:20px;
    line-height:20px;
}

.ac-calendar-container .ac-calendar-options {
	display:none;
}

.ac-calendar-legend-box {
	font-size: 12px;
    font-weight:normal;
    border:1px solid #cccccc;
    float:left;
    margin:5px 10px 5px 0;
    padding:12px 12px 10px 12px;
    background-color:#ffffff;
}

.ac-calendar-legend-box span.ac-legend-item {
    display:block;
    min-height:22px;
    line-height:22px;
    padding-bottom:2px;
    font-size:12px;
}

.ac-calendar-legend-box span.ac-legend-item p {
    float:left;
    max-width:220px;        
}

.ac-calendar-legend-box span.ac-legend-color {
    display:block;
    width:22px;
    height:22px;
    float:left;
    clear:left;
    position:relative;
    margin-right:5px;
    
}

.ac-calendar-container .ac-calendar-editor {
    margin:5px;
    padding:7px 7px 5px 7px;
    background-color:#ffffff;
	font-size: 12px;
    font-weight:normal;
    float:left;
    border:1px solid #cccccc;
}

.ac-calendar-container .ac-calendar-editor ul {
    list-style:none;
    margin:0;
    padding:0;
}

.ac-calendar-container .ac-calendar-editor ul li {
    display:block;
    margin-bottom:2px;
    float:left;
    clear:left;
}

.ac-calendar-container .ac-calendar-editor ul li span.ac-select-status {
    display:block;
    width:24px;
    height:24px;
    float:left;
    /*clear:left;*/
    position:relative;
    line-height:24px;
    text-align:center;
    margin-right:3px;
}

.ac-calendar-container .ac-calendar-editor ul li span.ac-short-dayname {
    display:block;
    width:24px;
    height:24px;
    float:left;
    clear:left;
    position:relative;
    line-height:24px;
    text-align:center;
    margin-right:3px;
	font-weight:bold;
}
.ac-calendar-container .ac-calendar-editor ul li span.ac-short-dayname.ac-firstDayOfWeek {
    border-top:1px solid grey;
}
.ac-calendar-container .ac-calendar-editor ul li.specialWeekStartLine {
	margin-bottom: 0px;
    border-bottom: 1px solid grey;
    width: 14px;
    margin-top: -1px;
    margin-left: 5px;
}



.ac-calendar-container .ac-calendar-editor ul li span.ac-select-status .ac-day-split-top  {
    border-width: 24px 24px 0 0;
}
.ac-calendar-container .ac-calendar-editor ul li span.ac-select-status .ac-day-split-bottom {
    border-width: 0 0 24px 24px;
}




.ac-calendar-container .ac-calendar-editor ul li select {
    height:16px;
    line-height:16px;
    padding:3px 2px 3px 0;
    border:1px solid #dfdfdf;
    width:120px;
    float:left;
}

.ac-calendar-container .ac-calendar-editor ul li input {
    height:20px;
    line-height:20px;
    float:left;
    border:1px solid #dfdfdf;
    margin-left:5px;
    width:297px;
	font-size: 12px;
    font-weight:normal;
    padding-left:3px;
}

.ac-loading {
    display:none;
    width: 32px;
    height:32px;
    position:absolute;
    left:50%;
    margin-left:-16px;
    top:50%;
}






/*************** AC YEARLY CALENDAR ***************/
div.ac-yearly-calendar {
    position:relative;
	width: 825px;
    display:block;
    clear:both;
    background-color:#ffffff;
}

div.ac-multiple {
    position:relative;
    width:897px;
    height:auto;
    display:block;
    clear:both;
    background-color:#ffffff;
}

div.ac-multiple .first-row,
div.ac-multiple .second-row
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

div.ac-multiple.ac-has-images .first-row span:nth-child(2),
div.ac-multiple.ac-has-images .second-row span:nth-child(2),
div.ac-multiple.ac-has-images .last-row span:nth-child(2)
{
    margin-left: 6px;
}

div.ac-yearly-calendar ul, div.ac-multiple ul {
    display:block;
    list-style:none;
    border:1px solid #cccccc;
    padding:10px 12px 12px 10px;
}
    
div.ac-yearly-calendar ul > li > span {
    margin:2px 0px 0px 2px; 
    display:block; 
    width:22px; 
    height:22px; 
    float:left; 
    position:relative; 
    text-align:center; 
    line-height:22px; 
    font-style:normal; 
    color:#000000; 
    font-size:12px;
}

div.ac-multiple ul > li > div.info > div.days > span, div.ac-multiple ul > li > span {
    margin:2px 0px 0px 2px; 
    display:block; 
    width:22px; 
    height:22px; 
    float:left; 
    position:relative; 
    text-align:center; 
    line-height:22px; 
    font-style:normal; 
    color:#000000; 
    font-size:12px;
}

.ac-day-heading.hover, .ac-month-heading.hover, .ac-yearly-day.hover {
   background-color: #e1e1e1 !important;

}


div.ac-yearly-calendar ul li span.ac-day-heading, div.ac-multiple ul li span.ac-day-heading {
    background-color:#f3f3f3;}

div.ac-yearly-calendar ul li span.first-span, div.ac-multiple ul li span.first-span  {
    background-color:#f3f3f3;
    width:53px;
}

div.ac-yearly-calendar ul li span.first-span select, div.ac-multiple ul li span.first-span select {
    width:53px !important; 
    height:21px;
    margin-left:0px; 
    text-align:center; 
    color:#000000; 
    font-size:12px;
}

div.ac-multiple ul li span.first-span {width:118px !important; padding-right:5px; text-align:right; overflow:hidden;}
div.ac-multiple ul li span.first-span select {width:123px !important}


div.ac-yearly-calendar ul li span.first-span.select, div.ac-multiple ul li span.first-span.select  {background-color:transparent;}

div.ac-yearly-calendar ul li span.disabled, div.ac-multiple ul li span.disabled {background-color:#cecece; pointer-events: none;}

div.ac-multiple ul li span.disabled {
    display: none;
}

/*div.ac-yearly-calendar .ac-loading, div.ac-multiple .ac-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}*/


div.ac-yearly-calendar-legend {
	font-size: 12px;
    font-weight:normal;
    float:left;
    padding:7px 12px 11px 0px;
    
    float:left;
    clear:both;
}


div.ac-yearly-calendar-legend span.ac-legend-item {
    display:inline-block;
    min-height:22px;
    line-height:22px;
    padding-bottom:2px;
    font-size:12px;
    margin-right:12px;
}

div.ac-yearly-calendar-legend span.ac-legend-item p {
    float:left;
    max-width:200px;        
}

div.ac-yearly-calendar-legend span.ac-legend-color {
    display:block;
    width:22px;
    height:22px;
    float:left;
    clear:left;
    position:relative;
    margin-right:5px;
}


div.ac-dropdown-container {position:relative; float:left; line-height:19px; padding:0 0 0 5px !important; height:19px;}
div.ac-dropdown-container .ac-dropdown {width:116px !important; height:19px !important; background:#ffffff url(../calendar/images/select-arrow.png) no-repeat 100px 7px; border:1px solid #999999; color:#000000; font-size:12px; cursor:pointer; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; text-align:left; display:block; margin:0 0 -5px 0!important; padding:0 0 0 4px !important;}
.ac-table.ac-weeknumbers div.ac-dropdown-container .ac-dropdown {width:140px !important; background:#ffffff url(../calendar/images/select-arrow.png) no-repeat 124px 7px;}

div.ac-dropdown-container .ac-dropdown span {line-height:17px; margin:0; padding:0;}
div.ac-dropdown-container .customSelectInner {width:auto!important;}

div.ac-dropdown-year-container {position:relative; float:left; line-height:22px; padding:0 0 0 0px !important; height:22px; z-index:100;}
div.ac-dropdown-year-container .ac-dropdown-year {width:53px; height:22px !important; background:#ffffff url(../calendar/images/select-arrow.png) no-repeat 40px 7px; border:1px solid #999999; color:#000000; font-size:12px; cursor:pointer; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; text-align:left; display:block; margin:0 0 -5px 0!important; padding:0 0 0 6px !important;}
div.ac-dropdown-year-container .ac-dropdown-year span {line-height:19px; margin:0; padding:0; text-align:left;}
div.ac-dropdown-year-container .ac-dropdown-year option {z-index:99999 !important; position:relative;}

.ac-multiple div.ac-dropdown-year-container .ac-dropdown-year {width:123px; background:#ffffff url(../calendar/images/select-arrow.png) no-repeat 110px 7px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    div.ac-yearly-calendar ul li span.first-span select {width:53px !important; height:20px; margin-left:0px; text-align:center;}
    
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

   div.ac-dropdown-container .ac-dropdown span {line-height:19px; margin:0; padding:0;}
   div.ac-dropdown-year-container .ac-dropdown-year span {line-height:22px; margin:0; padding:0;}
   div.ac-yearly-calendar ul li span.first-span select, div.ac-multiple ul li span.first-span select {width:50px !important; height:20px !important; margin-left:0px; text-align:center;}
}  

div.ac-multiple ul li.specialRowLongCalendarTitle span.calendar-name{
	width: 100%;
	text-align: left;
	height: 18px;
	margin-top: 4px;
	line-height:24px;
}

div.ac-multiple ul li span.first-span.iframeLink {
	text-decoration: underline; cursor:pointer;
}

div.ac-multiple ul li.specialRowLongCalendarTitle span {
	display:inline-block;
}

div.ac-multiple ul li.specialRowLongCalendarTitle span.iframeLink {
	text-decoration: underline;
    cursor: pointer;
}

div.ac-multiple ul li.specialRowLongCalendarTitle span.calendar-name.bold {
	font-weight:bold;
}

div.ac-multiple ul li.specialRowLongCalendarTitle span.month-name {
	width:0%;
	font-size:15px;
	text-align: left;
	display:none;
}

/*Made for images display in multiple calendars view*/

div.ac-multiple ul li.specialRowLongCalendarImage
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 2px;
}
div.ac-multiple ul li.specialRowLongCalendarImage .image
{
    margin-left: 2px;
    width: 122px;
    height: 83px;
}
div.ac-multiple ul li.specialRowLongCalendarImage .image.no-image
{
    background-color: #f3f3f3;
}
div.ac-multiple ul li.specialRowLongCalendarImage .image img
{
    width: 100%;
    min-height: 83px;
}

div.ac-multiple ul li.specialRowLongCalendarImage .info
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    margin-left: 6px;
	margin-top: 6px;
    height: 83px;
}

div.ac-multiple ul li.specialRowLongCalendarImage .info p
{
    margin-bottom: 6px;
}

div.ac-multiple ul li.specialRowLongCalendarImage .info .title
{
    font-weight: bold;
    font-size: 14px;
    margin: 6px 0 6px 0;
}
div.ac-multiple ul li.specialRowLongCalendarImage .info .title span
{
    width: 100%;
    margin: 0;
}
div.ac-multiple ul li.specialRowLongCalendarImage .info .title span.iframeLink
{
    text-decoration: underline;
    cursor: pointer;
}
div.ac-multiple ul li.specialRowLongCalendarImage .image.iframeLink
{
    cursor: pointer;
}

div.ac-multiple ul li.specialRowLongCalendarImage .info .days span:first-child
{
    margin-left: 0;
}
div.ac-multiple ul li.specialRowLongCalendarImage:after
{
    display: table;
    content: " ";
    clear: both;
}
div.ac-yearly-calendar ul li span.m-l, div.ac-multiple ul li span.m-l
{
    margin-left: 6px;
}

div.ac-yearly-calendar .days .ac-yearly-day em, div.ac-multiple .days .ac-yearly-day em{
	font-style: normal;
}

/* end of image display in multiple calendars*/

.ac-calendar-container.ac-syncedcalendar-container {  
	width: 625px;
	float: left;
}



.ac-calendar-column.ac-syncedcalendar-column{
	float:right;
}

.ac-calendar-container-disabled
{
	background-color:white;
	width:170px;
	text-align: center;
	font-weight:300;
	font-style:normal;
	font-size:15px;
	color:black;
	border: 1px solid #cccccc; 
	padding: 30px 20px;
	line-height: 22px;
}

.ac-calendar-tooltip{
    width: 180px;
    padding: 3px 5px;
    min-height: 30px;
    border: 1px solid #cccccc;
    background: #fafafa;
    top: 0px;
    left: 24px;
    position: absolute;
    pointer-events: none;
    z-index: 9001;
    opacity: 0.95;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.ac-calendar-tooltip strong {
    font-weight: bold;
    display: block;
}

.ac-month-heading.first-span.hidden{
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}

.ac-calendar-container.ac-clickable-calendar td.ac-day, .ac-calendar-container.ac-clickable-calendar .ac-calendar-editor .ac-select-status{
	cursor:pointer;
}
.ac-calendar-container.ac-clickable-calendar {
    -webkit-user-select: none;/* Chrome/Safari */       
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Not implemented yet */
    -o-user-select: none;
    user-select: none;  
}


.hidden-label{
    display: none;
}

@media screen and (max-width: 1024px) {
body .col-sm-6.col-form-label,
body .col-sm-12.col-form-label {
  font-weight: normal;
  font-size: 14px;
  max-width: 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.hidden-label{
    display: block;
}
.row.education,
.row.skill,
.row.div {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.row.education:last-child,
.row.skill:last-child,
.row.div:last-child{
 border-bottom: none;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
}

@media screen and (max-width: 491px) {
.col-form-label{
    padding-top: 0px;
}
input.form-control {
  margin-bottom: 0;
}
a.remove_row, 
a.remove_skill,
a.remove_education,
a.remove_field {
  top: 4px !important;
  right: 10px !important;
}
input.form-control[name="position[]"], 
input.form-control[name="name[]"],
input.form-control[name="year[]"] {
  max-width: calc(100% - 30px);
}

}