body { margin:0; color:black; height:auto; font-family:arial; font-size:12px; }
a { color:blue; }
img { border:none; }
h2 { text-align:center; }

@font-face {
    font-family: 'gilroy';
    src:url('Gilroy-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroy_bold';
    src:url('Gilroy-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroy_light';
    src:url('Gilroy-Light.ttf') format('truetype');
}

.main { min-height:600px; background-color:white; margin:auto; padding:10px; }
.login { border:solid thin #AAA; padding:10px; margin:auto; text-align:center; width:400px; }
.login input[type="text"],.login input[type="password"] { width:80%; padding:5px; font-size:16px; border:solid thin #AAA; background:#EEE; }
.error { color:red; }
.header { margin:auto; background:#DDD; padding:10px; }
.header .mid { float:left; width:calc(100% - 300px); } 
.header .studios { float:left; width:140px; height:38px; font-family:gilroy_light; font-size:25px; color:#00C0FF; text-align:center; }
.header .clock { font-family:arial; font-size:14px; padding:2px; color:#001244; text-shadow:none; }
.menu { margin-left:20px; }
.logo { float:left; width:100px; }
.logo img { width:100px; }
.menu a { background:#00C0FF; display:block; float:left; height:20px; color:white; font-family:gilroy; font-size:14px; text-decoration:none; margin:0 5px 5px 0; width:100px; line-height:20px; text-align:center; }
.menu a:hover { background:#00e0f6; }
.menu a i { position:absolute; margin:-4px 0 0 5px; background:red; padding:0 4px; border-radius:2px; }
.unlog { float:right; margin:0 0 0 5px; cursor:pointer; }
.openplayer { float:right; display:inline-block; margin:0 0 0 2px; width:22px; height:22px; background:url('img/pictos_little_2018.png') no-repeat -214px -66px; cursor:pointer; }
.m { display:none; }
.wait { width:50px; height:50px; background:url('img/ajax-loader.gif') no-repeat; background-size:50px; }

.download { width:20px; height:20px; cursor:pointer; }
a.download { display:inline-block; margin:5px; width:auto; line-height:20px; border:solid 1px #888; background:url('img/download.png') no-repeat 5px 5px; background-size:20px 20px; text-decoration:none; padding:4px 4px 4px 30px; }

@media (max-width:500px) {
    body { padding:0; margin:0; }
    .header { padding:0; }
    .login { width:80%; }
    .main { width:100%; padding:0; }
    .header { width:100%; }
    .header .mid {  }
    .header .clock { width:140px; }
    .menu { position:absolute; display:none; width:170px; right:0px; top:42px; border:solid 1px white; z-index:100; }
    .menu a { margin:0; border-radius:0px; width:170px; height:30px; line-height:30px; }
    .unlog { display:none; }
    .logo { }
    .m { display:block; float:right; background:#00AAFF; width:30px; height:30px; line-height:30px; text-align:center; border:solid 1px white; }
}
.clear { clear:both; }
.footer { font-size:10px; color:#AAA; margin-top:10px; }

.bluetbl { border:solid 0.1em #CCC; font-size:12px; }
.bluetbl thead { background:#00AAFF; }
.bluetbl td { border:solid 0.1em #CCC; }
.bluetbl .cover { width:80px; }

.btn.moins { float:left; background:url('img/Plus-Moins_btns.png') no-repeat -28px 0; width:22px; height:22px; cursor:pointer; }
.btn.plus { float:left; background:url('img/Plus-Moins_btns.png') no-repeat 0 0; width:22px; height:22px; cursor:pointer; }

.planning { position:relative; padding:0; z-index:1;}
.planning table { border-collapse:collapse; margin:0; font-size:11px;}
.planning thead td { width:115px; background:#00AAFF; border:solid 1px #CCC; text-align:center; height:30px; padding:0; }
.planning thead td.today { background:#001244; color:white; }
.planning tbody { vertical-align:top; }
.planning ul { padding:0; list-style-type:none; }
.planning ul li { margin:4px 0; }
.planning .case { width:120px; height:100px; border:solid 1px #CCC; padding:0; vertical-align:top; }
.planning .left { width:25px; vertical-align:top; border-top:solid 1px #ccc; text-align:right; }
.planning .emission { position:absolute; width:120px; background:#CCC; border:solid 1px black; text-shadow:1px 1px white; z-index:1; }
.planning .popup { position:absolute; width:120px; height:60px; display:none; text-shadow:1px 1px white; z-index:100;}
.planning .event { position:absolute; width:115px; background:yellow; opacity:0.5; z-index:2; }
.planning .event a { background:white; padding:2px; opacity:1; }
.planning_btn { display:none; }
.calpige { display:block; width:800px; }
.calpige.hidden { display:none; }
.calpige ul { float:left; margin:4px 10px; padding:0; list-style-type: none; text-align:left; }
.calpige ul li:first-child { font-weight:bold; text-align:center; height:20px; }
.divblock { float:left; margin-left:10px; width:48%; }

.diffsecours { position:relative; }
.diffsecours > div { position:absolute; width:978px; height:100%; top:0; background:#FF5555; color:#FF5555; opacity:0.6; text-align:center; line-height:100%; }
.diffsecours > div:hover { color:black; opacity:0.9; }

#old_em, #new_event { display:none; }
#new_event table { font-size:12px; }
#new_event textarea { width:100%; height:100px; }

@media (max-width:700px) { 
  .divblock { float:none; width:100%; }
}
.map { width:960px; height:662px; background:url('img/studios.png') no-repeat; position:relative; }
.map .pc { position:absolute; display:block; margin-top:-20px; }
.map .pc a { display:block; }
.map i { font-size:11px; color:#888; }
.pcinfo { position:absolute; width:300px; z-index:100; background-color:white; border:solid 1px #666; box-shadow:2px 2px 2px #888; display:none; }
.pcinfo .close { float:right; color:red; font-weight:bold; cursor:pointer; }
.pcinfo .member { width:50px; max-height:50px; }
.bargraph { width:100px; height:20px; border:solid 1px black; padding:0; background:linear-gradient(to bottom,#CCC,#BBB); border-radius:4px; }
.bargraph .value { height:20px; border:solid 1px black; margin:-1px 0 0 -1px; border-radius:4px; }
.ok, .state0 { background:linear-gradient(to top, green, rgba(0,205,0,255)); }
.warning, .state1 { background:linear-gradient(to bottom,yellow, rgba(160,160,0,255)); }
.critical, .state2 { background:linear-gradient(to bottom,red, rgba(160,0,0,255)); }
.unknown, .state3 { background:linear-gradient(to bottom, rgba(255,160,0,255), rgba(160,80,0,255)); }
.color0 { color:green; }
.color1 { color:#FFFF00; text-shadow:#999 1px 1px; }
.color2 { color:red; }
.color3 { color:#FFB619; }
.zeus { display:none; width:800px; margin:10px auto 0 auto; background:#1e15c9; padding:10px; }
.serverdata { float:left; margin-right:10px; margin-top:10px; background:white; border:solid 1px #AAA; padding:5px; border-radius:5px; text-align:center; font-size:12px; }
.serverdata.full { float:none; }
.serverdata .title { border-radius:10px 10px 0 0; margin:0; padding:4px; text-align:center; font-size:14px; background:linear-gradient(to bottom,#AAA,#888); text-shadow:#CCC 1px 1px; }
.serverdata .title .btn { margin:-3px 0 0 0; }
.serverdata .load { font-size:16px; padding:4px; font-weight:bold; text-align:center; }
.serverdata .min { background:#C1E1FF; }
.serverdata .min b { color:blue; }
.serverdata .max { background:#FFC1C1; }
.serverdata .max b { color:red; }
.serverdata .device { border-top:solid 1px black; background:#CCC; }
.serverdata .device img { max-height:50px; vertical-align:middle; }
.serverdata .subdevice { vertical-align:middle; }
.serverdata .subdevice img { max-height:50px; vertical-align:middle; }
.serverdata td { padding:4px; }
.serverdata .float { float:left; }
.serverdata .visibility { text-align:right; }
.serverdata .visibility img { width:24px; cursor:pointer; }

#playlist { }
#playlist > div { margin:5px 0; padding:5px; background:#DDD; }
#playlist > div:after { content:""; clear:both; display:table; }
#playlist > div.current { background:#00e0f6; }
#playlist > div.history { opacity:0.5; }
#playlist > div > div { float:left; width:calc(100% - 120px); margin-left:10px; }
#playlist > div > div > div:nth-child(2) { font-size:18px; font-weight:bold; }
#playlist > div > div > div:nth-child(3) { font-size:18px; font-weight:bold; color:#888; }
#playlist > div img { float:left; width:100px; }


#ubiquitimap { float:left; }
.ubiquitidata { width:600px; height:400px; }

.mixlist { width:620px; height:400px; overflow:auto; }
.mixday { width:600px; border:solid 1px #888; margin-bottom:10px; }
iframe[name=datelist] { border:none; width:500px; height:300px; }
@media (max-width:500px) {
    .mixlist { width:100%; }
    .mixday { width:100%; }
    iframe[name=datelist] { width:100%; }
    .planning { float:left; width:84%; overflow:hidden; }
    .planning table { table-layout: fixed; width: 100%; }
    .planning thead td { width:300px; }
    .planning_btn { display:block; float:left; width:8%; height:100px; line-height:100px; background:#CCC; text-align:center; font-size:22px; cursor:pointer; font-weight:bold; color:white; text-shadow:1px 1px 2px #888; }
    .planning table li { margin-top:10px; }
}
.mixday .date { background-color:#CCC; text-align:center; }
.mixday .mix { padding-top:5px; border-top:solid 1px #AAA; }
.mixday .mix .title { font-weight:bold; color:#666; }
.mixday .mix .playlist { font-size:11px; margin-top:5px; }
.plus { font-size:16px; color:black; text-decoration:none; font-weight:bold; }

.serverdata.autre { width:10%; height:150px; position:relative; }
.serverdata.autre img { max-width:90%; max-height:80px; }
.serverdata.autre p { position:absolute; bottom:0px; width:90%; text-align:center; color:#666; }
.serverdata.autre p b { display:block; color:black; }
.serverdata.autre .btns { display:none; position:absolute; left:0; top:40px; background:#888; width:30px; height:80px; opacity:0.6; border-radius:0 5px 5px 0; }
.serverdata.autre .btns .play { margin:5px auto; background:url('img/autre_btns.png') no-repeat 0 -52px; width:25px; height:28px; cursor:pointer; }
.serverdata.autre .btns .stat { margin:5px auto; background:url('img/autre_btns.png') no-repeat 0 0; width:25px; height:28px; cursor:pointer; }

table.autres { border:solid 1px #CCC; }
table.autres thead td { background:#00C0FF; color:white; padding:5px; }
table.autres thead td.asc:after { content:"▲"; }
table.autres thead td.desc:after { content:"▼"; }
table.autres tr:nth-child(even) { background:#EEE; }
table.autres .logo { text-align:center; }
table.autres .logo img { max-height:40px; max-width:100px; width:auto; }
table.autres .num { text-align:right; }

label.song { display:block; }
.song i { margin-left:10px; color:#888; }

.retour { float:left; display:block; text-decoration:none; font-size:16px; color:#AAA; }
.retour:hover { color:blue; }
.autrelogo { float:left; display:block; max-width:200px; max-height:200px; }

.serverdata .members input[type="text"] { width:200px; }
.serverdata .members textarea { width:200px; height:50px; }
.serverdata .profil { max-width:300px; max-height:300px; }
.serverdata .profil50 { max-width:50px; max-height:50px; }
.serverdata #membres { border-collapse:collapse; width:320px; }
.serverdata #membres a { font-size:12px; }
.serverdata #membres small { color:#888; }
.serverdata #membres td { height:50px; }
.serverdata #membres tr { background:none no-repeat right middle; }
.serverdata #membres tr :last-child { width:30px; }

.adduser { line-height:22px; height:22px; vertical-align:middle; padding:4px 4px 4px 0; border:solid 1px #AAA; border-radius:10px; text-decoration:none; }
.adduser:hover { background:#DDD; }
.adduser span { display:inline-block; margin:0 6px 0 0; vertical-align:middle; background:url('img/Plus-Moins_btns.png') no-repeat; width:22px; height:22px; line-height:22px; }

.mailto,.tel,.vcard { display:block; height:48px;  padding:0 0 0 48px; line-height:48px; text-decoration:none; }
.vcard { background:url('img/vcard.png') no-repeat top left; }
.tel { background:url('img/tel.png') no-repeat top left; }
.mailto { background:url('img/mail.png') no-repeat top left; }

.srcuser { width:300px; border:solid 1px #aaa; border-radius:5px; margin:10px 0; padding:5px; }
.srcuser .backspace { width:24px; display:none; cursor:pointer; vertical-align:middle; }

#memberpreview { display:none; position:absolute; width:310px; margin:10px; }

#networkmenu { margin:10px auto 10px auto; width:700px; }
#networkmenu .item { display:block; float:left; margin:10px 0 0 10px; width:100px; height:110px; border:solid 1px #888; background:#CCC; text-align:center; font-size:14px; text-decoration:none; color:#00aaff; cursor:pointer; }
#networkmenu .item:hover { color:#0088CC; background-color:#AAA; border-color:#0088CC; }
#networkmenu .item div.networkicon { display:block; width:90px; height:90px; margin:0px auto; background:url('img/network.png') no-repeat; }
#networkmenu.mini { margin:10px 0 10px 0; width:auto; }
#networkmenu.mini .item { width:auto; height:auto; padding:4px; }
#networkmenu.mini .item div { display:none; }
#networkmenu .item.active { color:white; background:#0088CC; }
#networkmenu.mini .home { display:block; padding:0px; }
#networkmenu.mini .home img { height:25px; }
#networkmenu .home { display:none; }
.networkicon.map { background-position:0px 0px!important; }
.networkicon.zeus { background-position:-92px 0px!important; padding:0; }
.networkicon.freebox { background-position:-183px 0px!important; }
.networkicon.site { background-position:-271px 0px!important; }
.networkicon.files { background-position:-361px 0px!important; }
.networkicon.security { background-position:0px -100px!important; }
.networkicon.temp { background-position:-90px -100px!important; }
.networkicon.cam { background-position:-180px -100px!important; }
.networkicon.power { background-position:-270px -100px!important; }
.networkicon.time { background-position:-364px -91px!important; }
.networkicon.ubiquiti { background-position:-456px 0px!important; }

form[name="src"] { display:block; float:left; }
.rightlink { display:block; float:right; }
.leftlink { display:block; float:left; }

#config_users { font-size:12px; margin:5px auto; border:solid 1px #888; }
#config_users .username { background:#00aaff; padding:5px; }
#config_users .resum { font-size:10px; padding:4px; }
#config_users .userconf { display:none; }
#config_users .inactive { color:red; }
#config_users .edit { float:right; margin:0 5px; color:blue; cursor:pointer; }

.smstbl { width:100%; border-collapse:collapse; font-size:12px; }
.smstbl td { border:solid 1px #CCC; padding:4px; }
.smstbl .date { width:150px; color:#555; }
.smstbl .vu { width:100px; }

iframe[name="rc"] { width:100%; height:100%; border:none; }

.artist_id { }
.artist_id .type { float:left; display:block; height:128px; }
.artist_id .text { float:left; width:750px; margin:0 0 0 10px; }
.artist_id .tag { float:left; display:block; margin:4px; padding:4px; border:solid 1px #AAA; border-radius:4px; }
.artist_id h1 { float:left; margin:0; }
.artist_id .country { float:left; margin:5px 10px; vertical-align:middle; }
.artist_id .country img { max-height:20px; margin-left:5px; vertical-align:middle; }
.artist_id .infos { float:left; margin-top:10px; text-decoration:none; color:#AAA; vertical-align:middle; }
.artist_id p { clear:both; }

.difftitre { margin:10px 0; border:solid 1px #AAA; font-size:12px; }
.difftitre .firsttr { color:#AAA; }
.difftitre .firsttr :nth-child(1) { width:60px; }
.difftitre .firsttr :nth-child(2) { width:200px; }
.difftitre .firsttr :nth-child(3) { width:200px; }
.difftitre .firsttr :nth-child(6) { width:150px; }
.difftitre .firsttr img { max-width:100px; max-height:50px; }
.difftitre .green { color:green; }
.difftitre .red { color:red; }

.release { margin:0 5px 5px 0; width:238px; min-height:50px; float:left; border:solid 1px #AAA; }
.release .text { float:left; width:170px; margin-left:4px; }
.release h2 { height:28px; font-size:12px; margin:0; text-align:center; }
.release .infos { font-size:10px; margin-top:4px; }
.release .infos img { max-height:16px; vertical-align:middle; margin-left:4px; }
.release .cover { float:left; max-width:50px; max-height:50px; }

.recherche { width:100%; margin:0; background:#EEE; padding:10px; }
.recherche .element { display:block; float:left; margin:0 10px 0 0; }
.recherche .element ul { padding:0; list-style-type:none; }
.recherche .element ul li { margin:4px 0; }
.recherche table { font-size:12px; }
.recherche table thead { font-weight:bold; color:#001244; }
.recherche input, .recherche select { border:solid 1px #AAA; background:#EEE; }
.recherche input[type="submit"] { background:#00aaff; }
.recherche:after { content:""; display:table; clear:both; }

.info { border:solid 1px #D3D3D3; margin:0 0 20px 0; background:white; }
.info.old h3 { color:#888; }
.info h3 { margin:0 0 10px 0; background:#D3D3D3; padding:5px; color:#00AAFF; font-size:16px; font-weight:bold; }
.info i { float:right; }
.info p { margin:5px; }

.info .weather { display:block; width:75px; height:75px; background:#D3D3D3 url('/img/weather.png') no-repeat; }
.info .weather.w01d { background-position:0 0; }
.info .weather.w01n { background-position:-195px -104px; }
.info .weather.w02d { background-position:-195px 0; }
.info .weather.w02n { background-position:-295px 0; }
.info .weather.w03d,.info .weather.w03n { background-position:-195px -204px; }
.info .weather.w04d,.info .weather.w04n { background-position:-295px -204px; }
.info .weather.w09d,.info .weather.w09n { background-position:0 -204px; }
.info .weather.w10d { background-position:-495px 0; }
.info .weather.w10n { background-position:-104px -95px; }
.info .weather.w11d,.info .weather.w11n { background-position:-95px -204px; }
.info .weather.w13d,.info .weather.w13n { background-position:-395px -204px; }
.info .weather.w50d,.info .weather.w50n { background-position:-495px -104px; }


.trafic_content p { float:left; margin:0 10px 5px 0; color:#00AAFF; font-weight:bold; }
.trafic_content i { float:right; }
.trafic_content span { clear:both; display:block; }

.call { position:absolute; background:#c9d7fd; left:40px; }
.callicon { float:left; width:32px; height:32px; background-image:url('/img/fbxbtn.png'); background-repeat:no-repeat; }
.callicon.missed { background-position:0px -800px; }
.callicon.outgoing { background-position:0px -864px; }
.callicon.accepted { background-position:0px -928px; }
.jz { position:absolute; background:#FFBEB5; left:150px; width:250px; height:12px; overflow:hidden; padding:4px; z-index:1; }
.jz:before { margin-left:-5px; content:"<"; }
.jz:hover { background:#FFAEA5; width:auto; height:auto; z-index:5; box-shadow:#888 1px 1px; }
#blackbox .onair { position:absolute; background:#FFF699; left:430px; }
#blackbox .onair img { width:32px; }

#blackbox { position:relative; width:100%; }
#blackbox .time { position:absolute; }

#tvgrid { width:100%; font-size:12px; }
#tvgrid .col { width:30%; height:274px; border:solid 1px #00AAFF; }
#tvfs { margin:20px 0 0 0; width:100%; border:solid 1px #00AAFF; padding:10px; }

.tvchannel { clear:both; margin:20px 0 0 0; }
.tvchannel .channelname { background:#D3D3D3; }
.tvchannel .channelname img { display:block; max-height:40px; }
.tvchannel .space { float:left; width:16px; height:20px; }
.tvprog { float:left; border:solid 1px #D3D3D3; width:calc(50% - 10px); margin:2px 0; }
.tvprog h2 { margin:0; background:#D3D3D3; height:30px; font-size:16px; color:#00AAFF; }
.tvprog h2 .h { float:left; margin:0 0 0 5px; font-size:18px; font-weight:100; color:black; }
.tvprog .infos { background:#D3D3D3; padding:5px; }
.tvprog .infos .rinfos { float:right; }
.tvprog .infos .rinfos img { width:16px; }
.tvprog .infos .rinfos .csa { background:white; padding:2px; color:#888; border-radius:2px; }
.tvprog .text { float:left; margin:0 0 0 5px; position:relative; width:calc(100% - 220px); }
.tvprog .description { clear:both; display:none; position:absolute; background:white; font-size:11px; padding:10px; box-shadow:2px 2px 2px #888; }
.tvprog .apercu { float:left; width:200px; }
.tvprog .credits { margin:10px 0 0 20px; font-size:11px; }
.tvprog .credits ul { margin:5px; padding:0; }

#imglib { display:none; position:absolute; background:white; width:900px; height:600px; border:solid 1px #AAA; z-index:65537; }
#wpedit { }
#wpedit input[name="title"] { width:90%; height:25px; margin:0 0 10px 10px; border:solid 1px #AAA; }
#wpedit .float { margin:0 10px; float:left; width:46%; }
#wpedit .float > div { margin:10px 0 0 0; border:solid 1px #AAA; padding:10px; }
#wpedit .float h3 { float:left; margin:5px; }
#wpedit .float .mce-widget { float:right; }
#wpedit input[type="submit"] { float:right; display:block; }
#wpedit .hidden { display:none; }
#wpedit #une { max-width:100%; }
#wpedit .slider { width:100%; }
#wpedit .movieresults { margin:20px 0 0 0; width:100%; max-height:400px; overflow:auto; }
#wpedit .movieresults div { clear:both; margin:4px 0 0 0; height:100px; font-size:16px; color:#00AAFF; cursor:pointer; }
#wpedit .movieresults div:hover { background:#d3d3d3; }
#wpedit .movieresults div i { display:block; font-size:12px; color:black; }
#wpedit .movieresults img { float:left; margin:0 10px 0 0; height:100px; }
#wpsliders .slider { width:250px; }
#formupload { position:fixed; top:0; left:0; width:100%; background:#F0F0F0; padding:5px; border-bottom:solid 1px #AAA; z-index:10; }
#close { float:right; margin:4px 10px 0 0; background:url('img/sprite_2x.png') no-repeat -71px -39px; width:22px; height:22px; cursor:pointer; }
#imglist { margin:0; padding:10px; overflow:auto; }
#imglist div { float:left; position:relative; margin:0 10px 10px 0; width:200px; height:200px; text-align:center; border:solid 1px #DDD; }
#imglist div:hover { border-color:#00AAFF; }
#imglist div img { max-width:200px; max-height:200px; }
#imglist div span { display:block; position:absolute; width:100%; bottom:0px; background:white; opacity:0.6; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
#error { color:red; }
#canva { margin-top:35px; position:relative; border:solid 1px #ccc; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; }
#canva #crop { position:absolute; width:182px; height:182px; border:solid 1px red; }
.orderdiv { float:right; margin:4px 10px 0 0; }
.order { border:solid 1px #AAA; padding:4px; cursor:pointer; }
.order:hover { background:white; }
.order span { display:inline-block; vertical-align:middle; width:12px; height:12px; background:url('img/sprite_2x.png') no-repeat -9px -268px; }
.order.desc span { background-position:-9px -332px; }

#okupload { display:none; border:solid 1px #AAA; background:none; padding:4px; }
#okupload:hover { background:white; }
#webcopy { display: inline-block; border:solid 1px #AAA; padding:4px; cursor: pointer; }
#webcopy:hover { background:white; }
#webcopy #copyurl { display:none; height:20px; border:solid 1px #AAA; }
.input-file-container { display:inline-block; position:relative; }
.input-file-container:hover { background:white; }
.input-file-container #input-file-trigger { display: block; border:solid 1px #AAA; padding:4px; cursor: pointer; }
.input-file-container .input-file { position: absolute; top: 0; left: 0; width:118px; opacity: 0; cursor: pointer; }
#wpedit #intlink { display:none; position:absolute; background:white; border:solid 1px #AAA; }
#wpedit #intlink li { cursor:pointer; }
#wpedit #internal_link_name { display:inline-block; border:solid 1px #AAA; width:300px; height:14px; vertical-align:middle; padding:2px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#wpedit input[name="external_link"] { border:solid 1px #AAA; width:300px; height:20px; }
#wpsliders .move { display:inline-block; margin-left:10px; width:14px; height:15px; background:url('img/sprite_2x.png') no-repeat; cursor:pointer; }
#wpsliders .move.up { background-position:-8px -268px; }
#wpsliders .move.down { background-position:-8px -332px; }
#wpsliders .move.first { background-position:-10px -137px; }
#wpsliders .move.last { background-position:-10px -201px; }
#wpedit .pigelist { display:none; }
#wpedit .pigelist li { cursor:pointer; }
#wpedit .pigelist li:hover { background:#CCC; }
#wpedit .wavform { width:100%; }
#wpedit .calinput { width:100px; }

#emedit table { font-size:12px; }
#emedit table td { vertical-align:top; }
#emedit input[type=text] { width:100%; border:solid 1px #AAA; }
#emedit select { border:solid 1px #AAA; }
#emedit #postedit { display:none; margin:10px; }
#emedit input[type="submit"] { float:right; border:solid 1px #AAA; display:block; }

h2.date { font-size:16px; text-align:left; vertical-align:middle; }
h2.date a { margin:0 10px; text-decoration:none; font-size:12px; color:#31859d; font-weight:bold; }
h2.date a.btn { font-size:20px; }
h2.date img { vertical-align:middle; }

#editevent { display:none; position:absolute; width:500px; padding:5px; background:white; border:solid 2px #50a8cc; z-index:10; }
@media (max-width:500px) {
    #editevent { width:calc(100% - 10px); }
}
#editevent .close { float:right; width:20px; cursor:pointer; }
.listmember { height:200px; overflow:auto; }
.selmember { margin:2px 0; height:20px; line-height:20px; cursor:pointer; }
.selmember input { display:none; }
.selmember.selected { background:#e9f1f4; font-weight:bold; }
#editevent input { border:solid 1px #CCC; background:white; }
#editevent input[name="du"],#editevent input[name="au"] { width:220px; }
#editevent select { border:solid 1px #CCC; background:white; }

#viewevent { position:absolute; width:500px; background:white; border:solid 2px #50a8cc; z-index:10; }
@media (max-width:500px) {
    #viewevent { width:100%; }
}
#viewevent .title:before { display:block; float:left; width:30px; font-size:28px; }
#viewevent .title { min-height:30px; color:white; padding:5px; }
#viewevent .title img { float:right; width:20px; cursor:pointer; }
#viewevent.canceled .title:after { content:"Annulé"; background:red; }
#viewevent .bloc { margin:10px 0 2px 4px; }
#viewevent .bloc span.t { display:block; color:#50a8cc; font-weight:bold; }
#viewevent .bloc span.t img { margin-right:5px; width:20px; }
#viewevent > i { display:block; float:left; width:90%; background:#efefef; padding:4px; }
#viewevent > img { display:block; float:right; width:32px; cursor:pointer; }
#viewevent form { margin:4px; cursor:pointer; }
#viewevent select { border:solid 1px #CCC; background:white; }
#viewevent input { border:solid 1px #CCC; background:white; }

#calendrier { float:left; width:70%; border-collapse: separate; border-spacing: 2px; }
#calendrier td { position:relative; width:14%; max-width:0; height:80px; }
#calendrier td.blank { background:#808080; }
#calendrier td.selected { border:solid 1px red; }
#calendrier thead td { background:#50a8cc; font-size:14px; text-align:center; color:white; font-weight:bold; }
#calendrier tr:nth-child(even){ background:#cfe2e9; }
#calendrier tr:nth-child(odd) { background:#e9f1f4; }
#calendrier td.today { background:#31859d; }
#calendrier td b { position:absolute; top:2px; left:2px; }
#calendrier td.ferie b { color:red; }
#calendrier .event { height:20px; line-height:20px; font-size:11px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
#calendrier .event.canceled { text-decoration:line-through; }
@media (max-width:500px) {
    #calendrier { float:none; width:100%; }
    #calendrier thead td { overflow: hidden; white-space:nowrap; text-overflow:''; }
}

#cal_day { float:left; width:70%; position:relative; }
@media (max-width:500px) {
    #cal_day { float:none; width:100%; position:relative; }
}
#cal_day table { width:100%; border-collapse: separate; border-spacing: 2px; font-size:12px; }
#cal_day table td { height:40px; vertical-align:top; }
#cal_day table tr td:first-child { width:40px; }
#cal_day table tr:nth-child(even){ background:#cfe2e9; }
#cal_day table tr:nth-child(odd) { background:#e9f1f4; }
#cal_day table td img { display:none; float:right; cursor:pointer; }
#cal_day table td:hover img { display:inline; }
#cal_day .event { position:absolute; border:solid 1px white; left:45px; width:560px; padding:0 4px; font-size:11px; overflow: hidden; }
#cal_day .event > b { font-size:14px; }
#cal_day .event .edit { display:none; position:absolute; right:30px; top:5px; margin:2px; cursor:pointer; }
#cal_day .event:hover .edit { display:block; }
#cal_day .event .view { display:none; position:absolute; background:white; border-radius:4px; right:5px; top:5px; width:24px; margin:2px; cursor:pointer; }
#cal_day .event:hover .view { display:block; }
#cal_day .event.canceled:after { content:"Annulé"; background:red; padding:2px; }
#cal_day .event.canceled > b { text-decoration:line-through; }
#cal_day .event:before { font-size:16px; }
#cal_day .membres { margin:5px 0; }
#cal_day .membres img { margin-right:10px; width:20px; }

.divblock .event { margin:0 0 5px 0; padding:4px; cursor:pointer; }
.divblock .event img { float:left; height:30px; margin-right:10px; }
.divblock .event > b { font-size:14px; }
.divblock .event.canceled > b { text-decoration:line-through; }
.divblock .event.canceled:after { content:"Annulé"; background:red; }
.divblock .event.finished { opacity:0.7; filter: grayscale(80%); }
.divblock .event:before { display:block; float:left; width:30px; text-align:center; font-size:28px; }
.divblock .notif { margin:0 0 5px 0; min-height:30px; background:#efefef; padding:2px; cursor:pointer; }
.divblock .notif img { float:left; height:30px; margin-right:10px; }

.event.type1 { background:#F7AA04; color:black; }
.event.type1:before { content:"🎙"; font-weight:bold; }
.event.type2 { background:#00BFD8; color:white; }
.event.type2:before { content:"🖭"; }
.event.type3 { background:#13D681; color:white; }
.event.type3:before { content:"🖐"; }
.event.type4 { background:#0024D8; color:white; }
.event.type4:before { content:"⚅"; }
.event.type6 { background:#FF7575; color:white; }
.event.type6:before { content:"😎"; }
.event.type7 { background:#F2F21A; color:black; }
.event.type7:before { content:"⚒"; }
.event.type8 { background:#d974dd; color:black; }
.event.type8:before { content:"😊"; }
.event.type9 { background:#DD74dd; color:black; }
.event.type9:before { content:"$"; }


.confirm1 { color:green; }
.confirm0 { color:gray; text-decoration:line-through; }

.evfile { position:relative; margin:4px 0; border:solid 1px #888; border-radius:2px; padding:2px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.evfile:hover { background:#ddd; }
.evfile .btns { display:none; position:absolute; top:0; right:0; }
.evfile .btns img { width:20px; }
.evfile:hover .btns { display:block; }

#cal_head h1 { float:left; }
#cal_head #notifs { float:right; width:75%; }
#cal_head #notifs .notif { margin:2px 0 0 0; background:#efefef; padding:2px; cursor:pointer; }
#cal_head #notifs .notif:hover { color:#31859d; }
#cal_head #notifs .notif img { height:24px; vertical-align:middle; }

.postits { float:right; margin-top:-40px; }
@media (max-width:500px) {
    .postits { float:none; margin-top:0px; }
}
.postit { width:280px; }
.postit .top { height:34px; background:url('img/postit.png') no-repeat 0px 0px; }
.postit .msg { background:#fce82d; font-size:16px; padding:0 10px; overflow:hidden; }
.postit .msg .date { margin:4px 0; color:#50a8cc; }
.postit .msg .date img { display:none; float:right; margin-right:5px; width:20px; }
.postit .date .like { float:right; background:url('img/like.png') no-repeat; width:22px; height:20px; cursor:pointer; }
/* .postit:hover .date .like { display:block; } */
.postit:hover .msg .date img { display:block; }
.postit .msg .membres { margin:4px 0; color:#808080; font-size:11px; }
.postit .msg .membres img { margin-right:10px; width:20px; }
.postit .msg .membres > span { margin-right:4px; }
.postit .msg .membres > span.like { font-weight:bold; color:#31859d; }
.postit .bottom { height:22px; background:url('img/postit.png') no-repeat 0px -35px; }

.chat input[type="submit"] { }
.chat .msglist .msg { margin:5px 0 0 0; border:solid 1px #ddd; border-radius:4px; padding:4px; }
.chat .msglist .msg i { display:block; color:#808080; }

#ulbox { margin:auto; width:400px; border:solid 1px #aaa; box-shadow:2px 2px 5px #555; padding:5px; text-align:center; }
#ulbox .title { font-size:14px; }
.progress { margin:auto; width:300px; height: 30px; border: 1px solid #CCC; background:#white; position:relative; padding:0px; }
.progressactive { background:linear-gradient(to bottom,#00aaff,#006699); height:30px;text-align:center;overflow:hidden; margin:0; position:absolute; }
.progresstext { width:300px; height:20px; font-size:20px;color:black;line-height:30px; text-align:center; position:absolute; }
#safariprogress { display:none; }
.safarimsg { width:90%; background:#FFB5B5; color:red; text-align:center; border:solid 1px red; padding:4px; }

.upslist { display:flex; flex-wrap:wrap; }
.upslist .ups { flex:auto; width:20%; }
.ups { background:black; margin:5px; border-radius:5px; padding:4px; }
.ups .counter { float:left; width:50%; color:white; text-align:center; }
.ups .counter object { display:block; width:100px; height:100px; margin:auto; }
.ups .online { height:48px; background:url('img/online.png') white no-repeat 5px 5px; background-size:40px; padding-left:48px; border-radius:5px; color:green; text-align:center; font-size:18px; }
.ups .onbatt { height:48px; background:url('img/onbatt.png') white no-repeat 5px 5px; background-size:40px; padding-left:48px; border-radius:5px; color:red; text-align:center; font-size:18px; }
.ups .offline { height:48px; background:url('img/unknown.png') white no-repeat 5px 5px; background-size:40px; padding-left:48px; border-radius:5px; color:red; text-align:center; font-size:18px; }
.ups .online div { color:black; }
.ups .alarm:after { content:""; display:block; margin:-20px 0 0 -20px; background:url('img/alert.png') no-repeat; width:23px; height:23px; }
.ups .devices { background:white; }

#uneeditor { width:182px; height:182px; background-size:cover; background-repeat:no-repeat; border:solid 1px #CCC; cursor:move; }

.player { width:100%; border:solid 1px #CCC; height:60px; }
.player:after { content:""; display:table; clear:both; }
.player .btn { float:left; margin:5px; width:50px; height:50px; border-radius:50%; background:#00C0FF; line-height:50px; text-align:center; cursor:pointer; }
.player .btn:hover { background:#00e0f6; }
.player .btn:before { display:block; content:"🞂"; color:white; font-size:36px; }
.player .btn.playing:before { content:"⏸"; margin:-4px 0 0 0; }
.player .track { float:left; position:relative; width:calc(100% - 60px); height:100%; background-size:100% 60px; }
.player .track > div { position:absolute; background:#00e0f6; width:0px; height:100%; opacity:0.5; }
.player .track .position { position:absolute; bottom:0px; left:0px; background:rgba(80,80,80,0.8); color:white; padding:2px; font-size:11px; }
.player .track .length { position:absolute; bottom:0px; right:0px; background:rgba(80,80,80,0.8); color:white; padding:2px; font-size:11px; }

.popup {
    position:fixed;
    z-index:500;
    top:50%;
    left:50%;
    min-width:480px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius:8px;
    background:white;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    user-select:none;
}

.popup h3 { margin:10px 0 5px 5px; color:#008BD1; font-size:12px; font-weight:bold; }
.popup h3.left { float:left; }

.popup .close {
    float:right;
    margin:5px 5px 0 0;
    width:20px;
    height:20px;
    cursor:pointer
}

.popup .close:before { content:"✕"; color:white; font-size:22px; }

.popup .header {
    position:relative;
    height:38px;
    background:#00C0FF;
    top:0;
    left:0;
    right:0;
    border-radius:8px 8px 0 0;
    padding:0;
}

.popup.error .header { background:red; }
.popup.error .header:before { display:inline-block; margin-top:5px; width:20px; height:20px; content:"❕"; color:white; text-align:center; font-size:16px; border:solid 2px white; border-radius:50%; }

.popup .title {
    float:left;
    padding:8px 5px;
    color:#fafafa;
    font-size:14px;
}

.popup p { margin:10px; }

.popup .btns { text-align:center; padding:5px; }

.button {
    display:inline-block;
    margin:0 5px;
    min-width:40px;
    height:16px;
    background-color:#dadada;
    border-radius:4px;
    border:solid 1px #bababa;
    padding:4px;
    vertical-align:middle;
    font-weight:normal;
    font-size:12px;
    color:black;
    text-decoration:none;
    line-height:16px;
    user-select:none;
}

.contextmenu {
    position:absolute;
    background:white;
    border:solid 1px #CCC;
    padding:5px;
    box-shadow:0 0 6px rgba(0, 0, 0, 0.8);
    z-index:600;
}

.contextmenu > div {
    cursor:pointer;
    padding:5px;
    vertical-align:middle;
}