/* /local/css/themes/inicio/template.css */
@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('https://portaldeveloper.hml.fastalelo.com/templates/purity_iii/fonts/font-galano-grotesque-alt-bold/GalanoGrotesqueAlt-Bold.otf');
}
@font-face {
  font-family: 'Open Sans';
  src: url('https://portaldeveloper.hml.fastalelo.com/templates/purity_iii/fonts/font-open-sans/OpenSans-Regular.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Galano+Grotesque+Alt:wght@400;700&display=swap');

@media (max-width: 990px) {
.always-show .mega > .mega-dropdown-menu,
.always-show .dropdown-menu {
  display: block !important;
  position: static;
}
.open .dropdown-menu {
  display: block;
}
}
.t3-logo,
.t3-logo-small {
display: block;
text-decoration: none;
text-align: left;
background-repeat: no-repeat;
background-position: center;
}
.t3-logo {
width: 182px;
height: 50px;
}
.t3-logo-small {
width: 60px;
height: 30px;
}
.t3-logo,
.t3-logo-color {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-color.png");
}
.t3-logo-small,
.t3-logo-small.t3-logo-color {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-color.png");
}
.t3-logo-dark {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-dark.png");
}
.t3-logo-small.t3-logo-dark {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-dark.png");
}
.t3-logo-light {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-light.png");
}
.t3-logo-small.t3-logo-light {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-light.png");
}
@media (max-width: 990px) {
.logo-control .logo-img-sm {
  display: block;
}
.logo-control .logo-img {
  display: none;
}
}
@media (min-width: 991px) {
.logo-control .logo-img-sm {
  display: none;
}
.logo-control .logo-img {
  display: block;
}
}
#community-wrap .collapse {
position: relative;
height: 0;
overflow: hidden;
display: block;
}
.body-data-holder:before {
display: none;
content: "grid-float-breakpoint:991px screen-xs:480px screen-sm:768px screen-md:992px screen-lg:1200px";
}

