/*
 * @author Guy Halse http://orcid.org/0000-0002-9388-8592
 * @copyright Copyright (c) 2018, Tertiary Education and Research Network of South Africa
 * @license https://opensource.org/licenses/MIT MIT License
 */
@import url("style.css");

/* fixes for servers_edit.html */
input#id_enc_level_0,
input#id_enc_level_1,
input#id_enc_level_2 {
    visibility: hidden;
}
label[for="id_enc_level_0"]::after,
label[for="id_enc_level_1"]::after,
label[for="id_enc_level_2"]::after {
    content: " (deprecated)"
}
label[for="id_username"]::after {
    content: " (including realm)"
}
select#id_proto,
select#id_rad_pkt_type {
    min-height: 26px;
}
.input-group-addon.password-toggle {
    display: inline;
    padding: 5px 5px 3px 5px;
    margin-right: -0.5px;
}

/* fix top of the page so the container doesn't overlap the navbar */
div.stickyfooter-container {
    height: calc(100% - 50px - 20px - 1px); /* navbar-fixed-top min-height 50px, margin-bottom 20px, border 1px */
    margin-top: 20px;
}

/* weird artifact of djnro HTML editor doubles whitespace on block elements */
div.container h1 + br, div.container h2 + br, div.container h3 + br,
div.container h4 + br, div.container h5 + br, div.container h6 + br,
div.container ul + br, div.container ul br:first-child,
div.container ol + br, div.container ol br:first-child,
div.container li + br, div.container p + br,
div.container pre + br, div.container code + br,
div.container br + br, div.container table + br,
div.container div + br, div.container div.span6 div br:first-child {
    display: none;
}
pre code br { display: initial !important; }
div.container h2:not(:first-of-type) {
  margin-top: 40px;
}
div.container { padding-bottom: 20px; }

.youtube_player { margin: 20px auto; }
.youtube_player iframe { border-radius: 20px; }

/* https://www.bootply.com/71520 */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* make display wrap on mobile devices */
@media screen and (max-width: 991px) {
  .stickyfooter-container {display: initial !important}
}

/* connect panels */
.panel-primary>.panel-heading {background-color: #9eb5bd; border-color:#9eb5bd; color:#333}
.panel-primary {border-color:#9eb5bd;}
.panel-connect.panel-primary>.panel-heading {font-size: 105%; font-weight:bold;}
.panel-connect{overflow-y: hidden; height:230px; text-align:center;}
img.app-store { padding: 10px; width: 180px; }