@font-face {
    font-family: "Brix Slab";
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_Medium.eot");
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/brixslab/HVDFonts_BrixSlab_Medium.woff") format("woff"), url("../fonts/brixslab/HVDFonts_BrixSlab_Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Italic";
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_RegularItalic.eot");
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brixslab/HVDFonts_BrixSlab_RegularItalic.woff") format("woff"), url("../fonts/brixslab/HVDFonts_BrixSlab_RegularItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Medium Italic";
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_MediumItalic.eot");
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brixslab/HVDFonts_BrixSlab_MediumItalic.woff") format("woff"), url("../fonts/brixslab/HVDFonts_BrixSlab_MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Light Italic";
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_LightItalic.eot");
    src: url("../fonts/brixslab/HVDFonts_BrixSlab_LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brixslab/HVDFonts_BrixSlab_LightItalic.woff") format("woff"), url("../fonts/brixslab/HVDFonts_BrixSlab_LightItalic.ttf") format("truetype");
}

@font-face{
    font-family:'Awesome';
    src:url('../fonts/webfonts/fontawesome-webfont.eot');
    src:url('../fonts/webfonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/webfonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/webfonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/webfonts/fontawesome-webfont.svg') format('svg')}

* {margin:0;padding:0;border:0; box-sizing: border-box;}
a {color:#009de0;}

#header > #home_link {text-indent:110px;overflow:hidden;display: block;margin:.5rem 1rem;height:100px;width:130px;position: absolute;left:0;background: url('../img/logo_cbestd.svg') no-repeat #fff;}
html, body {width:100%;height:100%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: rgb(0, 0, 0);
}

div {box-sizing: border-box; }
body,div,h1,h2,h3,h4,h5,h6,th,td,li,input,textarea,select,option,button{font-family:Arial, Helvetica, Sans;font-size:1em;/*word-break: break-word;*/}
h1 {font-size:2rem; padding:1.75rem}
h2 {font-size:1.25rem; padding:1rem .5rem .5rem; color:#ec6c43}
p {font-size:1rem; padding:.25rem .5rem;}
input[type="submit"], button, select, .button {margin:.5rem;padding:.25rem .5rem;border-radius:.15rem;text-decoration:none;color:inherit;}
input[type="submit"], input.submit{margin:.5rem 1rem}
select {height:1.75rem; margin:.5rem auto;}
button, .button {background-color:#eee; border:solid #ccc 1px;}
button:hover, .button:hover {background-color:#fafafa; }


form input[type="text"],
form input.text,
form textarea,
form .cke_textarea_inline { padding:.5rem .25rem;margin:.5rem auto; border:solid #ccc 1px; background-color: #fff}
.left {float:left}
.right {float:right}
form > fieldset > .cke_textarea_inline,
form > fieldset > div >.cke_textarea_inline {margin:1rem auto .5rem;}

form > fieldset label {display:block;padding:.25rem;margin:.5rem;text-align:left; /*font-size:1rem;*/ background: inherit}
form > fieldset label > span {padding:.5rem; background:inherit}
form input.submit, .submit {background: #ec6c43; color:#fff !important;border:0;border-bottom:solid 5px #f19b72;}
form input.submit::before, .submit::before {color:inherit;}
form button {line-height:1rem}
form button:before,
form button:after {content:'.';color:transparent}

.jumbo {display:block; margin: 1.5rem auto; max-width:40rem; text-align:center}
ul.results {max-width:40rem; list-style-type: none; margin:.5rem auto}
ul.results > li {float:left; width:30%; height:5.5rem; margin:1.666666666%; box-sizing: border-box}
ul.results > li > a {display:block; height:100%; border:solid #ec6c43 1px; text-align:center; padding:.5rem}
body.login { background:url('../img/ubx_login_bg.jpg') no-repeat;background-size: cover; }
body.login > #mainctn {
  background:url('https://cas.u-bordeaux.fr/images/fond_central_form.png') #f7f7f7 top center;background-repeat: no-repeat;
  width:100%;
  margin: 50vh auto 0;
  padding: 20px;
  transform:translateY(-50%);
  overflow:hidden;
}
body.login > #mainctn > .loginhead {
  background:url('../img/logo_cbestd.svg') 1rem 0; background-repeat: no-repeat;height:100px;margin-bottom:1em;
  padding-left:190px;margin:1.75rem 0 2rem 0;
}
body.login > #mainctn > .loginhead > div {
  color:#fff;
  padding:.5rem;
  font-family: "Brix Slab Medium Italic";font-size:1.5rem;
  width: auto;
  float:left;
}
body.login > #mainctn > .loginhead > div.top {
  background:#ec6c43;
}
body.login > #mainctn > .loginhead > div.brown {
  background:#443a31;
  clear:left;margin-left:50px;
}
body.login > #mainctn > .loginctn > form {
  display:block;float:left; width:50%; border-right: solid #ccc 1px;
}
body.login > #mainctn > .loginctn > form > fieldset > label {
  float:left;clear:left;width:30%;
}
body.login > #mainctn > .loginctn > form > fieldset > input.text {
  float:left;clear:none;width:60%;border:solid 1px #ec6c43;
}
body.login > #mainctn > .loginctn > form input[type="submit"],
body.login > #mainctn > .loginctn > form input.submit { padding:.5rem .75rem !important;margin:1rem 0 5rem 34%;}
body.login > #mainctn > .loginctn > .cas { display:block;float:left; width:50%;margin-left:-1px;padding:1rem;}