body {
padding-top: 65px;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #407ca0;
text-decoration: none;
outline: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a:hover,
a:focus {
color: #2a5269;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
th,
td {
line-height: 1.42857143;
text-align: left;
vertical-align: top;
}
th {
font-weight: bold;
}
td,
tr td {
border-top: 1px solid #e8eaea;
}
.cat-list-row0:hover,
.cat-list-row1:hover {
background: #f5f5f5;
}
.cat-list-row1,
tr.cat-list-row1 td {
background: #f9f9f9;
}
table.contentpane,
table.tablelist,
table.category,
table.admintable,
table.blog {
width: 100%;
}
table.contentpaneopen {
border: 0;
}
.star {
color: #ffcc00;
}
.red {
color: #cc0000;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.wrap {
width: auto;
clear: both;
}
.center,
.table td.center,
.table th.center {
text-align: center;
}
.element-invisible {
position: absolute;
padding: 0;
margin: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}

p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 992px) {
.lead {
  font-size: 18px;
}
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
.text-muted {
color: #999999;
}
.text-primary {
color: #407ca0;
}
.text-warning {
color: #c09853;
}
.text-danger {
color: #b94a48;
}
.text-success {
color: #468847;
}
.text-info {
color: #3a87ad;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-center .item-image img {
margin: 0 auto;
}
.inline {
display: inline-block;
}
.inline + .inline {
margin-left: 20px;
}
.highlight {
background-color: #FFC;
font-weight: bold;
padding: 1px 4px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #313131;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
font-weight: normal;
line-height: 1;
color: #999999;
}
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h1,
.h1 {
font-size: 42px;
}
h2,
.h2 {
font-size: 35px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
h1 small,
.h1 small {
font-size: 24px;
}
h2 small,
.h2 small {
font-size: 18px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
font-size: 14px;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 991px) {
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.5;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote small {
display: block;
line-height: 1.42857143;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Consolas, Monaco, "Courier New", monospace;
}

legend {
padding-bottom: 10px;
font-weight: 700;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 20px;
}
.radio label,
.checkbox label {
display: inline;
}
.form-control-static {
margin-bottom: 0;
}
@media (min-width: 768px) {
.form-inline .form-group {
  display: inline-block;
}
.form-inline .form-control {
  display: inline-block;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: none;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
.btn-inverse {
color: #ffffff;
background-color: #444444;
border-color: #373737;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
color: #ffffff;
background-color: #2b2b2b;
border-color: #191919;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
background-color: #444444;
border-color: #373737;
}
.btn-inverse .badge {
color: #444444;
background-color: #ffffff;
}
.btn-block + .btn-block {
margin-top: 5px;
}
.btn-actions .btn-lg {
font-size: 18px;
padding: 10px 20px;
border-radius: 20px;
}
.btn-actions .btn + .btn {
margin-left: 20px;
}
@media screen and (min-width: 768px) {
.btn-actions .btn-lg {
  font-size: 24px;
  padding: 10px 30px;
  border-radius: 30px;
}
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder {
color: #999999;
opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder {
color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder {
color: #999999;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox {
height: auto;
}
@media screen and (min-width: 768px) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
  width: auto;
}
}
select,
select.form-control,
select.inputbox,
select.input {
padding-right: 5px;
}
.input-append .active,
.input-prepend .active {
background-color: #9bd7a8;
border-color: #3e9b52;
}
.invalid {
border-color: #cc0000;
}
label.invalid {
color: #cc0000;
}
input.invalid {
border: 1px solid #cc0000;
}

.caret {
margin-left: 5px;
margin-top: -2px;
}
.dropdown-menu {
padding: 0;
min-width: 200px;
}
.dropdown-menu .divider {
margin: 0;
height: 10px;
background-color: #373737;
}
.dropdown-menu > li {
border-top: 1px solid #515151;
}
.dropdown-menu > li:first-child {
border-top: 0;
}
.dropdown-menu > li > a {
padding: 10px 20px;
}
.dropdown-header {
padding: 3px 20px;
font-size: 14px;
}
.dropdown-header a {
color: #999999;
}
.dropdown-submenu > a:after {
border-left-color: #999999;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.nav > li > .separator {
position: relative;
display: block;
padding: 10px 15px;
line-height: 20px;
}
@media (min-width: 991px) {
.nav > li > .separator {
  padding-top: 22.5px;
  padding-bottom: 22.5px;
}
}
.nav-tabs {
border-bottom: 1px solid #eeeeee;
}
.nav-tabs > li > a {
padding: 10px;
line-height: normal;
border: 0;
text-transform: uppercase;
}
.nav-tabs > li > a:hover {
border: 0;
background: transparent;
}
.nav-tabs > li.active > a {
background: #444444;
border: 0;
color: #fff;
margin-bottom: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: #444444;
border: 0;
color: #fff;
}
.tab-content {
padding: 10px 0;
border-top: 0;
}
.nav .caret {
border-top-color: #407ca0;
border-bottom-color: #407ca0;
}
.nav a:hover .caret {
border-top-color: #2a5269;
border-bottom-color: #2a5269;
}
.t3-navhelper {
background: #eeeeee;
color: #999999;
padding: 5px 0;
}
.breadcrumb {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
border-radius: 0;
}
.breadcrumb > li + li:before {
content: "/\00a0";
}
.breadcrumb > li:nth-child(2):before {
content: "";
}
.breadcrumb > .active {
color: #999999;
}
.breadcrumb .divider {
display: none;
}
.pagination {
display: block;
}
.pagination:before,
.pagination:after {
content: " ";
display: table;
}
.pagination:after {
clear: both;
}
@media screen and (min-width: 768px) {
.pagination {
  float: left;
}
}
.pagination .pagination {
display: inline-block;
}
.counter {
display: inline-block;
margin-top: 20px;
padding: 6px 12px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 0px;
}
@media screen and (min-width: 768px) {
.counter {
  float: right;
}
}

.navbar-toggle {
padding: 0;
height: 65px;
line-height: 65px;
width: 65px;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (min-width: 991px) {
.navbar-toggle {
  display: none;
}
}
.navbar-nav {
margin: 11.25px -15px;
}
@media (min-width: 991px) {
.navbar-nav {
  margin: 0;
}
}
.navbar-default {
background-color: #407ca0;
border-color: #396e8e;
}
.navbar-default .navbar-text {
color: #e9f1f6;
}
@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > li {
  margin-left: 30px;
}
}
.navbar-default .navbar-nav > li > a {
color: #e9f1f6;
padding: 20px;
text-transform: uppercase;
}
@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > li > a {
  padding: 0;
  line-height: 65px;
}
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  -webkit-box-shadow: inset 0 -2px 0 #ffffff;
  box-shadow: inset 0 -2px 0 #ffffff;
}
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: transparent;
}
@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  -webkit-box-shadow: inset 0 -2px 0 #ffffff;
  box-shadow: inset 0 -2px 0 #ffffff;
}
}
.navbar-default .navbar-toggle {
border: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background: #230C87;
color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .fa-bars {
background-color: transparent;
color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #ffffff;
}
@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  -webkit-box-shadow: inset 0 -2px 0 #ffffff;
  box-shadow: inset 0 -2px 0 #ffffff;
}
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #e9f1f6;
border-bottom-color: #e9f1f6;
}
@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu {
  background: #396e8e;
}
.navbar-default .navbar-nav .open .dropdown-menu > li {
  border-top-color: #31607c;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #e9f1f6;
  padding: 20px 20px 20px 30px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
}
@media screen and (max-width: 991px) {
.navbar-default .navbar-nav .open .level2.dropdown-menu {
  background: #31607c;
  border-top: 1px solid #2a5269;
  margin-top: 0;
}
.navbar-default .navbar-nav .open .level2.dropdown-menu > li {
  border-top-color: #2a5269;
}
.navbar-default .navbar-nav .open .level2.dropdown-menu > li > a {
  padding-left: 40px;
}
}
.navbar-default .navbar-link {
color: #e9f1f6;
}
.navbar-default .navbar-link:hover {
color: #ffffff;
}
.t3-mainnav {
border: 0;
border-bottom: 1px solid #396e8e;
margin-bottom: 0;
border-radius: 0;
}
@media (min-width: 991px) {
.t3-mainnav > .container {
  position: relative;
}
}
.t3-mainnav .t3-navbar {
padding-left: 0;
padding-right: 0;
float: left;
}
.t3-mainnav .t3-navbar-collapse {
margin-top: 6px;
background: #fff;
box-shadow: 0 0 1px 1px #0000001F, 2px 0 16px 2px #00000029;
border-radius: 0 0 8px 8px;
}
@media (min-width: 991px) {
.t3-mainnav .t3-navbar-collapse {
  display: none !important;
}
}
.t3-mainnav .t3-navbar-collapse .navbar-nav {
margin: 0 -15px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav li > a .fa {
margin-right: 5px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {
/* border-top: 1px solid #396e8e; */
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li:first-child > a {
border-top: 0;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu {
left: -1px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret {
/* position: absolute;
top: 40%;
right: 12px; */
}

.t3-module {
background: transparent;
color: inherit;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.t3-module {
  margin-bottom: 40px;
}
}
.t3-module .module-inner {
padding: 0;
}
.module-title {
background: transparent;
color: inherit;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
@media screen and (min-width: 768px) {
.module-title {
  margin-bottom: 20px;
}
}
.module-ct {
background: transparent;
color: inherit;
padding: 0;
}
.module-ct:before,
.module-ct:after {
content: " ";
display: table;
}
.module-ct:after {
clear: both;
}
.module-ct > ul,
.module-ct .custom > ul,
.module-ct > ol,
.module-ct .custom > ol {
margin-left: 20px;
padding-left: 0;
}
.module-ct > ul.unstyled,
.module-ct .custom > ul.unstyled,
.module-ct > ol.unstyled,
.module-ct .custom > ol.unstyled {
padding-left: 0;
}
.module-ct > ul.nav,
.module-ct .custom > ul.nav,
.module-ct > ol.nav,
.module-ct .custom > ol.nav {
padding-left: 0;
margin-left: 0;
}
.t3-sidebar .nav > li {
border-top: 1px solid #eeeeee;
margin-top: 0;
}
.t3-sidebar .nav > li:first-child {
border-top: 0;
}
.t3-sidebar .nav > li > a,
.t3-sidebar .nav > li > .separator {
padding: 10px;
display: block;
}
.t3-sidebar .nav > li.active.open > a {
background-color: #230C87;
color: #ffffff;
}
.t3-sidebar .nav > li > a:hover,
.t3-sidebar .nav > li.open > a {
background-color: #eeeeee;
color: #444444;
}
.t3-sidebar .nav > li > a:hover .caret,
.t3-sidebar .nav > li.open > a .caret {
border-bottom-color: #444444;
border-top-color: #444444;
}
.t3-sidebar .dropdown-menu {
margin-top: 0;
}
.t3-sidebar .nav > li.active > a .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
@media (max-width: 1450px) {
.t3-sidebar.t3-sidebar-2 .dropdown-submenu.parent.open > .dropdown-menu,
.t3-sidebar.t3-sidebar-right .dropdown-submenu.parent.open > .dropdown-menu {
  left: auto;
  right: 100%;
}
}
#login-form input[type="text"],
#login-form input[type="password"] {
width: 100%;
}
#login-form ul.unstyled {
margin: 0;
padding: 0;
}
#login-form ul.unstyled li {
list-style-type: none;
}
#login-form #form-login-remember label {
font-weight: normal;
}
.banneritem a {
font-weight: bold;
}
.bannerfooter {
border-top: 1px solid #eeeeee;
font-size: 12px;
padding-top: 10px;
text-align: right;
}
.categories-module,
ul.categories-module,
.category-module,
ul.category-module {
margin: 0;
padding: 0;
}
.categories-module li,
ul.categories-module li,
.category-module li,
ul.category-module li {
list-style: none;
padding: 10px 0;
border-top: 1px dotted #eeeeee;
}
.categories-module li:first-child,
ul.categories-module li:first-child,
.category-module li:first-child,
ul.category-module li:first-child {
border-top: 0;
padding-top: 0;
}
.categories-module h4,
ul.categories-module h4,
.category-module h4,
ul.category-module h4,
.categories-module .mod-articles-category-title,
ul.categories-module .mod-articles-category-title,
.category-module .mod-articles-category-title,
ul.category-module .mod-articles-category-title {
font-size: 14px;
font-weight: normal;
margin: 0;
display: block;
}
.categories-module .mod-articles-category-writtenby,
ul.categories-module .mod-articles-category-writtenby,
.category-module .mod-articles-category-writtenby,
ul.category-module .mod-articles-category-writtenby,
.categories-module .mod-articles-category-date,
ul.categories-module .mod-articles-category-date,
.category-module .mod-articles-category-date,
ul.category-module .mod-articles-category-date {
color: #aaaaaa;
font-size: 12px;
}
.categories-module .mod-articles-category-writtenby,
ul.categories-module .mod-articles-category-writtenby,
.category-module .mod-articles-category-writtenby,
ul.category-module .mod-articles-category-writtenby {
font-weight: bold;
margin-right: 10px;
}
.feed h4 {
font-weight: bold;
}
.feed .newsfeed,
.feed ul.newsfeed {
border-top: 1px solid #eeeeee;
}
.feed .newsfeed .feed-link,
.feed ul.newsfeed .feed-link,
.feed .newsfeed h5.feed-link,
.feed ul.newsfeed h5.feed-link {
font-size: 14px;
font-weight: normal;
margin: 0;
}
.latestusers,
ul.latestusers {
margin-left: 0;
}
.latestusers li,
ul.latestusers li {
background: #eeeeee;
display: inline-block;
padding: 5px 10px;
border-radius: 0px;
}
.module-ct .whosonline {
margin-left: 0;
}
.module-ct .whosonline > li {
display: inline-block;
border-radius: 0px;
background: #eeeeee;
padding: 2px 5px;
margin: 0 5px 5px 0;
white-space: nowrap;
}
.stats-module dt,
.stats-module dd {
display: inline-block;
margin: 0;
}
.stats-module dt {
font-weight: bold;
width: 35%;
}
.stats-module dd {
width: 60%;
}
.tagspopular ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.tagspopular ul > li {
background: #eeeeee;
border-radius: 3px;
color: #aaaaaa;
display: block;
float: left;
margin: 0 5px 5px 0;
padding: 3px 10px;
}
.tagspopular ul > li > a {
color: #aaaaaa;
}
.tagspopular ul > li .tag-count {
background: transparent;
color: #aaaaaa;
display: inline;
margin: 0;
padding: 0;
}
.tagspopular ul > li:hover {
background: #407ca0;
color: #ffffff;
}
.tagspopular ul > li:hover a {
color: #ffffff;
text-decoration: none;
}
.tagspopular ul > li:hover .tag-count {
color: #ffffff;
}
.tagspopular.tagscloud .tag {
background: #eeeeee;
border-radius: 3px;
display: inline-block;
margin-bottom: 5px;
padding: 5px 10px;
}
.tagspopular.tagscloud .tag a {
color: #aaaaaa;
}
.tagspopular.tagscloud .tag a:hover,
.tagspopular.tagscloud .tag a:focus,
.tagspopular.tagscloud .tag a:active {
color: #2a5269;
}
.tagssimilar ul {
margin: 0;
padding: 0;
list-style: none;
}
.tagssimilar ul > li {
border-bottom: 1px solid #eeeeee;
padding: 8px 0;
}
.tagssimilar ul > li > a {
color: #aaaaaa;
}
.tagssimilar ul > li > a:hover,
.tagssimilar ul > li > a:focus,
.tagssimilar ul > li > a:active {
color: #2a5269;
}
.module-ct > ul.archive-module {
list-style: none;
margin: 0;
padding: 0;
}
.module-ct > ul.archive-module i {
color: #999999;
margin-right: 2px;
}
.module-ct > ul.archive-module li {
border-bottom: 1px solid #eeeeee;
padding: 7px 0;
}
.module-ct > ul.archive-module li a {
color: #aaaaaa;
}
.module-ct > ul.archive-module li a:hover,
.module-ct > ul.archive-module li a:focus,
.module-ct > ul.archive-module li a:active {
color: #407ca0;
}
.module-ct > ol.breadcrumb {
padding: 6px 12px;
margin-left: 0;
}

.item-page {
margin-bottom: 40px;
}
.items-leading .leading {
margin-bottom: 40px;
}
.items-row .item {
margin-bottom: 40px;
}
.divider-vertical {
margin: 20px 0 40px;
border: 0;
border-top: 1px solid #eeeeee;
}
.article-aside {
color: #999999;
font-size: 12px;
margin-bottom: 20px;
padding: 0;
}
.article-header + .article-aside {
margin-top: -10px;
}
.item-page .article-aside {
font-size: 14px;
margin-bottom: 40px;
}
.article-info {
margin: 0;
width: 85%;
}
.article-info .article-info-term {
display: none;
}
.article-info dd {
display: inline-block;
margin-left: 0;
margin-right: 10px;
margin-bottom: 5px;
white-space: nowrap;
}
.article-info dd strong {
font-weight: 600;
}
.article-info dd .fa {
margin-right: 5px;
}
.category-name {
text-transform: capitalize;
}
.category-name .fa {
display: none;
}
.category-name a {
background: #407ca0;
color: #fff;
padding: 2px 5px;
}
.category-name a:hover,
.category-name a:focus,
.category-name a:active {
background: #2a5269;
color: #fff;
text-decoration: none;
}
.article-footer {
color: #999999;
font-size: 12px;
margin-bottom: 20px;
}
article img,
.article-intro img {
display: block;
max-width: 100%;
height: auto;
}
article img[align=left],
.article-intro img[align=left],
article .img-fulltext-left,
.article-intro .img-fulltext-left,
article .img-intro-left,
.article-intro .img-intro-left,
article .img_caption.left,
.article-intro .img_caption.left,
article .pull-left.item-image,
.article-intro .pull-left.item-image {
margin-right: 20px;
}
@media screen and (max-width: 767px) {
article img[align=left],
.article-intro img[align=left],
article .img-fulltext-left,
.article-intro .img-fulltext-left,
article .img-intro-left,
.article-intro .img-intro-left,
article .img_caption.left,
.article-intro .img_caption.left,
article .pull-left.item-image,
.article-intro .pull-left.item-image {
  margin: 0;
}
}
article img[align=right],
.article-intro img[align=right],
article .img-fulltext-right,
.article-intro .img-fulltext-right,
article .img_caption.right,
.article-intro .img_caption.right,
article .img-intro-right,
.article-intro .img-intro-right,
article .pull-right.item-image,
.article-intro .pull-right.item-image {
margin-left: 20px;
}
@media screen and (max-width: 767px) {
article img[align=right],
.article-intro img[align=right],
article .img-fulltext-right,
.article-intro .img-fulltext-right,
article .img_caption.right,
.article-intro .img_caption.right,
article .img-intro-right,
.article-intro .img-intro-right,
article .pull-right.item-image,
.article-intro .pull-right.item-image {
  margin: 0;
}
}
.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
position: relative;
margin-bottom: 20px;
max-width: 100%;
}
.img-fulltext-left {
float: left;
}
.img-fulltext-right {
float: right;
}
.img_caption > img {
margin-bottom: 1px !important;
}
.img_caption p.img_caption {
background: #eeeeee;
color: #aaaaaa;
font-size: 12px;
width: 100%;
margin: 0;
padding: 5px;
text-align: center;
clear: both;
}
.pull-right.article-image-intro {
float: left !important;
margin-left: 0 !important;
}
.pull-right.article-image-intro img {
margin-left: 0 !important;
margin-right: 20px;
}
@media screen and (max-width: 992px) {
article img,
.article-intro img,
article img[align=left],
.article-intro img[align=left],
article img[align=right],
.article-intro img[align=right],
article .img_caption,
.article-intro .img_caption,
article .article-image-full,
.article-intro .article-image-full,
article .article-image-intro,
.article-intro .article-image-intro,
article .img-intro-none,
.article-intro .img-intro-none,
article .img-intro-left,
.article-intro .img-intro-left,
article .img-intro-right,
.article-intro .img-intro-right,
article .img-fulltext-none,
.article-intro .img-fulltext-none,
article .img-fulltext-left,
.article-intro .img-fulltext-left,
article .img-fulltext-right,
.article-intro .img-fulltext-right {
  float: none !important;
  margin-left: 0;
  margin-right: 0;
  width: 100% !important;
}
}
.item-page .tags {
border-top: 1px solid #eeeeee;
padding: 10px 0;
}
.item-page .tags span {
display: inline-block;
margin-bottom: 10px;
}
.item-page .tags a {
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 3px;
color: #aaaaaa;
padding: 5px;
}
.item-page .tags a:hover,
.item-page .tags a:focus,
.item-page .tags a:active {
background: #999999;
border-color: #999999;
color: #2a5269;
}
article aside .btn-group > .dropdown-toggle,
article aside .btn-group > .dropdown-toggle:hover,
article aside .btn-group > .dropdown-toggle:active,
article aside .btn-group > .dropdown-toggle:focus {
padding: 2px 5px;
}
article aside .btn-group > .dropdown-toggle .caret {
margin-left: 2px;
}
.tag-category .filters {
border-bottom: 1px solid #eeeeee;
padding: 20px 0;
}
@media screen and (min-width: 768px) {
.tag-category .filters {
  padding: 20px;
}
}
.tag-category .thumbnails {
list-style: none;
margin: 0;
padding: 0;
}
.tag-category .thumbnails li {
background: transparent;
border-bottom: 1px solid #eeeeee;
padding: 10px 0;
}
.tag-category .thumbnails li > h3 {
margin-top: 0;
}
.row-even,
.row-odd {
padding: 5px;
width: 99%;
border-bottom: 1px solid #e8eaea;
}
.row-odd {
background-color: transparent;
}
.row-even {
background-color: #f9f9f9;
}
.blog-row-rule,
.blog-item-rule {
border: 0;
}
.row-fluid .row-reveal {
visibility: hidden;
}
.row-fluid:hover .row-reveal {
visibility: visible;
}
.nav-list > li.offset > a {
padding-left: 30px;
font-size: 12px;
}
.list-striped,
.row-striped {
list-style: none;
line-height: 20px;
text-align: left;
vertical-align: middle;
border-top: 1px solid #e8eaea;
margin-left: 0;
padding-left: 0;
}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
border-bottom: 1px solid #e8eaea;
padding: 10px 15px;
}
.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
background-color: #f9f9f9;
}
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
background-color: #f5f5f5;
}
.row-striped .row-fluid {
width: 97%;
}
.row-striped .row-fluid [class*="span"] {
min-height: 10px;
}
.row-striped .row-fluid [class*="span"] {
margin-left: 8px;
}
.row-striped .row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.list-condensed li {
padding: 5px 10px;
}
.row-condensed .row,
.row-condensed .row-fluid {
padding: 5px 10px;
}
.list-bordered,
.row-bordered {
list-style: none;
line-height: 18px;
text-align: left;
vertical-align: middle;
margin-left: 0;
border: 1px solid #e8eaea;
}
.login-wrap .other-links ul {
padding-left: 15px;
}
.form-register fieldset {
padding: 0 0 10px;
}
.form-register p {
margin: 0 0 5px;
}
.form-register p.form-des {
margin: 15px 0;
}
.form-register label {
display: block;
float: left;
font-weight: bold;
text-align: right;
width: 130px;
}
.form-register .input,
.form-register .inputbox {
margin-left: 10px;
width: 200px;
}
.form-register .btn,
.form-register .button {
margin-left: 140px;
}
.registration fieldset dt {
margin-right: 5px;
}
.admintable textarea {
max-width: 90% !important;
resize: none;
}
.com_mailto body {
padding: 10px;
}
.com_mailto .t3-mainbody {
padding-top: 0;
padding-bottom: 0;
}
.com_mailto .t3-content {
width: auto;
}
#mailto-window {
background: #fff;
margin: 10px 0 20px;
padding: 0;
position: relative;
}
#mailto-window h2 {
margin-top: 0;
margin-bottom: 20px;
}
#mailtoForm .formelm {
padding: 5px 0;
vertical-align: middle;
overflow: hidden;
}
#mailtoForm .formelm label {
display: inline-block;
float: left;
font-weight: bold;
vertical-align: middle;
width: 100px;
}
#mailtoForm p {
margin-top: 20px;
}
#mailtoForm .input,
#mailtoForm .inputbox {
width: 65%;
}
#mailtoForm .btn,
#mailtoForm .button,
#mailtoForm button {
margin-right: 5px;
}
.user-details {
padding: 10px 0;
}
.user-details p {
margin: 0 0 5px;
}
.user-details label {
display: block;
float: left;
font-weight: bold;
text-align: right;
width: 130px;
}
.user-details .input,
.user-details .inputbox {
margin-left: 10px;
width: 200px;
}
.user-details .btn,
.user-details button {
margin-left: 140px;
}
.user-details .paramlist .paramlist_key {
padding: 0 0 5px;
width: 130px;
}
.user-details .paramlist .paramlist_value {
padding: 0 0 5px;
}
.user-details .user_name span {
font-weight: bold;
padding-left: 10px;
}
.reset .form-validate p,
.remind .form-validate p {
background: #eeeeee;
border: 1px solid #eeeeee;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 0px;
}
.reset .form-validate fieldset dl,
.remind .form-validate fieldset dl {
margin: 0;
}
.reset .form-validate fieldset dt,
.remind .form-validate fieldset dt {
margin: 4px 0 0 0;
}
.profile-edit input {
position: relative;
min-height: 1px;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 768px) {
.profile-edit input {
  float: left;
  width: 50%;
}
}
.profile-edit select {
position: relative;
min-height: 1px;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 768px) {
.profile-edit select {
  float: left;
  width: 50%;
}
}
.profile-edit select + button {
margin-left: 5px;
}
#searchForm:before,
#searchForm:after {
content: " ";
display: table;
}
#searchForm:after {
clear: both;
}
#searchForm fieldset {
margin: 20px 0;
}
#searchForm legend {
margin-bottom: 10px;
}
#searchForm select {
width: auto;
display: inline-block;
margin-left: 5px;
padding-left: 5px;
}
#searchForm .form-limit {
margin-top: 20px;
}
#searchForm .form-limit .counter {
margin-top: 0;
border: none;
font-size: 14px;
font-weight: bold;
color: #0077bb;
}
@media screen and (max-width: 768px) {
#searchForm .radio-inline,
#searchForm .checkbox-inline {
  display: block;
  width: 100%;
  margin-left: 0;
}
}
.search-results {
margin-top: 20px;
}
.search-results .result-title {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
}
.search-results .result-category {
font-size: 12px;
color: #999999;
}
.search-results .result-text {
margin-top: 5px;
margin-bottom: 5px;
}
.search-results .result-url {
color: #aaaaaa;
margin-top: 20px;
}
.search-results .result-created {
font-size: 12px;
color: #999999;
}
div.finder {
margin-bottom: 20px;
}
.contact .contact-form .checkbox input#jform_contact_email_copy {
margin-left: 0;
}
.contact .accordion-heading .accordion-toggle {
font-weight: bold;
}
#archive-items > li {
line-height: normal;
margin: 0;
overflow: visible;
padding: 0;
}
#archive-items .intro {
clear: both;
overflow: hidden;
}
.categories-list {
margin-bottom: 20px;
}
.category-item:before,
.category-item:after {
content: " ";
display: table;
}
.category-item:after {
clear: both;
}
.category-item .page-header {
line-height: normal;
padding: 10px 5px;
margin: 0;
font-size: 18px;
font-weight: normal;
}
.category-item .category-item {
margin-bottom: 0;
margin-left: 30px;
}
.category-item .category-item .page-header {
font-size: 14px;
}
.cat-children .page-header {
line-height: normal;
padding: 10px 5px;
margin: 0;
font-size: 18px;
font-weight: normal;
}
.newsfeed-category > h2,
.newsfeed > h2 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 0;
}
.newsfeed-category .category-desc,
.newsfeed .category-desc {
margin-bottom: 20px;
}
.newsfeed-category .category li:before,
.newsfeed .category li:before,
.newsfeed-category .category li:after,
.newsfeed .category li:after {
content: " ";
display: table;
}
.newsfeed-category .category li:after,
.newsfeed .category li:after {
clear: both;
}
.newsfeed > h2 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 0;
}
.newsfeed .feed-description {
margin-bottom: 20px;
font-size: 16px;
}
.newsfeed .feed-item-description .feed-description {
font-size: 14px;
}
.newsfeed ol li > a {
font-weight: bold;
font-size: 16px;
}
.article-content .pagination ul {
border-left: 1px solid #eeeeee;
}
.article-content .pagination li {
float: left;
padding: 10px 20px;
line-height: normal;
border: 1px solid #eeeeee;
border-left: 0;
}
.article-content .pagination li a {
border: 0;
text-decoration: none;
background-color: transparent;
line-height: normal;
padding: 0;
}
.pagenavcounter {
margin: 0 0 20px;
font-weight: bold;
}
#article-index,
.article-index {
margin: 0 0 20px 20px;
padding: 10px;
width: 25%;
border: 1px solid #eeeeee;
border-radius: 0px;
}
#article-index ul,
.article-index ul {
margin: 0;
padding: 0;
border: 0;
}
#article-index ul > li,
.article-index ul > li {
border: 0;
margin-top: 2px;
}
#article-index ul > li > a,
.article-index ul > li > a {
border: 0;
padding: 5px;
border-radius: 0px;
}
#article-index ul > .active > a,
.article-index ul > .active > a {
border: 0;
background: #407ca0;
color: #ffffff;
}
#article-index ul > .active > a:hover,
.article-index ul > .active > a:hover,
#article-index ul > .active > a:active,
.article-index ul > .active > a:active,
#article-index ul > .active > a:focus,
.article-index ul > .active > a:focus {
border: 0;
background: #407ca0;
color: #ffffff;
}
.pagenav {
margin: 0;
padding: 0;
list-style: none;
}
.pagenav > li {
margin: 0;
padding: 0;
float: left;
}
.pagenav > li.pagenav-prev,
.pagenav > li.previous {
margin-right: 10px;
}
.pagenav li > a {
padding: 10px 20px;
line-height: normal;
border: 1px solid #dddddd;
border-radius: 0px;
}
.pagenav li > a:hover,
.pagenav li > a:active,
.pagenav li > a:focus {
background-color: #eeeeee;
}
.items-more h3 {
margin: 0 0 20px;
}
.items-more .nav > li {
border-top: 1px solid #eeeeee;
}
.items-more .nav > li > a {
padding: 6px 5px;
}
.back_button a {
display: block;
margin: 10px 0;
}
.filters {
margin: 10px 0 5px;
}
.display-limit {
margin: 10px 0 5px;
}
.filters .display-limit {
float: right;
text-align: right;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
font-weight: bold;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
margin: 0;
padding: 5px;
}
.alert-message {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-message hr {
border-top-color: #c9e2b3;
}
.alert-message .alert-link {
color: #356635;
}
.alert-notice {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-notice hr {
border-top-color: #a6e1ec;
}
.alert-notice .alert-link {
color: #2d6987;
}
.alert-error {
background-color: #f2dede;
border-color: #ebccd1;
color: #b94a48;
}
.alert-error hr {
border-top-color: #e4b9c0;
}
.alert-error .alert-link {
color: #953b39;
}
.tip-wrap {
background: #fff6df;
border: 1px solid #fb3;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 300px;
z-index: 999;
}
.tip-title {
border-bottom: 1px solid #fb3;
font-weight: bold;
padding: 5px 10px;
}
.tip-text {
font-size: 14px;
margin: 0;
padding: 5px 10px;
}
.hasTip img {
border: none;
margin: 0 5px 0 0;
}
@media (min-width: 768px) {
.languageswitcherload {
  float: right;
  width: 100%;
}
.languageswitcherload .mod-languages {
  text-align: right;
}
}
div.calendar {
width: 187px;
}
.iframe-bordered {
border: 1px solid #e8eaea;
}
.chzn-container {
display: inline-block;
vertical-align: middle;
}
.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices .search-field input,
.chzn-container-single .chzn-search input {
height: 26px;
}
.chzn-container-single .chzn-drop,
.chzn-container .chzn-drop {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.input-prepend .chzn-container-single .chzn-single {
border-color: #cccccc;
height: 26px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-prepend .chzn-container-active .chzn-single-with-drop {
border-radius: 0 3px 0 0;
}
.input-prepend .chzn-container-single .chzn-drop {
border-color: #cccccc;
}
.btn-group .chzn-results {
white-space: normal;
}

.page-header {
padding-bottom: 20px;
margin: 0 0 20px;
border-bottom: 1px solid #eeeeee;
}
.page-title,
.page-header h1 {
line-height: 1;
margin: 0;
}
.page-subheader {
border-bottom: 1px solid #eeeeee;
margin: 0 0 20px;
padding-bottom: 20px;
}
.page-subheader:before,
.page-subheader:after {
content: " ";
display: table;
}
.page-subheader:after {
clear: both;
}
.page-subtitle,
.page-subheader h2 {
line-height: 1;
margin: 0;
}
.page-header + .page-subheader {
margin-top: -20px;
}
.article-title h1 a:hover,
.article-header h1 a:hover,
.article-title h2 a:hover,
.article-header h2 a:hover,
.article-title h1 a:active,
.article-header h1 a:active,
.article-title h2 a:active,
.article-header h2 a:active,
.article-title h1 a:focus,
.article-header h1 a:focus,
.article-title h2 a:focus,
.article-header h2 a:focus {
text-decoration: none;
}
.article-title,
.article-header h1 {
margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
.article-title,
.article-header h1 {
  font-size: 24px;
}
}
@media screen and (max-width: 767px) {
h2.article-title,
.article-header h2 {
  font-size: 24px;
}
}
.item-title {
font-weight: bold;
}
.jumbotron:before,
.jumbotron:after {
content: " ";
display: table;
}
.jumbotron:after {
clear: both;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3 {
margin-top: 0;
}
.jumbotron p {
color: #aaaaaa;
}
.jumbotron p:last-child {
margin-bottom: 0;
}
.container .jumbotron {
border-radius: 0px;
}
.jumbotron .btn {
margin-top: 20px;
margin-bottom: 20px;
}
.masthead {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
.masthead p:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 992px) {
.masthead {
  padding-top: 80px;
  padding-bottom: 80px;
}
.masthead h1 {
  font-size: 84px;
}
.masthead p {
  font-size: 28px;
}
.masthead .btn-lg {
  padding: 15px 40px;
  font-size: 24px;
}
}
.jumbotron-primary {
background-color: #407ca0;
}
.jumbotron-primary h1,
.jumbotron-primary h2,
.jumbotron-primary h3 {
color: #ffffff;
}
.jumbotron-primary p {
color: #e9f1f6;
}
.jumbotron-primary .btn-primary {
border-color: #fff;
}
.page-masthead:before,
.page-masthead:after {
content: " ";
display: table;
}
.page-masthead:after {
clear: both;
}
.page-masthead .jumbotron {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 992px) {
.page-masthead .jumbotron {
  padding-top: 40px;
  padding-bottom: 40px;
}
.page-masthead .jumbotron .container {
  padding: 0;
}
}
@media screen and (max-width: 767px) {
.page-masthead .jumbotron {
  padding-left: 20px;
}
}
.label {
border-radius: 0px;
}
.label:empty {
display: none;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.page-header .label,
.page-header .badge {
vertical-align: middle;
}
.thumbnail {
padding: 0;
margin-bottom: 40px;
}
.alert h4 {
color: inherit;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
color: #c4dae8;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title > a {
color: inherit;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
border-bottom: 0;
padding: 20px 40px 0;
}
.modal-title {
font-size: 35px;
}
.modal-body {
padding: 10px 40px 20px;
}
@media screen and (min-width: 768px) {
.modal-dialog {
  width: 600px;
  margin: 30px auto;
}
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}

body {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #313131;
background-color: #fdfdfd;
margin: 0;
padding: 0;
padding-top: 65px;
}
* {
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::-webkit-input-placeholder {
font-style: italic;
}
:-moz-placeholder {

font-style: italic;
}
::-moz-placeholder {

font-style: italic;
}
:-ms-input-placeholder {
font-style: italic;
}
[aria-hidden=true] {
display: none;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding-left: 7px;
padding-right: 7px;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
#container {
background-color: transparent;
margin-bottom: 14px;
width: auto !important;
border: 1px solid #d8dcdc;
border-top: 0 none;
padding-top: 21px;
padding-bottom: 7px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#container svg {
width: 99%;
}
.panel {
background: transparent;
}
.t3-content {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.disabled-text-effect {
color: #afafaf;
}
div.description {
line-height: 2em;
margin-bottom: 5px;
}
h1 {
padding-left: 0;
padding-right: 0;
padding-top: 14px;
font-size: 42px;
font-family: 'Open Sans', sans-serif;
color: #313131;
line-height: 63px;
}
h2 {
padding-left: 0;
padding-right: 0;
font-size: 15px;
text-transform: none;
color: #313131;
}
h3 {
padding-left: 0;
padding-right: 0;
font-size: 20px;
}
.layout-default.task-submit h1,
.view-login h1,
.view-reset h1,
.view-change h1,
.view-registration h1 {
font-size: 22px;
}
.subtitle {
padding-left: 0;
padding-right: 0;
font-size: 13px;
text-transform: initial;
font-weight: normal;
color: #313131;
}
.com_apiportal .head {
position: relative;
background-color: #230c87;
background-image: url(/components/com_apiportal/assets/img/abstract.jpg);
background-size: cover;
width: 100%;
}
.com_apiportal .head::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(35, 12, 135, 0.5), rgba(64, 124, 160, 0.5));
}
.com_apiportal .head h1,
.com_apiportal .head h1 + p {
color: #ffffff;
padding-left: 7px;
padding-right: 7px;
position: relative;
}
.com_apiportal .head h1 + p {
padding-bottom: 14px;
}
.com_apiportal .head .btn-toolbar + h1,
.com_apiportal .head .action-group + h1 {
padding-top: 0;
}
.com_apiportal .head em {
font-style: italic;
}
.com_apiportal .head .btn-toolbar {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0 none;
background-color: transparent;
}
.com_apiportal .head .btn-toolbar a,
.com_apiportal .head .btn-toolbar button {
color: #ffffff;
}
.com_apiportal .head .btn-toolbar a:hover,
.com_apiportal .head .btn-toolbar button:hover {
text-decoration: underline;
}
.com_apiportal .head .btn-toolbar .btn-default.icon {
padding-left: 28px;
}
.com_apiportal .head .btn-toolbar .btn-default.icon::before {
left: 7px;
}
.com_apiportal .head .btn-toolbar .btn-default:hover,
.com_apiportal .head .btn-toolbar .btn-default:active,
.com_apiportal .head .btn-toolbar .btn-default:focus {
background: transparent;
color: #ffffff;
border-color: transparent;
}
.com_apiportal h1,
.com_apiportal h1 + p,
.com_apiportal .body,
.com_apiportal .auto,
.com_apiportal #system-message-container {
margin: 0 auto;
}
.com_apiportal .body {
padding: 28px 7px;
}
.com_apiportal .btn-toolbar + .body {
padding-top: 0;
}
.com_apiportal #system-message-container {
z-index: 10;
position: relative;
}
.panel-title > a {
color: #313131;
}
.iconBaseCommon {
font-family: 'Axway-Common';
speak: none;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon:before {
font-family: 'Axway-Common';
speak: none;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 10px;
top: 50%;
transform: translate(0, -50%) scale(1.4);
-ms-transform: translate(0, -50%) scale(1.4);
}
.icon.add-circle:before {
content: '\e933';
}
.icon.send:before {
content: '\e918';
}
.icon.email:before {
content: '\e914';
}
.icon.attach:before {
content: '\e948';
}
.icon.save:before {
content: '\e903';
}
.icon.delete:before {
content: '\e905';
}
.icon.close:before {
content: '\e936';
}
.icon.pencil:before {
content: '\e904';
}
.icon.download:before {
content: '\e91c';
}
.icon.more:before {
line-height: 1;
content: '\e93c';
right: 0;
}
.icon.gear:before {
content: '\e902';
}
.icon.key:before {
content: '\e927';
}
.icon.lock:before {
content: '\e928';
}
.icon.logout:after {
content: '\e946';
}
.icon.folder:before {
content: '\e912';
}
.icon.sort:before {
content: '';
left: auto;
}
.icon.search::before {
content: '\e908';
}
.icon.user::before {
content: '\e906';
}
.icon.group::before {
content: '\e907';
}
.icon.arrow-left::before {
content: '\e941';
}
.icon.arrow-right::before {
content: '\e93f';
}
.icon.arrow-up::before {
content: '\e942';
}
.icon.arrow-down::before {
content: '\e940';
}
.icon.question-circle::before {
content: '\e938';
}
.icon.document-text::before {
content: '\e90f';
}
.icon.bubble-text::before {
content: '\e92c';
}
.icon.earth::before {
content: '\e943';
}
.icon.info-circle::before {
content: '\e934';
}
.icon.chevron-down::before {
content: '\e93c';
}
.icon.icons::before {
content: '\e944';
}
.icon.calendar::before {
content: '\e92a';
}
.icon.list::before {
font-family: 'Axway-SecureTransport';
content: '\e912';
}
.icon.tiles[aria-pressed=false]::before {
content: "\e944";
}
.icon.tiles[aria-pressed=true]::before {
font-family: 'Axway-SecureTransport';
content: "\e912";
}
.icon.metrics::before {
font-family: 'Axway-Engage';
content: "\e905";
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
color: #454545;
}
.nav-tabs {
border-bottom-color: #407ca0;
padding-top: 14px;
}
.nav-tabs > li {
margin-right: 7px;
z-index: 1;
margin-bottom: 0;
}
.nav-tabs > li > a {
padding: 7px 14px;
font-size: 14px;
color: #407ca0;
border: 1px solid transparent;
border-bottom: 0 none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: transparent;
text-transform: inherit;
transition: all 0.2s ease 0s;
cursor: pointer;
}
.nav-tabs > li > a:hover {
border: 1px solid #407ca0;
border-bottom: 0 none;
background-color: #ffffff;
color: #407ca0;
transition-duration: 0s;
}
.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover,
.nav-tabs > li.disabled > a:focus {
background-color: #f5f5f5;
color: #afafaf;
}
.nav-tabs > li.active {
z-index: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background-color: #407ca0;
border: 1px solid #407ca0;
color: #ffffff;
}
.nav-tabs > li:first-child {
margin-left: 14px;
}
.com_apiportal .panel-default {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.com_apiportal .panel-default .panel-heading {
border: 0;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.com_apiportal .panel-default .panel-body {
padding: 0 0 0 20px;
}
.com_apiportal .panel-default .panel-body > a.btn,
.com_apiportal .panel-default .panel-body > button {
margin-bottom: 8px;
}
a {
color: #407ca0;
}
a:hover {
text-decoration: underline;
color: #234457;
transition-duration: 0s;
}
a:focus {
color: #234457;
}
a:link.disabled-text-effect,
a:visited.disabled-text-effect,
a:hover.disabled-text-effect,
a:active.disabled-text-effect {
color: #afafaf;
text-decoration: none;
}
.btn-default {
border-color: #cfcfcf;
background-color: #ffffff;
color: #313131;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.btn-default:hover,
.btn-default:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
.btn-default[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
.btn,
.btn-default {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
.btn.icon,
.btn-default.icon {
position: relative;
padding-left: 35px;
}
.edit-options .btn-default,
.header-bar .btn-default,
.btn-toolbar .btn-default,
.btn-group .btn-default,
.action-group .btn-default,
.dataTables_wrapper .btn-default {
border-color: transparent;
background-color: transparent;
color: #407ca0;
}
.edit-options .btn-default:hover,
.header-bar .btn-default:hover,
.btn-toolbar .btn-default:hover,
.btn-group .btn-default:hover,
.action-group .btn-default:hover,
.dataTables_wrapper .btn-default:hover,
.edit-options .btn-default:focus,
.header-bar .btn-default:focus,
.btn-toolbar .btn-default:focus,
.btn-group .btn-default:focus,
.action-group .btn-default:focus,
.dataTables_wrapper .btn-default:focus {
border-color: #407ca0;
background-color: #407ca0;
color: #ffffff;
transition-duration: 0s;
}
.edit-options .btn-default[disabled],
.header-bar .btn-default[disabled],
.btn-toolbar .btn-default[disabled],
.btn-group .btn-default[disabled],
.action-group .btn-default[disabled],
.dataTables_wrapper .btn-default[disabled] {
border-color: transparent;
background-color: transparent;
color: #afafaf;
transition-duration: 0s;
}
.edit-options .btn-default:active,
.header-bar .btn-default:active,
.btn-toolbar .btn-default:active,
.btn-group .btn-default:active,
.action-group .btn-default:active,
.dataTables_wrapper .btn-default:active,
.edit-options .btn-default.active,
.header-bar .btn-default.active,
.btn-toolbar .btn-default.active,
.btn-group .btn-default.active,
.action-group .btn-default.active,
.dataTables_wrapper .btn-default.active,
.open .edit-options .btn-default.dropdown-toggle,
.open .header-bar .btn-default.dropdown-toggle,
.open .btn-toolbar .btn-default.dropdown-toggle,
.open .btn-group .btn-default.dropdown-toggle,
.open .action-group .btn-default.dropdown-toggle,
.open .dataTables_wrapper .btn-default.dropdown-toggle {
border-color: #cfcfcf;
background-color: transparent;
color: #407ca0;
transition-duration: 0s;
}
.btn-primary {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.btn-primary:hover,
.btn-primary:focus {
border-color: #182e3b;
background-color: #6495b2;
color: #ffffff;
transition-duration: 0s;
}
.btn-primary[disabled] {
border-color: #4d4d4d;
background-color: #757575;
color: #313131;
transition-duration: 0s;
}
.btn-primary:active,
.btn-primary.active,
.open .btn-primary.dropdown-toggle {
border-color: #182e3b;
background-color: #407ca0;
color: #ffffff;
transition-duration: 0s;
}
button[type=submit] + .btn {
border-color: #cfcfcf;
background-color: #ffffff;
color: #313131;
font-size: 15px;
transition: all 0.2s ease 0s;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
button[type=submit] + .btn:hover,
button[type=submit] + .btn:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
button[type=submit] + .btn:active,
button[type=submit] + .btn.active,
.open button[type=submit] + .btn.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn.icon {
position: relative;
padding-left: 35px;
}
button[type=submit] + .btn:hover,
button[type=submit] + .btn:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
button[type=submit] + .btn:active,
button[type=submit] + .btn.active,
.open button[type=submit] + .btn.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn.icon {
position: relative;
padding-left: 35px;
}
button[type=submit] + .btn.success {
color: #54a75f;
background-color: #fff;
border-color: #54a75f;
}
.btn .caret {
margin-left: 8px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: initial;
}
.btn:active {
box-shadow: none;
}
.btn.active {
box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}
.alert {
border-radius: 0;
padding: 10px 14px;
}
.alert p:last-of-type {
margin-bottom: 0px;
}
.alert,
.alert-notice {
color: #313131;
background-color: #e4f1fe;
border-color: #89c4f4;
}
.alert-error {
color: #313131;
background-color: #ffe3e0;
border-color: #ff0000;
}
.alert-warning {
color: #313131;
background-color: #fffacd;
border-color: #f9bf3b;
}
.alert-success {
color: #313131;
background-color: #e4f9de;
border-color: #54a75f;
}
.modal-dialog .modal-content {
border-radius: 0.385rem;
padding: 28px;
background: #ffffff;
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
}
.modal-dialog .modal-title {
font-size: 20px;
font-weight: bold;
}
.modal-dialog .modal-header {
padding: 0 0 14px 0;
margin-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.modal-dialog .modal-body {
padding: 14px 0;
overflow-y: auto;
max-height: 500px;
}
.modal-dialog div.modal-body div.form-group label {
padding-left: 0px;
}
.modal-dialog .modal-footer {
margin-top: 0;
border-top: 0 none;
padding: 14px 0;
}
.modal-dialog .modal-footer .dialog-actions {
float: right;
}
.modal-dialog .close {
font-size: 28px;
font-weight: normal;
margin-top: 0;
opacity: 0.7;
}
.modal-dialog .form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.modal-open .t3-mainnav {
padding-right: 16px;
}
form {
padding-left: 0;
padding-right: 0;
}
label {
font-weight: normal;
}
.well {
border: 1px solid #e8eaea;
background-color: #fefefe;
border-radius: 3px !important;
box-shadow: none;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.well .portfolio {
margin-right: 15px;
max-width: 96px;
padding: 0;
background: none transparent;
}
.help-block,
span.optional {
font-size: smaller;
margin-bottom: 5px;
font-weight: normal;
color: #838383;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox,
.form-control {
border-color: #969f9f;
background-color: #ffffff;
color: #313131;
box-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
.form-control:focus {
border-color: #575e5e;
}
select:focus:hover,
textarea:focus:hover,
input[type="text"]:focus:hover,
input[type="password"]:focus:hover,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus:hover,
input[type="date"]:focus:hover,
input[type="month"]:focus:hover,
input[type="time"]:focus:hover,
input[type="week"]:focus:hover,
input[type="number"]:focus:hover,
input[type="email"]:focus:hover,
input[type="url"]:focus:hover,
input[type="search"]:focus:hover,
input[type="tel"]:focus:hover,
input[type="color"]:focus:hover,
.inputbox:focus:hover,
.form-control:focus:hover {
border-color: #575e5e;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.inputbox:hover,
.form-control:hover {
border-color: #575e5e;
}
select[disabled],
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
.inputbox[disabled],
.form-control[disabled],
select[readonly],
textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="color"][readonly],
.inputbox[readonly],
.form-control[readonly],
fieldset[disabled] select,
fieldset[disabled] textarea,
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] input[type="datetime"],
fieldset[disabled] input[type="datetime-local"],
fieldset[disabled] input[type="date"],
fieldset[disabled] input[type="month"],
fieldset[disabled] input[type="time"],
fieldset[disabled] input[type="week"],
fieldset[disabled] input[type="number"],
fieldset[disabled] input[type="email"],
fieldset[disabled] input[type="url"],
fieldset[disabled] input[type="search"],
fieldset[disabled] input[type="tel"],
fieldset[disabled] input[type="color"],
fieldset[disabled] .inputbox,
fieldset[disabled] .form-control {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
}
.form-actions {
margin: 0;
padding: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: initial;
}
label.error {
color: #ff0000;
margin-bottom: 0px;
}
.validation-message {
min-width: 400px;
}
label.warning {
margin-bottom: 0px;
}
.value-changed-message {
min-width: 400px;
}
.radio-inline label {
font-weight: normal;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
top: 50%;
margin-top: 1px;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.switch-toggle input {
display: none;
}
.switch-toggle label {
line-height: normal;
padding: 8px;
float: left;
border: 1px solid #d8dcdc;
border-left-width: 0;
margin-left: 0;
margin-right: 0;
cursor: pointer;
transition: all 0.2s ease 0s;
}
.switch-toggle input[disabled] + label {
border-color: transparent;
color: #cfcfcf;
cursor: initial;
}
.switch-toggle label:first-of-type {
border-radius: 5px 0 0 5px;
border-left-width: 1px;
margin-left: 0;
}
.switch-toggle label:last-of-type {
border-radius: 0 5px 5px 0;
}
.switch-toggle input:checked + label {
background-color: rgba(64, 124, 160, 0.9);
border-color: #407ca0;
color: #ffffff;
border-left-width: 1px;
margin-left: -1px;
}
.switch-toggle input:checked + label:first-of-type {
margin-left: 0;
}
.switch-toggle input[disabled]:checked + label {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #313131;
}
.shared-user-edit,
.shared-user-name {
line-height: 35px;
}
.shared-user-view .switch-toggle input[disabled] + label,
.shared-user-edit .switch-toggle input[disabled] + label {
display: none;
}
.shared-user-view .switch-toggle input[disabled] + label:before,
.shared-user-edit .switch-toggle input[disabled] + label:before {
content: "Can ";
}
.shared-user-view .switch-toggle input[disabled]:checked + label,
.shared-user-edit .switch-toggle input[disabled]:checked + label {
display: initial;
border-color: transparent;
background-color: transparent;
color: #313131;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
vertical-align: middle;
}
table.table-striped th {
background-color: #f3f4f4;
color: #313131;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered,
table.dataTable,
.table-bordered {
border: 1px solid transparent;
border-collapse: collapse;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.panel > .table-bordered > thead,
.panel > .table-responsive > .table-bordered > thead,
table.dataTable > thead,
.table-bordered > thead {
background-color: #f3f4f4;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr,
.panel > .table-responsive > .table-bordered > thead > tr,
table.dataTable > thead > tr,
.table-bordered > thead > tr {
color: #313131;
border-top: 1px solid #f3f4f4;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr > th,
.panel > .table-responsive > .table-bordered > thead > tr > th,
table.dataTable > thead > tr > th,
.table-bordered > thead > tr > th,
.panel > .table-bordered > thead > tr > td,
.panel > .table-responsive > .table-bordered > thead > tr > td,
table.dataTable > thead > tr > td,
.table-bordered > thead > tr > td {
font-weight: normal;
padding-left: 10px;
border-right-color: transparent;
border-left-color: transparent;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr > th.tablesorter-header:hover,
.panel > .table-responsive > .table-bordered > thead > tr > th.tablesorter-header:hover,
table.dataTable > thead > tr > th.tablesorter-header:hover,
.table-bordered > thead > tr > th.tablesorter-header:hover,
.panel > .table-bordered > thead > tr > td.tablesorter-header:hover,
.panel > .table-responsive > .table-bordered > thead > tr > td.tablesorter-header:hover,
table.dataTable > thead > tr > td.tablesorter-header:hover,
.table-bordered > thead > tr > td.tablesorter-header:hover,
.panel > .table-bordered > thead > tr > th.sorting:hover,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting:hover,
table.dataTable > thead > tr > th.sorting:hover,
.table-bordered > thead > tr > th.sorting:hover,
.panel > .table-bordered > thead > tr > td.sorting:hover,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting:hover,
table.dataTable > thead > tr > td.sorting:hover,
.table-bordered > thead > tr > td.sorting:hover {
color: #313131;
background-color: #e8eaea;
border-top: 1px solid #e8eaea;
border-bottom: 1px solid #e8eaea;
cursor: pointer;
}
.panel > .table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
table.dataTable > thead > tr > th.tablesorter-header:hover .fa-inverse,
.table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
.panel > .table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
table.dataTable > thead > tr > td.tablesorter-header:hover .fa-inverse,
.table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
.panel > .table-bordered > thead > tr > th.sorting:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting:hover .fa-inverse,
table.dataTable > thead > tr > th.sorting:hover .fa-inverse,
.table-bordered > thead > tr > th.sorting:hover .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting:hover .fa-inverse,
table.dataTable > thead > tr > td.sorting:hover .fa-inverse,
.table-bordered > thead > tr > td.sorting:hover .fa-inverse {
color: #313131;
}
.panel > .table-bordered > thead > tr > th.sorting_asc,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_asc,
table.dataTable > thead > tr > th.sorting_asc,
.table-bordered > thead > tr > th.sorting_asc,
.panel > .table-bordered > thead > tr > td.sorting_asc,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_asc,
table.dataTable > thead > tr > td.sorting_asc,
.table-bordered > thead > tr > td.sorting_asc,
.panel > .table-bordered > thead > tr > th.sorting_desc,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_desc,
table.dataTable > thead > tr > th.sorting_desc,
.table-bordered > thead > tr > th.sorting_desc,
.panel > .table-bordered > thead > tr > td.sorting_desc,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_desc,
table.dataTable > thead > tr > td.sorting_desc,
.table-bordered > thead > tr > td.sorting_desc {
color: #313131;
font-weight: 700;
background: #e0e3e3;
border-top: 1px solid #e0e3e3 !important;
border-bottom: 1px solid #e0e3e3;
}
.panel > .table-bordered > thead > tr > th.sorting_asc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_asc .fa-inverse,
table.dataTable > thead > tr > th.sorting_asc .fa-inverse,
.table-bordered > thead > tr > th.sorting_asc .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting_asc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_asc .fa-inverse,
table.dataTable > thead > tr > td.sorting_asc .fa-inverse,
.table-bordered > thead > tr > td.sorting_asc .fa-inverse,
.panel > .table-bordered > thead > tr > th.sorting_desc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_desc .fa-inverse,
table.dataTable > thead > tr > th.sorting_desc .fa-inverse,
.table-bordered > thead > tr > th.sorting_desc .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting_desc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_desc .fa-inverse,
table.dataTable > thead > tr > td.sorting_desc .fa-inverse,
.table-bordered > thead > tr > td.sorting_desc .fa-inverse {
color: #313131;
}
.panel > .table-bordered > tbody,
.panel > .table-responsive > .table-bordered > tbody,
table.dataTable > tbody,
.table-bordered > tbody,
.panel > .table-bordered > tfoot,
.panel > .table-responsive > .table-bordered > tfoot,
table.dataTable > tfoot,
.table-bordered > tfoot {
color: #313131;
}
.panel > .table-bordered > tbody > tr > td,
.panel > .table-responsive > .table-bordered > tbody > tr > td,
table.dataTable > tbody > tr > td,
.table-bordered > tbody > tr > td,
.panel > .table-bordered > tfoot > tr > td,
.panel > .table-responsive > .table-bordered > tfoot > tr > td,
table.dataTable > tfoot > tr > td,
.table-bordered > tfoot > tr > td,
.panel > .table-bordered > tbody > tr > th,
.panel > .table-responsive > .table-bordered > tbody > tr > th,
table.dataTable > tbody > tr > th,
.table-bordered > tbody > tr > th,
.panel > .table-bordered > tfoot > tr > th,
.panel > .table-responsive > .table-bordered > tfoot > tr > th,
table.dataTable > tfoot > tr > th,
.table-bordered > tfoot > tr > th {
padding-left: 10px;
border: 1px solid #e8eaea;
border-width: 1px 0 1px 0;
}
.panel > .table-bordered > tbody > tr > td.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tbody > tr > td.disabled-text-effect,
table.dataTable > tbody > tr > td.disabled-text-effect,
.table-bordered > tbody > tr > td.disabled-text-effect,
.panel > .table-bordered > tfoot > tr > td.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tfoot > tr > td.disabled-text-effect,
table.dataTable > tfoot > tr > td.disabled-text-effect,
.table-bordered > tfoot > tr > td.disabled-text-effect,
.panel > .table-bordered > tbody > tr > th.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tbody > tr > th.disabled-text-effect,
table.dataTable > tbody > tr > th.disabled-text-effect,
.table-bordered > tbody > tr > th.disabled-text-effect,
.panel > .table-bordered > tfoot > tr > th.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tfoot > tr > th.disabled-text-effect,
table.dataTable > tfoot > tr > th.disabled-text-effect,
.table-bordered > tfoot > tr > th.disabled-text-effect {
color: #afafaf;
}
.panel > .table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-responsive > .table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
table.dataTable > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-responsive > .table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
table.dataTable > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
.table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect) {
background: #d3cee7;
color: #454545;
}
.panel > .table-bordered > tbody > tr.active > td,
.panel > .table-responsive > .table-bordered > tbody > tr.active > td,
table.dataTable > tbody > tr.active > td,
.table-bordered > tbody > tr.active > td,
.panel > .table-bordered > tfoot > tr.active > td,
.panel > .table-responsive > .table-bordered > tfoot > tr.active > td,
table.dataTable > tfoot > tr.active > td,
.table-bordered > tfoot > tr.active > td,
.panel > .table-bordered > tbody > tr.highlight > td,
.panel > .table-responsive > .table-bordered > tbody > tr.highlight > td,
table.dataTable > tbody > tr.highlight > td,
.table-bordered > tbody > tr.highlight > td,
.panel > .table-bordered > tfoot > tr.highlight > td,
.panel > .table-responsive > .table-bordered > tfoot > tr.highlight > td,
table.dataTable > tfoot > tr.highlight > td,
.table-bordered > tfoot > tr.highlight > td {
background: #ffffff;
color: #313131;
font-weight: normal;
}
table.dataTable thead th {
padding: 5px 18px;
font-size: 13px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th,
.dataTable > tbody > tr:nth-child(2n+1) > td,
.dataTable > tbody > tr:nth-child(2n+1) > th {
background-color: #ffffff;
}
.table-striped > tbody > tr:nth-child(2n) > td,
.table-striped > tbody > tr:nth-child(2n) > th,
.dataTable > tbody > tr:nth-child(2n) > td,
.dataTable > tbody > tr:nth-child(2n) > th {
background-color: #ffffff;
}
table.dataTable thead > tr > th {
padding-right: 10px;
}
table.dataTable th.sorting {
background-image: none;
}
.dataTable th.sorting_desc,
.table th.headerSortDown {
background-image: none;
}
.dataTable th.sorting_desc::after,
.table th.headerSortDown::after {
content: "\f0dd";
font-family: FontAwesome;
float: none;
font-size: 1em;
position: relative;
top: -2px;
left: 7px;
line-height: 0;
}
.dataTable th.sorting_asc,
.table th.headerSortUp {
background-image: none;
}
.dataTable th.sorting_asc::after,
.table th.headerSortUp::after {
content: "\f0de";
font-family: FontAwesome;
float: none;
font-size: 1em;
position: relative;
top: 4px;
left: 7px;
line-height: 0;
}
.dataTables_wrapper .row {
padding-left: 7px;
padding-right: 7px;
}
.tablesorter-icon-desc {
float: right;
font-size: 1em;
position: relative;
}
.tablesorter-icon-asc {
float: right;
font-size: 1em;
position: relative;
}
table.table-monitoring {
margin-bottom: 0;
}
table.table-monitoring thead,
table.table-monitoring tr {
border: 1px solid #d8dcdc !important;
}
table.table-monitoring th {
background-color: #f2f2f2;
color: #454545;
width: 20% !important;
border-bottom: 1px solid #d8dcdc !important;
border-right: 1px solid #d8dcdc !important;
}
table.table-monitoring th:first-child {
border-left: 1px solid #d8dcdc !important;
}
table.table-monitoring th:last-child {
border-right: 1px solid #d8dcdc !important;
}
table.table-monitoring th .name,
table.table-monitoring th .details {
font-weight: normal;
}
table.table-monitoring th.arrow_box:after,
table.table-monitoring th.arrow_box:before {
display: none;
}
table.table-monitoring th.active {
background-color: #ffffff !important;
color: #686868;
border-bottom: 1px solid transparent !important;
}
table.table-monitoring th.active .details {
position: relative;
color: #686868;
}
table.table-monitoring th.active .details:after {
border-color: #407ca0 transparent transparent;
position: relative;
top: 49%;
z-index: 1;
border-image: none;
border-style: solid;
border-width: 10px;
content: " ";
height: 0;
left: 50%;
margin-left: -12px;
margin-top: -20px;
position: absolute;
top: 43px;
width: 0;
}
table.table-monitoring th:hover {
background-color: #ffffff;
color: #454545;
}
table.table-monitoring > caption + thead > tr:first-child > th,
table.table-monitoring > colgroup + thead > tr:first-child > th,
table.table-monitoring > thead:first-child > tr:first-child > th,
table.table-monitoring > caption + thead > tr:first-child > td,
table.table-monitoring > colgroup + thead > tr:first-child > td,
table.table-monitoring > thead:first-child > tr:first-child > td {
border-bottom: 0 none;
}
.table-monitoring-arrow-box {
border: 1px solid #c2e1f5;
}
.table-monitoring-name {
white-space: nowrap;
}
.table-monitoring-value {
font-weight: bold;
font-size: 1.2em;
white-space: nowrap;
}
.table-monitoring-details {
font-size: 0.75em;
white-space: nowrap;
}
#dtable_wrapper .dataTables_empty {
text-align: left;
}
#dtable_wrapper .pagination .prev.disabled,
#dtable_wrapper .pagination .next.disabled {
visibility: hidden;
pointer-events: none;
cursor: initial;
}
td.appcontent:last-child a {
white-space: nowrap;
}
div.table-responsive {
border: 0 none;
}
.t3-copyright {
border-top: 1px solid transparent;
padding: 22px 0;
background: #f3f4f4;
}
.t3-footer {
position: relative;
z-index: 10;
}
.t3-copyright .copyright {
text-align: center;
}
.t3-mainbody {
/*min-height: 846px;*/
}
.t3-navhelper {
background: #fdfdfd;
}
.btn[title="Back to Top"] {
display: none;
}
#t3-mainnav {
position: fixed;
height: 65px;
border: 0 none;
box-shadow: 0 0 1px 1px #0000001F, 2px 0 16px 2px #00000029;
background: -moz-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: linear-gradient(top, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-bottom-color', endColorstr='@aap-mainnav-top-color')";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-top-color', endColorstr='@aap-mainnav-bottom-color')";
}
#t3-mainnav .container {
padding-left: 0;
padding-right: 0;
}
#t3-mainnav .navbar-nav {
max-height: 65px;
}
#t3-mainnav .navbar-nav > li > a,
#t3-mainnav .t3-navbar li > a {
line-height: 65px;
}
#t3-mainnav .navbar-nav > li > a {
text-transform: inherit;
}
#t3-mainnav .logo-image img {
height: 60px;
}
#t3-mainnav .mega-nav.level1 a {
padding-top: 0;
padding-bottom: 0;
}
#t3-mainnav .t3-megamenu .mega-nav > li,
#t3-mainnav .t3-megamenu .mega-nav > li:first-child,
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li,
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li:first-child {
border-top: 0 none;
border-bottom: 0 none;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li {

margin-left: 0px;
margin-right: 0px;
border: 0 none;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li:after {
position: absolute;
content: '';
bottom: 0;
left: 50%;
width: 0;
opacity: 1;
height: 4px;
background: #230c87;
transition: all .35s;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 {
padding: 5px 0;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 li {
height: 35px;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 li > a {
height: 35px;
line-height: 35px;
}
#t3-mainnav .t3-navbar .level1 li {
border-right: 0 none;
}
#t3-mainnav .t3-navbar li > a {
padding-left: 14px;
padding-right: 14px;
}
#t3-mainnav .navbar-nav > li > a {
color: #666666;
font-size: 14px;
line-height: 64px;
font-weight: 700 !important;
font-family: 'Open Sans', sans-serif;
}
#t3-mainnav .navbar-nav > .dropdown > a .caret {
border-top-color: #666666;
border-bottom-color: #666666;
}
#t3-mainnav .t3-navbar li:hover > a {
color: #666666;
}
#t3-mainnav .t3-navbar li:hover > a .caret {
border-top-color: #666666;
}
#t3-mainnav .t3-navbar li.active > a {
color: #230c87;
}
#t3-mainnav .t3-navbar li.active > a .caret {
border-top-color: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li:hover {
background: -moz-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: linear-gradient(bottom, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-hover-top-color', endColorstr='@aap-mainnav-hover-bottom-color')";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar ul.level0 > li:hover:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
background: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li.active {
background: -moz-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: linear-gradient(bottom, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-selected-top-color', endColorstr='@aap-mainnav-selected-bottom-color')";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar ul.level0 > li.active:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
background: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li.active:hover:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
transition: none;
}
#t3-mainnav .navbar-nav > .open > a,
#t3-mainnav .navbar-nav > .open > a:hover,
#t3-mainnav .navbar-nav > .open > a:focus,
#t3-mainnav .navbar-nav > .active > a,
#t3-mainnav .navbar-nav > .active > a:hover,
#t3-mainnav .navbar-nav > .active > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li.open > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li.open > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar .level1 li:hover,
#t3-mainnav .t3-navbar .level1 li.open > a {
background: #ffffff;
}
#t3-mainnav .t3-megamenu .mega-dropdown-menu {
font-size: 14px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 0 4px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#t3-mainnav .t3-megamenu .mega-col-nav {
padding: 0;
}
#t3-mainnav .t3-megamenu .mega-inner {
padding: 0;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li > a {
color: #666666;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li > a:hover {
color: #666666;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
background-color: #ffffff;
color: #666666;
}
.t3-mainbody .dropdown-menu {
background: #ffffff;
border: 1px solid #d8dcdc;
}
.t3-mainbody .dropdown-menu .btn-primary,
.t3-mainbody .dropdown-menu .btn,
.t3-mainbody .dropdown-menu a {
background: #ffffff;
border: 0 none;
color: #4b4c4c;
font-size: 15px;
text-align: left;
}
.t3-mainbody .dropdown-menu > li {
border: 0 none;
}
.t3-mainbody .dropdown-menu > li .btn-link {
width: 100%;
text-align: left;
}
.t3-mainbody .dropdown-menu > li a:hover {
background-color: #f5f5f5;
color: #4b4c4c;
border-radius: 0;
}
.t3-mainbody .dropdown-menu > li.active {
background-color: #e3e3e3;
color: #19085f;
font-weight: bold;
border-radius: 0;
}
.t3-mainbody .dropdown-menu a.btn {
margin-bottom: 0;
}
.t3-mainbody .dropdown-menu > .disabled > a:hover,
.t3-mainbody .dropdown-menu > .disabled > a:focus {
cursor: initial;
}
.nav > li > a > img {
position: relative;
top: -8px;
margin-top: 0;
/* width: 112px; */
}
.navbar-nav li.dropdown.mega:last-child {
position: absolute;
right: 0;
}
.navbar-nav a.menu-profile img {
height: 24px;
width: 24px;
top: 0;
}
.daterangepicker.dropdown-menu {
background: #ffffff;
border: 1px solid #d8dcdc;
}
.daterangepicker.dropdown-menu .btn-primary {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
}
.daterangepicker.dropdown-menu a.btn {
margin-bottom: 0;
}
.daterangepicker.dropdown-menu .ranges ul {
margin-bottom: 4px;
}
.daterangepicker.dropdown-menu .ranges li {
color: #4b4c4c;
border-width: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background-color: #ffffff;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.daterangepicker.dropdown-menu .ranges li:hover {
background-color: #f5f5f5;
color: #4b4c4c;
}
.daterangepicker.dropdown-menu .ranges li.active,
.daterangepicker.dropdown-menu .ranges li.active:hover {
background-color: #e3e3e3;
color: #19085f;
font-weight: bold;
}
.daterangepicker.dropdown-menu .ranges .input-mini {
color: #4b4c4c;
}
.daterangepicker td {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
}
.daterangepicker .calendar {
width: auto;
max-width: initial;
}
.daterangepicker .calendar .month .monthselect {
width: 59%;
min-width: 100px;
display: inline-block;
}
.daterangepicker .calendar .month .yearselect {
width: 40%;
min-width: 65px;
display: inline-block;
}
.daterangepicker .calendar-date {
background: #ffffff;
}
.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
text-transform: none;
}
.daterangepicker .ranges {
width: 245px;
}
.daterangepicker .ranges .input-mini {
width: 115px;
}
.daterangepicker .ranges .range_inputs [disabled] {
cursor: auto;
}
.daterangepicker .ranges .cancelBtn {
margin-left: 8px;
}
.daterangepicker:not(.show-calendar) .daterangepicker_start_input,
.daterangepicker:not(.show-calendar) .daterangepicker_end_input {
display: none;
}
.daterangepicker:not(.show-calendar) .monthselect,
.daterangepicker:not(.show-calendar) .yearselect {
display: inline-block;
}
div.calendar {
width: auto;
}
.dropdown-menu.tags {
min-width: 350px;
left: -175px;
top: 39px;
padding-bottom: 4px;
}
.dropdown-menu.tags:before {
border-bottom: 7px solid #d8dcdc;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
height: 0;
left: 202px;
position: absolute;
top: -7px;
width: 0;
z-index: 0;
}
.dropdown-menu.tags:after {
border-bottom: 7px solid #ffffff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
height: 0;
left: 202px;
position: absolute;
top: -6px;
width: 0;
z-index: 1;
}
.dropdown-menu.tags > li {
float: left;
width: 100%;
border: 0 none;
font-size: 13px;
padding: 0 0 5px 0;
}
.dropdown-menu.tags > li > a.clear-tags {
float: right;
width: auto;
padding: 4px 10px;
color: #407ca0;
text-decoration: none;
display: inline;
transition: all 0.2s ease 0s;
}
.dropdown-menu.tags > li > a.clear-tags:active,
.dropdown-menu.tags > li > a.clear-tags:hover {
color: #234457;
background: none transparent;
transition-duration: 0s;
}
.dropdown-menu.tags > li > div a {
padding: 5px 10px;
border: 1px solid #dedede;
background-color: #ffffff;
color: #313131;
float: left;
margin-top: 5px;
transition: all 0.2s ease 0s;
}
.dropdown-menu.tags > li > div a:hover {
border-color: #ababab;
background: #e0e0e0;
color: #313131;
text-decoration: none;
transition-duration: 0s;
}
.dropdown-menu.tags > li > div a.active {
background-color: #d3cee7;
border-color: #230c87;
color: #313131;
}
.dropdown-menu.tags > li > div.active a {
background-color: #d3cee7;
border-color: #230c87;
color: #313131;
}
.dropdown-menu.tags > li > div.active + div a {
border-color: #230c87;
}
.dropdown-menu.tags > li > div:first-child > a {
width: 100%;
}
.dropdown-menu.tags > li > div:last-child > a {
margin-right: 5px;
}
.highcharts-container {
width: auto !important;
}
.recaptchatable {
border-color: #d8dcdc;
}
.recaptchatable #recaptcha_image {
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
border-width: 0 !important;
}
.recaptchatable input {
border-color: #969f9f !important;
background-color: #ffffff !important;
}
.recaptchatable input:focus {
border-color: #575e5e !important;
}
.recaptchatable input:focus:hover {
border-color: #575e5e !important;
}
.recaptchatable input:hover {
border-color: #575e5e !important;
}
.recaptchatable a {
color: #858585 !important;
}
.recaptchatable a:hover {
color: #407ca0 !important;
text-decoration: underline !important;
}
.recaptchatable #recaptcha_image {
border: 0 none !important;
}
.sort-dropdown,
.date-dropdown,
.tag-dropdown {
display: inline-block;
}
.table-filter {
float: right !important;
}
.edit-options,
.view-options {
float: right !important;
}
.message.loading {
padding: 8px;
}
.action-group + .action-group {
margin-right: 14px;
}
.action-group {
float: right;
margin-bottom: 0;
}
.action-group > a,
.action-group > button,
.action-group > div {
margin-left: 8px;
float: left;
}
.action-group form {
float: left;
}
.form-actions button,
.form-actions a {
margin-right: 8px;
}
.view-profile legend {
font-size: 42px;
font-weight: normal;
padding-top: 11px;
padding-bottom: 12px;
margin-bottom: 30px;
border-bottom: 1px solid #d8dcdc;
line-height: 1.1;
}
.view-profile .dl-horizontal {
margin: 0;
}
.view-profile .dl-horizontal dt,
.view-profile .dl-horizontal dd {
line-height: 46px;
}
.view-profile #users-profile-custom legend {
display: none;
}
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(1),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(1),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(3),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(3),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(4),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(4),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(5),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(5),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(6),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(6) {
display: none;
}
.view-profile .form-actions {
background-color: inherit;
padding: 0;
}
.view-profile .form-actions a.btn {
margin-bottom: 0;
}
.view-profile .chzn-search > input {
float: initial;
}
.view-profile .chzn-container .chzn-single {
max-width: 500px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) legend + .form-group {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(2) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(3) {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(4) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(4) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(5) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(5) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(6) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(7) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) legend {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(2) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(2) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(1),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(3),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(4),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(5),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(6) {
display: none;
}
.layout-default.task-submit .t3-content,
.view-login .t3-content,
.view-registration .t3-content,
.view-reset .t3-content,
.view-change .t3-content {
padding-top: 56px;
}
.layout-default.task-submit .btn,
.view-login .btn,
.view-registration .btn,
.view-reset .btn,
.view-change .btn,
.layout-default.task-submit .btn-default,
.view-login .btn-default,
.view-registration .btn-default,
.view-reset .btn-default,
.view-change .btn-default,
.layout-default.task-submit .btn-primary,
.view-login .btn-primary,
.view-registration .btn-primary,
.view-reset .btn-primary,
.view-change .btn-primary {
border-radius: 0;
}
.layout-default.task-submit h1,
.view-login h1,
.view-registration h1,
.view-reset h1,
.view-change h1,
.layout-default.task-submit h2,
.view-login h2,
.view-registration h2,
.view-reset h2,
.view-change h2 {
padding-bottom: 14px;
margin-bottom: 21px;
}
.layout-default.task-submit form,
.view-login form,
.view-registration form,
.view-reset form,
.view-change form {
max-width: 390px;
min-height: 330px;
width: auto;
}
.layout-default.task-submit form label,
.view-login form label,
.view-registration form label,
.view-reset form label,
.view-change form label {
display: block;
}
.layout-default.task-submit form input,
.view-login form input,
.view-registration form input,
.view-reset form input,
.view-change form input {
border-width: 2px;
font-size: 16px;
min-height: 26px;
line-height: 26px;
padding: 5px 10px;
height: auto;
}
.layout-default.task-submit form button.btn-primary,
.view-login form button.btn-primary,
.view-registration form button.btn-primary,
.view-reset form button.btn-primary,
.view-change form button.btn-primary {
width: 280px;
height: 42px;
background-color: #230c87;
border: 1px solid #230c87;
color: #ffffff;
font-size: 20px;
padding-top: 0;
padding-bottom: 0;
line-height: 42px;
}
.layout-default.task-submit form button.btn-primary:hover,
.view-login form button.btn-primary:hover,
.view-registration form button.btn-primary:hover,
.view-reset form button.btn-primary:hover,
.view-change form button.btn-primary:hover {
opacity: 0.8;
}
.layout-default.task-submit form .help-block,
.view-login form .help-block,
.view-registration form .help-block,
.view-reset form .help-block,
.view-change form .help-block {
font-size: 13px;
}
.layout-default.task-submit select,
.view-registration select,
.view-reset select,
.view-change select,
.view-user select,
.view-users select,
.view-application select,
.view-applications select,
.layout-default.task-submit textarea,
.view-registration textarea,
.view-reset textarea,
.view-change textarea,
.view-user textarea,
.view-users textarea,
.view-application textarea,
.view-applications textarea,
.layout-default.task-submit input[type="text"],
.view-registration input[type="text"],
.view-reset input[type="text"],
.view-change input[type="text"],
.view-user input[type="text"],
.view-users input[type="text"],
.view-application input[type="text"],
.view-applications input[type="text"],
.layout-default.task-submit input[type="password"],
.view-registration input[type="password"],
.view-reset input[type="password"],
.view-change input[type="password"],
.view-user input[type="password"],
.view-users input[type="password"],
.view-application input[type="password"],
.view-applications input[type="password"],
.layout-default.task-submit input[type="datetime"],
.view-registration input[type="datetime"],
.view-reset input[type="datetime"],
.view-change input[type="datetime"],
.view-user input[type="datetime"],
.view-users input[type="datetime"],
.view-application input[type="datetime"],
.view-applications input[type="datetime"],
.layout-default.task-submit input[type="datetime-local"],
.view-registration input[type="datetime-local"],
.view-reset input[type="datetime-local"],
.view-change input[type="datetime-local"],
.view-user input[type="datetime-local"],
.view-users input[type="datetime-local"],
.view-application input[type="datetime-local"],
.view-applications input[type="datetime-local"],
.layout-default.task-submit input[type="date"],
.view-registration input[type="date"],
.view-reset input[type="date"],
.view-change input[type="date"],
.view-user input[type="date"],
.view-users input[type="date"],
.view-application input[type="date"],
.view-applications input[type="date"],
.layout-default.task-submit input[type="month"],
.view-registration input[type="month"],
.view-reset input[type="month"],
.view-change input[type="month"],
.view-user input[type="month"],
.view-users input[type="month"],
.view-application input[type="month"],
.view-applications input[type="month"],
.layout-default.task-submit input[type="time"],
.view-registration input[type="time"],
.view-reset input[type="time"],
.view-change input[type="time"],
.view-user input[type="time"],
.view-users input[type="time"],
.view-application input[type="time"],
.view-applications input[type="time"],
.layout-default.task-submit input[type="week"],
.view-registration input[type="week"],
.view-reset input[type="week"],
.view-change input[type="week"],
.view-user input[type="week"],
.view-users input[type="week"],
.view-application input[type="week"],
.view-applications input[type="week"],
.layout-default.task-submit input[type="number"],
.view-registration input[type="number"],
.view-reset input[type="number"],
.view-change input[type="number"],
.view-user input[type="number"],
.view-users input[type="number"],
.view-application input[type="number"],
.view-applications input[type="number"],
.layout-default.task-submit input[type="email"],
.view-registration input[type="email"],
.view-reset input[type="email"],
.view-change input[type="email"],
.view-user input[type="email"],
.view-users input[type="email"],
.view-application input[type="email"],
.view-applications input[type="email"],
.layout-default.task-submit input[type="url"],
.view-registration input[type="url"],
.view-reset input[type="url"],
.view-change input[type="url"],
.view-user input[type="url"],
.view-users input[type="url"],
.view-application input[type="url"],
.view-applications input[type="url"],
.layout-default.task-submit input[type="search"],
.view-registration input[type="search"],
.view-reset input[type="search"],
.view-change input[type="search"],
.view-user input[type="search"],
.view-users input[type="search"],
.view-application input[type="search"],
.view-applications input[type="search"],
.layout-default.task-submit input[type="tel"],
.view-registration input[type="tel"],
.view-reset input[type="tel"],
.view-change input[type="tel"],
.view-user input[type="tel"],
.view-users input[type="tel"],
.view-application input[type="tel"],
.view-applications input[type="tel"],
.layout-default.task-submit input[type="color"],
.view-registration input[type="color"],
.view-reset input[type="color"],
.view-change input[type="color"],
.view-user input[type="color"],
.view-users input[type="color"],
.view-application input[type="color"],
.view-applications input[type="color"],
.layout-default.task-submit .inputbox,
.view-registration .inputbox,
.view-reset .inputbox,
.view-change .inputbox,
.view-user .inputbox,
.view-users .inputbox,
.view-application .inputbox,
.view-applications .inputbox {
width: 100%;
}

.apps {

font-size: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;




}
.apps[data-view=tiles] {
flex-direction: row;
margin-right: -21px;
}
.apps,
.apps h2,
.apps p,
.apps ul,
.apps li,
.apps dl,
.apps dt,
.apps dd {
list-style: none;
padding: 0;
margin: 0;
}
.apps h2,
.apps p,
.apps dl,
.apps div {
position: absolute;
}
.apps > li {
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin-bottom: 21px;
}
.apps > li:hover {
border-color: #230c87;
}
.apps > li:hover h2 a {
color: #230c87;
}
.apps > li::after {
cursor: pointer;
pointer-events: none;
content: "";
width: 0;
height: 0;
position: absolute;
left: 260px;
top: 0;
height: 100%;
border-bottom: 62.5px solid #ffffff;
border-left: 62.5px solid transparent;
transform: translate(-100%);
z-index: 3;
}
.apps[data-view=tiles] > li {
width: calc(33.33% -  21px);
margin-right: 21px;
height: 300px;
overflow: visible;
margin-top: 21px;
}
.apps[data-view=tiles] > li::after {
display: none;
}
@media (max-width: 1200px) {
.apps[data-view=tiles] > li {
  width: calc(50% -  21px);
}
}
.apps .api-icon {
position: relative;
width: 260px;
height: 200px;
overflow: hidden;
}
.apps .api-icon a,
.apps .api-icon img {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
max-width: 260px;
z-index: 1;
}
.apps .api-icon img {
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.apps .api-icon a {
width: 100%;
height: 100%;
display: block;
background: transparent;
}
.apps .api-icon::after {
cursor: pointer;
content: "";
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
pointer-events: none;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.apps[data-view=tiles] .api-icon {
position: absolute;
top: -21px;
right: 14px;
width: 128px;
height: 128px;
}
.apps[data-view=tiles] .api-icon img {
max-height: 100%;
}
.apps[data-view=tiles] .api-icon::after {
display: none;
}
.apps h2,
.apps p,
.apps dl {
right: 173.33333333px;
}
.apps h2 {
left: 260px;
height: 42px;
line-height: 42px;
top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 150%;
font-weight: bold;
padding-left: 14px;
}
.apps h2 a {
color: #313131;
}
.apps[data-view=tiles] h2,
.apps[data-view=tiles] p {
width: calc(100% -  156px);
left: 0;
}
.apps[data-view=tiles] h2 {
white-space: normal;
height: auto;
line-height: normal;
top: 14px;
font-size: 130%;
}
.apps p {
top: 42px;
left: 260px;
padding-left: 14px;
bottom: 56px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.apps[data-view=tiles] p {
top: 121px;
font-size: 90%;
bottom: 74px;
-webkit-line-clamp: 6;
}
.apps ul {
display: flex;
justify-content: flex-start;
}
.apps[data-view=tiles] ul {
justify-content: flex-end;
flex-wrap: wrap;
}
.apps ul > li {
color: #407ca0;
display: inline;
background-color: rgba(255, 255, 255, 0.9);
padding: 2px 4px;
border: 1px solid #407ca0;
border-radius: 4px;
font-size: 80%;
text-overflow: ellipsis;
overflow: hidden;
line-height: normal;
margin-left: 4px;
}
.apps ul > li:first-child {
margin-left: 0;
}
.apps[data-view=tiles] ul > li {
margin-bottom: 4px;
}
.apps [role=toolbar] {
top: 0;
right: 14px;
padding: 14px 0;
}
.apps [role=toolbar] a {
display: block;
margin-bottom: 7px;
}
.apps [role=toolbar] a:last-of-type {
margin-bottom: 0;
}
.apps [role=toolbar] a.btn {
text-align: left;
border: 0 none;
border-radius: 21px;
}
.apps [role=toolbar] a.btn:hover {
text-decoration: underline;
background: transparent;
}
.apps [role=toolbar] a.btn.btn-primary:hover {
background: #407ca0;
}
.apps[data-view=tiles] [role=toolbar] {
top: 107px;
}
.apps dl {
bottom: 0;
left: 260px;
height: 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 14px 0;
}
.apps dt {
padding-left: 14px;
border-left: 1px solid #d8dcdc;
margin-right: 7px;
}
.apps dt:first-child {
border-left: none;
}
.apps[data-view=tiles] dl {
height: 46px;
}
.apps dd {
margin-right: 14px;

}
.apps dd:last-child {
width: 100%;
margin-right: 0;
}
.apps dt,
.apps dd {
display: inline;
line-height: 21px;
}
.apps[data-view=tiles] dl {
left: 0;
right: 14px;
}
.apps[data-view=tiles] dt {
display: none;

}
.apps[data-view=tiles] dt:first-of-type {
display: inline;
}
.apps[data-view=tiles] dt {
display: none;

}
.apps[data-view=tiles] dt:first-of-type {
display: inline;
}
.apps[data-view=tiles] dd:nth-of-type(2) {
border-left: 1px solid #d8dcdc;
padding-left: 14px;
}

.apis {


}
.apis .api-catalog-item {
font-size: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin-bottom: 21px;
-webkit-transition: border-color 0.2s ease-in-out;
-moz-transition: border-color 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out;
}
.apis .api-catalog-item:hover {
border-color: #230c87;
}
.apis .api-catalog-item:hover h2 a {
color: #230c87;
}
.apis .api-catalog-item h2 {
margin: 0;
font-weight: 700;
}
.apis .api-catalog-item h2 a {
color: #313131;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.apis .api-info {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.apis .api-info .deprecated-icon {
display: inline-block;
width: 21px;
line-height: 21px;
font-size: 14px;
font-weight: 700;
background-color: #230c87;
color: #ffffff;
text-align: center;
border-radius: 100%;
}
.apis .api-info-name:not(:first-child) {
border-left: 1px solid #d8dcdc;
}
.apis .api-info-name,
.apis .api-info .deprecated-text {
margin-right: 7px;
font-size: 14px;
font-weight: 700;
}
.apis .api-info-name:not(:first-child),
.apis .api-info .deprecated-text:not(:first-child) {
padding-left: 14px;
}
.apis .api-info-value,
.apis .api-info .retirement-date {
font-size: 14px;
margin-right: 14px;
}
.apis .api-buttons a {
display: block;
border: none;
}
.apis .api-buttons a:hover {
text-decoration: underline;
}
.apis .api-buttons a:not(:last-child) {
margin-bottom: 7px;
}
.apis .api-buttons a.btn-primary:hover {
background-color: #407ca0;
}
.apis .api-buttons a.metrics:hover {
background-color: transparent;
}
.apis .api-catalog-item[data-type="list"] {
position: relative;
}
.apis .api-catalog-item[data-type="list"] .api-image-section {
position: relative;
display: inline-block;
vertical-align: top;
width: 260px;
height: 200px;
margin-right: 15px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="list"] .api-image-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.apis .api-catalog-item[data-type="list"] .api-image-section:after {
content: '';
position: absolute;
bottom: -44px;
right: -44px;
width: 88px;
height: 88px;
background-color: #ffffff;
transform: rotate(45deg);
}
.apis .api-catalog-item[data-type="list"] .api-image-section a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.apis .api-catalog-item[data-type="list"] .api-image-section img {
position: absolute;
top: 50%;
left: 50%;
max-width: 260px;
max-height: 200px;
transform: translate(-50%, -50%);
}
.apis .api-catalog-item[data-type="list"] .api-info-section {
display: inline-block;
vertical-align: top;
width: calc(100% - 275px);
padding-right: 180px;
}
.apis .api-catalog-item[data-type="list"] .api-info-section > h2 {
height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 22.5px;
text-overflow: ellipsis;
white-space: nowrap;
}
.apis .api-catalog-item[data-type="list"] .api-info-section .api-description {
height: 110px;
line-height: 22px;
font-size: 14px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="list"] .api-info-section .api-info {
padding: 14px 0;
}
.apis .api-catalog-item[data-type="list"] .api-buttons {
position: absolute;
top: 0;
right: 0;
padding: 14px;
}
.apis[data-view="tile"] {
font-size: 0;
}
.apis .api-catalog-item[data-type="tile"] {
display: inline-block;
vertical-align: top;
padding: 14px;
margin-right: 21px;
width: calc(33.33% -  14px);
}
.apis .api-catalog-item[data-type="tile"]:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 1200px) {
.apis .api-catalog-item[data-type="tile"] {
  width: calc(50% -  10.5px);
}
.apis .api-catalog-item[data-type="tile"]:nth-child(3n) {
  margin-right: 21px;
}
.apis .api-catalog-item[data-type="tile"]:nth-child(2n) {
  margin-right: 0;
}
}
.apis .api-catalog-item[data-type="tile"] .api-left-section {
display: inline-block;
vertical-align: top;
width: calc(100% -  142px);
margin-right: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-left-section > h2 {
margin-bottom: 7px;
height: 62px;
font-size: 19.5px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="tile"] .api-left-section .api-description {
height: 165px;
font-size: 14px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section {
display: inline-block;
vertical-align: top;
width: 128px;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section .api-image {
height: 128px;
margin-bottom: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section img {
width: 100%;
}
.apis .api-catalog-item[data-type="tile"] .api-info {
margin-top: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-info-value:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #d8dcdc;
}
.view-apitester .entry-details {
margin-top: 10px;
}
.view-apitester .entry-details .logo {
background-position: center center;
background-size: cover;
float: left;
height: 150px;
width: 150px;
display: block;
position: relative;
border: 0 none;
}
.view-apitester .entry-details .content label {
font-weight: normal;
}
.view-users .no-applications-defined,
.view-applications .no-applications-defined {
margin-top: 5px;
}
#applications-table td {
border-top: none;
padding: 0;
}
.view-user,
.view-application {

}
.view-user #general,
.view-application #general {
clear: both;
}
.modal-body .quota-methods {
list-style-type: none;
list-style-position: outside;
padding-left: 0;
}
.modal-body .quota-methods .quota-method {
margin-top: 8px;
margin-bottom: 4px;
}
.modal-body .quota-methods .quota-restrictions {
list-style-type: square;
list-style-position: outside;
}
.application.logo {
background-position: center center;
background-size: cover;
float: left;
height: 150px;
width: 150px;
display: block;
position: relative;
border: 0 none;
}
.fileinput-preview img {
max-height: 150px;
max-width: 150px;
}
#application-form .fileinput-new {
cursor: pointer;
}
#apis-table {
margin-top: 20px;
}
table td a.btn.dropdown-toggle {
margin-bottom: 0px;
}
div#authentication .table > tbody > tr > td {
padding-top: 5px;
padding-bottom: 5px;
}
.com_apiportal form#api-key-create-form .btn {
margin-bottom: 8px;
}
.control-group.row {
margin-bottom: 8px;
}
#oauth-add-scopes-details .oauth-add-scopes-search {
margin-top: 8px;
}
#oauth-add-scopes-details .oauth-add-scopes-search .search {
border-right: 0;
}
#oauth-add-scopes-details .oauth-add-scopes-search .input-group-addon {
border-left: 0;
background-color: #fdfdfd;
}
#oauth-add-scopes-details #oauth-add-scopes-table {
margin-bottom: 10px;
}
#oauth-add-scopes-details .form-group {
margin-bottom: 0px;
}
.com_apiportal #api-key-create-form > button {
margin-bottom: 8px;
}
.com_apiportal .add-shared-users-button {
margin-bottom: 8px;
}
#oauth-client-form label {
white-space: nowrap;
}
#oauth-secret-form #oauth-secret-label {
white-space: nowrap;
}
#oauth-secret-form #oauth-secret-key {
white-space: nowrap;
overflow: visible;
}
#oauth-new-secret-button {
float: right;
}
#api-key-details .control-label {
white-space: nowrap;
}
.no-additional-users {
margin-left: 10px;
}
#add-shared-users-details .add-shared-users-search {
margin-top: 8px;
}
#add-shared-users-details .add-shared-users-search .search {
border-right: 0;
}
#add-shared-users-details .add-shared-users-search .input-group-addon {
border-left: 0;
background-color: #fdfdfd;
}
.view-monitoring .t3-content {
padding-bottom: 0;
padding-top: 0;
}
.dataTables_length select {
margin-right: 5px;
}
.daterangebutton {
float: right;
}
.daterangepicker.opensleft:after {
border-bottom-color: #ffffff;
}
#dtableCustomButtons,
#dtableCustomButtons .btn-default {
float: left;
margin-bottom: 0;
}

