@import url('fonts.css');
/* ----------------
   COMMON
   ---------------- */

* {
    box-sizing: border-box
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

p {
    margin:0;
    padding:0;
    font-size:14px;
    line-height:21px;
    color: #333;
}

hr {
    margin: 5px 0px;
}

code {
    color: #333;
    background: #f3f3f3;
}

/* ----------------
   ELEMENT SETUP
   ---------------- */

#sidebar, .mainContent {
    padding: 10px;
}

/* ----------------
   HEADER
   ---------------- */

.modal-open header {
    opacity: 0.9;
}

header {
	position: fixed;
	width: 100%;
	height: 48px;
	line-height: 12px;
	background-color: #343f4c;
	color: white;
	padding: 9px 12px 0 12px;
	overflow: visible;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2) inset;
    z-index:1000;
}

header.nonFixedHeader {
    position: static;
}

header .navigation {
    float:left;
    margin-left: 35px;
}

header .navigation .dropdown {
    float:left;
}

header .navigation a.headerLink {
    display:block;
    float:left;
    height: 39px;
    color: #eee;
    margin-right: 3px;
    margin-left: 5px;
    font-size: 16px;
    line-height: 21px;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-weight: 400;
    overflow: hidden;
}

header .navigation a.headerLink:hover {
    background-color: #111;
    text-decoration: none;
}

header .navigation a.headerLink:focus {
    text-decoration: none;
}

header .navigation a.headerLink.naviSelected, header .navigation a.naviSelected:hover {
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3) inset;
    text-decoration: none;
    /*color: #5ea7e6;*/
    background-color: #303030;
    color: white;
}

header .navigation a.headerLink.expanding::after {
    content: "\00a0\00a0\25BE";
    font-size:11px;

    /* this was the best i could come up with to shift the triangle one px up */
    display:block;
    float:right;
    height:20px;
    line-height:21px;
    margin-left:2px;
}

header .navigation .naviIcon:before {
    margin-right:8px;
    font-size: 20px;
    line-height: 20px;
    height:20px;
    width:20px;
}

header .dropdown-menu {
    left:auto;
    right:5px;
}

header .dropdown-menu>li>a,
header .dropdown-menu {
    background-color: #3e4146;
    color:#eee;
}

header .dropdown-menu>li>a:hover {
    background: #111!important;
    color:#eee;
}

header .naviRight {
    position:absolute;
    right:0;
    top:0;
    left:auto;
    float:none;
}


header .naviRight .icon-glyphicon {
    top: -2px;
}

header .naviRight .icon-glyphicon:before {
    position: relative;
    top: 2px;
    margin-right: 8px;
    font-size: 17px;

    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header .header-title {
	position: relative;
	top: 0;
	margin-left: 6px;
	font-family: "Exo 2";
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	color: #e0e2e4; /*silver*/
	transition: all 0.2s ease-in-out;
}

header .header-title:hover {
	color: white;
}

header .header-brand {
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	text-decoration: none;
}

header .header-logo {
	position: relative;
	top: -3px;
	height: 32px;
	width: 32px;
	display: inline-block;
	vertical-align: middle;
	background: url("data:image/png;base64,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 ") center center/28px 28px no-repeat;
}

/* ----------------
   WHITE VARIANT
   ---------------- */

header.whiteHeader {
    background-color: white;
    box-shadow: none;
}

header.whiteHeader h3 a, header.whiteHeader .navigation a.headerLink {
    color: #4c4c4c;
}

header.whiteHeader h3:hover, header.whiteHeader .navigation a.headerLink:hover {
    background-color: #eee;
}

/* ----------------
   GRAY VARIANT
   ---------------- */

header.greyHeader {
    background-color: #f6f6f6;
    box-shadow: none;
}

header.greyHeader h3 a, header.greyHeader .navigation a.headerLink {
    color: #4c4c4c;
}

header.greyHeader h3:hover, header.greyHeader .navigation a:hover {
    background-color: #ddd;
}

/* ----------------
   BOOTSTRAP STICKY FOOTER
   ---------------- */

/* based on: http://stackoverflow.com/a/20611729/676798 */

html {
    position: relative;
    min-height: 100%;
}
body.hasStickyFooter {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    margin:0;
    padding:0;
    overflow:hidden;

    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    /* Set the fixed height of the footer here */
    height: 60px;
}

/* ----------------
   COPYRIGHT footer
   ---------------- */

.copy {
    color: #888;
    display: block;
    font-size: 12px;
    height: 64px;
    vertical-align: middle;
  	display: table-cell;
    padding: 0px 30px;
}

.copy a {
    color: #ccc;
}

.greyContent .copy {
    color: #aaa;
}

.copy a {
    color: #666;
}

/* ----------------
   SIDEBAR
   ---------------- */

#sidebar {
    position:fixed;
    left:0;
    top:39px;
    bottom:0;
    width: 270px;
    padding: 30px;
    z-index: 0;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    background-color: white;
}

