@font-face {
 font-family: 'Raleway';
 src: url('fonts/Raleway.eot');
 src: url('fonts/Raleway.eot?iefix') format('eot'),
      url('fonts/Raleway.woff') format('woff'),
      url('fonts/Raleway.ttf') format('truetype'),
      url('fonts/Raleway.svg#webfontj1CI1MAi') format('svg');
 font-style:normal;
}


body{
 background-color:white;
 font:12px 'Segoe UI', 'Lucida Grande','Ubuntu','sans-serif';
 color:#333333;
 border:0px;
 margin:0px;
}


td {
 font-size:13px;
}

h1{
 font:45px 'Raleway';
 margin-bottom:10px;
}

.s-icon{
 display:inline-block;
 width:30px;
 padding:0p 4px;
 line-height: 30px;
 height: 30px;
 color:white;
 border-radius:100%;
 text-align:center;
 text-decoration:none;
 cursor:default;
}
a.s-icon{
 display:inline-block;
 width:30px;
 padding:0p 4px;
 line-height: 30px;
 height: 30px;
 color:#1b1c21;
 border-radius:100%;
 text-align:center;
 text-decoration:none;
 cursor:default;
}
a.s-icon:hover{
 display:inline-block;
 width:30px;
 padding:0p 3px;
 line-height: 30px;
 height: 30px;
 color:#1b1c21;
 border-radius:100%;
 text-align:center;
 text-decoration:none;
 cursor:default;
}