.btn-toolbar,
.action-group {
margin-left: 0;
padding: 14px 0;
}
[role=search] {
position: relative;
margin: 0 7px;
}
[role=search] label {
margin-bottom: 0;
}
[role=search] label span {
padding-right: 7px;
display: inline-block;
}
[role=search] label input {
display: inline-block;
padding-right: 28px;
}
[role=search]::after {
font-family: 'Axway-Common';
content: "\e908";
text-align: center;
font-size: 140%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 7px;
opacity: 0.5;
}
.btn-toolbar {
margin-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.btn-toolbar .action-group,
.btn-toolbar .dataTables_filter,
.btn-toolbar .tablesorter-filter {
padding-top: 0;
padding-bottom: 0;
}
.btn-toolbar .dataTables_filter,
.btn-toolbar .tablesorter-filter {
float: right;
}
.btn-toolbar .dataTables_filter label,
.btn-toolbar .tablesorter-filter label,
.btn-toolbar .dataTables_filter .dropdown,
.btn-toolbar .tablesorter-filter .dropdown {
float: left;
}
.btn-toolbar .btn-group button.btn.btn-default {
padding-top: 7px;
padding-bottom: 5px;
}
.btn-toolbar .btn-default {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
.btn-toolbar .btn-default:hover,
.btn-toolbar .btn-default:active {
background-color: #407ca0;
color: #ffffff;
}
.btn-toolbar .btn-group > .btn:last-child:not(:first-child),
.btn-toolbar .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 21px;
border-top-left-radius: 21px;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 0;
}
.view-monitoring .nav-tabs {
margin-bottom: 10px;
}
.table-filter {
padding: 0;
}
.dataTables_filter,
.tablesorter-filter {
float: right;
}
.dataTables_filter label,
.tablesorter-filter label {
position: relative;
white-space: nowrap;
font-weight: normal;
}
.dataTables_wrapper .dataTables_filter input,
.tablesorter-filter input {
display: inline-block;
width: 16em;
padding-right: 30px;
margin-left: 0;
}
[role=search] input[type=text]::-ms-clear,
.dataTables_filter input[type=text]::-ms-clear,
.tablesorter-filter input[type=text]::-ms-clear {
display: none;
}
.dataTables_filter .fa-search,
.tablesorter-filter .fa-search {
position: absolute;
width: 0;
right: 24px;
top: 8px;
color: #858585;
font-size: 15px;
pointer-events: none;
}
.dataTables_length label select {
float: left;
}
.dataTables_length label span {
float: left;
padding-left: 10px;
line-height: 32px;
color: #858585;
}
.dataTables_wrapper .dataTables_info {
color: #858585;
padding: 14px 7px;
}
.dataTables_paginate a {
background-image: none;
background-color: #ffffff;
border: 1px solid #cfcfcf;
color: #313131;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.dataTables_paginate a + a {
border-left: 0 none;
}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next {
background-color: #f5f5f5;
border-color: #cfcfcf;
color: #afafaf;
box-shadow: none;
cursor: initial;
opacity: 0.65;
pointer-events: none;
}
.dataTables_paginate a.paginate_disabled_previous:hover,
.dataTables_paginate a.paginate_disabled_next:hover {
text-decoration: none;
}
.avPlayerWrapper {
display: block;
text-align: center;
clear: both;
margin: 40px 0;
}
table.a5styledoc {
width: 100%;
}
table.a5styledoc td {
border: none;
color: #858585;
vertical-align: top;
}
table.a5styledoc tr:hover {
background-color: #d3cee7;
}
table.a5styledoc td:first-child {
padding-left: 25px;
}
table.a5styledoc td:nth-child(1) {
width: 40%;
}
table.a5styledoc td:nth-child(2) {
width: 10%;
}
table.a5styledoc td img {
display: inline-block;
vertical-align: middle;
}
table.a5styledoc a.filetype {
font-size: smaller;
}
table.a5styledoc a.docname {
font-size: larger;
}
table.a5stylehelpcenter {
font-size: 0;
}
table.a5stylehelpcenter td,
table.a5stylehelpcenter tr td {
border-top: 0 none;
}
table.a5stylehelpcenter td > p {
font-size: 14px;
}
table.a5stylehelpcenter td p:first-child {
margin: 20px 0 0 0;
}
table.a5stylehelpcenter p:first-child a {
font-size: larger;
}
table.a5stylehelpcenter img {
border: 0;
margin-right: 20px;
margin-top: 20px;
}
table.a5stylecontact td,
table.a5stylecontact tr td {
border-top: 0 none;
padding: 5px 10px;
vertical-align: baseline;
}
.pricing {
padding: 0;
color: #313131;
background: transparent;
box-sizing: border-box;
width: 100%;
float: left;
margin: 14px 0;
}
.pricing h2 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
text-align: center;
margin-bottom: 0px;
color: #313131;
}
.pricing p {
margin: 0 0 20px 0;
}
.pricing .price {
font-size: 48px;
text-style: bold;
}
.pricing .permonth {
font-size: 10pt;
color: #afafaf;
}
.pricing .numrequests {
font-size: 24pt;
text-style: bold;
}
.pricing .requests {
font-size: 10pt;
text-style: normal;
}
.pricing .additionaltext {
font-size: 13pt;
text-style: bold;
}
.pricing .tier1 {
float: left;
width: 32%;
background: #FFFFFF;
border: 1px solid #d8dcdc;
height: 560px;
margin-right: 0px;
text-align: center;
}
.pricing .tier2 {
overflow: hidden;
background: #FFFFFF;
border: 1px solid #d8dcdc;
height: 560px;
margin-right: 0px;
margin-right: auto;
margin-left: auto;
text-align: center;
width: 33%;
position: relative;
}
.pricing * html .xmiddlecol3 {
float: left;
}
.pricing * html .xmiddlecol3 .xinner3 {
width: 100%;
}
.pricing .tier3 {
float: right;
width: 32%;
background: #FFFFFF;
position: relative;
border: 1px solid #d8dcdc;
height: 560px;
margin-left: 0px;
text-align: center;
}
.pricing .tier1,
.pricing .tier2,
.pricing .tier3 {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.pricing .tier1:hover,
.pricing .tier2:hover,
.pricing .tier3:hover {
border-color: #230c87;
}
.pricing .tier1:hover a.start,
.pricing .tier2:hover a.start,
.pricing .tier3:hover a.start {
border-color: #230c87;
background-color: #230c87;
}
.pricing .tier1:hover a.start:hover,
.pricing .tier2:hover a.start:hover,
.pricing .tier3:hover a.start:hover,
.pricing .tier1:hover a.start:focus,
.pricing .tier2:hover a.start:focus,
.pricing .tier3:hover a.start:focus {
border-color: rgba(35, 12, 135, 0.9);
background-color: rgba(35, 12, 135, 0.9);
}
.pricing .header {
background: transparent;
}
.pricing .start {
text-decoration: none;
padding: 8px;
border: 1px solid #24475b;
font-size: 12pt;
background: #407ca0;
display: inline-block;
margin-left: 0;
margin-right: 0;
color: #ffffff;
vertical-align: middle;
margin-bottom: 10px;
margin-top: 10px;
transition: all 0.2s ease 0s;
}
.pricing .start:hover,
.pricing .start:focus {
border-color: #182e3b;
background-color: #6495b2;
color: #ffffff;
transition-duration: 0s;
}
.pricing hr {
border-color: #d8dcdc;
width: 60%;
margin-bottom: 10px;
margin-top: 10px;
}
.flip-container {
perspective: 1000px;

}
.flip-container > .flip-card {
transition: 0.6s;
transform-style: preserve-3d;
}
.flip-container > .flip-card [role=region] {
backface-visibility: hidden;
}
.flip-container > .flip-card [role=region]:first-child {
z-index: 2;
transform: rotateY(0deg);
}
.flip-container > .flip-card [role=region]:last-child {
z-index: 1;
transform: rotateY(180deg);
}
.flip-container > .flip-card:hover {
transform: rotateY(180deg);
}
.view-home main {
font-size: 100%;
}
.view-home main h1,
.view-home main h1 + p {
margin: 0;
}
.view-home main h1 {
font-size: 500%;
line-height: 150%;
color: #fff;
font-weight: 700;
}
.view-home main h1 + p {
padding-bottom: 42px;
font-size: 200%;
color: #fff;
font-weight: 100;
}
.view-home main h2 {
margin: 14px;
font-size: 200%;
}
.view-home main a {
text-decoration: none;
}
.view-home main a:hover {
color: #222222;
text-decoration: underline;
}
.view-home main [aria-hidden=true] {
display: none !important;
}
.view-home main section {
position: relative;
z-index: 2;
padding: 56px;
}
.view-home main section .auto {
margin: 0 auto;
position: relative;
z-index: 1;
}
.view-home main::before {
content: "";
width: 0;
height: 0;
position: fixed;
left: 0;
top: 0;
border-top: 1600px solid #fff;
border-right: 1600px solid transparent;
z-index: 1;
}
.view-home body {
background-image: url(/components/com_apiportal/assets/img/home/boat.jpg);
background-position: 160% bottom;
background-repeat: no-repeat;
background-size: 75%;
}
.view-home #enterSection {
padding: 9%;
position: relative;
background-color: #230c87;
background-image: url(/components/com_apiportal/assets/img/abstract.jpg);
background-size: cover;
text-align: center;
overflow: hidden;


}
.view-home #enterSection h1,
.view-home #enterSection p,
.view-home #enterSection a {
position: relative;
z-index: 3;
}
.view-home #enterSection a {
display: inline-block;
font-size: 200%;
font-weight: 700;
padding: 21px;
border: 1px solid #fff;
color: #fff;
border-radius: 500px;
width: 33.33%;
}
.view-home #enterSection::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(35, 12, 135, 0.5), rgba(64, 124, 160, 0.5));
}
.view-home #enterSection::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
border-top: 1280px solid #230c87;
border-right: 1280px solid transparent;
z-index: 2;
opacity: 0.4;
}
.view-home #featuresSection::after {
border-top: 1280px solid rgba(35, 12, 135, 0.5);
border-right: 1280px solid transparent;
}
.view-home #communitySection::after,
.view-home #featuresSection::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
opacity: 0.4;
border-top: 534px solid rgba(0, 0, 0, 0.1);
border-right: 534px solid transparent;
}
.view-home #communitySection ul,
.view-home #featuresSection ul,
.view-home #communitySection li,
.view-home #featuresSection li {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
justify-content: center;
}
.view-home #communitySection ul,
.view-home #featuresSection ul {
margin-right: -21px;
}
.view-home #communitySection li,
.view-home #featuresSection li {
width: calc(33.33% -  21px);
position: relative;
cursor: pointer;
margin-right: 21px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.1);
}
.view-home #communitySection li:hover,
.view-home #featuresSection li:hover {
border-color: #230c87;
}
.view-home #communitySection li:hover svg path,
.view-home #featuresSection li:hover svg path {
fill: #230c87;
}
.view-home #communitySection li:hover h2 a,
.view-home #featuresSection li:hover h2 a,
.view-home #communitySection li:hover [role=region] > a,
.view-home #featuresSection li:hover [role=region] > a {
color: #230c87;
border-color: #230c87;
}
.view-home #communitySection li svg,
.view-home #featuresSection li svg {
width: 128px;
height: 128px;
margin-top: 21px;
}
.view-home #communitySection li svg path,
.view-home #featuresSection li svg path {
fill: #407ca0;
}
.view-home #communitySection li h2,
.view-home #featuresSection li h2 {
color: #407ca0;
margin: 42px 0;
}
.view-home #communitySection li p,
.view-home #featuresSection li p {
font-size: 150%;
margin: 0;
margin-bottom: 21px;
width: 100%;
}
.view-home #communitySection li > [role=region],
.view-home #featuresSection li > [role=region] {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 21px;
background-color: white;
}
.view-home #communitySection svg {
position: absolute;
left: 75%;
top: 10%;
margin-top: 0;
}
.view-home #communitySection ul {
justify-content: flex-start;
}
.view-home #communitySection li {
border: none;
box-shadow: none;
}
.view-home #communitySection li h2,
.view-home #communitySection li p {
width: 85%;
}
.view-home #communitySection li p {
margin-bottom: 42px;
}
.view-home #communitySection li > [role=region] {
align-items: flex-start;
text-align: left;
}
.view-home #communitySection li > [role=region] > a {
display: inline-block;
font-weight: 700;
padding: 21px;
border: 1px solid #407ca0;
border-radius: 500px;
color: #407ca0;
width: 100%;
text-align: center;
font-size: 150%;
}
.view-home #communitySection::after {
display: none;
}
.view-help .row .col-md-2 {
height: 4em;
}
@media (max-width: 767px) {
section .auto {
  width: 100%;
}
}
@media (min-width: 768px) {
section .auto {
  width: 768px;
}
}
@media (min-width: 992px) {
section .auto {
  width: 970px;
}
}
@media (min-width: 1200px) {
section .auto {
  width: 1170px;
}
}
@media (max-height: 682px) {
.view-home #enterSection {
  padding: 5%;
}
.view-home #enterSection a {
  padding: 14px;
  font-size: 175%;
}
.view-home #enterSection::after {
  border-top-width: 1080px;
  border-right-width: 1080px;
}
.view-home main h1 {
  font-size: 400%;
}
.view-home main h1 + p {
  font-size: 175%;
}
}
@media screen and (max-width: 991px) {
#t3-mainnav .navbar-nav > li > a {
  line-height: 14px;
}
#t3-mainnav .navbar-nav {
  max-height: 100%;
}
.navbar-default .navbar-toggle {
  font-size: 21px;
}
.navbar-default .navbar-toggle .fa-bars:before {
  color: #fff;
}
.navbar-collapse {
  max-height: 100%;
}
.pricing {
  display: table;
  caption-side: bottom;
}
.pricing .tier1,
.pricing .tier2,
.pricing .tier3 {
  width: 100%;
  margin-bottom: 21px;
}
.pricing .tier3 {
  display: table-caption;
  float: none;
}
}
@media screen and (max-width: 768px) {
.t3-content {
  padding-left: 20px;
  padding-right: 20px;
}
.view-home .t3-content {
  padding-left: 0;
  padding-right: 0;
}
#t3-mainnav .navbar-nav > li > a {
  font-size: 14px;
}
}
@media (min-width: 768px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  width: 750px;
}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  width: 750px;
}
}
@media (min-width: 992px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  width: 970px;
}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  width: 970px;
}
}
@media (min-width: 1200px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  width: 1170px;
}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  width: 1170px;
}
}
.com_easyblog .t3-mainbody {
margin: 0 auto;
padding: 14px 7px;
}
.eblog-site h2 {
text-transform: inherit;
color: inherit;
}
.discuss-wrap h2 {
text-transform: inherit;
color: inherit;
}
div#discuss-wrapper {
background: #fdfdfd;
}
div#discuss-wrapper .nav-collapse.collapse {
display: inherit;
}
div#discuss-wrapper .discuss-searchbar--select {
width: 150px;
}
div#discuss-wrapper .discuss-searchbar .discuss-searchbar--avatar {
display: none;
}
.focusGlowEffect {
-webkit-box-shadow: 0 0 5px 0 #575e5e;
-moz-box-shadow: 0 0 5px 0 #575e5e;
-o-box-shadow: 0 0 5px 0 #575e5e;
box-shadow: 0 0 5px 0 #575e5e;
}
#system-message {
margin-bottom: 10px;
padding-top: 10px;
}
.features-intro .t3-content {
padding-top: 0;
padding-bottom: 0;
}
.row-feature {
border-top: 1px solid #eeeeee;
padding: 40px 0;
font-size: 16px;
color: #aaaaaa;
line-height: 1.5;
}
.page-masthead .row-feature {
padding: 40px 0;
}
@media screen and (min-width: 992px) {
.row-feature {
  padding: 60px 0;
}
.page-masthead .row-feature {
  padding: 100px 0;
}
}
.row-feature h1,
.row-feature h2,
.row-feature h3 {
line-height: 1.15;
color: #444444;
}
.row-feature h1 {
margin-top: 0;
margin-bottom: 60px;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.row-feature h1 {
  font-size: 84px;
}
}
.row-feature h1 + p {
margin-top: -55px;
}
.row-feature h2 {
margin-top: 0;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.row-feature h2 {
  font-size: 42px;
}
}
.row-feature h3 {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.row-feature h3 {
  font-size: 27.6px;
}
}
.row-feature h3 + p {
margin-top: -10px;
}
.row-feature .feature-ct {
width: 100%;
padding-top: 10px;
}
@media screen and (min-width: 768px) {
.row-feature .pull-left.item-image + .feature-ct {
  width: 50%;
  float: right;
  padding-left: 20px;
}
.row-feature .pull-right.item-image + .feature-ct {
  width: 50%;
  float: left;
  padding-right: 20px;
}
}
.row-feature.text-center {
text-align: center;
}
.row-feature.row-feature-alt,
.row-feature:nth-child(even) {
background: #f7f7f7;
}
.row-feature.row-feature-primary {
background: #407ca0;
color: #e9f1f6;
}
.row-feature.row-feature-primary h1,
.row-feature.row-feature-primary h2,
.row-feature.row-feature-primary h3 {
color: #ffffff;
}
.row-feature.row-feature-primary .feature-ct,
.row-feature.row-feature-primary p {
color: #e9f1f6;
}
.row-feature.row-feature-primary .btn-primary {
border-color: #fff;
}
.row-feature.row-feature-primary + .row-feature-primary {
border-top: 1px solid #31607c;
}
.row-feature .row-feature-narrow {
padding-top: 20px;
padding-bottom: 20px;
}
.row-feature:first-child {
border-top: 0;
}
.row-feature .item-image {
width: 100%;
float: none;
margin-bottom: 20px;
}
.row-feature .item-image img {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.row-feature .pull-left.item-image,
.row-feature .pull-right.item-image {
  max-width: 50%;
  min-width: 25%;
  margin-bottom: 0;
}
.row-feature .pull-left.item-image {
  float: left;
  text-align: left;
  padding-right: 20px;
}
.row-feature .pull-right.item-image {
  float: right;
  text-align: right;
  padding-left: 20px;
}
}
.row-feature .page-header {
border: 0;
margin: 0 0 20px;
padding: 0;
}
.row-feature .jumbotron {
background: transparent;
position: relative;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.row-feature .jumbotron {
  margin-bottom: 60px;
}
}
.row-feature .gallery .thumbnail {
border: 0;
padding: 0;
}
.row-feature .gallery .thumbnail a {
display: block;
border: 1px solid #eeeeee;
padding: 3px;
-webkit-transition: border-color 0.2s ease-in;
-o-transition: border-color 0.2s ease-in;
transition: border-color 0.2s ease-in;
}
.row-feature .gallery .thumbnail a img {
width: 100%;
padding: 0;
}
.row-feature .gallery .thumbnail a:hover,
.row-feature .gallery .thumbnail a:focus,
.row-feature .gallery .thumbnail a:active {
border-color: #bbbbbb;
}
.row-feature .gallery .thumbnail a:hover img,
.row-feature .gallery .thumbnail a:focus img,
.row-feature .gallery .thumbnail a:active img {
opacity: .7;
}
.support-policy .row-support-policy {
margin-bottom: 20px;
}
.support-policy .policy-item {
margin-bottom: 20px;
border: 1px solid #eeeeee;
}
.support-policy .policy-item .col-type {
position: relative;
height: 100px;
border-bottom: 1px solid #eeeeee;
background: #f7f7f7;
}
.support-policy .policy-item .col-type h3 {
position: absolute;
bottom: 10px;
left: 20px;
}
.support-policy .policy-item .col-detail {
height: 200px;
padding: 20px;
}
.support-policy .policy-item .col-level {
height: 80px;
background: #444444;
color: #fff;
position: relative;
}
.support-policy .policy-item .col-level .face,
.support-policy .policy-item .col-level .count-up,
.support-policy .policy-item .col-level > strong {
height: 80px;
line-height: 80px;
}
.support-policy .policy-item .col-level .level-info {
width: 160px;
position: absolute;
left: 0;
bottom: 0;
}
.support-policy .policy-item .col-level .level-info .face {
background-image: url(../../../../images/emoticons.png);
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.35);
display: table-cell;
width: 80px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.support-policy .policy-item .col-level .level-info .count-up {
width: 80px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.15);
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.support-policy .policy-item .col-level strong {
width: 100%;
color: #ffffff;
display: block;
float: left;
font-weight: bold;
padding-left: 180px;
font-size: 18px;
}
.support-policy .policy-item .col-level.level-1 strong {
background: #3e9b52;
}
.support-policy .policy-item .col-level.level-1 .face {
background-position: 0px 0px;
}
.support-policy .policy-item .col-level.level-2 strong {
background: #2f773f;
}
.support-policy .policy-item .col-level.level-2 .face {
background-position: 0px -80px;
}
.support-policy .policy-item .col-level.level-3 strong {
background: #ffcc00;
}
.support-policy .policy-item .col-level.level-3 .face {
background-position: 0px -160px;
}
.support-policy .policy-item .col-level.level-4 strong {
background: #cca300;
}
.support-policy .policy-item .col-level.level-4 .face {
background-position: 0px -240px;
}
.support-policy .policy-item .col-level.level-5 strong {
background-color: #ff8800;
}
.support-policy .policy-item .col-level.level-5 .face {
background-position: 0px -320px;
}
.support-policy .policy-item .col-level.level-6 strong {
background: #cc0000;
}
.support-policy .policy-item .col-level.level-6 .face {
background-position: 0px -400px;
}
.support-policy:hover {
background: #ffffff;
border-color: #eeeeee;
}
.support-policy:hover .level-info .face {
top: -70px;
}
.support-policy:hover .level-info .count-up {
bottom: 0;
}
.support-policy.style2 {
margin-bottom: 60px;
}
.support-policy .row-heading {
background: #444444;
color: #ffffff;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.support-policy .row-heading {
  display: table;
  width: 100%;
}
}
.support-policy .row-heading > div {
border-right: 1px solid #5e5e5e;
font-size: 12px;
font-weight: bold;
padding: 20px;
}
@media screen and (min-width: 768px) {
.support-policy .row-heading > div {
  font-size: 15px;
  display: table-cell;
}
}
.support-policy .row-body {
border-left: 1px solid #eeeeee;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.support-policy .row-body {
  display: table;
  width: 100%;
  margin-bottom: 0;
}
}
.support-policy .row-body > div {
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.support-policy .row-body > div {
  display: table-cell;
  float: none;
}
}
.support-policy .row-body .col-type {
background: #444444;
color: #ffffff;
font-size: 16px;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.support-policy .row-body .col-type {
  background: transparent;
  color: #313131;
}
}
.support-policy .row-body .col-level {
font-size: 32px;
text-align: center;
}
.support-policy .row-body .col-status {
border-bottom: 0;
}
.support-policy .row-body .col-status .face {
background-image: url(../../../../images/emoticons.png);
background-repeat: no-repeat;
display: block;
height: 80px;
margin: 0 auto;
width: 80px;
}
.support-policy .row-body .col-status strong {
color: #ffffff;
display: block;
padding: 3px 0;
text-align: center;
}
.support-policy .row-body.level-1 .col-status {
background: #3e9b52;
}
.support-policy .row-body.level-1 .col-status .face {
background-position: 0px 0px;
}
.support-policy .row-body.level-2 .col-status {
background: #44aa5a;
}
.support-policy .row-body.level-2 .col-status .face {
background-position: 0px -80px;
}
.support-policy .row-body.level-3 .col-status {
background: #4bb762;
}
.support-policy .row-body.level-3 .col-status .face {
background-position: 0px -160px;
}
.support-policy .row-body.level-4 .col-status {
background: #59bd6f;
}
.support-policy .row-body.level-4 .col-status .face {
background-position: 0px -240px;
}
.support-policy .row-body.level-5 .col-status {
background: #68c37b;
}
.support-policy .row-body.level-5 .col-status .face {
background-position: 0px -320px;
}
.support-policy .row-body.level-6 .col-status {
background: #77c888;
}
.support-policy .row-body.level-6 .col-status .face {
background-position: 0px -400px;
}
.support-policy .row-alt {
background: #f7f7f7;
}
.support-policy .support-yes {
color: #3e9b52;
}
.support-policy .support-no {
color: #e1e1e1;
}
.pricing-table {
padding-top: 40px;
padding-bottom: 100px;
}
.pricing-table .col {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.pricing-table .col {
  margin-bottom: 0;
}
}
@media (min-width: 768px) {
.pricing-table .col.no-padding {
  padding: 0;
}
}
@media (min-width: 768px) {
.pricing-table .col.shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
}
.pricing-table .col .big-number {
display: inline-block;
font-size: 70px;
}
.pricing-table .col .big-number sup {
font-size: 28px;
top: -1em;
}
.pricing-table .col .btn {
font-size: 20px;
padding: 10px 20px;
}
.pricing-table .col .col-header {
background: #aaaaaa;
color: #ffffff;
padding: 10px 20px;
}
.pricing-table .col ul {
border: 1px solid #eeeeee;
border-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
.pricing-table .col ul li {
border-bottom: 1px solid #eeeeee;
font-size: 16px;
padding: 10px 20px;
text-align: center;
}
.pricing-table .col ul li.row1 {
background: #f7f7f7;
}
.pricing-table .col ul li i {
color: #3e9b52;
font-size: 18px;
}
.pricing-table .col ul li.no i {
color: #cc0000;
}
.pricing-table .col ul li.no {
color: #999999;
text-decoration: line-through;
}
.pricing-table .col .col-footer {
background: #eeeeee;
border: 1px solid #d5d5d5;
padding: 20px;
}
.pricing-table .col-feature {
z-index: 200;
}
@media screen and (min-width: 992px) {
.pricing-table .col-feature {
  margin-top: -20px;
}
}
.pricing-table .col-feature .col-header {
background: #407ca0;
padding: 20px 20px;
}
.pricing-table.style2 .col:first-child .col-header {
border-radius: 5px 0 0 0;
}
.pricing-table.style2 .col:first-child .col-footer {
border-radius: 0 0 0 5px;
}
.pricing-table.style2 .col:last-child .col-header {
border-radius: 0 5px 0 0;
}
.pricing-table.style2 .col:last-child .col-footer {
border-radius: 0 0 5px 0;
}
.pricing-table.style2 .col-feature {
border-radius: 5px;
}
.pricing-table.style2 .col-feature .col-header {
border-radius: 5px 5px 0 0;
}
.pricing-table.style2 .col-feature .col-footer {
border-radius: 0 0 5px 5px;
}
.our-team .lead {
margin-bottom: 60px;
}
.our-team .thumbnail {
text-align: center;
border: 0;
padding: 0 20px;
}
.our-team .thumbnail .caption {
padding-bottom: 20px;
}
.our-team .thumbnail h3 {
margin-bottom: 5px;
}
.our-team .thumbnail .btn {
border-radius: 50%;
height: 32px;
line-height: 32px;
margin: 0 2px;
padding: 0;
text-align: center;
width: 32px;
}
.our-team .thumbnail .btn:hover {
background: #407ca0;
border-color: #407ca0;
color: #ffffff;
}
.control-group .controls script + .row-fluid {
margin-left: 0;
}
.control-group .controls script + .row-fluid + .row-fluid {
margin-left: 0;
}
.video-wrapper {
position: relative;
padding-bottom: 51%;
padding-top: 30px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #313131;
background-color: #fdfdfd;
margin: 0;
padding: 0;
padding-top: 65px;
}
* {
/*font-family: 'Roboto';*/
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::-webkit-input-placeholder {
font-style: italic;
}
:-moz-placeholder {

font-style: italic;
}
::-moz-placeholder {

font-style: italic;
}
:-ms-input-placeholder {
font-style: italic;
}
[aria-hidden=true] {
display: none;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding-left: 7px;
padding-right: 7px;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
#container {
background-color: transparent;
margin-bottom: 14px;
width: auto !important;
border: 1px solid #d8dcdc;
border-top: 0 none;
padding-top: 21px;
padding-bottom: 7px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#container svg {
width: 99%;
}
.panel {
background: transparent;
}
.t3-content {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.disabled-text-effect {
color: #afafaf;
}
div.description {
line-height: 2em;
margin-bottom: 5px;
}
h1 {
padding-left: 0;
padding-right: 0;
padding-top: 14px;
font-size: 42px;
font-family: 'Open Sans', sans-serif;
color: #313131;
line-height: 63px;
}
h2 {
padding-left: 0;
padding-right: 0;
font-size: 15px;
text-transform: none;
color: #313131;
}
h3 {
padding-left: 0;
padding-right: 0;
font-size: 20px;
}
.layout-default.task-submit h1,
.view-login h1,
.view-reset h1,
.view-change h1,
.view-registration h1 {
font-size: 22px;
}
.subtitle {
padding-left: 0;
padding-right: 0;
font-size: 13px;
text-transform: initial;
font-weight: normal;
color: #313131;
}
.com_apiportal .head {
position: relative;
background-color: #230c87;
background-image: url(/components/com_apiportal/assets/img/abstract.jpg);
background-size: cover;
width: 100%;
}
.com_apiportal .head::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(35, 12, 135, 0.5), rgba(64, 124, 160, 0.5));
}
.com_apiportal .head h1,
.com_apiportal .head h1 + p {
color: #ffffff;
padding-left: 7px;
padding-right: 7px;
position: relative;
}
.com_apiportal .head h1 + p {
padding-bottom: 14px;
}
.com_apiportal .head .btn-toolbar + h1,
.com_apiportal .head .action-group + h1 {
padding-top: 0;
}
.com_apiportal .head em {
font-style: italic;
}
.com_apiportal .head .btn-toolbar {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0 none;
background-color: transparent;
}
.com_apiportal .head .btn-toolbar a,
.com_apiportal .head .btn-toolbar button {
color: #ffffff;
}
.com_apiportal .head .btn-toolbar a:hover,
.com_apiportal .head .btn-toolbar button:hover {
text-decoration: underline;
}
.com_apiportal .head .btn-toolbar .btn-default.icon {
padding-left: 28px;
}
.com_apiportal .head .btn-toolbar .btn-default.icon::before {
left: 7px;
}
.com_apiportal .head .btn-toolbar .btn-default:hover,
.com_apiportal .head .btn-toolbar .btn-default:active,
.com_apiportal .head .btn-toolbar .btn-default:focus {
background: transparent;
color: #ffffff;
border-color: transparent;
}
.com_apiportal h1,
.com_apiportal h1 + p,
.com_apiportal .body,
.com_apiportal .auto,
.com_apiportal #system-message-container {
margin: 0 auto;
}
.com_apiportal .body {
padding: 28px 7px;
}
.com_apiportal .btn-toolbar + .body {
padding-top: 0;
}
#system-message-container {
z-index: 10;
position: relative;
}
.panel-title > a {
color: #313131;
}
.iconBaseCommon {
font-family: 'Axway-Common';
speak: none;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon:before {
font-family: 'Axway-Common';
speak: none;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 10px;
top: 50%;
transform: translate(0, -50%) scale(1.4);
-ms-transform: translate(0, -50%) scale(1.4);
}
.icon.add-circle:before {
content: '\e933';
}
.icon.send:before {
content: '\e918';
}
.icon.email:before {
content: '\e914';
}
.icon.attach:before {
content: '\e948';
}
.icon.save:before {
content: '\e903';
}
.icon.delete:before {
content: '\e905';
}
.icon.close:before {
content: '\e936';
}
.icon.pencil:before {
content: '\e904';
}
.icon.download:before {
content: '\e91c';
}
.icon.more:before {
line-height: 1;
content: '\e93c';
right: 0;
}
.icon.gear:before {
content: '\e902';
}
.icon.key:before {
content: '\e927';
}
.icon.lock:before {
content: '\e928';
}
.icon.logout:after {
content: '\e946';
}
.icon.folder:before {
content: '\e912';
}
.icon.sort:before {
content: '';
left: auto;
}
.icon.search::before {
content: '\e908';
}
.icon.user::before {
content: '\e906';
}
.icon.group::before {
content: '\e907';
}
.icon.arrow-left::before {
content: '\e941';
}
.icon.arrow-right::before {
content: '\e93f';
}
.icon.arrow-up::before {
content: '\e942';
}
.icon.arrow-down::before {
content: '\e940';
}
.icon.question-circle::before {
content: '\e938';
}
.icon.document-text::before {
content: '\e90f';
}
.icon.bubble-text::before {
content: '\e92c';
}
.icon.earth::before {
content: '\e943';
}
.icon.info-circle::before {
content: '\e934';
}
.icon.chevron-down::before {
content: '\e93c';
}
.icon.icons::before {
content: '\e944';
}
.icon.calendar::before {
content: '\e92a';
}
.icon.check_circle::before {
content: '\e93a';
}
.icon.x-circle::before {
content: '\e937';
}
.icon.list::before {
font-family: 'Axway-SecureTransport';
content: '\e912';
}
.icon.tiles[aria-pressed=false]::before {
content: "\e944";
}
.icon.tiles[aria-pressed=true]::before {
font-family: 'Axway-SecureTransport';
content: "\e912";
}
.icon.metrics::before {
font-family: 'Axway-Engage';
content: "\e905";
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
color: #454545;
}
.nav-tabs {
border-bottom-color: #407ca0;
padding-top: 14px;
}
.nav-tabs > li {
margin-right: 7px;
z-index: 1;
margin-bottom: 0;
}
.nav-tabs > li > a {
padding: 7px 14px;
font-size: 14px;
color: #407ca0;
border: 1px solid transparent;
border-bottom: 0 none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: transparent;
text-transform: inherit;
transition: all 0.2s ease 0s;
cursor: pointer;
}
.nav-tabs > li > a:hover {
border: 1px solid #407ca0;
border-bottom: 0 none;
background-color: #ffffff;
color: #407ca0;
transition-duration: 0s;
}
.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover,
.nav-tabs > li.disabled > a:focus {
background-color: #f5f5f5;
color: #afafaf;
}
.nav-tabs > li.active {
z-index: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background-color: #407ca0;
border: 1px solid #407ca0;
color: #ffffff;
}
.nav-tabs > li:first-child {
margin-left: 14px;
}
.com_apiportal .panel-default {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.com_apiportal .panel-default .panel-heading {
border: 0;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.com_apiportal .panel-default .panel-body {
padding: 0 0 0 20px;
}
.com_apiportal .panel-default .panel-body > a.btn,
.com_apiportal .panel-default .panel-body > button {
margin-bottom: 8px;
}
a {
color: #407ca0;
}
a:hover {
text-decoration: underline;
color: #234457;
transition-duration: 0s;
}
a:focus {
color: #234457;
}
a:link.disabled-text-effect,
a:visited.disabled-text-effect,
a:hover.disabled-text-effect,
a:active.disabled-text-effect {
color: #afafaf;
text-decoration: none;
}
.btn-default {
border-color: #cfcfcf;
background-color: #ffffff;
color: #313131;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.btn-default:hover,
.btn-default:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
.btn-default[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
.btn,
.btn-default {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
.btn.icon,
.btn-default.icon {
position: relative;
padding-left: 35px;
}
.edit-options .btn-default,
.header-bar .btn-default,
.btn-toolbar .btn-default,
.btn-group .btn-default,
.action-group .btn-default,
.dataTables_wrapper .btn-default {
border-color: transparent;
background-color: transparent;
color: #407ca0;
}
.edit-options .btn-default:hover,
.header-bar .btn-default:hover,
.btn-toolbar .btn-default:hover,
.btn-group .btn-default:hover,
.action-group .btn-default:hover,
.dataTables_wrapper .btn-default:hover,
.edit-options .btn-default:focus,
.header-bar .btn-default:focus,
.btn-toolbar .btn-default:focus,
.btn-group .btn-default:focus,
.action-group .btn-default:focus,
.dataTables_wrapper .btn-default:focus {
border-color: #407ca0;
background-color: #407ca0;
color: #ffffff;
transition-duration: 0s;
}
.edit-options .btn-default[disabled],
.header-bar .btn-default[disabled],
.btn-toolbar .btn-default[disabled],
.btn-group .btn-default[disabled],
.action-group .btn-default[disabled],
.dataTables_wrapper .btn-default[disabled] {
border-color: transparent;
background-color: transparent;
color: #afafaf;
transition-duration: 0s;
}
.edit-options .btn-default:active,
.header-bar .btn-default:active,
.btn-toolbar .btn-default:active,
.btn-group .btn-default:active,
.action-group .btn-default:active,
.dataTables_wrapper .btn-default:active,
.edit-options .btn-default.active,
.header-bar .btn-default.active,
.btn-toolbar .btn-default.active,
.btn-group .btn-default.active,
.action-group .btn-default.active,
.dataTables_wrapper .btn-default.active,
.open .edit-options .btn-default.dropdown-toggle,
.open .header-bar .btn-default.dropdown-toggle,
.open .btn-toolbar .btn-default.dropdown-toggle,
.open .btn-group .btn-default.dropdown-toggle,
.open .action-group .btn-default.dropdown-toggle,
.open .dataTables_wrapper .btn-default.dropdown-toggle {
border-color: #cfcfcf;
background-color: transparent;
color: #407ca0;
transition-duration: 0s;
}
.btn-primary {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.btn-primary:hover,
.btn-primary:focus {
border-color: #182e3b;
background-color: #6495b2;
color: #ffffff;
transition-duration: 0s;
}
.btn-primary[disabled] {
border-color: #4d4d4d;
background-color: #757575;
color: #313131;
transition-duration: 0s;
}
.btn-primary:active,
.btn-primary.active,
.open .btn-primary.dropdown-toggle {
border-color: #182e3b;
background-color: #407ca0;
color: #ffffff;
transition-duration: 0s;
}
.btn-primary.success {
color: #fff;
background-color: #54a75f;
border-color: transparent;
}
.btn-default.success {
color: #54a75f;
background-color: #fff;
border-color: #54a75f;
}
.btn-bordered.error {
color: #ac0033;
border-color: #ac0033;
background-color: #fff;
}
.btn-bordered.error:hover,
.btn-bordered.error:focus,
.btn-bordered.error:active {
background-color: #ac0033 !important;
color: #fff !important;
border-color: #ac0033 !important;
}
button[type=submit] + .btn {
border-color: #cfcfcf;
background-color: #ffffff;
color: #313131;
font-size: 15px;
transition: all 0.2s ease 0s;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
button[type=submit] + .btn:hover,
button[type=submit] + .btn:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
button[type=submit] + .btn:active,
button[type=submit] + .btn.active,
.open button[type=submit] + .btn.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn.icon {
position: relative;
padding-left: 35px;
}
button[type=submit] + .btn:hover,
button[type=submit] + .btn:focus {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn[disabled] {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
transition-duration: 0s;
}
button[type=submit] + .btn:active,
button[type=submit] + .btn.active,
.open button[type=submit] + .btn.dropdown-toggle {
border-color: #ababab;
background-color: #e0e0e0;
color: #313131;
transition-duration: 0s;
}
button[type=submit] + .btn.icon {
position: relative;
padding-left: 35px;
}
button[type=submit] + .btn.success {
color: #54a75f;
background-color: #fff;
border-color: #54a75f;
}
.btn .caret {
margin-left: 8px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: initial;
}
.btn:active {
box-shadow: none;
}
.btn.active {
box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}
.alert {
border-radius: 0;
padding: 10px 14px;
display:none;
}
.alert p:last-of-type {
margin-bottom: 0px;
}
.alert,
.alert-success {
color: #313131;
background-color: #e4f9de;
border-color: #54a75f;
}
.alert-notice {
color: #313131;
background-color: #e4f1fe;
border-color: #89c4f4;
}
.alert-error {
color: #313131;
background-color: #ffe3e0;
border-color: #ff0000;
}
.alert-warning {
color: #313131;
background-color: #fffacd;
border-color: #f9bf3b;
}
.modal-dialog .modal-content {
border-radius: 0.385rem;
padding: 28px;
background: #ffffff;
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
}
.modal-dialog .modal-title {
font-size: 20px;
font-weight: bold;
}
.modal-dialog .modal-header {
padding: 0 0 14px 0;
margin-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.modal-dialog .modal-body {
padding: 14px 0;
overflow-y: auto;
max-height: 500px;
}
.modal-dialog div.modal-body div.form-group label {
padding-left: 0px;
}
.modal-dialog .modal-footer {
margin-top: 0;
border-top: 0 none;
padding: 14px 0;
}
.modal-dialog .modal-footer .dialog-actions {
float: right;
}
.modal-dialog .close {
font-size: 28px;
font-weight: normal;
margin-top: 0;
opacity: 0.7;
}
.modal-dialog .form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.modal-open .t3-mainnav {
padding-right: 16px;
}
form {
padding-left: 0;
padding-right: 0;
}
label {
font-weight: normal;
}
form#globalAuth {
margin-top: 20px;
}
form#globalAuth label {
margin-bottom: 10px;
}
.well {
border: 1px solid #e8eaea;
background-color: #fefefe;
border-radius: 3px !important;
box-shadow: none;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.well .portfolio {
margin-right: 15px;
max-width: 96px;
padding: 0;
background: none transparent;
}
.help-block,
span.optional {
font-size: smaller;
margin-bottom: 5px;
font-weight: normal;
color: #838383;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox,
.form-control {
border-color: #969f9f;
background-color: #ffffff;
color: #313131;
box-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
.form-control:focus {
border-color: #575e5e;
}
select:focus:hover,
textarea:focus:hover,
input[type="text"]:focus:hover,
input[type="password"]:focus:hover,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus:hover,
input[type="date"]:focus:hover,
input[type="month"]:focus:hover,
input[type="time"]:focus:hover,
input[type="week"]:focus:hover,
input[type="number"]:focus:hover,
input[type="email"]:focus:hover,
input[type="url"]:focus:hover,
input[type="search"]:focus:hover,
input[type="tel"]:focus:hover,
input[type="color"]:focus:hover,
.inputbox:focus:hover,
.form-control:focus:hover {
border-color: #575e5e;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.inputbox:hover,
.form-control:hover {
border-color: #575e5e;
}
select[disabled],
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
.inputbox[disabled],
.form-control[disabled],
select[readonly],
textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="color"][readonly],
.inputbox[readonly],
.form-control[readonly],
fieldset[disabled] select,
fieldset[disabled] textarea,
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] input[type="datetime"],
fieldset[disabled] input[type="datetime-local"],
fieldset[disabled] input[type="date"],
fieldset[disabled] input[type="month"],
fieldset[disabled] input[type="time"],
fieldset[disabled] input[type="week"],
fieldset[disabled] input[type="number"],
fieldset[disabled] input[type="email"],
fieldset[disabled] input[type="url"],
fieldset[disabled] input[type="search"],
fieldset[disabled] input[type="tel"],
fieldset[disabled] input[type="color"],
fieldset[disabled] .inputbox,
fieldset[disabled] .form-control {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #afafaf;
}
.form-actions {
margin: 0;
padding: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: initial;
}
label.error {
color: #ff0000;
margin-bottom: 0px;
}
.validation-message {
min-width: 400px;
}
label.warning {
margin-bottom: 0px;
}
.value-changed-message {
min-width: 400px;
}
.radio-inline label {
font-weight: normal;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
top: 50%;
margin-top: 1px;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.switch-toggle input {
display: none;
}
.switch-toggle label {
line-height: normal;
padding: 8px;
float: left;
border: 1px solid #d8dcdc;
border-left-width: 0;
margin-left: 0;
margin-right: 0;
cursor: pointer;
transition: all 0.2s ease 0s;
}
.switch-toggle input[disabled] + label {
border-color: transparent;
color: #cfcfcf;
cursor: initial;
}
.switch-toggle label:first-of-type {
border-radius: 5px 0 0 5px;
border-left-width: 1px;
margin-left: 0;
}
.switch-toggle label:last-of-type {
border-radius: 0 5px 5px 0;
}
.switch-toggle input:checked + label {
background-color: rgba(64, 124, 160, 0.9);
border-color: #407ca0;
color: #ffffff;
border-left-width: 1px;
margin-left: -1px;
}
.switch-toggle input:checked + label:first-of-type {
margin-left: 0;
}
.switch-toggle input[disabled]:checked + label {
border-color: #cfcfcf;
background-color: #f5f5f5;
color: #313131;
}
.shared-user-edit,
.shared-user-name {
line-height: 35px;
}
.shared-user-view .switch-toggle input[disabled] + label,
.shared-user-edit .switch-toggle input[disabled] + label {
display: none;
}
.shared-user-view .switch-toggle input[disabled] + label:before,
.shared-user-edit .switch-toggle input[disabled] + label:before {
content: "Can ";
}
.shared-user-view .switch-toggle input[disabled]:checked + label,
.shared-user-edit .switch-toggle input[disabled]:checked + label {
display: initial;
border-color: transparent;
background-color: transparent;
color: #313131;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
vertical-align: middle;
}
table.table-striped th {
background-color: #f3f4f4;
color: #313131;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered,
table.dataTable,
.table-bordered {
border: 1px solid transparent;
border-collapse: collapse;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.panel > .table-bordered > thead,
.panel > .table-responsive > .table-bordered > thead,
table.dataTable > thead,
.table-bordered > thead {
background-color: #f3f4f4;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr,
.panel > .table-responsive > .table-bordered > thead > tr,
table.dataTable > thead > tr,
.table-bordered > thead > tr {
color: #313131;
border-top: 1px solid #f3f4f4;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr > th,
.panel > .table-responsive > .table-bordered > thead > tr > th,
table.dataTable > thead > tr > th,
.table-bordered > thead > tr > th,
.panel > .table-bordered > thead > tr > td,
.panel > .table-responsive > .table-bordered > thead > tr > td,
table.dataTable > thead > tr > td,
.table-bordered > thead > tr > td {
font-weight: normal;
padding-left: 10px;
border-right-color: transparent;
border-left-color: transparent;
border-bottom: 1px solid #f3f4f4;
}
.panel > .table-bordered > thead > tr > th.tablesorter-header:hover,
.panel > .table-responsive > .table-bordered > thead > tr > th.tablesorter-header:hover,
table.dataTable > thead > tr > th.tablesorter-header:hover,
.table-bordered > thead > tr > th.tablesorter-header:hover,
.panel > .table-bordered > thead > tr > td.tablesorter-header:hover,
.panel > .table-responsive > .table-bordered > thead > tr > td.tablesorter-header:hover,
table.dataTable > thead > tr > td.tablesorter-header:hover,
.table-bordered > thead > tr > td.tablesorter-header:hover,
.panel > .table-bordered > thead > tr > th.sorting:hover,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting:hover,
table.dataTable > thead > tr > th.sorting:hover,
.table-bordered > thead > tr > th.sorting:hover,
.panel > .table-bordered > thead > tr > td.sorting:hover,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting:hover,
table.dataTable > thead > tr > td.sorting:hover,
.table-bordered > thead > tr > td.sorting:hover {
color: #313131;
background-color: #e8eaea;
border-top: 1px solid #e8eaea;
border-bottom: 1px solid #e8eaea;
cursor: pointer;
}
.panel > .table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
table.dataTable > thead > tr > th.tablesorter-header:hover .fa-inverse,
.table-bordered > thead > tr > th.tablesorter-header:hover .fa-inverse,
.panel > .table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
table.dataTable > thead > tr > td.tablesorter-header:hover .fa-inverse,
.table-bordered > thead > tr > td.tablesorter-header:hover .fa-inverse,
.panel > .table-bordered > thead > tr > th.sorting:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting:hover .fa-inverse,
table.dataTable > thead > tr > th.sorting:hover .fa-inverse,
.table-bordered > thead > tr > th.sorting:hover .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting:hover .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting:hover .fa-inverse,
table.dataTable > thead > tr > td.sorting:hover .fa-inverse,
.table-bordered > thead > tr > td.sorting:hover .fa-inverse {
color: #313131;
}
.panel > .table-bordered > thead > tr > th.sorting_asc,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_asc,
table.dataTable > thead > tr > th.sorting_asc,
.table-bordered > thead > tr > th.sorting_asc,
.panel > .table-bordered > thead > tr > td.sorting_asc,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_asc,
table.dataTable > thead > tr > td.sorting_asc,
.table-bordered > thead > tr > td.sorting_asc,
.panel > .table-bordered > thead > tr > th.sorting_desc,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_desc,
table.dataTable > thead > tr > th.sorting_desc,
.table-bordered > thead > tr > th.sorting_desc,
.panel > .table-bordered > thead > tr > td.sorting_desc,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_desc,
table.dataTable > thead > tr > td.sorting_desc,
.table-bordered > thead > tr > td.sorting_desc {
color: #313131;
font-weight: 700;
background: #e0e3e3;
border-top: 1px solid #e0e3e3 !important;
border-bottom: 1px solid #e0e3e3;
}
.panel > .table-bordered > thead > tr > th.sorting_asc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_asc .fa-inverse,
table.dataTable > thead > tr > th.sorting_asc .fa-inverse,
.table-bordered > thead > tr > th.sorting_asc .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting_asc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_asc .fa-inverse,
table.dataTable > thead > tr > td.sorting_asc .fa-inverse,
.table-bordered > thead > tr > td.sorting_asc .fa-inverse,
.panel > .table-bordered > thead > tr > th.sorting_desc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > th.sorting_desc .fa-inverse,
table.dataTable > thead > tr > th.sorting_desc .fa-inverse,
.table-bordered > thead > tr > th.sorting_desc .fa-inverse,
.panel > .table-bordered > thead > tr > td.sorting_desc .fa-inverse,
.panel > .table-responsive > .table-bordered > thead > tr > td.sorting_desc .fa-inverse,
table.dataTable > thead > tr > td.sorting_desc .fa-inverse,
.table-bordered > thead > tr > td.sorting_desc .fa-inverse {
color: #313131;
}
.panel > .table-bordered > tbody,
.panel > .table-responsive > .table-bordered > tbody,
table.dataTable > tbody,
.table-bordered > tbody,
.panel > .table-bordered > tfoot,
.panel > .table-responsive > .table-bordered > tfoot,
table.dataTable > tfoot,
.table-bordered > tfoot {
color: #313131;
}
.panel > .table-bordered > tbody > tr > td,
.panel > .table-responsive > .table-bordered > tbody > tr > td,
table.dataTable > tbody > tr > td,
.table-bordered > tbody > tr > td,
.panel > .table-bordered > tfoot > tr > td,
.panel > .table-responsive > .table-bordered > tfoot > tr > td,
table.dataTable > tfoot > tr > td,
.table-bordered > tfoot > tr > td,
.panel > .table-bordered > tbody > tr > th,
.panel > .table-responsive > .table-bordered > tbody > tr > th,
table.dataTable > tbody > tr > th,
.table-bordered > tbody > tr > th,
.panel > .table-bordered > tfoot > tr > th,
.panel > .table-responsive > .table-bordered > tfoot > tr > th,
table.dataTable > tfoot > tr > th,
.table-bordered > tfoot > tr > th {
padding-left: 10px;
border: 1px solid #e8eaea;
border-width: 1px 0 1px 0;
}
.panel > .table-bordered > tbody > tr > td.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tbody > tr > td.disabled-text-effect,
table.dataTable > tbody > tr > td.disabled-text-effect,
.table-bordered > tbody > tr > td.disabled-text-effect,
.panel > .table-bordered > tfoot > tr > td.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tfoot > tr > td.disabled-text-effect,
table.dataTable > tfoot > tr > td.disabled-text-effect,
.table-bordered > tfoot > tr > td.disabled-text-effect,
.panel > .table-bordered > tbody > tr > th.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tbody > tr > th.disabled-text-effect,
table.dataTable > tbody > tr > th.disabled-text-effect,
.table-bordered > tbody > tr > th.disabled-text-effect,
.panel > .table-bordered > tfoot > tr > th.disabled-text-effect,
.panel > .table-responsive > .table-bordered > tfoot > tr > th.disabled-text-effect,
table.dataTable > tfoot > tr > th.disabled-text-effect,
.table-bordered > tfoot > tr > th.disabled-text-effect {
color: #afafaf;
}
.panel > .table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-responsive > .table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
table.dataTable > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.table-bordered > tbody > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
.panel > .table-responsive > .table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
table.dataTable > tfoot > tr.selectable:hover > td:not(.disabled-text-effect),
.table-bordered > tfoot > tr.selectable:hover > td:not(.disabled-text-effect) {
background: #d3cee7;
color: #454545;
}
.panel > .table-bordered > tbody > tr.active > td,
.panel > .table-responsive > .table-bordered > tbody > tr.active > td,
table.dataTable > tbody > tr.active > td,
.table-bordered > tbody > tr.active > td,
.panel > .table-bordered > tfoot > tr.active > td,
.panel > .table-responsive > .table-bordered > tfoot > tr.active > td,
table.dataTable > tfoot > tr.active > td,
.table-bordered > tfoot > tr.active > td,
.panel > .table-bordered > tbody > tr.highlight > td,
.panel > .table-responsive > .table-bordered > tbody > tr.highlight > td,
table.dataTable > tbody > tr.highlight > td,
.table-bordered > tbody > tr.highlight > td,
.panel > .table-bordered > tfoot > tr.highlight > td,
.panel > .table-responsive > .table-bordered > tfoot > tr.highlight > td,
table.dataTable > tfoot > tr.highlight > td,
.table-bordered > tfoot > tr.highlight > td {
background: #ffffff;
color: #313131;
font-weight: normal;
}
table.dataTable thead th {
padding: 5px 18px;
font-size: 13px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th,
.dataTable > tbody > tr:nth-child(2n+1) > td,
.dataTable > tbody > tr:nth-child(2n+1) > th {
background-color: #ffffff;
}
.table-striped > tbody > tr:nth-child(2n) > td,
.table-striped > tbody > tr:nth-child(2n) > th,
.dataTable > tbody > tr:nth-child(2n) > td,
.dataTable > tbody > tr:nth-child(2n) > th {
background-color: #ffffff;
}
table.dataTable thead > tr > th {
padding-right: 10px;
}
table.dataTable th.sorting {
background-image: none;
}
.dataTable th.sorting_desc,
.table th.headerSortDown {
background-image: none;
}
.dataTable th.sorting_desc::after,
.table th.headerSortDown::after {
content: "\f0dd";
font-family: FontAwesome;
float: none;
font-size: 1em;
position: relative;
top: -2px;
left: 7px;
line-height: 0;
}
.dataTable th.sorting_asc,
.table th.headerSortUp {
background-image: none;
}
.dataTable th.sorting_asc::after,
.table th.headerSortUp::after {
content: "\f0de";
font-family: FontAwesome;
float: none;
font-size: 1em;
position: relative;
top: 4px;
left: 7px;
line-height: 0;
}
.dataTables_wrapper .row {
padding-left: 7px;
padding-right: 7px;
}
.tablesorter-icon-desc {
float: right;
font-size: 1em;
position: relative;
}
.tablesorter-icon-asc {
float: right;
font-size: 1em;
position: relative;
}
table.table-monitoring {
margin-bottom: 0;
}
table.table-monitoring thead,
table.table-monitoring tr {
border: 1px solid #d8dcdc !important;
}
table.table-monitoring th {
background-color: #f2f2f2;
color: #454545;
width: 20% !important;
border-bottom: 1px solid #d8dcdc !important;
border-right: 1px solid #d8dcdc !important;
}
table.table-monitoring th:first-child {
border-left: 1px solid #d8dcdc !important;
}
table.table-monitoring th:last-child {
border-right: 1px solid #d8dcdc !important;
}
table.table-monitoring th .name,
table.table-monitoring th .details {
font-weight: normal;
}
table.table-monitoring th.arrow_box:after,
table.table-monitoring th.arrow_box:before {
display: none;
}
table.table-monitoring th.active {
background-color: #ffffff !important;
color: #686868;
border-bottom: 1px solid transparent !important;
}
table.table-monitoring th.active .details {
position: relative;
color: #686868;
}
table.table-monitoring th.active .details:after {
border-color: #407ca0 transparent transparent;
position: relative;
top: 49%;
z-index: 1;
border-image: none;
border-style: solid;
border-width: 10px;
content: " ";
height: 0;
left: 50%;
margin-left: -12px;
margin-top: -20px;
position: absolute;
top: 43px;
width: 0;
}
table.table-monitoring th:hover {
background-color: #ffffff;
color: #454545;
}
table.table-monitoring > caption + thead > tr:first-child > th,
table.table-monitoring > colgroup + thead > tr:first-child > th,
table.table-monitoring > thead:first-child > tr:first-child > th,
table.table-monitoring > caption + thead > tr:first-child > td,
table.table-monitoring > colgroup + thead > tr:first-child > td,
table.table-monitoring > thead:first-child > tr:first-child > td {
border-bottom: 0 none;
}
.table-monitoring-arrow-box {
border: 1px solid #c2e1f5;
}
.table-monitoring-name {
white-space: nowrap;
}
.table-monitoring-value {
font-weight: bold;
font-size: 1.2em;
white-space: nowrap;
}
.table-monitoring-details {
font-size: 0.75em;
white-space: nowrap;
}
#dtable_wrapper .dataTables_empty {
text-align: left;
}
#dtable_wrapper .pagination .prev.disabled,
#dtable_wrapper .pagination .next.disabled {
visibility: hidden;
pointer-events: none;
cursor: initial;
}
td.appcontent:last-child a {
white-space: nowrap;
}
div.table-responsive {
border: 0 none;
}
.t3-copyright {
border-top: 1px solid transparent;
padding: 22px 0;
background: #f3f4f4;
}
.t3-footer {
position: relative;
z-index: 10;
}
.t3-footer .col-md-12 {
  padding:0;
}
.t3-copyright .copyright {
text-align: center;
}
.t3-mainbody {
/*min-height: 846px;*/
}
.t3-navhelper {
background: #fdfdfd;
}
.btn[title="Back to Top"] {
display: none;
}
#t3-mainnav {
position: fixed;
height: 65px;
border: 0 none;
box-shadow: 0 0 1px 1px #0000001F, 2px 0 16px 2px #00000029;
background: -moz-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0, #ffffff 100%);
background: linear-gradient(top, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-bottom-color', endColorstr='@aap-mainnav-top-color')";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-top-color', endColorstr='@aap-mainnav-bottom-color')";
}
#t3-mainnav .container {
padding-left: 0;
padding-right: 0;
}
#t3-mainnav .navbar-nav {
max-height: 65px;
}
#t3-mainnav .navbar-nav > li > a,
#t3-mainnav .t3-navbar li > a {
line-height: 65px;
}
#t3-mainnav .navbar-nav > li > a {
text-transform: inherit;
}
#t3-mainnav .logo-image img {
height: 60px;
padding-left:64px;
}
@media (max-width: 991px) {
  #t3-mainnav .logo-image img {
    height: 60px;
    padding-left:22px;
    }
}
#t3-mainnav .mega-nav.level1 a {
padding-top: 0;
padding-bottom: 0;
}
#t3-mainnav .t3-megamenu .mega-nav > li,
#t3-mainnav .t3-megamenu .mega-nav > li:first-child,
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li,
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li:first-child {
border-top: 0 none;
border-bottom: 0 none;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li {

margin-left: 0px;
margin-right: 0px;
border: 0 none;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li:after {
position: absolute;
content: '';
bottom: 0;
left: 50%;
width: 0;
opacity: 1;
height: 4px;
background: #230c87;
transition: all .35s;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 {
padding: 5px 0;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 li {
height: 35px;
}
#t3-mainnav .t3-navbar .navbar-nav.level0 > li ul.level1 li > a {
height: 35px;
line-height: 35px;
}
#t3-mainnav .t3-navbar .level1 li {
border-right: 0 none;
}
#t3-mainnav .t3-navbar li > a {
padding-left: 14px;
padding-right: 14px;
}
#t3-mainnav .navbar-nav > li > a {
color: #666666;
font-size: 14px;
line-height: 64px;
font-weight: 700 !important;
font-family: 'Open Sans', sans-serif;
display:flex;
align-items:center;
gap:8px;
}
#t3-mainnav .navbar-nav > .dropdown > a .caret {
border-top-color: #666666;
border-bottom-color: #666666;
}
#t3-mainnav .t3-navbar li:hover > a {
color: #666666;
}
#t3-mainnav .t3-navbar li:hover > a .caret {
border-top-color: #666666;
}
#t3-mainnav .t3-navbar li.active > a {
color: #230c87;
}
#t3-mainnav .t3-navbar li.active > a .caret {
border-top-color: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li:hover {
background: -moz-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: linear-gradient(bottom, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-hover-top-color', endColorstr='@aap-mainnav-hover-bottom-color')";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar ul.level0 > li:hover:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
background: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li.active {
background: -moz-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -o-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: -ms-linear-gradient(bottom, #ffffff 0, #ffffff 100%);
background: linear-gradient(bottom, #ffffff 0, #ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='@aap-mainnav-selected-top-color', endColorstr='@aap-mainnav-selected-bottom-color')";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar ul.level0 > li.active:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
background: #230c87;
}
#t3-mainnav .t3-navbar ul.level0 > li.active:hover:after {
width: 100%;
left: 0;
bottom: -1px;
opacity: 1;
transition: none;
}
#t3-mainnav .navbar-nav > .open > a,
#t3-mainnav .navbar-nav > .open > a:hover,
#t3-mainnav .navbar-nav > .open > a:focus,
#t3-mainnav .navbar-nav > .active > a,
#t3-mainnav .navbar-nav > .active > a:hover,
#t3-mainnav .navbar-nav > .active > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li.open > a:focus,
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li.open > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#t3-mainnav .t3-navbar .level1 li:hover,
#t3-mainnav .t3-navbar .level1 li.open > a {
background: #ffffff;
}
#t3-mainnav .t3-megamenu .mega-dropdown-menu {
font-size: 14px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 0 4px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#t3-mainnav .t3-megamenu .mega-col-nav {
padding: 0;
}
#t3-mainnav .t3-megamenu .mega-inner {
padding: 0;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li > a {
color: #666666;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li > a:hover {
color: #666666;
}
#t3-mainnav .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
background-color: #ffffff;
color: #666666;
}
.t3-mainbody .dropdown-menu {
background: #ffffff;
border: 1px solid #d8dcdc;
}
.t3-mainbody .dropdown-menu .btn-primary,
.t3-mainbody .dropdown-menu .btn,
.t3-mainbody .dropdown-menu a {
background: #ffffff;
border: 0 none;
color: #4b4c4c;
font-size: 15px;
text-align: left;
}
.t3-mainbody .dropdown-menu > li {
border: 0 none;
}
.t3-mainbody .dropdown-menu > li .btn-link {
width: 100%;
text-align: left;
}
.t3-mainbody .dropdown-menu > li a:hover {
background-color: #f5f5f5;
color: #4b4c4c;
border-radius: 0;
}
.t3-mainbody .dropdown-menu > li.active {
background-color: #e3e3e3;
color: #19085f;
font-weight: bold;
border-radius: 0;
}
.t3-mainbody .dropdown-menu a.btn {
margin-bottom: 0;
}
.t3-mainbody .dropdown-menu > .disabled > a:hover,
.t3-mainbody .dropdown-menu > .disabled > a:focus {
cursor: initial;
}
.nav > li > a > img {
position: relative;
top: -8px;
margin-top: 0;
/* width: 112px; */
}
.navbar-nav li.dropdown.mega:last-child {
position: absolute;
right: 0;
}
.navbar-nav a.menu-profile img {
height: 24px;
width: 24px;
top: 0;
}
.daterangepicker.dropdown-menu {
background: #ffffff;
border: 1px solid #d8dcdc;
}
.daterangepicker.dropdown-menu .btn-primary {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
}
.daterangepicker.dropdown-menu a.btn {
margin-bottom: 0;
}
.daterangepicker.dropdown-menu .ranges ul {
margin-bottom: 4px;
}
.daterangepicker.dropdown-menu .ranges li {
color: #4b4c4c;
border-width: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background-color: #ffffff;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.daterangepicker.dropdown-menu .ranges li:hover {
background-color: #f5f5f5;
color: #4b4c4c;
}
.daterangepicker.dropdown-menu .ranges li.active,
.daterangepicker.dropdown-menu .ranges li.active:hover {
background-color: #e3e3e3;
color: #19085f;
font-weight: bold;
}
.daterangepicker.dropdown-menu .ranges .input-mini {
color: #4b4c4c;
}
.daterangepicker td {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
border-color: #24475b;
background-color: #407ca0;
color: #ffffff;
}
.daterangepicker .calendar {
width: auto;
max-width: initial;
}
.daterangepicker .calendar .month .monthselect {
width: 59%;
min-width: 100px;
display: inline-block;
}
.daterangepicker .calendar .month .yearselect {
width: 40%;
min-width: 65px;
display: inline-block;
}
.daterangepicker .calendar-date {
background: #ffffff;
}
.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
text-transform: none;
}
.daterangepicker .ranges {
width: 245px;
}
.daterangepicker .ranges .input-mini {
width: 115px;
}
.daterangepicker .ranges .range_inputs [disabled] {
cursor: auto;
}
.daterangepicker .ranges .cancelBtn {
margin-left: 8px;
}
.daterangepicker:not(.show-calendar) .daterangepicker_start_input,
.daterangepicker:not(.show-calendar) .daterangepicker_end_input {
display: none;
}
.daterangepicker:not(.show-calendar) .monthselect,
.daterangepicker:not(.show-calendar) .yearselect {
display: inline-block;
}
div.calendar {
width: auto;
}
.dropdown-menu.tags {
min-width: 350px;
left: -175px;
top: 39px;
padding-bottom: 4px;
}
.dropdown-menu.tags:before {
border-bottom: 7px solid #d8dcdc;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
height: 0;
left: 202px;
position: absolute;
top: -7px;
width: 0;
z-index: 0;
}
.dropdown-menu.tags:after {
border-bottom: 7px solid #ffffff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
height: 0;
left: 202px;
position: absolute;
top: -6px;
width: 0;
z-index: 1;
}
.dropdown-menu.tags > li {
float: left;
width: 100%;
border: 0 none;
font-size: 13px;
padding: 0 0 5px 0;
}
.dropdown-menu.tags > li > a.clear-tags {
float: right;
width: auto;
padding: 4px 10px;
color: #407ca0;
text-decoration: none;
display: inline;
transition: all 0.2s ease 0s;
}
.dropdown-menu.tags > li > a.clear-tags:active,
.dropdown-menu.tags > li > a.clear-tags:hover {
color: #234457;
background: none transparent;
transition-duration: 0s;
}
.dropdown-menu.tags > li > div a {
padding: 5px 10px;
border: 1px solid #dedede;
background-color: #ffffff;
color: #313131;
float: left;
margin-top: 5px;
transition: all 0.2s ease 0s;
}
.dropdown-menu.tags > li > div a:hover {
border-color: #ababab;
background: #e0e0e0;
color: #313131;
text-decoration: none;
transition-duration: 0s;
}
.dropdown-menu.tags > li > div a.active {
background-color: #d3cee7;
border-color: #230c87;
color: #313131;
}
.dropdown-menu.tags > li > div.active a {
background-color: #d3cee7;
border-color: #230c87;
color: #313131;
}
.dropdown-menu.tags > li > div.active + div a {
border-color: #230c87;
}
.dropdown-menu.tags > li > div:first-child > a {
width: 100%;
}
.dropdown-menu.tags > li > div:last-child > a {
margin-right: 5px;
}
.highcharts-container {
width: auto !important;
}
.recaptchatable {
border-color: #d8dcdc;
}
.recaptchatable #recaptcha_image {
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
border-width: 0 !important;
}
.recaptchatable input {
border-color: #969f9f !important;
background-color: #ffffff !important;
}
.recaptchatable input:focus {
border-color: #575e5e !important;
}
.recaptchatable input:focus:hover {
border-color: #575e5e !important;
}
.recaptchatable input:hover {
border-color: #575e5e !important;
}
.recaptchatable a {
color: #858585 !important;
}
.recaptchatable a:hover {
color: #407ca0 !important;
text-decoration: underline !important;
}
.recaptchatable #recaptcha_image {
border: 0 none !important;
}
.sort-dropdown,
.date-dropdown,
.tag-dropdown {
display: inline-block;
}
.table-filter {
float: right !important;
}
.edit-options,
.view-options {
float: right !important;
}
.message.loading {
padding: 8px;
}
.action-group + .action-group {
margin-right: 14px;
}
.action-group {
float: right;
margin-bottom: 0;
}
.action-group > a,
.action-group > button,
.action-group > div {
margin-left: 8px;
float: left;
}
.action-group form {
float: left;
}
.form-actions button,
.form-actions a {
margin-right: 8px;
}
.view-profile legend {
font-size: 42px;
font-weight: normal;
padding-top: 11px;
padding-bottom: 12px;
margin-bottom: 30px;
border-bottom: 1px solid #d8dcdc;
line-height: 1.1;
}
.view-profile .dl-horizontal {
margin: 0;
}
.view-profile .dl-horizontal dt,
.view-profile .dl-horizontal dd {
line-height: 46px;
}
.view-profile #users-profile-custom legend {
display: none;
}
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(1),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(1),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(3),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(3),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(4),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(4),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(5),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(5),
.view-profile #users-profile-custom .dl-horizontal dt:nth-of-type(6),
.view-profile #users-profile-custom .dl-horizontal dd:nth-of-type(6) {
display: none;
}
.view-profile .form-actions {
background-color: inherit;
padding: 0;
}
.view-profile .form-actions a.btn {
margin-bottom: 0;
}
.view-profile .chzn-search > input {
float: initial;
}
.view-profile .chzn-container .chzn-single {
max-width: 500px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) legend + .form-group {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(2) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(3) {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(4) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(4) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(5) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(5) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(6) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(1) > div.form-group:nth-of-type(7) .star {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) legend {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(2) .optional {
display: none;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(2) .controls::after {
content: "(optional)";
font-size: smaller;
font-weight: normal;
padding-left: 8px;
line-height: 35px;
}
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(1),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(3),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(4),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(5),
.view-profile .profile-edit fieldset:nth-of-type(2) > div.form-group:nth-of-type(6) {
display: none;
}
.layout-default.task-submit .t3-content,
.view-login .t3-content,
.view-registration .t3-content,
.view-reset .t3-content,
.view-change .t3-content {
padding-top: 56px;
}
.layout-default.task-submit .btn,
.view-login .btn,
.view-registration .btn,
.view-reset .btn,
.view-change .btn,
.layout-default.task-submit .btn-default,
.view-login .btn-default,
.view-registration .btn-default,
.view-reset .btn-default,
.view-change .btn-default,
.layout-default.task-submit .btn-primary,
.view-login .btn-primary,
.view-registration .btn-primary,
.view-reset .btn-primary,
.view-change .btn-primary {
border-radius: 0;
}
.layout-default.task-submit h1,
.view-login h1,
.view-registration h1,
.view-reset h1,
.view-change h1,
.layout-default.task-submit h2,
.view-login h2,
.view-registration h2,
.view-reset h2,
.view-change h2 {
padding-bottom: 14px;
margin-bottom: 21px;
}
.layout-default.task-submit form,
.view-login form,
.view-registration form,
.view-reset form,
.view-change form {
max-width: 390px;
min-height: 330px;
width: auto;
}
.layout-default.task-submit form label,
.view-login form label,
.view-registration form label,
.view-reset form label,
.view-change form label {
display: block;
}
.layout-default.task-submit form input,
.view-login form input,
.view-registration form input,
.view-reset form input,
.view-change form input {
border-width: 2px;
font-size: 16px;
min-height: 26px;
line-height: 26px;
padding: 5px 10px;
height: auto;
}
.layout-default.task-submit form button.btn-primary,
.view-login form button.btn-primary,
.view-registration form button.btn-primary,
.view-reset form button.btn-primary,
.view-change form button.btn-primary {
width: 280px;
height: 42px;
background-color: #230c87;
border: 1px solid #230c87;
color: #ffffff;
font-size: 20px;
padding-top: 0;
padding-bottom: 0;
line-height: 42px;
}
.layout-default.task-submit form button.btn-primary:hover,
.view-login form button.btn-primary:hover,
.view-registration form button.btn-primary:hover,
.view-reset form button.btn-primary:hover,
.view-change form button.btn-primary:hover {
opacity: 0.8;
}
.layout-default.task-submit form .help-block,
.view-login form .help-block,
.view-registration form .help-block,
.view-reset form .help-block,
.view-change form .help-block {
font-size: 13px;
}
.layout-default.task-submit select,
.view-registration select,
.view-reset select,
.view-change select,
.view-user select,
.view-users select,
.view-application select,
.view-applications select,
.layout-default.task-submit textarea,
.view-registration textarea,
.view-reset textarea,
.view-change textarea,
.view-user textarea,
.view-users textarea,
.view-application textarea,
.view-applications textarea,
.layout-default.task-submit input[type="text"],
.view-registration input[type="text"],
.view-reset input[type="text"],
.view-change input[type="text"],
.view-user input[type="text"],
.view-users input[type="text"],
.view-application input[type="text"],
.view-applications input[type="text"],
.layout-default.task-submit input[type="password"],
.view-registration input[type="password"],
.view-reset input[type="password"],
.view-change input[type="password"],
.view-user input[type="password"],
.view-users input[type="password"],
.view-application input[type="password"],
.view-applications input[type="password"],
.layout-default.task-submit input[type="datetime"],
.view-registration input[type="datetime"],
.view-reset input[type="datetime"],
.view-change input[type="datetime"],
.view-user input[type="datetime"],
.view-users input[type="datetime"],
.view-application input[type="datetime"],
.view-applications input[type="datetime"],
.layout-default.task-submit input[type="datetime-local"],
.view-registration input[type="datetime-local"],
.view-reset input[type="datetime-local"],
.view-change input[type="datetime-local"],
.view-user input[type="datetime-local"],
.view-users input[type="datetime-local"],
.view-application input[type="datetime-local"],
.view-applications input[type="datetime-local"],
.layout-default.task-submit input[type="date"],
.view-registration input[type="date"],
.view-reset input[type="date"],
.view-change input[type="date"],
.view-user input[type="date"],
.view-users input[type="date"],
.view-application input[type="date"],
.view-applications input[type="date"],
.layout-default.task-submit input[type="month"],
.view-registration input[type="month"],
.view-reset input[type="month"],
.view-change input[type="month"],
.view-user input[type="month"],
.view-users input[type="month"],
.view-application input[type="month"],
.view-applications input[type="month"],
.layout-default.task-submit input[type="time"],
.view-registration input[type="time"],
.view-reset input[type="time"],
.view-change input[type="time"],
.view-user input[type="time"],
.view-users input[type="time"],
.view-application input[type="time"],
.view-applications input[type="time"],
.layout-default.task-submit input[type="week"],
.view-registration input[type="week"],
.view-reset input[type="week"],
.view-change input[type="week"],
.view-user input[type="week"],
.view-users input[type="week"],
.view-application input[type="week"],
.view-applications input[type="week"],
.layout-default.task-submit input[type="number"],
.view-registration input[type="number"],
.view-reset input[type="number"],
.view-change input[type="number"],
.view-user input[type="number"],
.view-users input[type="number"],
.view-application input[type="number"],
.view-applications input[type="number"],
.layout-default.task-submit input[type="email"],
.view-registration input[type="email"],
.view-reset input[type="email"],
.view-change input[type="email"],
.view-user input[type="email"],
.view-users input[type="email"],
.view-application input[type="email"],
.view-applications input[type="email"],
.layout-default.task-submit input[type="url"],
.view-registration input[type="url"],
.view-reset input[type="url"],
.view-change input[type="url"],
.view-user input[type="url"],
.view-users input[type="url"],
.view-application input[type="url"],
.view-applications input[type="url"],
.layout-default.task-submit input[type="search"],
.view-registration input[type="search"],
.view-reset input[type="search"],
.view-change input[type="search"],
.view-user input[type="search"],
.view-users input[type="search"],
.view-application input[type="search"],
.view-applications input[type="search"],
.layout-default.task-submit input[type="tel"],
.view-registration input[type="tel"],
.view-reset input[type="tel"],
.view-change input[type="tel"],
.view-user input[type="tel"],
.view-users input[type="tel"],
.view-application input[type="tel"],
.view-applications input[type="tel"],
.layout-default.task-submit input[type="color"],
.view-registration input[type="color"],
.view-reset input[type="color"],
.view-change input[type="color"],
.view-user input[type="color"],
.view-users input[type="color"],
.view-application input[type="color"],
.view-applications input[type="color"],
.layout-default.task-submit .inputbox,
.view-registration .inputbox,
.view-reset .inputbox,
.view-change .inputbox,
.view-user .inputbox,
.view-users .inputbox,
.view-application .inputbox,
.view-applications .inputbox {
width: 100%;
}

.apps {

font-size: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;




}
.apps[data-view=tiles] {
flex-direction: row;
margin-right: -21px;
}
.apps,
.apps h2,
.apps p,
.apps ul,
.apps li,
.apps dl,
.apps dt,
.apps dd {
list-style: none;
padding: 0;
margin: 0;
}
.apps h2,
.apps p,
.apps dl,
.apps div {
position: absolute;
}
.apps > li {
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin-bottom: 21px;
}
.apps > li:hover {
border-color: #230c87;
}
.apps > li:hover h2 a {
color: #230c87;
}
.apps > li::after {
cursor: pointer;
pointer-events: none;
content: "";
width: 0;
height: 0;
position: absolute;
left: 260px;
top: 0;
height: 100%;
border-bottom: 62.5px solid #ffffff;
border-left: 62.5px solid transparent;
transform: translate(-100%);
z-index: 3;
}
.apps[data-view=tiles] > li {
width: calc(33.33% -  21px);
margin-right: 21px;
height: 300px;
overflow: visible;
margin-top: 21px;
}
.apps[data-view=tiles] > li::after {
display: none;
}
@media (max-width: 1200px) {
.apps[data-view=tiles] > li {
  width: calc(50% -  21px);
}
}
.apps .api-icon {
position: relative;
width: 260px;
height: 200px;
overflow: hidden;
}
.apps .api-icon a,
.apps .api-icon img {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
max-width: 260px;
z-index: 1;
}
.apps .api-icon img {
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.apps .api-icon a {
width: 100%;
height: 100%;
display: block;
background: transparent;
}
.apps .api-icon::after {
cursor: pointer;
content: "";
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
pointer-events: none;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.apps[data-view=tiles] .api-icon {
position: absolute;
top: -21px;
right: 14px;
width: 128px;
height: 128px;
}
.apps[data-view=tiles] .api-icon img {
max-height: 100%;
}
.apps[data-view=tiles] .api-icon::after {
display: none;
}
.apps h2,
.apps p,
.apps dl {
right: 173.33333333px;
}
.apps h2 {
left: 260px;
height: 42px;
line-height: 42px;
top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 150%;
font-weight: bold;
padding-left: 14px;
}
.apps h2 a {
color: #313131;
}
.apps[data-view=tiles] h2,
.apps[data-view=tiles] p {
width: calc(100% -  156px);
left: 0;
}
.apps[data-view=tiles] h2 {
white-space: normal;
height: auto;
line-height: normal;
top: 14px;
font-size: 130%;
}
.apps p {
top: 42px;
left: 260px;
padding-left: 14px;
bottom: 56px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.apps[data-view=tiles] p {
top: 121px;
font-size: 90%;
bottom: 74px;
-webkit-line-clamp: 6;
}
.apps ul {
display: flex;
justify-content: flex-start;
}
.apps[data-view=tiles] ul {
justify-content: flex-end;
flex-wrap: wrap;
}
.apps ul > li {
color: #407ca0;
display: inline;
background-color: rgba(255, 255, 255, 0.9);
padding: 2px 4px;
border: 1px solid #407ca0;
border-radius: 4px;
font-size: 80%;
text-overflow: ellipsis;
overflow: hidden;
line-height: normal;
margin-left: 4px;
}
.apps ul > li:first-child {
margin-left: 0;
}
.apps[data-view=tiles] ul > li {
margin-bottom: 4px;
}
.apps [role=toolbar] {
top: 0;
right: 14px;
padding: 14px 0;
}
.apps [role=toolbar] a {
display: block;
margin-bottom: 7px;
}
.apps [role=toolbar] a:last-of-type {
margin-bottom: 0;
}
.apps [role=toolbar] a.btn {
text-align: left;
border: 0 none;
border-radius: 21px;
}
.apps [role=toolbar] a.btn:hover {
text-decoration: underline;
background: transparent;
}
.apps [role=toolbar] a.btn.btn-primary:hover {
background: #407ca0;
}
.apps[data-view=tiles] [role=toolbar] {
top: 107px;
}
.apps dl {
bottom: 0;
left: 260px;
height: 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 14px 0;
}
.apps dt {
padding-left: 14px;
border-left: 1px solid #d8dcdc;
margin-right: 7px;
}
.apps dt:first-child {
border-left: none;
}
.apps[data-view=tiles] dl {
height: 46px;
}
.apps dd {
margin-right: 14px;

}
.apps dd:last-child {
width: 100%;
margin-right: 0;
}
.apps dt,
.apps dd {
display: inline;
line-height: 21px;
}
.apps[data-view=tiles] dl {
left: 0;
right: 14px;
}
.apps[data-view=tiles] dt {
display: none;

}
.apps[data-view=tiles] dt:first-of-type {
display: inline;
}
.apps[data-view=tiles] dt {
display: none;

}
.apps[data-view=tiles] dt:first-of-type {
display: inline;
}
.apps[data-view=tiles] dd:nth-of-type(2) {
border-left: 1px solid #d8dcdc;
padding-left: 14px;
}

.apis {


}
.apis .api-catalog-item {
font-size: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin-bottom: 21px;
-webkit-transition: border-color 0.2s ease-in-out;
-moz-transition: border-color 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out;
}
.apis .api-catalog-item:hover {
border-color: #230c87;
}
.apis .api-catalog-item:hover h2 a {
color: #230c87;
}
.apis .api-catalog-item h2 {
margin: 0;
font-weight: 700;
}
.apis .api-catalog-item h2 a {
color: #313131;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.apis .api-info {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.apis .api-info .deprecated-icon {
display: inline-block;
width: 21px;
line-height: 21px;
font-size: 14px;
font-weight: 700;
background-color: #230c87;
color: #ffffff;
text-align: center;
border-radius: 100%;
}
.apis .api-info-name:not(:first-child) {
border-left: 1px solid #d8dcdc;
}
.apis .api-info-name,
.apis .api-info .deprecated-text {
margin-right: 7px;
font-size: 14px;
font-weight: 700;
}
.apis .api-info-name:not(:first-child),
.apis .api-info .deprecated-text:not(:first-child) {
padding-left: 14px;
}
.apis .api-info-value,
.apis .api-info .retirement-date {
font-size: 14px;
margin-right: 14px;
}
.apis .api-buttons a {
display: block;
border: none;
}
.apis .api-buttons a:hover {
text-decoration: underline;
}
.apis .api-buttons a:not(:last-child) {
margin-bottom: 7px;
}
.apis .api-buttons a.btn-primary:hover {
background-color: #407ca0;
}
.apis .api-buttons a.metrics:hover {
background-color: transparent;
}
.apis .api-catalog-item[data-type="list"] {
position: relative;
}
.apis .api-catalog-item[data-type="list"] .api-image-section {
position: relative;
display: inline-block;
vertical-align: top;
width: 260px;
height: 200px;
margin-right: 15px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="list"] .api-image-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.apis .api-catalog-item[data-type="list"] .api-image-section:after {
content: '';
position: absolute;
bottom: -44px;
right: -44px;
width: 88px;
height: 88px;
background-color: #ffffff;
transform: rotate(45deg);
}
.apis .api-catalog-item[data-type="list"] .api-image-section a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.apis .api-catalog-item[data-type="list"] .api-image-section img {
position: absolute;
top: 50%;
left: 50%;
max-width: 260px;
max-height: 200px;
transform: translate(-50%, -50%);
}
.apis .api-catalog-item[data-type="list"] .api-info-section {
display: inline-block;
vertical-align: top;
width: calc(100% - 275px);
padding-right: 180px;
}
.apis .api-catalog-item[data-type="list"] .api-info-section > h2 {
height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 22.5px;
text-overflow: ellipsis;
white-space: nowrap;
}
.apis .api-catalog-item[data-type="list"] .api-info-section .api-description {
height: 110px;
line-height: 22px;
font-size: 14px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="list"] .api-info-section .api-info {
padding: 14px 0;
}
.apis .api-catalog-item[data-type="list"] .api-buttons {
position: absolute;
top: 0;
right: 0;
padding: 14px;
}
.apis[data-view="tile"] {
font-size: 0;
}
.apis .api-catalog-item[data-type="tile"] {
display: inline-block;
vertical-align: top;
padding: 14px;
margin-right: 21px;
width: calc(33.33% -  14px);
}
.apis .api-catalog-item[data-type="tile"]:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 1200px) {
.apis .api-catalog-item[data-type="tile"] {
  width: calc(50% -  10.5px);
}
.apis .api-catalog-item[data-type="tile"]:nth-child(3n) {
  margin-right: 21px;
}
.apis .api-catalog-item[data-type="tile"]:nth-child(2n) {
  margin-right: 0;
}
}
.apis .api-catalog-item[data-type="tile"] .api-left-section {
display: inline-block;
vertical-align: top;
width: calc(100% -  142px);
margin-right: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-left-section > h2 {
margin-bottom: 7px;
height: 62px;
font-size: 19.5px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="tile"] .api-left-section .api-description {
height: 165px;
font-size: 14px;
overflow: hidden;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section {
display: inline-block;
vertical-align: top;
width: 128px;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section .api-image {
height: 128px;
margin-bottom: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-right-section img {
width: 100%;
}
.apis .api-catalog-item[data-type="tile"] .api-info {
margin-top: 14px;
}
.apis .api-catalog-item[data-type="tile"] .api-info-value:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #d8dcdc;
}
.view-apitester .entry-details {
margin-top: 10px;
}
.view-apitester .entry-details .logo {
background-position: center center;
background-size: cover;
float: left;
height: 150px;
width: 150px;
display: block;
position: relative;
border: 0 none;
}
.view-apitester .entry-details .content label {
font-weight: normal;
}
.view-users .no-applications-defined,
.view-applications .no-applications-defined {
margin-top: 5px;
}
#applications-table td {
border-top: none;
padding: 0;
}
.view-user,
.view-application {

}
.view-user #general,
.view-application #general {
clear: both;
}
.modal-body .quota-methods {
list-style-type: none;
list-style-position: outside;
padding-left: 0;
}
.modal-body .quota-methods .quota-method {
margin-top: 8px;
margin-bottom: 4px;
}
.modal-body .quota-methods .quota-restrictions {
list-style-type: square;
list-style-position: outside;
}
.application.logo {
background-position: center center;
background-size: cover;
float: left;
height: 150px;
width: 150px;
display: block;
position: relative;
border: 0 none;
}
.fileinput-preview img {
max-height: 150px;
max-width: 150px;
}
#application-form .fileinput-new {
cursor: pointer;
}
#apis-table {
margin-top: 20px;
}
table td a.btn.dropdown-toggle {
margin-bottom: 0px;
}
div#authentication .table > tbody > tr > td {
padding-top: 5px;
padding-bottom: 5px;
}
.com_apiportal form#api-key-create-form .btn {
margin-bottom: 8px;
}
.control-group.row {
margin-bottom: 8px;
}
#oauth-add-scopes-details .oauth-add-scopes-search {
margin-top: 8px;
}
#oauth-add-scopes-details .oauth-add-scopes-search .search {
border-right: 0;
}
#oauth-add-scopes-details .oauth-add-scopes-search .input-group-addon {
border-left: 0;
background-color: #fdfdfd;
}
#oauth-add-scopes-details #oauth-add-scopes-table {
margin-bottom: 10px;
}
#oauth-add-scopes-details .form-group {
margin-bottom: 0px;
}
.com_apiportal #api-key-create-form > button {
margin-bottom: 8px;
}
.com_apiportal .add-shared-users-button {
margin-bottom: 8px;
}
#oauth-client-form label {
white-space: nowrap;
}
#oauth-secret-form #oauth-secret-label {
white-space: nowrap;
}
#oauth-secret-form #oauth-secret-key {
white-space: nowrap;
overflow: visible;
}
#oauth-new-secret-button {
float: right;
}
#api-key-details .control-label {
white-space: nowrap;
}
.no-additional-users {
margin-left: 10px;
}
#add-shared-users-details .add-shared-users-search {
margin-top: 8px;
}
#add-shared-users-details .add-shared-users-search .search {
border-right: 0;
}
#add-shared-users-details .add-shared-users-search .input-group-addon {
border-left: 0;
background-color: #fdfdfd;
}
.view-monitoring .t3-content {
padding-bottom: 0;
padding-top: 0;
}
.dataTables_length select {
margin-right: 5px;
}
.daterangebutton {
float: right;
}
.daterangepicker.opensleft:after {
border-bottom-color: #ffffff;
}
#dtableCustomButtons,
#dtableCustomButtons .btn-default {
float: left;
margin-bottom: 0;
}