#sidebar li {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    margin-bottom: 6px;
}

#sidebar li.spaceAfter {
    margin-top: 15px;
    margin-bottom: 15px;
}

#sidebar li a {
    color: #444;
    font-weight: 400;
}


#sidebar h3 {
    margin:0;
    padding:0;
    font-size: 18px;
    margin-bottom: 10px;
}

#sidebar h3 a {
    color: #222;
    font-weight: 100;
}

#sidebar h3 a:hover {
    text-decoration: none;
}

#sidebar .selected {
    color: #222;
    font-weight: 700;
}

/* ----------------
   MAIN CONTENT
   ---------------- */

.mainContent {
    margin-left:270px;
    padding: 30px;
    /*padding-top: 72px;*/
    max-width: 1000px;
}

.mainContentFullWidth {
    max-width: 99999px;
}

.mainContent p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainContent h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

.mainContent h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.29;
    color: #333;

    /* to make it align with the search box */
    margin-top:-8px;
    margin-bottom:20px;
}

.mainContent h2 a {
    color: #222;
}

.mainContent h2 a:hover {
    text-decoration: none;
}

.mainContent h3 {
    font-size: 32px;
    line-height: 40px;
    margin-top:20px;
    margin-bottom:20px;
}


.mainContent h4 {
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-size: 22px;
    line-height: 25px;
    margin-top:20px;
    margin-bottom:10px;
}

.mainContent h4.commandCode {
    margin:0;
    padding:0;
    margin-bottom:20px;
    margin-top:-10px;
    font-family: 'Menlo', monospace;
    font-weight: 100;
    color: #222;
}

.mainContent h4.commandCode::before {
    content: "Command: ";
    font-family: 'Open Sans', sans-serif;
    color: #888;
}

.mainContent h3 a:hover {
    text-decoration:none;
}

.mainContent .introduction {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-top:10px;
    margin-bottom:20px;
}

.mainContent .commandDetails {
    font-family: 'Menlo', monospace;
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
    color: #eee;
    background-color: #222;
    padding: 30px;
    box-shadow: 0 3px 4px 0px rgba(0,0,0,0.7) inset;
    border-radius: 3px;
}

.mainContent .commandDetails b {
    font-family: 'Menlo', monospace;
    font-weight: 600;
    color: #222;
}

.mainContent .commandDetails .param {
    color: #e78c45;
}

.mainContent .commandDetails i {
    color: #888;
}

.mainContent .example {
    background-color: #222;
    box-shadow: 0 3px 4px 0px rgba(0,0,0,0.7) inset;
    border-radius: 3px;
    font-family: 'Menlo', monospace;
    font-size: 12px;
    line-height: 15px;
    padding: 30px;
}

.mainContent svg {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 30px;
    border:1px solid #e1e4e5;
}

.mainContent .illustration {
    background-color: white;
    border-radius: 3px;
    padding: 30px;
    border:1px solid #e1e4e5;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mainContent .illustration img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------
   PARAMETER LISTING
   ---------------- */

.mainContent ul.plist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    font-size: 13px;
    border:1px solid #e1e4e5;
    border-radius: 3px;
    width: 100%;
}

.mainContent ul.plist li {
    display: table-row;
    background-color: white;
}

.mainContent ul.plist .pcode, .mainContent ul.plist .pitemcontents {
    display: table-cell;
    padding: 15px;
}

.mainContent ul.plist li:nth-child(2n) {
    background-color: #f3f6f6;
}

.mainContent ul.plist .pcode {
    font-weight: 600;
    font-size: 14px;
    color: #333;

    /* set the suggested width of the label bar */
    padding-right:10px;
    width: 100px;
}