#header {position:relative;background:#ec6c43;min-height:115px;margin-bottom:1em; padding-left:200px}
/*#header:before {content: '';display: block;margin:.5rem 1rem;height:100px;width:130px;position: absolute;left:0;background: url('../img/logo_cbestd.svg') no-repeat #fff;}*/
#header h1 {max-width:60rem;*/font-size:1.75rem; padding: 1.75rem 6rem 1.5rem 0;    margin: 0 auto;
    float: none;}
#header p {max-width:60rem; margin:0 auto}
#header ul#usermenu {float:right;width: auto;list-style-type: none}
#header ul#usermenu > li {padding:.5rem 1rem;}
#header ul#usermenu > li.on {height:auto;}
#header ul#usermenu > li > ul {display:none; position: absolute; right:.5rem;list-style-type: none}
#header ul#usermenu > li.on > ul {display:block}
#header a {color:#fff; text-decoration:none}
#header .nav {position:absolute; right:1rem; bottom:.5rem;color:#fff;}
body.caps #mainctn {margin:0 auto; max-width:920px}
body.caps #mainctn > .ctnleft {float:left;width:66%; padding:.5rem}
body.caps #mainctn > .ctnright {float:right;width:34%; padding:.5rem}
body.caps #mainctn > .ctnright > div {padding:0 .75rem .75rem; border: solid #d1d1d1 1px; margin-bottom:1rem;}
body.caps #mainctn > .ctnright .header {background:#ec6c43; margin:0 -.75rem .5rem}
body.caps #mainctn > .ctnright .header h2 {color:inherit;padding: .5rem; margin:-1px;background: inherit}
body.caps #mainctn > .ctnright .info li {list-style-type: none;margin:0.75rem 0 .25rem; padding: 0}
body.caps #mainctn > .ctnright .info li > label {font-weight:bold}
body.caps #mainctn > .ctnright .biblio ul,
body.caps #mainctn > .ctnright .more ul {margin:0 0 .25rem 1.5rem}
body.caps #mainctn > .ctnleft ul { padding:0; margin-left:1.5rem}
body.caps #mainctn ul  li { padding:.25rem .25rem .25rem 0}
body.caps #mainctn ul  li input,
body.caps #mainctn ul  li p { display: inline; margin-right:.25rem;}
/*body.caps #mainctn #quiz_ctn {background:pink;
  margin-left: 1000px;
  transition: margin-left 5s ease;
}
body.caps #mainctn #quiz_ctn.on{
  margin-left: 0px;
}*/
body.caps .quiz_full {background:rgba(255,255,255,.5) url('../img/zebra.svg');
  position:absolute;
  top:115px;
  left:0;
  right:0;
  height:0;
  /*padding:15% 1rem;*/
  text-align:left;
  overflow:hidden;
  transition: height .5s;
}
body.caps .quiz_full.on {
  height:100%;margin-bottom:-115px;
}
body.caps .quiz_full > div/*#quiz_ctn*/{
  float:none;
  margin:0 auto;
  min-width:35rem;
  max-width:35rem;
  padding:1rem;
  background:#fff;
  overflow:hidden;
  border-left:solid #443a31 1px;
  border-right:solid #443a31 1px;
}