.btn-toolbar,
.action-group {
margin-left: 0;
padding: 14px 0;
}
[role=search] {
position: relative;
margin: 0 7px;
}
[role=search] label {
margin-bottom: 0;
}
[role=search] label span {
padding-right: 7px;
display: inline-block;
}
[role=search] label input {
display: inline-block;
padding-right: 28px;
}
[role=search]::after {
font-family: 'Axway-Common';
content: "\e908";
text-align: center;
font-size: 140%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 7px;
opacity: 0.5;
}
.btn-toolbar {
margin-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.btn-toolbar .action-group,
.btn-toolbar .dataTables_filter,
.btn-toolbar .tablesorter-filter {
padding-top: 0;
padding-bottom: 0;
}
.btn-toolbar .dataTables_filter,
.btn-toolbar .tablesorter-filter {
float: right;
}
.btn-toolbar .dataTables_filter label,
.btn-toolbar .tablesorter-filter label,
.btn-toolbar .dataTables_filter .dropdown,
.btn-toolbar .tablesorter-filter .dropdown {
float: left;
}
.btn-toolbar .btn-group button.btn.btn-default {
padding-top: 7px;
padding-bottom: 5px;
}
.btn-toolbar .btn-default {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
.btn-toolbar .btn-default:hover,
.btn-toolbar .btn-default:active {
background-color: #407ca0;
color: #ffffff;
}
.btn-toolbar .btn-group > .btn:last-child:not(:first-child),
.btn-toolbar .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 21px;
border-top-left-radius: 21px;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 0;
}
.view-monitoring .nav-tabs {
margin-bottom: 10px;
}
.table-filter {
padding: 0;
}
.dataTables_filter,
.tablesorter-filter {
float: right;
}
.dataTables_filter label,
.tablesorter-filter label {
position: relative;
white-space: nowrap;
font-weight: normal;
}
.dataTables_wrapper .dataTables_filter input,
.tablesorter-filter input {
display: inline-block;
width: 16em;
padding-right: 30px;
margin-left: 0;
}
[role=search] input[type=text]::-ms-clear,
.dataTables_filter input[type=text]::-ms-clear,
.tablesorter-filter input[type=text]::-ms-clear {
display: none;
}
.dataTables_filter .fa-search,
.tablesorter-filter .fa-search {
position: absolute;
width: 0;
right: 24px;
top: 8px;
color: #858585;
font-size: 15px;
pointer-events: none;
}
.dataTables_length label select {
float: left;
}
.dataTables_length label span {
float: left;
padding-left: 10px;
line-height: 32px;
color: #858585;
}
.dataTables_wrapper .dataTables_info {
color: #858585;
padding: 14px 7px;
}
.dataTables_paginate a {
background-image: none;
background-color: #ffffff;
border: 1px solid #cfcfcf;
color: #313131;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.dataTables_paginate a + a {
border-left: 0 none;
}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next {
background-color: #f5f5f5;
border-color: #cfcfcf;
color: #afafaf;
box-shadow: none;
cursor: initial;
opacity: 0.65;
pointer-events: none;
}
.dataTables_paginate a.paginate_disabled_previous:hover,
.dataTables_paginate a.paginate_disabled_next:hover {
text-decoration: none;
}
.avPlayerWrapper {
display: block;
text-align: center;
clear: both;
margin: 40px 0;
}
table.a5styledoc {
width: 100%;
}
table.a5styledoc td {
border: none;
color: #858585;
vertical-align: top;
}
table.a5styledoc tr:hover {
background-color: #d3cee7;
}
table.a5styledoc td:first-child {
padding-left: 25px;
}
table.a5styledoc td:nth-child(1) {
width: 40%;
}
table.a5styledoc td:nth-child(2) {
width: 10%;
}
table.a5styledoc td img {
display: inline-block;
vertical-align: middle;
}
table.a5styledoc a.filetype {
font-size: smaller;
}
table.a5styledoc a.docname {
font-size: larger;
}
table.a5stylehelpcenter {
font-size: 0;
}
table.a5stylehelpcenter td,
table.a5stylehelpcenter tr td {
border-top: 0 none;
}
table.a5stylehelpcenter td > p {
font-size: 14px;
}
table.a5stylehelpcenter td p:first-child {
margin: 20px 0 0 0;
}
table.a5stylehelpcenter p:first-child a {
font-size: larger;
}
table.a5stylehelpcenter img {
border: 0;
margin-right: 20px;
margin-top: 20px;
}
table.a5stylecontact td,
table.a5stylecontact tr td {
border-top: 0 none;
padding: 5px 10px;
vertical-align: baseline;
}
.pricing {
padding: 0;
color: #313131;
background: transparent;
box-sizing: border-box;
width: 100%;
float: left;
margin: 14px 0;
}
.pricing h2 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
text-align: center;
margin-bottom: 0px;
color: #313131;
}
.pricing p {
margin: 0 0 20px 0;
}
.pricing .price {
font-size: 48px;
text-style: bold;
}
.pricing .permonth {
font-size: 10pt;
color: #afafaf;
}
.pricing .numrequests {
font-size: 24pt;
text-style: bold;
}
.pricing .requests {
font-size: 10pt;
text-style: normal;
}
.pricing .additionaltext {
font-size: 13pt;
text-style: bold;
}
.pricing .tier1 {
float: left;
width: 32%;
background: #FFFFFF;
border: 1px solid #d8dcdc;
height: 560px;
margin-right: 0px;
text-align: center;
}
.pricing .tier2 {
overflow: hidden;
background: #FFFFFF;
border: 1px solid #d8dcdc;
height: 560px;
margin-right: 0px;
margin-right: auto;
margin-left: auto;
text-align: center;
width: 33%;
position: relative;
}
.pricing * html .xmiddlecol3 {
float: left;
}
.pricing * html .xmiddlecol3 .xinner3 {
width: 100%;
}
.pricing .tier3 {
float: right;
width: 32%;
background: #FFFFFF;
position: relative;
border: 1px solid #d8dcdc;
height: 560px;
margin-left: 0px;
text-align: center;
}
.pricing .tier1,
.pricing .tier2,
.pricing .tier3 {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.pricing .tier1:hover,
.pricing .tier2:hover,
.pricing .tier3:hover {
border-color: #230c87;
}
.pricing .tier1:hover a.start,
.pricing .tier2:hover a.start,
.pricing .tier3:hover a.start {
border-color: #230c87;
background-color: #230c87;
}
.pricing .tier1:hover a.start:hover,
.pricing .tier2:hover a.start:hover,
.pricing .tier3:hover a.start:hover,
.pricing .tier1:hover a.start:focus,
.pricing .tier2:hover a.start:focus,
.pricing .tier3:hover a.start:focus {
border-color: rgba(35, 12, 135, 0.9);
background-color: rgba(35, 12, 135, 0.9);
}
.pricing .header {
background: transparent;
}
.pricing .start {
text-decoration: none;
padding: 8px;
border: 1px solid #24475b;
font-size: 12pt;
background: #407ca0;
display: inline-block;
margin-left: 0;
margin-right: 0;
color: #ffffff;
vertical-align: middle;
margin-bottom: 10px;
margin-top: 10px;
transition: all 0.2s ease 0s;
}
.pricing .start:hover,
.pricing .start:focus {
border-color: #182e3b;
background-color: #6495b2;
color: #ffffff;
transition-duration: 0s;
}
.pricing hr {
border-color: #d8dcdc;
width: 60%;
margin-bottom: 10px;
margin-top: 10px;
}
.flip-container {
perspective: 1000px;

}
.flip-container > .flip-card {
transition: 0.6s;
transform-style: preserve-3d;
}
.flip-container > .flip-card [role=region] {
backface-visibility: hidden;
}
.flip-container > .flip-card [role=region]:first-child {
z-index: 2;
transform: rotateY(0deg);
}
.flip-container > .flip-card [role=region]:last-child {
z-index: 1;
transform: rotateY(180deg);
}
.flip-container > .flip-card:hover {
transform: rotateY(180deg);
}
.view-home main {
font-size: 100%;
}
.view-home main h1,
.view-home main h1 + p {
margin: 0;
}
.view-home main h1 {
font-size: 500%;
line-height: 150%;
color: #fff;
font-weight: 700;
}
.view-home main h1 + p {
padding-bottom: 42px;
font-size: 200%;
color: #fff;
font-weight: 100;
}
.view-home main h2 {
margin: 14px;
font-size: 200%;
}
.view-home main a {
text-decoration: none;
}
.view-home main a:hover {
color: #222222;
text-decoration: underline;
}
.view-home main [aria-hidden=true] {
display: none !important;
}
.view-home main section {
position: relative;
z-index: 2;
padding: 56px;
}
.view-home main section .auto {
margin: 0 auto;
position: relative;
z-index: 1;
}
.view-home main::before {
content: "";
width: 0;
height: 0;
position: fixed;
left: 0;
top: 0;
border-top: 1600px solid #fff;
border-right: 1600px solid transparent;
z-index: 1;
}
.view-home body {

background-position: 160% bottom;
background-repeat: no-repeat;
background-size: 75%;
}
.view-home #enterSection {
padding: 9%;
position: relative;
background-color: #230c87;
background-image: url(/components/com_apiportal/assets/img/abstract.jpg);
background-size: cover;
text-align: center;
overflow: hidden;


}
.view-home #enterSection h1,
.view-home #enterSection p,
.view-home #enterSection a {
position: relative;
z-index: 3;
}
.view-home #enterSection a {
display: inline-block;
font-size: 200%;
font-weight: 700;
padding: 21px;
border: 1px solid #fff;
color: #fff;
border-radius: 500px;
width: 33.33%;
}
.view-home #enterSection::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(35, 12, 135, 0.5), rgba(64, 124, 160, 0.5));
}
.view-home #enterSection::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
border-top: 1280px solid #230c87;
border-right: 1280px solid transparent;
z-index: 2;
opacity: 0.4;
}
.view-home #featuresSection::after {
border-top: 1280px solid rgba(35, 12, 135, 0.5);
border-right: 1280px solid transparent;
}
.view-home #communitySection::after,
.view-home #featuresSection::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
opacity: 0.4;
border-top: 534px solid rgba(0, 0, 0, 0.1);
border-right: 534px solid transparent;
}
.view-home #communitySection ul,
.view-home #featuresSection ul,
.view-home #communitySection li,
.view-home #featuresSection li {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
justify-content: center;
}
.view-home #communitySection ul,
.view-home #featuresSection ul {
margin-right: -21px;
}
.view-home #communitySection li,
.view-home #featuresSection li {
width: calc(33.33% -  21px);
position: relative;
cursor: pointer;
margin-right: 21px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.1);
}
.view-home #communitySection li:hover,
.view-home #featuresSection li:hover {
border-color: #230c87;
}
.view-home #communitySection li:hover svg path,
.view-home #featuresSection li:hover svg path {
fill: #230c87;
}
.view-home #communitySection li:hover h2 a,
.view-home #featuresSection li:hover h2 a,
.view-home #communitySection li:hover [role=region] > a,
.view-home #featuresSection li:hover [role=region] > a {
color: #230c87;
border-color: #230c87;
}
.view-home #communitySection li svg,
.view-home #featuresSection li svg {
width: 128px;
height: 128px;
margin-top: 21px;
}
.view-home #communitySection li svg path,
.view-home #featuresSection li svg path {
fill: #407ca0;
}
.view-home #communitySection li h2,
.view-home #featuresSection li h2 {
color: #407ca0;
margin: 42px 0;
}
.view-home #communitySection li p,
.view-home #featuresSection li p {
font-size: 150%;
margin: 0;
margin-bottom: 21px;
width: 100%;
}
.view-home #communitySection li > [role=region],
.view-home #featuresSection li > [role=region] {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 21px;
background-color: white;
}
.view-home #communitySection svg {
position: absolute;
left: 75%;
top: 10%;
margin-top: 0;
}
.view-home #communitySection ul {
justify-content: flex-start;
}
.view-home #communitySection li {
border: none;
box-shadow: none;
}
.view-home #communitySection li h2,
.view-home #communitySection li p {
width: 85%;
}
.view-home #communitySection li p {
margin-bottom: 42px;
}
.view-home #communitySection li > [role=region] {
align-items: flex-start;
text-align: left;
}
.view-home #communitySection li > [role=region] > a {
display: inline-block;
font-weight: 700;
padding: 21px;
border: 1px solid #407ca0;
border-radius: 500px;
color: #407ca0;
width: 100%;
text-align: center;
font-size: 150%;
}
.view-home #communitySection::after {
display: none;
}
.view-help .row .col-md-2 {
height: 4em;
}
@media (max-width: 767px) {
section .auto {
  width: 100%;
}
}
@media (min-width: 768px) {
section .auto {
  width: 768px;
}
}
@media (min-width: 992px) {
section .auto {
  width: 970px;
}
}
@media (min-width: 1200px) {
section .auto {
  width: 1170px;
}
}
@media (max-height: 682px) {
.view-home #enterSection {
  padding: 5%;
}
.view-home #enterSection a {
  padding: 14px;
  font-size: 175%;
}
.view-home #enterSection::after {
  border-top-width: 1080px;
  border-right-width: 1080px;
}
.view-home main h1 {
  font-size: 400%;
}
.view-home main h1 + p {
  font-size: 175%;
}
}
@media screen and (max-width: 991px) {
#t3-mainnav .navbar-nav > li > a {
  line-height: 14px;
}
#t3-mainnav .navbar-nav {
  max-height: 100%;
}
.navbar-default .navbar-toggle {
  font-size: 21px;
}
.navbar-default .navbar-toggle .fa-bars:before {
  color: #230C87;
  transition: color 0.3s ease-in-out;
}
.navbar-default .navbar-toggle:hover .fa-bars:before, .navbar-default .navbar-toggle:focus .fa-bars:before {
  color:#fff;
}
.navbar-collapse {
  max-height: 100%;
}
.pricing {
  display: table;
  caption-side: bottom;
}
.pricing .tier1,
.pricing .tier2,
.pricing .tier3 {
  width: 100%;
  margin-bottom: 21px;
}
.pricing .tier3 {
  display: table-caption;
  float: none;
}
}
@media screen and (max-width: 768px) {
.t3-content {
  padding-left: 20px;
  padding-right: 20px;
}
.view-home .t3-content {
  padding-left: 0;
  padding-right: 0;
}
#t3-mainnav .navbar-nav > li > a {
  font-size: 14px;
  display:flex;
  align-items:center;
}
}
@media (min-width: 768px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  width: 750px;
}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  width: 750px;
}
}
@media (min-width: 992px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  position: absolute;
  z-index:9999;
}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  width: 970px;
}
}
@media (min-width: 1200px) {
.container {
  width: 100%;
}
.auto,
.com_easyblog .t3-mainbody,
#system-message-container,
.t3-mainnav .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-change .container,
.view-registration .container {
  /* width: 1170px; */
  widht:100%;
}
}
.com_easyblog .t3-mainbody {
margin: 0 auto;
padding: 14px 7px;
}
.eblog-site h2 {
text-transform: inherit;
color: inherit;
}
.discuss-wrap h2 {
text-transform: inherit;
color: inherit;
}
div#discuss-wrapper {
background: #fdfdfd;
}
div#discuss-wrapper .nav-collapse.collapse {
display: inherit;
}
div#discuss-wrapper .discuss-searchbar--select {
width: 150px;
}
div#discuss-wrapper .discuss-searchbar .discuss-searchbar--avatar {
display: none;
}
.focusGlowEffect {
-webkit-box-shadow: 0 0 5px 0 #575e5e;
-moz-box-shadow: 0 0 5px 0 #575e5e;
-o-box-shadow: 0 0 5px 0 #575e5e;
box-shadow: 0 0 5px 0 #575e5e;
}
.alert-heading + div div.alert-message {
background-color: transparent;
color: inherit;
}
@media (min-width: 768px) {
.entry-details .col-sm-2 {
  width: 25%;
}
.entry-details .content {
  width: 75%;
}
}
@media (min-width: 1024px) {
.entry-details .col-sm-2 {
  width: 19%;
}
.entry-details .content {
  width: 77%;
}
}
@media (min-width: 1280px) {
.entry-details .col-sm-2 {
  width: 16%;
}
.entry-details .content {
  width: 79%;
}
}
#general input[type="text"],
input[type="email"],
input[type="password"] {
width: 100%;
}
.page-header {
position: relative;
background-color: #d11f46;
background-image: url(/components/com_apiportal/assets/img/abstract.jpg);
background-size: cover;
width: 100%;
margin: 0 auto;
}
.page-header h1 {
color: #ffffff;
padding-left: 7px;
padding-right: 7px;
margin: 0 auto;
width: 65%;
}