.mainContent .ptype, .mainContent .ptypedetails {
    display:block;
    font-size: 12px;
    word-break:break-all;
    margin-top:4px;
}

.mainContent .ptypedetails .ptype {
    display:inline;
}

.mainContent .ptype::before {
    content: "type: ";
}

.mainContent .pdefault::before {
    content: "default: ";
}

.mainContent .ptypeformat::before {
    content: "format: ";
}

.mainContent .prequired::after {
    content: "Required";
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    color: #666;
}

.mainContent .ptype::before, .mainContent .pdefault::before, .mainContent .ptypeformat::before {
    color: #333;
    font-style: italic;
    display:inline-block;
    width: 60px;
}

.mainContent .pdefault, .mainContent .ptype, .mainContent .ptypeformat {
    padding: 3px 0px 3px 0px;
}

.mainContent .pdefault, .mainContent .ptypeformat {
    display: block;
}

.mainContent .pdesc {
    font-size: 14px;
    line-height: 20px;
    max-width: 600px;
}

.mainContent span.pre {
    font-family: 'Menlo', monospace;
    background-color: white;
    border: 1px solid #e1e4e5;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 400;
}

.greyContent {
    background-color: #f6f6f6;
}

/* ----------------
   NESTED PARAMETERS
   ---------------- */

.mainContent .plist .plist {
    margin-top: 10px;
    margin-bottom: 3px;
}

.mainContent ul.plist .plist .pcode, .mainContent ul.plist .plist .pitemcontents {
    padding: 5px;
    font-size: 12px;
    padding-left: 0px;
    padding-right: 10px;
}

.mainContent ul.plist .plist {
    border: 0px !important;
}

.mainContent ul.plist .plist li {
    background-color: transparent;
}

/* ----------------
   BOTTOM NAVIGATION
   ---------------- */

#bottomNavigation a {
    color: #222;
    border: 1px solid #e1e4e5;
    padding: 5px 14px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 3px;
}

#bottomNavigation a:hover {
    text-decoration:none;
    background-color:#e1e4e5;
    border-color:#d1d4d5;
}

#bottomNavigation a.bottomPrevious {
    float:left;
}

#bottomNavigation a.bottomPrevious::before {
    content: "\3008\00a0\00a0";
    margin-left:-9px;
}

#bottomNavigation a.bottomNext {
    float:right;
}

#bottomNavigation a.bottomNext::after {
    content: "\00a0\00a0\3009";
    margin-right: -9px;
}

/* ----------------
   MODULE PAGE
   ---------------- */

.indexPage .visualizationContainer {
    margin-right: -20px;
}

.indexPage .visualization {
    float:left;
    width: 50%;
    padding:0;
    padding-right: 20px;
    padding-bottom: 20px;
}

.indexPage .visualization svg {
    width: 100%;
    padding: 10px !important;
    margin:0;
}

.indexPage .visualization svg:hover {
    background-color: #e9e9e9 !important;
}

.indexPage .visualization .visualizationLabel {
    display:block;
    margin-top: 4px;
    color: #333;
}

.indexPage .visualization:hover {
    text-decoration:none;
}

.indexPage .visualization .visualizationLabel:hover {
    color: #111;
}

/* ----------------
   SEARCH FIELD
   ---------------- */

.sidebarSearch {
    margin-top: 5px;
    margin-bottom: 30px;
}

.sidebarSearch input {
    height: 32px;
    overflow: hidden;
    outline: none;
    -webkit-appearance: none;
    padding: 6px;
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 17px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
    margin: 0;
    vertical-align: baseline;
    width: 100%;
    border-radius: 3px;
    padding: 6px 10px 6px 12px;

    color: #333 !important;
    background-color: #f5f5f6;
}

.sidebarSearch input:hover {
    border: 1px solid #888;
}

.sidebarSearch input::-webkit-input-placeholder { /* WebKit browsers */
    color: #777;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.sidebarSearch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

.sidebarSearch input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

.sidebarSearch input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #777;
}

.sidebarSearch input::-webkit-input-placeholder::after {
    content: "\26B2";
    display: block;
    float: right;
    font-size: 150%;
    -webkit-transform: rotate(45deg);
    margin-top:-1px;
    line-height: 17px;
}