body.caps .quiz_full > div#quiz_ctn {
border-bottom:solid #443a31 1px;
}
/*body.caps .quiz_full:after {
  content:'';
  display:block;
  height:100%;
  width:35rem;
  float:none;
  background:#443a31;
  position: relative;
  margin:0 auto;
}*/
body.caps .quiz_full > div.head {/*height:115px;background:#ec6c43*/}
body.caps .quiz_full > div.head > h3 {color:#ec6c43;font-size:1.25rem;margin:2rem -1rem .5rem -1rem;padding:.5rem .5rem .5rem 1rem;border-bottom:solid #443a31 1px}
body.caps .quiz_full > div.head > .btclose {
  float:right;
  margin:0;
  border:0;
  cursor:pointer;
}
body.caps #quiz_ctn .question {overflow:hidden}
body.caps #quiz_ctn ul.responses {display:block;margin:1rem .5rem 0 0;list-style-type: none}
body.caps #quiz_ctn ul.responses > li {margin:.5rem 0}
body.caps #quiz_ctn ul.responses > li input {margin-right: .5rem;}
body.caps #quiz_ctn ul.responses > li.correct {color:#75b96c}
body.caps #quiz_ctn ul.responses > li.correct:before {float:left;content:' ';width:1.25rem;height:1.15rem;background:#90c789;z-index:0;margin-right:-1.05rem;border-radius:0 .25rem .25rem 0}
body.caps #quiz_ctn .btresponse {margin:0; color:#443a31; border-color:#443a31;background:#fff;margin-left:0}
body.caps #quiz_ctn .response {display:none; background:#443a31;padding:.5rem;margin:.5rem 0}
body.caps .quiz_full #quiz_ctn .response {display:none; background:#443a31;padding:1rem;margin:3.25rem -1rem -1.5rem; color:#fff}
body.caps #quiz_ctn .response.off {display:block}

body.caps #quiz_ctn .btresponse:before {
  font-family: 'Awesome';
  content:'\f06e';
  margin-right:.5rem;
  color:#75b96c;
}
body.caps #quiz_ctn .btresponse.on:before {
  content:'\f070';
}
body.caps #mainctn .btquiz {
  float:right;
}
body.caps #mainctn .btquiz:before {
  font-family: 'Awesome';
  content:'\f058';
  margin-right:.5rem;
}
body.caps #mainctn .video {margin-bottom:.5rem}
body.mng.popup #mainctn ul {list-style-type: none;padding:0.5rem}
body.mng.popup #mainctn ul.arianfiles {overflow:hidden;border-bottom:solid #d1d1d1 1px;}
body.mng.popup #mainctn ul.arianfiles li {float:left;width:auto;clear:none}
body.mng.popup #mainctn ul.arianfiles li span,
body.mng.popup #mainctn ul.arianfiles li a {display:block;padding:.25rem .5rem;}
body.mng.popup #mainctn ul.dirlist {float:left;width:30%;height:100%;border-right: solid #d1d1d1 1px}
body.mng.popup #mainctn ul.dirlist li a,
body.mng.popup #mainctn ul.filelist li a {display:block;min-height:25px; padding:.25rem .5rem;word-break: break-all;}
body.mng.popup #mainctn ul.arianfiles li a:before,
body.mng.popup #mainctn ul.arianfiles li span:before,
body.mng.popup #mainctn ul.dirlist li a:before,
body.mng.popup #mainctn ul.filelist li a:before {content:'';display:inline-block;width:30px;height:20px;margin:0 0 -4px 0;background:url('../img/dir.svg') no-repeat;background-size: contain;}
body.mng.popup #mainctn ul.arianfiles li span:before {width:35px;height:25px; margin:-3px 0 -4px 0rem;}
body.mng.popup #mainctn ul.filelist {float:none;clear:none;overflow-x: hidden}