.type-component.ed-responsive {
width: 65%;
margin: 0 auto;
}
.archive #adminForm {
width: 65%;
margin: 0 auto;
}
.blog .items-leading {
width: 65%;
margin: 0 auto;
}
.category-list {
width: 65%;
margin: 0 auto;
}
.blog-items {
width: 54%;
}
.blog .features-intro {
width: 65%;
margin: 0 auto;
}
.glossary-nav {
width: 65%;
margin: 0 auto;
margin-top: 16px;
}
.glossary-items {
width: 65%;
margin: 0 auto;
}
.magazine-featured {
width: 65%;
margin: 0 auto;
}
.porfolio {
width: 65%;
margin: 0 auto;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot');
src: url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
top: 3px;
}
.app-type .tooltip {
top: 25px;
display: block;
left: 0 !important;
}
.app-type .tooltip-arrow {
left: 38% !important;
}
.splitword {
word-break: break-all;
}
ul.dropdown-menu.tags {
word-wrap: break-word;
}
@media (min-width: 1200px) {
.com_users .t3-mainbody {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
}
.com_users form {
max-width: 390px;
min-height: 330px;
width: auto;
}
.com_users .t3-content {
padding-top: 0px;
}
#system-message {
margin-bottom: 10px;
padding-top: 10px;
}
#featuresSection .auto ul .t3-spotlight > div {
float: none;
display: inline-block;
vertical-align: top;
}
#featuresSection li {
min-height: 390px;
}

