/**
 * CSS de la DOC de l'API
 */
*{ font-family:"Arial",sans-serif; box-sizing:border-box; }
body { max-width: 1280px; margin: auto; padding:15px; }
#mainContainer { position: relative; padding-bottom: 150px; }
footer { position: fixed; bottom: 0px; left: 0px; color: #FFF; background: #292b36; font-size: 11px; padding: 3px 15px; width: 100%; text-align: center; border-top: 1px solid #c9d5d6; }


.float_left{ float:left; }
.float_right{ float:right; }
.clear_both{ clear:both; }
a { color:#00a8c1; }
h1{ position: fixed; top: 0px; left: 0px; z-index: 50; width: 100%; color: #FFF; display: flex; flex-flow: row wrap; justify-content: space-between; background: #292b36; font-size: 20px; padding: 5px 15px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #c9d5d6; }
h2{ color:#00a8c1; margin-top: 60px; }
h3{ color: #00a8c1; position: relative; margin:20px 0px 0px 0px; background-color: rgba(41, 43, 54, 0.7); padding: 5px 10px; border-radius: 7px 7px 0px 0px; transition: all 500ms; }
h3 a { color: #ffffff; text-decoration: none; width: 100%; display: block; }
h3:hover { background: #00a8c1; }
h3:hover a { color: #292b36; }
h3.on { background: #00a8c1; margin-left:-15px; margin-right:-15px; }
h3.on a { color: #292b36; }
h3.on a span { color: #00a8c1; }

pre { font-family: monospace; font-size: 12px; color: #969696; }

.group { height:0px; opacity: 0; overflow: hidden; background: #c9d5d6; margin: 0px 0px; padding: 1px 0px 1px 0px; transition: all 500ms; }
.group.on { height:auto; opacity: 1; overflow: inherit; margin: 0px -15px; }

.groupinfo { display: none; position: absolute; z-index: 50; border: 1px solid #696a72; background: #FFFFFF; right: 0px; padding: 10px; color: #696a72; box-shadow: 2px 2px 7px rgba(0,0,0,0.5); margin-top: -5px; }
h3:hover:not(.on) + .groupinfo { display:block; }

.httpmethods .httpmethod { width: 90px; font-weight: 600; font-size: 14px; text-align: center; display: block; padding: 7px 15px; border-radius: 0px; text-transform: uppercase; background-color: #3387CC; color: #ffffff; }
.httpmethods .httpmethod_get { background-color: #008000; }
.httpmethods .httpmethod_post { background-color: #e59c00; }
.httpmethods .httpmethod_put { background-color: #4070ec; }
.httpmethods .httpmethod_delete { background-color: #ed0000; }

div.method { position:relative; margin: 20px 15px 20px 15px; padding: 0px; background: #E8E8E8; border-radius: 0px 6px 0 0; clear: both; border-bottom: 1px solid rgba(41, 43, 54, 0.2); border-right: 1px solid rgba(41, 43, 54, 0.2); }
div.method h3.nom { float: left; width: 15%; height: 42px; padding: 10px 10px; background: rgba(41, 43, 54, 0.13); margin: 10px 0; border-radius: 6px 0 0 6px; }
div.method .url { float: left; width: 100%; display: flex; justify-content: flex-start; flex-flow: row wrap; background-color: #292b36; color: #ffffff; padding: 0px; margin: 0px 0 10px 0; border-radius: 5px 5px 0 0; }
div.method .url .wsurl { padding: 6px 7px 6px 15px; font-weight: bold; }
div.method .url .httpmethods { text-align: left; display: inline-block; background: #656565; padding: 0px; border-radius:6px 0 0px 0; order:-1; }
div.method .desc { clear: both; padding: 0px 10px 5px 10px; }

table { width:100%; border-collapse: collapse; margin-top: 10px; }
table th { font-size: 15px; border: 1px solid rgb(216, 216, 218); padding: 5px; background: #E8E8E8; color: rgba(0,0,0,0.8); width: 15%; text-align: right; vertical-align: top; }
table td { font-size: 15px; border: 1px solid rgb(216, 216, 218); padding: 5px; background: #FFFFFF; vertical-align: top; }
table td.type { color: #00a8c1; width: 15%; }

table.menu {  }
table.menu tr { color: #00a8c1; }
table.menu tr th { text-align: left; background: #656565; color: #FFFFFF;  }
table.menu tr td { text-align: left; padding: 0px; }
table.menu tr:nth-child(odd) td:not(.group) { background: #eaeaea; }
table.menu tr td a { display: block; width: 100%; height: 100%; padding: 5px; text-decoration: none; color: #00a8c1; }
table.menu tr:hover {  }
table.menu tr:hover td { /*background:rgba(216, 216, 218, 0.5);*/ background:rgba(174, 204, 214, 0.5); color: #000000; font-weight: bold;  }
table.menu tr:hover td a { color: #000000; }
table.menu tr td.group,
table.menu tr:hover td.group { padding: 5px; background: #292b36; color: #FFF; font-weight: bold; }
table.menu tr th.method,
table.menu tr td.method{ text-align: left; width: 5%; padding: 0px; }
table.menu tr td.method a { padding:0px; }
table.menu .httpmethods .httpmethod { padding: 5px; width: 100%; text-align: center; margin-bottom: 1px; }

.btnModelDetails { background: #00a8c1; display: inline-block; color: #FFFFFF; padding: 3px 8px; border-radius: 5px; margin-top: 10px; text-decoration: none; }
.btnModelDetails:hover { background:rgba(0, 168, 193, 0.7); }
.btnModelDetails.opened { background:rgba(0, 168, 193, 0.7); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

table.ModelDetails { display:none; margin: 0px; border: 2px solid #4cc2d3; }
table.ModelDetails tr th { font-size: 13px; padding: 3px 5px; width: auto; text-align: left; }
table.ModelDetails tr td { font-size: 13px; padding: 3px 5px; }
table.ModelDetails tr td.PropertyTypeInfo { color: #a0a0a0; }
table.ModelDetails tr.deprecated td { color: #CC0000; }
table.ModelDetails tr.deprecated td:first-child { text-decoration: line-through; }
table.ModelDetails tr:hover td { background: #E8E8E8; }

span.nom { text-align: right; width: 100%; display: inline-block; font-size: 12px; color: #999; padding-top: 11px; }

a.btnDetails { color: #00a8c1; }
a.btnDetails:before { content:"+"; display: inline-block; padding-right:3px; }
a.btnDetails.open:before { content:"-"; padding-right:7px; }

a.top{ position: fixed; bottom: 25px; right: 5px; display: block; width: 30px; height: 30px; background: rgba(41, 43, 54, 0.5); color: #FFFFFF; text-decoration: none; text-align: center; line-height: 38px; font-size: 25px; }
a.top:hover { background:rgba(41, 43, 54, 1); }

@media all and (max-width:768px){
    /*
    div.method h3.nom { width:100%; margin-bottom: 0; border-radius: 6px 6px 0px 0px; }
    div.method .url { width:100%; margin-top: 0; clear:both; border-radius: 0px 0px 6px 6px; }
    */
    div.method .url .httpmethods { width: 100%; border-radius: 0px; }
    .httpmethods .httpmethod { width:100%; }
}