body.mng.popup #mainctn ul.filelist {display:flex;flex-direction: row;flex-wrap: wrap;}
body.mng.popup #mainctn ul.filelist > li {flex-basis:auto; width:13rem;flex-grow:1;align-content:left;align-items: left}
body.mng.popup #mainctn ul.filelist li a:before {background-image:url('../img/file.svg');}
body.mng.popup #mainctn ul.filelist li a.png:before {background-image:url('../img/file.png.svg');}
body.mng.popup #mainctn ul.filelist li a.gif:before {background-image:url('../img/file.gif.svg');}
body.mng.popup #mainctn ul.filelist li a.jpeg:before {background-image:url('../img/file.jpeg.svg');}
body.mng.popup #mainctn ul.filelist li a.svg:before {background-image:url('../img/file.svg.svg');}
body.mng.popup #mainctn ul.filelist li a.pdf:before {background-image:url('../img/file.pdf.svg');}
body.mng.popup #mainctn ul.filelist li a.html:before {background-image:url('../img/file.html.svg');}
body.mng.popup #mainctn ul.filelist li a.csv:before {background-image:url('../img/file.csv.svg');}
body.mng.popup #mainctn ul.filelist li a.js:before {background-image:url('../img/file.code.svg');}
body.mng.popup #mainctn ul.filelist li a.php:before {background-image:url('../img/file.code.svg');}
body.mng.popup #mainctn ul.filelist li a.csv:before {background-image:url('../img/file.csv.svg');}
body.mng.popup #mainctn ul.filelist li a.csv:before {background-image:url('../img/file.csv.svg');}

body.mng #mainctn > .nav {margin:1.5rem 1rem -1.05rem;display:flex;flex-direction: row;}
body.mng #mainctn > .nav a {padding:.5rem; color:#333; text-align:center;flex-basis:auto; width:13rem;flex-grow:1;align-content:left;align-items: left}
body.mng #mainctn > .nav a.on {border:solid #ccc 1px;background-color:#ddd;border-bottom:0;font-weight:bold}
body.mng #mainctn > .nav a:hover {font-weight:bold;}
body.mng #mainctn > form > fieldset {margin:1em;background:#ddd;border:solid #ccc 1px;padding:.25em}
body.mng #mainctn > form > fieldset.off {overflow:hidden; height:1.25rem;background: none;border:0}
body.mng #mainctn > form > fieldset > legend {padding-right:1em;text-align:right;/*font-family: "Brix Slab"*/;font-weight:bold;font-size:1.25em; cursor: pointer}
body.mng #mainctn > form > fieldset > legend:after {
	content: ' '; display:inline-block; width: 0; height: 0;right:0;top:0;
  border-right: solid transparent .5rem;
  border-left: solid transparent .5rem;
  border-top: solid #000 .75rem;
  margin-left:.5rem;
}
body.mng #mainctn > form > fieldset  fieldset {
  position:relative; margin-top:1rem; background: #f0f0f0; padding: .5rem .5rem;
}
body.mng #mainctn > form > fieldset  fieldset > legend {
  margin-left: .5em;
  text-align: left;
  background: inherit;
  padding:.25em .5em;
  border:solid #ddd .1em;
  /* font-family: "Brix Slab";
  font-weight: bold;*/
  font-size: 1.175em;
  /*cursor: pointer;*/
}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav {}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav > h3 {font-size:1.25rem;width:auto; float:left;    margin: .5rem .5rem 1rem .5rem;}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav > ul {overflow:hidden; float:left;margin:0 .5rem}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav > ul li {float:left;margin:0 1rem 0 0}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav button {}
body.mng #mainctn > form > fieldset#quiz_ctn > .nav button.on {color:#fff; background-color:#333 !important}
body.mng #mainctn > form > fieldset#quiz_ctn > div#quiz_list > fieldset > a.button.del,
body.mng #mainctn > form > fieldset#quiz_ctn > div#quiz_list > fieldset > button,
body.mng #mainctn > form > fieldset #btpodsearchpopup,
body.mng #mainctn > form > fieldset #transcription_file_input {
  float:right;margin-top:-2.25rem;
  background:auto;
}
button.search:before {
  display:block;
  content:'\f002';
  float:left;
  margin:0 .5rem 0 0;
  color:#009de0;
  font-family:'Awesome';
}
body.mng #mainctn > form > fieldset#quiz_ctn > div#quiz_list > fieldset > button.search {margin-right:3rem;}

body.mng #mainctn > form > fieldset .file_input {direction: rtl;background:transparent}
body.mng #mainctn > form > fieldset .file_input button {margin:0 .5rem;}
body.mng #mainctn > form > fieldset .file_input span {font-size:.9em}
body.mng #mainctn > form > fieldset.off > legend:after {
  	border-top: solid transparent .5rem;
  	border-bottom: solid transparent .5rem;
  	border-left: solid #000 .75rem;
    margin-right:-.5rem;
}