div.caption {
 display:block;
 font: 12px 'Arial Black', 'Arial Bold', Gadget, sans-serif;
 font-weight:bold;
 color:#27c8cb;
 line-height:20px;
 height:20px;
 margin:16px  0 8px 0; 
}
div.box{
 background:#eff0f2;
 background:linear-gradient(to bottom, #eff0f2,#e3e5e8);
 padding:10px;
 border-radius:4px;
}

a:link{
 color:#28c7ca;
 text-decoration:none;
}
a:hover,a:visited:hover{
 color:#28c7ca;
 text-decoration:underline;
}
a:visited{
 color:#28c7ca;
 text-decoration:none;
}

input[type="text"],textarea {
-webkit-appearance: none;
}


input,select,textarea{
 box-shadow: none !important;
 outline: none !important;
 font:14px 'Segoe UI', 'Lucida Grande','Ubuntu','sans-serif';
 color:#333333;
 width:260px;
 border:solid 1px #bbbbbb;
 background-color:white;
 padding:2px;
 padding-left:5px;
 height:35px;
 border-radius:4px;
}
input:focus,select:focus,textarea:focus{ 
 outline: none !important;
 border:solid 1px #28c7ca!important;
 box-shadow: none;
}

::placehoder{
 color:#ccc;
}
::-webkit-input-placeholder{
 color:#ccc;
}

input.grey{
 font:14px 'Segoe UI', 'Lucida Grande','Ubuntu','sans-serif';
 color:black;
 width:260px;
 border:solid 1px #e3e5e8;
 background-color:#ffffff;
 padding:2px;
 padding-left:5px;
 height:35px;
 border-radius:4px;
}

input.invisible
{
 margin-left:3px;
 width:100%;
 background-color: transparent;
 border:0;
 outline: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}


.checkbox{
 width: 15px;
 height:15px;
 font-size:11px;
 color:#3D3D3D;
 border: none;
 background-color:none;
 margin:5px;
 padding:5px;
 border-radius: 0;
}

input[type="checkbox"]{
 width: 15px;
 height:15px;
 font-size:11px;
 color:#3D3D3D;
 border: none;
 background-color:none;
 margin:5px;
 padding:5px;
 border-radius: 0;
}

div.colorBorder{
 border-color:#28c7ca!important;
}

.topbar{
 background:#1b1c21;
 color:#abaeb4;
}
.topbar table{
 color:#abaeb4;
}

a.onglet:link,a.onglet:visited{
 margin-right:8px;
 padding:6px;
 font:14px Raleway;
 line-height:41px;
 color:#abaeb4;
 text-decoration:none;
 cursor:default;
 border-bottom:solid 6px transparent;
}
a.onglet:hover, a.onglet:visited:hover{
 color:#ffffff;
 text-decoration:none;
 transition:color 1s;
}

a.ongletSelected,a.ongletSelected:hover{
 margin-right:8px;
 padding:6px;
 font:14px Raleway;
 line-height:41px;
 color:#27c8cb;
 text-decoration:none;
 cursor:default;
 border-bottom:solid 6px #27c8cb;
}


a.button:link, a.button:visited{
 margin-right:5px;
 display:inline-block;
 padding:9px 10px;
 line-height:25px;
 font:14px 'Raleway';
 color:#4B4B4B;
 text-decoration:none;
 background:#e6e7ea;
 border-radius:3px;
 cursor:default;
}
a.button:hover{
 background:#28c7ca;
 color:#ffffff;
 text-decoration:none;
}
a.button:active{
 background:#F6F6F6;
 color:#4B4B4B;
 text-decoration:none;
}
a.button img{
 border:none;
 align:center;
 vertical-align: -60%;
}
a.button span.octicon{
 vertical-align:-3px;
 padding-right:1px;
 font-size:19px;
}
a.button span.mega-octicon{
 vertical-align:center;
}

a.button2{
 padding:7px;
 line-height:30px;
 height:30px;
 font-size:15px;
 color:#28c7ca;
 text-decoration:none;
 background-color:none;
 cursor:default;
 border-radius:2px;
 margin:0 1px;
}
a.button2:hover, a.button2:visited:hover{
 background-color:#28c7ca;
 text-decoration:none;
 color:white;
 cursor:default; 
}
a.button2:active{
 background-color:#6BCCEC;
 text-decoration:none;
 color:white;
 cursor:default;
}
a.button2:visited{
 padding:7px;
 line-height:30px;
 height:30px;
 font-size:15px;
 color:#28c7ca;
 text-decoration:none;
 background-color:none;
 cursor:default;
 border-radius:2px;
 margin:0 1px;
}
a.button2 img{
 border:none;
 align:center;
 vertical-align: -26%;
}
a.button2 span{
 vertical-align:-2px;
 font-size:17px;
}

a.captionbutton:link{
 display:block;
 background:white;
 font: 12px 'Arial Black', 'Arial Bold', Gadget, sans-serif;
 font-weight:bold;
 text-decoration:none;
 color:#27c8cb;
 line-height:25px;
 padding:3px;
 margin:14px 0 0 -2px; 
 cursor:default;
}
a.captionbutton:hover, a.captionbutton:visited:hover{
 background:#27c8cb;
 text-decoration:none;
 color:white;
}
a.captionbutton:active{
 background:#ffffff;
 text-decoration:none;
 color:#27c8cb;
}
a.captionbutton:visited{
 display:block;
 background:white;
 font: 11px 'Arial Black', 'Arial Bold', Gadget, sans-serif;
 text-decoration:none;
 color:#27c8cb;
 line-height:25px;
 padding:3px;
 margin:14px 0px 0px 0px; 
 cursor:default;
}
a.captionbutton img{
 border:none;
 align:center;
}



a.toolbarbutton,a.toolbarbutton:visited{
 margin-right:5px;
 display:inline-block;
 padding:7px 8px;
 line-height:25px;
 font:11px 'Raleway';
 color:#4b4b4b;
 text-decoration:none;
 background:#eff0f2;
 border-radius:3px;
 cursor:default;
}
a.toolbarbutton:hover, a.toolbarbutton:visited:hover{
 background:#27c0c3;
 color:#ffffff;
 text-decoration:none;
}
a.toolbarbutton:active{
 background:#F6F6F6;
 color:#4B4B4B;
 text-decoration:none;
}
a.toolbarbutton img{
 border:none;
 align:center;
 vertical-align: -60%;
}
a.toolbarbutton span.octicon{
 vertical-align:-3px;
 padding-right:1px;
 font-size:19px;
}
a.toolbarbutton span.mega-octicon{
 vertical-align:center;
}

#dynamicTab, #dynamicTab2{
 margin-top:10px;
}
#dynamicTab tr.header, #dynamicTab2 tr.header{ 
 background:#3f424a;
 color:#abaeb4;
}
#dynamicTab td, #dynamicTab2 td{
 padding:5px 2px 5px 5px;
}
#dynamicTab tr.header td, #dynamicTab2 tr.header td{
 padding-left:1px;
}
#dynamicTab tr.header td:first-child, #dynamicTab2 tr.header td:first-child{
 border-top-left-radius: 6px;
}
#dynamicTab tr.header td:last-child, #dynamicTab2 tr.header td:last-child{
 border-top-right-radius: 6px;
}