/* ----------------
   FNA PLATFORM FRONT PAGE
   ---------------- */

body#labsFrontPage {
    background-color: #2e3136;
    background-image: url("../img/network-map.png");
    background-position: top -140px left 660px;
    background-repeat: no-repeat;
}

#labsFrontPage header {
	position: static;
    background-color: transparent;
}

#labsFrontPage .mainContentFullWidth {
    color: white;
}

#labsFrontPage .frontpageActions a {
    display: block;
	width:160px;
	margin-top: 5px;
}
#labsFrontPage .frontpageActions {
	margin-top: 20px;
	margin-left: 425px;
}

/* ----------------
   FULL WIDTH LAYOUT
   ---------------- */

.mainContent.mainContentFullWidth {
	position:static;
	z-index:-100;
	margin-left: 0px;
	padding-top: 80px;
}

.mainContent.mainContentFullWidth h3 {
    font-family: 'Exo', sans-serif;
    font-weight: 200;
    margin-bottom: 35px;
    font-size: 95px;
    line-height: 95px;
    color: lightgray;
}

.mainContent.mainContentFullWidth.termsOfServicesContent h3 {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 40px;
    color: #000;
}

.mainContent.mainContentFullWidth h4 {
	line-height: 34px;
	max-width: 640px;
    margin:0;
   	font-size: 16px;
	line-height: 26px;
	margin-top: 30px;
	text-align: justify;
}

.mainContent.mainContentFullWidth h4.intro {
    font-style: italic;
    font-size: 36px;
	line-height: 36px;
	color: gray;
}

.mainContent.mainContentFullWidth.privacyPolicyContent h3 {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 40px;
	line-height: 40px;
	color: #000;
}

.mainContent.mainContentFullWidth.privacyPolicyContent h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 40px;
	color: #000;
}

.mainContent.mainContentFullWidth.privacyPolicyContent h5 {
	margin-top: 12px;
	margin-bottom: 0;
	font-size: 21px;
	font-weight: 500;
	color: #000;
}

/* ----------------
   BUTTONS
   ---------------- */

.buttonDescriptor {
    font-style: italic;
    margin-left: 10px;
}

.btn-outline {
    color: #ddd;
    background-color: transparent;
    border-color: #ccc;
}

.btn-outline:hover {
    background-color: #eee;
    color: #555;
}

.buttonRequest {
	margin-top:20px;
	margin-left: 425px;
}

.buttonRequest a {
	 border-color: #ee3f22;
}

/* ----------------
   SETTINGS PAGES
   ---------------- */

.settingsPage h3.settingsPageName {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}

.settingsPage p.settingsPageDescription {
    color: #888;
}