body.mng #mainctn > form > fieldset label {margin:.5rem 2rem .5rem 2rem;font-size:1.15rem; background: inherit}
/*body.mng #mainctn > form > fieldset label:after {content:' ';display:block;width:3rem;z-index:1;}*/
body.mng #mainctn > form > fieldset label:before {content:' ';display:block;height:1rem;margin:0 -2rem -.75rem -2rem;border-bottom:dotted #666 1px;z-index:-1;clear:both}
body.mng #mainctn > form input[type="text"],
body.mng #mainctn > form input.text,
body.mng #mainctn > form textarea,
body.mng #mainctn > form .cke_textarea_inline {width:100%;overflow: hidden;background: #fff;}

/*
body.mng #mainctn > form > fieldset label {padding:.5em}
body.mng #mainctn > form input.text,
body.mng #mainctn > form input.submit,
body.mng #mainctn > form input[type="file"] {padding:.5em;line-height:.75em}
body.mng #mainctn > form button {line-height:1em}
body.mng #mainctn > form button:before,
body.mng #mainctn > form button:after {content:'.';color:transparent}
body.mng #mainctn > form div.title {width:60%;float:left;}*/
body.mng #mainctn > form div,
body.mng #mainctn > form fieldset {background:inherit}
body.mng #mainctn > form > div,
body.mng #mainctn > form > fieldset {background:#ddd}
body.mng #mainctn > form .half {float:left;width:50%;clear:right;margin-bottom: 1rem;}
body.mng #mainctn > form ul/*.responses*/ {list-style-type: none;background:inherit}

body.mng #mainctn > form .cke_editable ul,
body.mng #mainctn > form .cke_editable ol {padding-left:1.25rem}
body.mng #mainctn > form .cke_editable ul > li {list-style-type: square; position:unset;overflow:visible}
body.mng #mainctn > form ul > li {position: relative;overflow: hidden;background:inherit}
body.mng.user #mainctn > form ul > li {float:left;width:50%;overflow: hidden;}
body.mng #mainctn > form li > input.text,
body.mng #mainctn > form li > textarea,
body.mng #mainctn > form li > .cke_textarea_inline {width:65%; display: inline-block}
body.mng #mainctn > form li > input.score {float:right;width:20%;padding:.5em;margin-right:3rem}
body.mng #mainctn > form li > a.button.del {position:absolute;right:0;top:0;min-height:auto}

body.mng #mainctn > form fieldset > a.button.del  {float:right;clear:none}