.header a:link{
 display:block;
 line-height:26px;
 height:26px;
 padding:5px;
 font-size:11px;
 font-weight:bold;
 color:#abaeb4;
 text-decoration:none;
 background:transparent;
 white-space: nowrap;
 cursor:default;
}
.header a:hover, .header a:visited:hover{
 text-decoration:none;
 background:#4e525c;
 color:#ffffff;
 cursor:default;
}
.header a:active{
 text-decoration:none;
 background:#6a6f7d;
}
.header a:visited{
 display:block;
 line-height:30px;
 height:30px;
 padding:5px;
 font-size:11px;
 font-weight:bold;
 color:#abaeb4;
 text-decoration:none;
 background:transparent;
 white-space: nowrap;
 cursor:default;
}
.header a img{
 border:none;
 vertical-align: -0px;
}
.header a .octicon{
 padding-top: 4px;
}


div.hr{
 overflow:hidden;
 height:0px;
 width:100%;
 display:none;
}

tr.tabnormal{
 color:#333333;
 height:34px;
 cursor:default;
 background-color:#f8f9fa;
 border:none;
}
/*
tr.tabnormalg{
 color:#333333;
 height:34px;
 cursor:default;
 background-color:#eff0f2;
 border:none;
}
*/
tr.tabselected{
 height:34px;
 cursor:default;
 background:#27c8cb;
 color:#ffffff!important;
 border:none;
}
tr.tabselected a{
color:white;
}


tr.tabnormalv2{
 color:#000;
 height:34px;
 cursor:default;
 background-color:#eff0f2;
 border:none;
}
tr.tabnormalv2:nth-child(even) {
 background-color:#f8f9fa;
}




div.popup{
 visibility:hidden;
 text-align:left;
 position:absolute;
 top:0px;
 left:0px;
 z-index:101;
 background:#414651;
 border:solid 1px #1b1c21;
 padding:0;
 overflow:hidden;
 max-height:600px;
 overflow-y:auto;
}

a.popupbutton{
 display:block;
 width:100%;
 padding:8px 8px;
 line-height:30px;
 height:30px;
 font-size:14px;
 color:#abaeb4;
 text-decoration:none;
 background:#414651;
 cursor:default;
}
a.popupbutton:hover, a.popupbutton:visited:hover{
 background:#4e525c;
 color:#ffffff;
 text-decoration:none;
}
a.popupbutton:active{
 background-color:#F6F6F6;
 text-decoration:none;
 color:#4B4B4B;
 cursor:default;
}
a.popupbutton:visited{
 display:block;
 width:100%;
 padding:8px;
 line-height:30px;
 height:30px;
 font-size:12px;
 font-weight:bold;
 color:#abaeb4;
 text-decoration:none;
 background:#414651;
 cursor:default;
}
a.popupbutton img{
 border:none;
 align:center;
 vertical-align: -26%;
}
a.popupbutton span.octicon{
 vertical-align:-3px;
 padding-right:2px;
 font-size:19px;
}


a.popupbutton[data-disabled="1"] {
 display:block;
 width:100%;
 padding:8px 8px;
 line-height:30px;
 height:30px;
 font-size:14px;
 color:#606060;
 text-decoration:none;
 background:#414651;
 cursor:default;
}
a.popupbutton[data-disabled="1"] span.octicon{
 vertical-align:-3px;
 padding-right:2px;
 font-size:19px;
}




div.bottombar{
 display:none;
 z-index:99;
 position:absolute;
 left:0;
 top:0;
 height:75px;
 width:100%;
 background:#1b1c21;
 text-align:center;
 vertical-align:middle;
}

div.bottombarlabel{
 position:absolute;
 left:100px;
 margin-top:30px;
 font-size:12px;
 color:white;
}