.veloe-footer {
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: top;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 60px 64px;
}
@media screen and (max-width: 991px) {
  .veloe-footer {
    padding: 20px 22px;
  }
}

@media (min-width: 768px) {
  .api-padding{
    padding-left:64px;
  }
}

.accordion {
  width: 370px;
  margin: 14px auto;
  overflow: hidden;
}

/* Styling for the accordion title */
.accordion input[type="checkbox"] {
  display: none;
}

.accordion label {
  display: block;
  position: relative;
  padding: 12px 36px 12px 12px;
  /* Added extra padding for the chevron */
  cursor: pointer;
}

/* Styling for the accordion content */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ;
  padding: 0 12px;
  background-color: #ffffff;
  border-left: 3px solid #230C87;
}

/* Using the sibling combinator (~) to toggle the content visibility */
.accordion input[type="checkbox"]:checked~.accordion-content {
  max-height: 1500px;
  /* Adjust this value as per your content */
  padding: 12px;
}

.accordion label::after {
  content: "";
  /* Unicode for a right-pointing chevron (▸) */
  position: absolute;
  border: solid #666666;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  top: 50%;
  right: 12px;
  transform: rotate(225deg);
  transition: all 0.4s ;
}

/* Rotate the chevron when accordion is open */
.accordion input[type="checkbox"]:checked~label::after {
  transform: rotate(45deg);
  border: solid #230C87;
  border-width: 0 3px 3px 0;
}

.accordion label {
  color: #666666;
  transition: 0.4s;
}

.accordion input[type="checkbox"]:checked~label {
  color: #230C87;
  ;
}