body.mng #mainctn > form .metadata ul#metacontributions > li .btcontribsearch {float:right; margin-right:2.75rem}
a.button.add, button.add {float:right;min-height:auto;margin:0.5rem;}
a.button.add:after, button.add:after {
  display:block;
  content:'+';
  float:left;
  margin:0 .5rem 0 0;
  color:#75b96c;
  font-weight:bold;
}
a.button.del, button.del {font-weight:bold;color:#e74d4b}
.errmess {text-align: center; color:#E53C43}
body.mng #mainctn > form .metadata ul#metarelations > li > input.text {width:57%; float:right; margin-right:3rem}
body.mng #mainctn > form .metadata ul#metarelations > li > select {width:35%;float:left;margin:.5rem auto;}
body.mng #mainctn > form .metadata ul#metakeywords > li {float:left; clear:none;margin-right:1.5rem}
body.mng #mainctn > form .metadata ul#metakeywords > li > input.text {width:8rem; float:right; margin-right:3rem}


a:focus,
button:focus,
input:focus {outline:none}
body.mng input:focus,
body.mng .cke_focus { border:solid #009de0 1px !important; outline:none !important}
/*body.mng #mainctn > form div.disciplines {width:20%;float:left;text-align:center}
body.mng #mainctn > form div.disciplines > select{margin-top:.5em}
body.mng #mainctn > form div.status {width:20%;float:right;text-align:right}
body.mng #mainctn > form div.status > select{margin-top:.5em}*/
/* replace with class .searchpopup
body.mng #podsearchpopup {resize:both;position:absolute; top:20%; left:50%; width:35em;min-height:20em;max-height:75%;overflow:auto;margin-left:-17.5em;background:#ddd;}
body.mng #podsearchpopup.off {display:none}
body.mng #podsearchpopup > .ctn {position:absolute;background:#fff;top:2.5em;bottom:2.5em;left:.5em;right:.5em;overflow-y:auto}
body.mng #podsearchpopup > .ctn ul {list-style-type: none;display:table}
body.mng #podsearchpopup > .ctn ul > li {float:left;width:30%;display:table-cell;margin:1%}
body.mng #podsearchpopup > .ctn ul > li.clear {clear:both}
body.mng #podsearchpopup > .ctn ul > li > a {display:block;text-align:center;padding: .5em}
body.mng #podsearchpopup > .ctn ul > li > a.on {border:solid 1px #ccc;background:#eee}
body.mng #podsearchpopup > .ctn ul > li > a > span {display:inline-block;height:2.5em;overflow:hidden}

body.mng #podsearchpopup > .head {height:2.5em;width:100%;padding:.5em;background:#666}
body.mng #podsearchpopup > .foot {position:absolute;bottom:0;height:2.5em;right:1em;padding:.5em}

body.mng #podsearchpopup > .head > button,
body.mng #podsearchpopup > .foot > button {float:right;line-height:1.25em}
body.mng #podsearchpopup > .head > button:before,
body.mng #podsearchpopup > .head > button:after,
body.mng #podsearchpopup > .foot > button:before,
body.mng #podsearchpopup > .foot > button:after {content:'.';color:transparent;}
#btpodsearchpopup {margin-top:.75em}*/


body.mng .searchpopup {resize:both;position:fixed; top:20%; left:50%; width:35em;height:75%;min-height:20em;max-height:75%;overflow:auto;margin-left:-17.5em;background-color:#fafafa;}
body.mng .searchpopup:before {content:' ';display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.25);z-index:-2}
body.mng .searchpopup:after {content:' ';display:block;position:absolute;;top:0;left:0;bottom:0;right:0;background:rgba(200,0,0,.25);z-index:-2}
body.mng .searchpopup.off {display:none}
body.mng .searchpopup > .ctn,
body.mng .searchpopup > .form {position:absolute;background:#fff;top:5.5em;bottom:2.75em;left:0;right:0;overflow-y:auto; padding:.5rem}
body.mng .searchpopup > .ctn ul {list-style-type: none;display:table; width:100%}

body.mng .searchpopup > .ctn * {max-width:100%}
body.mng .searchpopup > .ctn ul > li {overflow:hidden;}
body.mng .searchpopup > .ctn img {max-width:200px; height:auto; float:left;}

body.mng .searchpopup > .form  label{float:left;clear:both;width:40%;margin:.5rem}
body.mng .searchpopup > .form  input{float:right;width:50%;margin:.5rem}

body.mng #podsearchpopup.searchpopup > .ctn ul > li {float:left;width:30%;display:table-cell;margin:1%}

body.mng #questionsearchpopup.searchpopup > .ctn > ul {border-collapse: collapse;}
body.mng #questionsearchpopup.searchpopup > .ctn > ul > li > a {display: block; overflow: hidden; }
body.mng #questionsearchpopup.searchpopup > .ctn > ul > li {border: solid #d1d1d1 1px;padding:.5rem}
body.mng #questionsearchpopup.searchpopup > .ctn > ul > li > ul.responses {padding:1rem 0 0 2rem;clear:both}
body.mng #questionsearchpopup.searchpopup > .ctn > ul > li > ul.responses > li:before {display: block; float:left;content: ' '; margin:.25rem .5rem 0 0;width:0; height:0;border:solid 4px #333; border-radius:2px }

body.mng .searchpopup > .ctn ul > li.clear {clear:both}
body.mng #podsearchpopup.searchpopup > .ctn ul > li > a {display:block;text-align:center;padding: .5em}
body.mng .searchpopup > .ctn ul > li.on,
body.mng .searchpopup > .ctn ul > li > a.on {border:solid 1px #ccc;background:#eee}
body.mng #podsearchpopup.searchpopup > .ctn ul > li > a > span {display:inline-block;height:2.5em;overflow:hidden}
body.mng .searchpopup > .ctn ul > li > div > span {display:block}
body.mng .searchpopup > .ctn ul > li > div > button {float:right; margin:0}
body.mng .searchpopup > .form > button {float:right;margin-top:1em}
body.mng .searchpopup > .form > button.btcancel {clear:both}

body.mng .searchpopup > .nav {height:2.75em; background: #fff; padding: 6px; cursor:move; border-bottom:solid #d1d1d1 1px}
body.mng .searchpopup > .nav button.add {float:right}
body.mng .searchpopup > .head {height:2.75em; background: #f7f7f7; padding: 12px; text-align: right; cursor:move;border-bottom:solid #d1d1d1 1px}
body.mng .searchpopup > .head .h2 {font-size: 12px;float:left; font-weight: bold; letter-spacing: .3px}
body.mng .searchpopup > .head .btclose {border:0; font-weight:bold; margin:0;padding:0;width:16px;height:16px; overflow: hidden;text-indent: -50px;
  background:url('../js/ckeditor4.13.1/skins/moono-lisa/images/close.png') no-repeat;cursor:pointer}
body.mng .searchpopup > .foot {position:absolute;bottom:0;height:2.75em;left:0;right:0;z-index:-1;background: #f7f7f7;text-align:right;border-top:#d1d1d1 solid 1px;}

body.mng .searchpopup input {padding:4px 6px; border: solid 1px #bcbcbc; border-radius:3px}
body.mng .searchpopup button {font-size:12px; padding: 4px 12px;font-weight:bold; border:0}

body.mng .searchpopup > .head > button:before,
body.mng .searchpopup > .head > button:after,
body.mng .searchpopup > .foot > button:before,
body.mng .searchpopup > .foot > button:after {content:'.';color:transparent;}
body.mng .searchpopup label {margin: 0 0 0 1em}
body.mng .searchpopup label,
body.mng .searchpopup input,
body.mng .searchpopup ul {font-size:.85em}
body.mng .searchpopup label > input {margin: 0 0.5em}

/*search questions*/
body.mng .searchpopup > .ctn ul > li ul.responses {display:none}
body.mng .searchpopup > .ctn ul .on ul.responses {display:block}
#footer {min-height:50px;background:#ccc;width:100%;float:left;margin-top:2rem; text-align: center}
#footer div {float:none;max-width:920px;min-width:420px;margin:1.5rem auto}
#footer img {height:100px; width:auto; display:inline-block; margin:auto;clear:none}
/*#footer:before {content:''; float:left;width:100%;height:5px;clear:both;background:yellow}*/

/* CKE overites */
.cke_top {padding:0 8px 0 2px !important}
.cke_toolgroup {margin:0 2px 0 0 !important}

a.cke_dialog_ui_button {
    display: inline-block;
    padding: 5px 0 !important;
    margin: 0;
    text-align: center;
    color: #484848;
    vertical-align: middle;
    cursor: pointer;
    border: 0 !important;/*1px solid #bcbcbc;*/
    border-radius: .15rem !important;
    background: #ddd;
    letter-spacing: .3px;
    line-height: 18px;
    box-sizing: border-box;
}
/*button:after, .button:after,
a.cke_dialog_ui_button:after {
  content: ' ';
  display:block;
  height:6px;
  margin-top:2px;
  background: rgba(255,255,255,.25);
}*/
button, .button,
a.cke_dialog_ui_button {background-color:#fafafa !important;}
button:hover, .button:hover,
a.cke_dialog_ui_button:hover {background-color:#fff !important;}
a.cke_dialog_tab:focus{border:1px solid #009de0 !important/*#139ff7*/;}
.submit, input[type="submit"],
.searchpopup .btvalid,
.ckf-dialog .ckf-dialog-buttons .ui-btn[data-ckf-button*="ok"],
a.cke_dialog_ui_button_ok {cursor:pointer;background-color:#ec6c43/*ubgreen #60B664*/ !important;color:#fff; border-bottom:solid 5px #f19b72 !important;}

.submit:hover,
.searchpopup .btvalid:hover,
body a.cke_dialog_ui_button_ok:hover {background-color:#ec6c43 !important;}


@media screen and (min-width: 940px) {
  body.login > #mainctn {
    width:940px;
  }
}
@media screen and (max-width: 650px) {
  body.mng #mainctn > form .half {width:100%; float:none}
	ul.results > li {width:45%;margin:2.5%}
  #mainctn > form.search fieldset.settings > legend {text-indent:5em;max-width:3em;overflow:hidden;color: transparent;}
  #mainctn > form.search fieldset.qargs .fgroup  {float: none; max-width:unset; text-align: left;padding:0; }
}