/* Colors logo
orange: #f06042;
bleu: #1c7ea9
vert: #73b859
*/
body { margin: 0;padding: 0px 0px; font-family: Arial,Helvetica,sans-serif; color: #545353;background: #fefefe;color: #332D33;}
h1, h2, h3,h4{margin: 1em 0 .5em 0;color: #749E47; font-weight: normal;}
h1 {font-size: 1.8em;   }
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-weight: normal;font-size: 1.1em;margin: 0em 0 .5em 0;}

/* General*/
img { border: 0; vertical-align:middle;}
a {text-decoration: none;color: #1c7ea9;}
a:hover,a:focus {color: #73b859;  }
fieldset {border: 1px solid #dddddd;margin-bottom: 20px;}
fieldset legend {color: #1c7ea9;font-weight: bold;}
p { margin: .75em 0;}
em {font-style: italic;}
strong,.strong {font-weight: bold;color: dimgray;}
hr {width: 50%;margin-bottom:100px;padding: 0;font-family: arial;display: block;
    clear: both;
    text-align: center;        
    color: gray;}
.negatif {color: #f06042;}
.positif {color: #73b859;}
.strike{ text-decoration: line-through; }
.warning{position:relative;color: #f06042; font-weight: bold;}
.iban { word-spacing: 5px;}

.divLoading {height: 100%;width: 100%; text-align: center}

/* Common Classes*/
.rightTxt {text-align:right;}
.leftTxt {text-align:left;}
.centerTxt {text-align:center;}
.hide {display: none};

.absoluteRight {"position:absolute;right: 10px;top:5px"}

/* Accordeon */
.ui-accordion h3.ui-state-active {margin-bottom: 0;}
.ui-accordion .ui-accordion-content {margin-bottom: 10px;}

/* Lists */
ul, ol {margin: 0px;padding: 0px;}
ul,ol{list-style: none;}
li {margin: 0;padding: 0;}


/* POSITIONNEMENT 
#global {width: 1300px;margin-left: auto;margin-right: auto;padding: 0;min-height: 720px;   }
#main {margin-top: 0px;}
*/

/* Header 
#header, #simpleHeader {margin: 0px;padding: 0px;height: 150px;background: #332D33; border-bottom: 5px solid #73b859;color: #cccccc;}
#simpleHeader {height: 100px;}
#header a {color: #cccccc;}
#header a:hover {color: #ffffff;}
*/

/*
#title {float: left;height: 40px;line-height: 40px;margin-left: 50px;margin-top: 20px;font-size: 20px;font-weight: bold;}
#userInfos {float: right;height: 40px;line-height: 40px;padding: 0px;margin-right: 30px; width: 30%}
#userInfos form,
#userInfos ul,
#userInfos li {padding: 0px;margin: 0px;}
#userInfos ul{width: 100%;  }
#userInfos li{width: 100%;display: inline;}
*/

/* Footer 
#footer {height: 50px;  width: 100%;text-align: center;color: #ffffff;padding-top: 10px;margin-top: 20px;background: #212022;}
*/

/* Menu 
#menu {position: relative;margin-left : auto; margin-right : auto;width: 100%;top: -33px;height: 33px;line-height: 33px;font-size: 1.1em;font-weight: bold;}
#menu a {color: #aaaaaa;}
#menu ul {width: 100%;margin: 0px;list-style-type: none;}
#menu ul li {border: 0px;float: left;margin: 0px 0px 0px 4%;padding: 0px 0px 0px 0px;color: #aaaaaa;    }
#menu ul li a {color: #aaaaaa;}
#menu ul li a:focus , 
#menu ul li a:hover , 
#menu ul li.active a,
#menu ul li.active span,
#menu ul li.active > ul,
#menu ul li:hover > ul,
#menu ul li.active ul li a:hover,
#menu ul li.active ul li a:active,
#menu ul li.active ul li.active a {color: #73b859;}
#menu ul li.active ul li a {color: #aaaaaa;}
#menu ul li ul {display: none;width: 250px;margin: 0px;padding: 0px;z-index: 10;}
#menu ul li ul li { display: block;float: none;height: 33px;line-height: 33px;margin: 2px 0px 0px 0px;padding: 2px 0px 2px 5px;   text-align: left;background-color: #212022;}
#menu ul li:hover ul {display: block;position: absolute; }
#menu ul li:hover ul li {display: block;}
*/

/* breadcrumb 
div#breadcrumb {position: relative;margin-left : auto; margin-right : auto;width: 1300px;   top: -20px;height: 33px;    }
*/

/* Table display data */
table.tableDisplay {border-collapse: collapse; width: 100%}
table.tableDisplay td, table.tableDisplay th {border: 1px solid #aaaaaa;padding: 2px 2px 2px 5px;}
table.tableDisplay th {text-align: center;background: #73b859;color: #40685f;border: 1px solid #666666;}
table.tableDisplay tr:hover td {background: #dddddd;}
table.tableDisplay tr.selected td {background: #dddddd;}
table.tableDisplay ul {margin: 0px;padding: 0px;}
table.tableDisplay ul li{margin: 0px;padding: 0px;}
table.tableDisplay tr.occurred td {background: #d0edc4;}
table.tableDisplay tr.canceled td {background: #ffc2c2;}
table.tableDisplay tr.inactive,table.tableDisplay tr.inactive a {color: #cccccc;}
.lineH1 {font-weight: bold;background: #eeeeee;}
.infoCell {font-size: 0.8em;right: 0px;}
td.total {font-weight: bold;background-color: #eeeeee;}
tr.total td {font-weight: bold;background-color: #eeeeee;}
td.subTotal {font-weight: bold;background-color: #eeeeee;color: dimgray;}

/* Photo */
.addFoto_product {cursor:pointer;}
.photo_upload, .photoDialog {display:none; margin:2em 0;}
.photo_crop {float:left; min-width:400px;}
.photo_preview_content { padding-top: 2.1em;}
.photo_preview {float: left; position: relative; height: 220px; width: 310px; overflow: hidden; border:1px solid #000000;}
.photo_preview.square {width:160px; height:160px;}
.photo_preview_content h3 {}
.photo_preview_content img {}

/* imgAreaSelect default style */
.imgareaselect-border1 { background: url(../img/imgareaselect/border-v.gif) repeat-y left top; }
.imgareaselect-border2 { background: url(../img/imgareaselect/border-h.gif) repeat-x left top; }
.imgareaselect-border3 { background: url(../img/imgareaselect/border-v.gif) repeat-y right top; }
.imgareaselect-border4 { background: url(../img/imgareaselect/border-h.gif) repeat-x left bottom; }
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; }
.imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5; }
.imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }

/* Picture */
img.picture {border: 1px solid #DFDFDF;box-shadow: 0 0 2px 0 #CCCCCC;padding: 2px;}

/* Button */
input.button {width: auto;  }
.ui-widget-content .button,
.button {font-size: 1em; padding: 5px 10px 5px 10px;text-align: center;color: #ffffff;background: #1c7ea9;border:none;}
#main a.button{padding: 6px 10px 6px 10px;}
.ui-widget-content 
.button:hover,
.button:hover{ color: #ffffff;background: #73b859;cursor: hand; cursor: pointer; }
#main a.button {color: #ffffff; }
#main a.button:active{background: #73b859;}

/* arrows */
.arrow { display: block; width: 0; height: 0; }             
.arrow-up { border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #000000; }
.arrow-down { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000000; }
.arrow-right { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #000000; }
.arrow-left { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #000000; }

/* Form */
.wrapperError {height: 40px;position: relative;}
.fieldError { font-size: 0.8125em; overflow: hidden; color: #ffffff; z-index: 100; position: absolute;margin-top: -40px;}
.fieldError .inner { background-color: #ff0000; padding: 0.75em; margin-top: 8px; }
.fieldError .arrow-up { border-bottom-color: #ff0000; position: absolute; top: 0; left: 0.75em; margin-left: 0em; }
.fieldError .passive { opacity: 0.5; }

/* Location */
.studioPCA_7 {}
.studioPCA_11 {background-color: #f8ffbd;}
.studioPCA_11studioPCA_7, .studioPCA_7studioPCA_11 {background-image: repeating-linear-gradient(135deg,#ffffff, #f6ffab 8px);}

/* warning */
.warningSeasonCol {display: none;}

/* */
.academyCourse {background-color: #51ba27;}

.row label ,.trow label {height: 30px; line-height: 30px; padding: 0; font-weight: bold;color: #332D33;}
.row .formText,.trow .formText {height: 30px; line-height: 30px; padding: 0; padding-left: 5px;}
.row select ,.trow select {width: 100%;}
.row input, .row textarea ,.trow input, .trow textarea{width: 97%;}

.static-form span {height: 30px; line-height: 30px;border: 1px solid #c2c2c2;padding: 4px;font-size: 1em;}


input, 
select,
textarea {  
    font-family: inherit;
    border: 1px solid #C2C2C2;
    margin: 0px;
    padding: 4px;
    color: #333333;
    font-size: 1em;
    z-index:100;
}
.row input[type=radio] {width: 10px;}
.row input[type=checkbox],
.row input[type=radio]
 {width: 10px;height:30px;}

input.inputCell{width: 70%}

/* Diasable */
textarea[disabled],
select[disabled],
input[disabled],
input.button[disabled],
input.button[disabled]:hover,
button.button[disabled],
button.button[disabled]:hover {    
    background-color: #ddd;
}


a[disabled] {
    color: #cccccc;
}


/* Pagination */
.pageLink {}
.pageCurrent {font-weight: bold;color: #73b859}

/* Dialog */
.errorDialog .ui-widget-header,.errorDialog .ui-state-default {background: #f06042;}

#personSameNames {display: none;background-color: #ffffff;color: #f06042; font-weight: bold; padding: 20px; border: 2px solid gray;position: absolute; top: 160px; left: 50px;}

/* */
.courseUnitHeader {border: 1px solid #73b859; padding: 10px; font-weight: bold;}
.courseUnitHeader.active {background-color: #dfdfdf;}
.courseUnitDatesDisplayLink  {color: #1c7ea9}
.courseUnitDatesDisplayLink:hover  {color: #73b859;cursor:pointer;}
.courseUnitDates {display: none;}
.courseUnitActions {font-size: 130%}
.courseUnitActions i:focus, .courseUnitActions i:hover{color:#dddddd;}

/* Util class */
.info {
    font-style: italic;
    font-size: 0.8em;
}

/* Planning */
#planning h1 {color: #dddddd;}
#planning .modal-header h1{color: #749E47;}
.planningNavigation {position: fixed;width: 100%;padding: 0px 0 0 50px;background-color: #1c7ea9;z-index: 99;color: #ffffff;font-weight: bold;height: 55px;}
.planningNavigation form {padding-top: 10px;}
.planningWeekNavigation {position: fixed;width: 100%;padding: 0px 0 0 40px;background-color: #1c7ea9;z-index: 99;color: #ffffff;font-weight: bold;height: 55px;}
.planningWeekNavigation .row div {margin-bottom: 5px}
.planningNavigation a,.planningWeekNavigation a{color: #cccccc;}
.planningNavigation a:hover, .planningNavigation a.active,.planningWeekNavigation a:hover,.planningWeekNavigation a.active{color: #ffffff;}
#showLegend {position:absolute; left:5px;}
#showLegend i {height: 55px; line-height: 55px;}
#planningLegend{ display: none;position: fixed; height: 220px; width: 95%;padding: 30px;margin: 10px 0 0 30px; z-index: 10; background-color: #ffffff; border: 1px solid gray;z-index: 1001}
#planningLegend div.row{height: 60px;maring-bottom: 10px;}
.legendColor {border:1px solid #cccccc;padding: 10px;white-space: nowrap;}
#planning .ui-widget-header h1.wc-title {color: #1c7ea9}
#planning .wc-day-column-header {font-weight: bold; font-size: 1.6em;}
#planning .wc-scrollable-grid .wc-day-column-first{border-width: 0 0 0 8px; border-style: double;}
#planning .wc-time-header-cell {padding-right: 15px;}
#planning .calendarContent {margin-top:45px}
#courseOverlapping {display: none;}

.spaceBetweenHeaderAndTable {position: fixed;width: 100%;padding: 0px 0 0 40px;background-color: #ffffff;color: #ffffff;font-weight: bold;height: 80px;z-index: 98;}
#calendar1Col {margin-left:0px;}
.calandarDayDate {color: #ffffff;height: 24px;font-weight: bold; position: absolute;top: 56px;z-index: 99;text-align: center; width: 1920px;background-color: #73b859;}
/* Full Calendar */
.fc-agenda-slots td div { height: 80px !important; }
.fc-agenda {padding-top: 35px;}
.publicCalendar {padding-top: 45px}
.publicCalendar .fc-agenda-slots td div { height: 55px !important; }
.publicCalendar .fc-agenda {padding-top: 10px;}
.ui-dialog { z-index: 1001 !important ;}

thead .fc-first {background-color: #73b859;color: #ffffff}
.fc-agenda .fc-agenda-axis{font-weight: bold !important;}

#planning .fc-event-vert .fc-event-time {font-size: 15px;font-weight: bold;text-align: center;background-color: #1c7ea9; color: #ffffff;}
#planning .fc-event-vert .fc-event-title {font-weight: bold;text-align: center;font-size: 16px;}
#planning .fc-event-inner:hover{cursor:pointer;}
#planning .eventTeachers {text-align: center;font-weight: bold;margin-top: 10%;}
#planning .eventCanceled {text-align: center;margin-top:5%;font-size: 16px;}
#planning .editUnitDateLinkPlanning {position: absolute; top:5px;right:5px;color: #dddddd;}

/* my course */
#main a.unregister {font-weight: bold;color: green;}
#main a.register {font-weight: bold;color: red;}

/* Exception */
.exception {margin-left:auto;margin-right:auto; width: 600px;text-align: left;}

.barcode{font-size: .95em; font-weight: normal;}
.barcodeCodeInput{position:absolute; top:-100px;left:-100px;}
.barcodeUnknow, .barcodePleaseScan{background-color: #dfdfdf;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width: 800px;z-index:15;border: 5px solid #73b859; padding: 30px;text-align:center;font-size:3em;}
.barcodeUnknow {border: 5px solid #f06042;}

/* Datepicker */
.Highlighted a{
    background-color : Green !important;
    background-image :none !important;
    color: White !important;
    font-weight:bold !important;
    font-size: 12pt;
}

.ui-tooltip {
width: 400px;
max-width: 400px;
padding: 10px 20px;
box-shadow: 0 0 7px black;
}


/* dayCalendar */
.tableContainer {width: 100%; margin-top: 50px;padding: 0px;display: table;border-collapse:collapse}
.tableRow{padding: 0px;margin: 0px;width: 100%;text-align: center;display: table-row;height: 20px; line-height: 20px;}
.tableCell {position: relative;border: 1px solid gray;padding: 5px;margin: 0px;height: 20px; line-height: 20px;display: table-cell;}
.dayCalendarHour{width: 8%;}
.dayCalendarContent{text-align: left;}




.iconMobileMenu {font-size: 200%;position:absolute;right: 50px;}
.iconMobileMenu i {height:55px;line-height:55px;}
#planningMenuMobile, #planningHeaderMobile{display: none;}
#planningMenuWeb, #planningHeaderWeb {display: clear;}
#planningMenuMobile {position: fixed;z-index: 99999999;width:100%;margin-top:0px; left: 0px;background-color: rgba(1,1,1,1);}
#planningMenuMobile ul {margin:20px;left: 0px; list-style-type: none;height: auto;}
#planningMenuMobile ul li {margin: 0px;list-style-type: none;font-weight: bold;display: block;height: auto; line-height: 150%;}
#planningMenuMobile ul li ul {display: block;}
#planningMenuMobile ul li ul li {font-weight: normal;padding-left: 20px;}    
#planningMenuMobile .iconMobileMenu {position: absolute; top: 0px;right: 10px;z-index:1}
@media all and (max-device-width: 1000px),all and (max-width: 1000px){
    #planningHeaderMobile {display: block;}
    #planningHeaderWeb, #planningMenuWeb {display: none;}
}

/*Jquery ui Overriding */