a.bottombarbutton{
 margin-right:8px;
 display:inline-block;
 padding:7px;
 line-height:25px;
 font:13px 'Raleway';
 color:#abaeb4;
 background:#1b1c21;
 text-decoration:none;
 cursor:default;
 border-radius:3px;
}
a.bottombarbutton:hover, a.bottombarbutton:visited:hover{
 background:#1b1c21;
 color:#ffffff;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton:active{
 background:#6a6f7d;
 color:#ffffff;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton:visited{
 color:#abaeb4;
 background:#1b1c21;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton img{
 border:none;
 align:center;
 vertical-align: -26%;
}
a.bottombarbutton span.octicon{
 vertical-align:-3px;
 padding-right:1px;
 font-size:19px;
}


div.greybackground{
 display:none;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin:auto;
 background:#a8a8a8;
 opacity:0.8;
 z-index:99;
}

div.leftbar{
 display:none;
 overflow:hidden;
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:0;
 margin:auto;
 z-index:100;
 width:300px;
 height:0px;
 background:#414651;
 color:#ffffff;
 text-align:left;
 vertical-align:top;
 transition:width 0.3s, height 0.3s;
 line-height:25px;
 border-radius:5px;
}
.leftbar td{
 color:#ffffff;
 line-height:25px;
}

a.leftbarbutton{
 margin-right:5px;
 display:inline-block;
 padding:8px 10px;
 line-height:25px;
 font:16px 'Raleway';
 color:#abaeb4;
 text-decoration:none;
 background:transparent;
 border-radius:3px;
 cursor:default;
}
a.leftbarbutton:hover, a.leftbarbutton:visited:hover{
 #background:#28c7ca;
 #color:#ffffff;
 color:#28c7ca!important;
 text-decoration:none;
}
a.leftbarbutton:active{
 background:#F6F6F6;
 color:#4B4B4B;
 text-decoration:none;
}
a.leftbarbutton:visited{
 color:#4B4B4B;
 background:#e6e7ea;
 text-decoration:none;
}
a.leftbarbutton img{
 border:none;
 align:center;
 vertical-align: -60%;
}
a.leftbarbuttonspan.octicon{
 vertical-align:-3px;
 padding-right:1px;
 font-size:19px;
}
a.leftbarbutton span.mega-octicon{
 vertical-align:center;
 margin-right:-8px;
}

.leftbar input, .leftbar select, .leftbar textarea {
 background:transparent;
 color:#ffffff;
 border: solid 1px #abaeb4;
}
.leftbar input:focus, .leftbar select:focus, .leftbar textarea:focus {
 outline: none !important;
 border:solid 1px #28c7ca;
 box-shadow: none;
}
.leftbar option{
 background:#414651;
}


a.leftbaritem{
 display:block;
 margin:10px 0 10px 0;
 padding:8px;
 font-size:12px;
 line-height:14px;
 width:95%;
 color:white;
 text-decoration:none;
 background-color:none;
 cursor:default;
}
a.leftbaritem:hover, a.leftbaritem:visited:hover{
 display:block;
 margin:10px 0 10px 0;
 padding:8px;
 font-size:12px;
 line-height:14px;
 width:95%;
 color:white;
 text-decoration:none;
 background-color:#28c7ca;
 cursor:default;
}
a.leftbaritem:visited{
 display:block;
 margin:10px 0 10px 0;
 padding:8px;
 font-size:12px;
 line-height:14px;
 width:95%;
 color:white;
 text-decoration:none;
 background-color:none;
 cursor:default;
}







a.lbutton:link{
 display:block;
 height:20px;
 line-height:20px;
 background-color:none;
 text-align:center;
 text-decoration:none;
 cursor:default;
}
a.lbutton:hover, a.lbutton:visited:hover{
 background-color:#2DA3DB;
 text-decoration:none;
 cursor:default;
}
a.lbutton:active{
 background-color:#6BCCEC;
 text-decoration:none;
 color:white;
 cursor:default;
}
a.lbutton:visited{
 display:block;
 line-height:20px;
 height:20px;
 background-color:none;
 text-align:center;
 text-decoration:none;
 color:#3f3f3f;
 cursor:default;
}
.lbutton img{
 border:0;
 vertical-align:middle;
}