.settingsPage .deleteAccountLink {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.settingsPage .settingsSidePanel {
    background-color: white;
    padding: 10px;
    border-radius: 8px 0px 0px 8px;
    box-shadow: 0px 0px 10px 0px #e6e6e6;
    margin-top: 50px;
}

.settingsPage .settingsStatic {
    color: #888;
    padding: 10px 0px;
}

.settingsPage .termsOfServices {
    margin-top: 24px;
}

@media only screen and (max-width:991px) {
    .settingsPage .settingsSidePanel {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 8px;
    }
}

/* ----------------
   ADMIN PANEL PAGES
   ---------------- */

.adminpanelPage .mainContent.mainContentFullWidth {
    padding-top: 50px !important;
}

.adminpanelPage .users-container {
    padding: 10px 50px;
}

.adminpanelPage .dataTable {
    width: 100%;
}

.adminpanelPage .dataTable td {
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminpanelPage .licenseExpirationDate {
    text-decoration: underline;
    color: #0000AA !important;
}

.adminpanelPage .licenseExpirationDate span {
    cursor: pointer;
}

.adminpanelPage .title {
    font-size: 35px;
    margin-bottom: 0;
    line-height: 40px;
    text-align: center;
}

.adminpanelPage .user-is-disabled td {
    color: #929191;
}

.adminpanelPage .modal-dialog {
    width: 520px;
}

.adminpanelPage .row-current {
    margin-bottom: 14px;
}

.adminpanelPage .value-new {
    margin-bottom: 4px;
}
.adminpanelPage .label-value {
    padding-left: 20px;
}

.adminpanelPage .datepicker {
    padding: 0;
}

.adminpanelPage .datepicker-inline {
    background-color: #F5F5F5;
}

.adminpanelPage .actions {
    position: relative;
    overflow: visible !important;
}

.adminpanelPage .dropdown-menu {
    min-width: 62px;
}

.adminpanelPage .dropdown-menu > li > a {
    padding: 3px 6px;
}

.adminpanelPage .user-is-expired {
    color: #929191;
    text-decoration: underline;
}

.adminpanelPage .modal-backdrop {
    z-index: 10;
}

/* ----------------
   REGISTER AND LOGIN
   ---------------- */

.mainFormContent {
    margin-top: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.mainFormContent form {
    margin:0;
    padding:0;
    margin-top: 20px;
}

.mainFormContent .formRequired::after, .mainFormContent .formRequiredBefore::before {
    content: ' (Required)';
    color: #999;
    display:block;
    float:right;
    font-size:11px;
    line-height:20px;
    padding-left: 8px;
}

.mainFormContent .formRequiredBefore::before {
    margin: auto;
    padding-left:0;
    padding-right:5px;
}

.mainFormContent .mainFormInnerContent {
    background-color: white;
    padding: 20px 30px 5px 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 #e6e6e6;
    margin-top: 60px;
}

.mainFormInnerContent .trial {
	color: green;
  	font-weight: 700;
}

.mainFormContent .formInfo {
    margin-top: -6px;
    font-style: italic;
    color: #888;
}

.mainFormContent .formSection {
    margin-bottom: 30px;
}

.mainFormContent .accept-container .sign-up-terms {
    margin-top: 15px;
}

.mainFormContent .message-container {
    padding-bottom: 20px;
}

.mainFormInnerContent.delInfoContainer {
    width: 550px;
    margin-top: 100px;
    padding: 35px !important;
    box-shadow: 0 2px 10px 0 rgba(224, 226, 228, 0.5);
    font-family: "Open Sans";
}

.mainFormInnerContent.delInfoContainer h4 {
    padding-bottom: 30px;
    margin-top: 0;
    font-size: 42px;
    font-weight: 300;
    color: #474b51;
}

.mainFormInnerContent.delInfoContainer p {
    font-size: 14px;
    color: #2b313a;
}

.mainFormInnerContent.delInfoContainer a.btn {
    background-image: none;
    font-size: 12px;
    font-weight: 600;
    color: #474b51;
}

.password-meter-wrapper {
    margin-left: 1px;
    margin-right: 1px;
    position: relative;
    top: 7px;
}

.password-meter-message {
	display: none;
    padding-bottom: 8px;
    font-size: 12px;
    opacity: 0.9;
    color: #999;
}

.password-meter-progress {
	display: none;
    height: 6px;
    margin-top: -6px;
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.password-meter-progress .progress-bar {
	width: 0;
}

#userInfoForm label.error {
    margin-top: 5px;
    margin-bottom: 0;
    color: #e20000;
    font-weight: normal;
}

#userInfoForm input.form-control.error {
    border-color: #e20000;
}

#userInfoForm input.form-control.error:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #db5957; /* iOS <4.3 & Android <4.1 */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #db5957;
}

@media only screen and (max-width:991px) {
    .mainFormContent {
        margin-top: 0px;
        padding-top: 0px !important;
    }
}

@media only screen and (min-width:1300px) {
    .mainFormContent {
        padding-top: 40px !important;
    }

    .mainFormContent .mainFormInnerContent {
        padding: 30px 50px;
    }

    .mainFormContent .mainFormInnerContent.delInfoContainer {
        margin-top: 60px;
    }

    .mainFormContent .message-container {
        padding-bottom: 30px;
    }

    .mainFormContent .formSection {
        margin-bottom: 40px;
    }
}

.mainFormContent .control-label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.mainFormContent .signUpButtonContainer {
    padding: 0px;
}

.mainFormContent .signUpButtonContainer.btn-group-lg {
    padding-top: 15px;
}

.mainFormContent .formActions {
    padding-bottom: 10px;
}

.mainFormContent .signUpButtonBottomLink {
    padding-top: 14px;
    clear:both;
}

.mainFormContent .signUpButtonContainer .btn-signin {
	min-width: 130px;
    height: 39px;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    border:none;
    border-radius: 30px;
    background-image: none;
    background-color: #ee3f21;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
}

.mainFormContent .signUpButtonContainer .btn-signin:hover {
    background-color: #ff2803;
}

.mainFormContent .signUpButtonContainer .btn-signin:active, .mainFormContent .signUpButtonContainer .btn-signin:focus {
    background-color: #ff4728;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mainFormContent .btn-sso-container {
    margin: 28px 0 26px 0;
    text-align: center;
}

.mainFormContent .btn-sso-container .btn-sso {
    width: 100%;
    padding: 16px 0;
    line-height: 1.3333333;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    background: none;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    border: solid 1px #e0e2e4;
    border-radius: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: all .15s ease-in-out;
}

.mainFormContent .btn-sso-container .btn-sso:hover {
    background-color: #f7f6f6;
}

.mainFormContent .btn-sso-container .btn-sso:active, .mainFormContent .btn-sso-container .btn-sso:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f4f3f3;
}

