.clockpicker-popover {
    z-index: 2500;
}


#FormMultipleUpload legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
    width: auto;
    color: #3c8dbc;
}

#FormMultipleUpload fieldset
{
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	border: 2px groove threedface;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	min-width: -webkit-min-content;
	border-color: #f3f4f5;
}

#FormMultipleUpload
{
	margin-left: 20px;
	margin-right: auto;
	width: 95%;
}

.fileinput-button
{
	position: relative;
	overflow: hidden;
}

.fileinput-button input
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle
{
	margin-bottom: 5px;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle
{
	margin-bottom: 5px;
}
.field-validation-error{
    color :#CC5965;
}	
.validation-summary-errors ul li {
    color :#CC5965;
    list-style-type: none;
}
.file-actions{
    padding:10px;
}

/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.accordion-section{
    border: solid 1px #E7EAEC;
    background : #293846;
}
.accordion {
	overflow:hidden;
	/*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/
	/*border-radius:3px;*/
	/*background:#f7f7f7;*/
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	/*border-bottom:1px solid #1a1a1a;*/
	/*background:#333;*/
	/*transition:all linear 0.15s;*/
	/* Type */
	/*font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;*/
	color:#FFFFFF !important;
}

.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title:focus {
	/*background:#4c4c4c;*/
	/* Type */
	text-decoration:none;
    color: #FFFFFF;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}

.filetecnic {
    border: 2px solid #18A689;
}

.wizard > .content {
    background: #FFFFFF none repeat scroll 0 0 !important;
}

#errors_login {
    border-left: 5px solid #a94442;
    padding-left: 15px;
}
p{
    margin:0px !important;
}

.calendari{margin-bottom:15px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start}
.calendari h2{font:600 20px 'Heebo',sans-serif;color:#f60;margin-top:10px;width:100%;text-transform:uppercase}
.calendari .m-sessions{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;margin-top:5px}
.calendari .m-sessions .m-color{width:7%;margin-right:5px}
.calendari .m-sessions .m-texte{width:calc(93% - 5px);font-size:12px;font-family:'Heebo',sans-serif;font-weight:500;color:#333}
.calendari .m-mes{margin-bottom:15px;margin-top:10px;width:100%}
.calendari .m-mes ul{list-style-type:none}
.calendari .m-mes .month{padding:0 20px 0 20px;width:100%;background:#4d4d4f;text-align:center}
.calendari .m-mes .month ul{margin:0;padding:0}
.calendari .m-mes .month ul li{color:#fff;text-transform:uppercase;font:600 18px 'Heebo',sans-serif;display:inline-block;}
.calendari .m-mes .month .prev{float:left;cursor:pointer}
.calendari .m-mes .month .next{float:right;cursor:pointer}
.calendari .m-mes .weekdays{margin:0;padding:5px 0;background-color:#ddd}
.calendari .m-mes .weekdays li{display:inline-block;width:14%;color:#333;text-align:center;text-transform:uppercase;font:600 14px 'Heebo',sans-serif}
.calendari .m-mes .days{padding:5px 0;background:#fff;margin:0}
.calendari .m-mes ul.days{border-bottom:1px solid #333;border-right:1px solid #333;border-left:1px solid #333}
.calendari .m-mes ul.weekdays{border-bottom:1px solid #333;border-right:1px solid #333;border-left:1px solid #333}
.calendari .m-mes .days li{list-style-type:none;display:inline-block;width:14%;text-align:center;margin-bottom:5px;color:#333;font:500 14px 'Heebo',sans-serif;vertical-align:top;vertical-align:top;cursor:pointer;color:#000;height:80px}
.calendari .m-mes .days li .horaris{color:#000;font-size:10px;font-family:'Heebo',sans-serif;font-weight:500}
.calendari .m-mes .days li div{line-height:15px;display:flex;margin:0px;}
.calendari .m-mes .days div {border: 0px solid #000;border-right: 1px solid #FFF;}
.calendari .m-mes .days div:last-child {border: 0px solid #FFF;}
.calendari .m-mes .days div:first-child {border-left: 0px solid #FFF;}
.calendari .m-mes .days li div.separador {display:none;}
.calendari .m-mes .days li.no-dia-mes{vertical-align:top;color:#b5b5b5}

.calendari .m-mes .days li div.horari{background-color: #1b8415;}
.calendari .m-mes .days li div.absencies{background-color: #fb0606;}
.calendari .m-mes .days li div.vacances{background-color: #09a4f8;}
.calendari .m-mes .days li div.peticions{background-color: #f8a009;}
.calendari .m-mes .days li div.tasca{background-color: #955bd5;}
.calendari .m-mes .days li div.sensededicacio{background-color: #FFF;}

.calendari .m-diari {margin:0px;width:100%;}
.calendari .m-diari div {line-height:30px;}
.calendari .m-diari div.bloc {line-height:30px;display:flex;}
.calendari .m-diari div {border: 0px solid #000;border-bottom: 1px solid #000;}
.calendari .m-diari div.separador {border: 0px solid #000;border-right: 1px solid #000}
.calendari .m-diari div.separadors {line-height:15px;background-color:#FFF;border: 0px solid #000;border-right: 1px solid #000;padding-left: 5px;padding-bottom: 5px;}
.calendari .m-diari div.separadors span { color:#000;}
.calendari .m-diari div div {border: 0px solid #000;border-right: 1px solid #000;display:flex;}
.calendari .m-diari div div:last-child {border: 0px solid #000;}
.calendari .m-diari div div:first-child {border-left: 0px solid #000;}

.calendari .m-diari div.extres {border: 0px solid #000;}
.calendari .m-diari div.extres div {border: 0px solid #000;}



.m-lllegenda_calendari {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;margin-top:5px}
.m-lllegenda_calendari .m-color{width:7%;margin-right:5px}
.m-lllegenda_calendari .m-texte{width:calc(93% - 5px);font-size:12px;font-family:'Heebo',sans-serif;font-weight:500;color:#333}
.m-lllegenda_calendari .m-color.horari{background-color: #1b8415;}
.m-lllegenda_calendari .m-color.absencies{background-color: #fb0606;}
.m-lllegenda_calendari .m-color.vacances{background-color: #09a4f8;}
.m-lllegenda_calendari .m-color.peticions{background-color: #f8a009;}
.m-lllegenda_calendari .m-color.tasca{background-color: #955bd5;}

#myModalDedicacio .modal-dialog {z-index: 200;}

#dhtmltooltip {
        position: absolute;
        width: 450px;
        border: 1px solid #848484;
        padding: 10px;
        background-color: #F2F5A9;
        visibility: hidden;
        z-index: 100;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
        filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    }

.progress-ajax {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    height: 100%;
    width: 100%;
    z-index: 10000;
}

    .progress-ajax .spinner-border {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 10000;
    }

.textspinner {
    color: #FFF;
    font-size: 1rem;
}

/* Inspirated from  http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-loading-animation-loop/index.html */
.ouro {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 46px;
    margin: 1em;
    border-radius: 50%;
    background: none repeat scroll 0 0 #DDDDDD;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);
}

    .ouro:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 9px;
        display: block;
        height: 28px;
        width: 28px;
        background: none repeat scroll 0 0 #F2F2F2;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
    }

    .ouro > span {
        position: absolute;
        height: 100%;
        width: 50%;
        overflow: hidden;
    }

.left {
    left: 0
}

.right {
    left: 50%
}

.anim {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    background: none repeat scroll 0 0 #508EC3;
    opacity: 0.8;
    -webkit-animation: ui-spinner-rotate-left 3s infinite;
    animation: ui-spinner-rotate-left 3s infinite;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
}

.left .anim {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.right .anim {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
}

/* v2 */
.ouro2 .anim {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.ouro2 .right .anim {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/* v3 */
.ouro3 .anim {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-timing-function: linear;
}

.ouro3 .right .anim {
    -webkit-animation-name: ui-spinner-rotate-right;
    -webkit-animation-delay: 0;
    -webkit-animation-delay: 1.5s;
    animation-name: ui-spinner-rotate-right;
    animation-delay: 0;
    animation-delay: 1.5s;
}

/* round variation */
.round .ouro:after {
    display: none
}

/* double variation */
.double .ouro:after {
    height: 13px;
    width: 13px;
    left: 7px;
    top: 7px;
    border: 10px solid #ddd;
    background: transparent;
    box-shadow: none;
}

@keyframes ui-spinner-rotate-right {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes ui-spinner-rotate-left {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ui-spinner-rotate-right {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes ui-spinner-rotate-left {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}



.calendari {
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
.calendari h2 {
  font: 600 20px 'Heebo', sans-serif;
  color: #f60;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.calendari .m-sessions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  margin-top: 5px;
}
.calendari .m-sessions .m-color {
  width: 7%;
  margin-right: 5px;
}
.calendari .m-sessions .m-texte {
  width: calc(93% - 5px);
  font-size: 12px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
  color: #333;
}
.calendari .m-mes {
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%;
}
.calendari .m-mes ul {
  list-style-type: none;
}
.calendari .m-mes .month {
  padding: 0px 20px 0px 20px;
  width: 100%;
  background: #4d4d4f;
  text-align: center;
}
.calendari .m-mes .month ul {
  margin: 0;
  padding: 0;
}
.calendari .m-mes .month ul li {
  color: #fff;
  text-transform: uppercase;
  font: 600 18px 'Heebo', sans-serif;
}
.calendari .m-mes .month .prev {
  float: left;
  cursor: pointer;
}
.calendari .m-mes .month .next {
  float: right;
  cursor: pointer;
}
.calendari .m-mes .weekdays {
  margin: 0;
  padding: 5px 0;
  background-color: #ddd;
}
.calendari .m-mes .weekdays li {
  display: inline-block;
  width: 13%;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  font: 600 14px 'Heebo', sans-serif;
}
.calendari .m-mes .days {
  padding: 5px 0;
  background: #fff;
  margin: 0;
}
.calendari .m-mes ul.days {
  border-bottom: 1px solid  #333;
  border-right: 1px solid  #333;
  border-left: 1px solid  #333;
}
.calendari .m-mes ul.weekdays {
  border-bottom: 1px solid  #333;
  border-right: 1px solid  #333;
  border-left: 1px solid  #333;
}
.calendari .m-mes .days li {
  list-style-type: none;
  display: inline-block;
  width: 13%;
  text-align: center;
  margin-bottom: 5px;
  color: #333;
  font: 500 14px 'Heebo', sans-serif;
  vertical-align: top;
  cursor: pointer;
  color: #000;
  height: 100px;
}
.calendari .m-mes .days li .horaris {
  color: #000;
  font-size: 10px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
}
.calendari .m-mes .days li div {
  line-height: 10px;
}
.calendari .m-mes .days li.no-dia-mes {
  vertical-align: top;
  color: #b5b5b5;
}