.dayboxheadder{
 color:#777777;
 font-size:15px;
 background-color:white;
 line-height:60px;
}

.daybox{
 color:#444;
 font-size:17px;
 height:150px;
 background-color:#EEEEEE;
 cursor:default;
 padding:2px;
}
.dayboxW{
 color:#444;
 font-size:17px;
 height:150px;
 background-color:#F4F4F4;
 cursor:default; 
 padding:2px;
}
.dayboxY{
 color:#444;
 font-size:17px;
 height:150px;
 background-color:#FFFFD5;
 cursor:default;
 padding:2px;
}
.dayboxSelected{
 color:#444;
 font-size:17px;
 height:150px;
 background-color:#28c7ca;
 cursor:default;
 padding:2px;
}

.task{
 width:97.5%;
 border:solid 2px transparent; 
 cursor:default;
 overflow:hidden;
 padding:2px;
}
.taskSelected{
 width:97.5%;
 border:solid 2px #1b1c21;
 cursor:default;
 padding:2px;
}
.task td, .taskSelected td{
 font-size:13px!important;
}

span.time{
 font-size:12px;
 background:#444;
 color:#fff;
 padding:1px 4px;
 border-radius:3px;
 line-height:23px;
}
span.num{
 display:inline-block;
 font-size:11px;
 padding:1px 4px;
 border-radius:3px;
 border:solid 1px #333;
 max-width:250px;
}
span.tag{
 display:inline-block;
 font-size:13px;
 padding:2px;
 margin:2px;
 background:#eff0f2;
 color:#666666;
 line-height:20px;
 border:solid 1px #eff0f2;
 border-radius:3px;
}
span.tag2{
 display:inline-block;
 font-size:13px;
 margin:2px;
 padding:2px;
 color:#fff;
 border:solid 1px #ccc;
 border-radius:3px;
 line-height:20px;
}



a.onglet2:link,a.onglet2:visited{
 display:inline-block;
 min-width:40px;
 text-align:center;
 padding:8px 12px;
 font:12px Raleway;
 color:#abaeb4;
 text-decoration:none;
 cursor:default;
}
a.onglet2:hover, a.onglet2:visited:hover{
 color:#ffffff;
 text-decoration:none;
 transition:color 1s;
}
a.onglet2 span, a.onglet2Selected span{
 display:block;
 font-size:24px;
 margin:8px 0 8px 0;
}
a.onglet2Selected,a.onglet2Selected:hover{
 display:inline-block;
 min-width:40px;
 text-align:center;
 padding:8px 12px;
 font:12px Raleway;
 color:#27c8cb;
 text-decoration:none;
 cursor:default;
 background: black;
}







tr.tabnormal{
 color:#000;
 height:34px;
 cursor:default;
 background-color:#eff0f2;
 border:none;
}
tr.tabnormalb{
 color:#eaeaec;
 height:34px;
 cursor:default;
 background-color:transparent;
 border:none;
}
/*
tr.tabnormalg{
 color:#000;
 height:34px;
 cursor:default;
 background-color:#eff0f2;
 border:none;
}
*/
tr.tabselected{
 height:34px;
 cursor:default;
 background:#6bbfe3;
 #color:#ffffff!important;
 border:none;
}
tr.tabselected a{
color:white;
}
tr.tabnormal td, tr.tabnormalg td, tr.tabselected td{
 font-size:13px!important;
}
tr.tabnormal:nth-child(even) {
 background-color:#f8f9fa;
}

tr.tabnormalb td, tr.tabnormalb td {
 font-size:13px!important;
}
tr.tabnormalb:nth-child(even) {
 background-color:#4e525c;
}

tr.tabselectedb{
 height:25px;
 cursor:default;
 background:#3c9ed2;
 #color:#ffffff!important;
 border:none;
}







::-webkit-scrollbar {
  width: 11px;
  height:11px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

::-webkit-scrollbar-thumb:hover {
  background: #46aada; 
}


@keyframes blinker {
  50% {
    opacity: 40%;
  }
}