.mainFormContent .btn-sso-container .separator-line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e0e2e4;
    line-height: 0.1em;
    margin: 40px 0 34px;
}

.mainFormContent .btn-sso-container .separator-line-text {
    padding: 0 16px;
    color: #d0d0d0;
    background: #fff;
    text-transform: uppercase;
}

.mainFormContent .signUpBottomGroup {
    margin-bottom: 0;
}

.mainFormContent input::-webkit-input-placeholder { /* WebKit browsers */
    color: #bbb;
}

.mainFormContent input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #bbb;
   opacity: 1;
}

.mainFormContent input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #bbb;
   opacity: 1;
}

.mainFormContent input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #bbb;
}

/* ----------------
   BOOTSTRAP BUTTON STYLING
   ---------------- */

.btn {
    font-weight: 100;
}

/* ----------------
   MINIMAL RESPONSIVE CHANGES
   ---------------- */

@media only screen and (max-width:980px) {
    #sidebar {
        display: none;
    }

    .mainContent {
        margin-left: 0px;
    }

    header .navigation a.headerLink {
        font-size: 13px;
        font-weight: 500;
    }

    header .naviSearch input {
        width: 140px;
        font-size: 13px;
    }

    header .navigation a.headerLink.expanding::after {
        font-size:11px;
        height:20px;
        line-height:20px;
        margin-left:0px;
        margin-right:10px;
    }
}

@media only screen and (max-width:930px) {
    header .navigation a.headerLink::before {
    	/* hide icon */
    	content: '';
    	width:0!important;
    	margin:0!important;
    }
}

@media only screen and (max-width:768px) {

    header .navigation a.headerLink:first-of-type {
        padding-top: 10px;
    }

    header .navigation a.headerLink {
        float: none;
        padding-top: 0;
        padding-bottom: 3px;
        height: auto;
        padding-right:10px;
        text-align:right;
    }

    /*header {
        height: auto !important;
        position: static;
    }*/
}

@media only screen and (max-width:550px) {
    header .naviSearch input {
        width: 80px;
        overflow:hidden;
    }

    header .naviSearch input[placeholder] {
        text-overflow: ellipsis;
        overflow:hidden;
        white-space: nowrap;
    }
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,.6);
}

/* Spinner CSS from http://projects.lukehaas.me/css-loaders/ */
.spinner {
    position: relative;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -8px;
    font-size: 2px;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #c2c2c2;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.spinner, .spinner:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-spinner {
    width: 20em;
    height: 20em;
    margin-top: 80px;
}

.toolbar {
    margin-bottom: 10px;
}

.toolbar div {
    display: inline-block;
    margin-right: 10px;
}

.toolbar div.pull-right {
    margin-right: 0;
}

.toolbar .server-time-label {
    font-weight: 800;
}


#cron-expression {
    height: 68px;
}

#cron-expression span {
    display: inline-block;
    margin-bottom: 8px;
}

.registration_footer {
	margin-top: 37px;
}

.registration-sing-up {
	height: 30px;
	letter-spacing: .4px;
	border: none;
	padding: .35rem 2.125rem .4rem;
	cursor: pointer;
	border-radius: 2px;
	outline: none;
	font-family: "Open Sans";
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #cf3403;
	border-color: #922403;
	line-height: 1.5;
}

.registration-sing-up:focus, .registration-sing-up:hover{
	background-color: #b12c02;
}