/*!
 * vCalc theme v1.0.0
 */

@import "bootstrap.css";

/* ##########################################################################
                     B O O T S T R A P   O V E R R I D E S
   ########################################################################## */

/* Grids
   -------------------------------------------------------------------------- */

@media (min-width: 1200px) {

    .container {
        width: 1182px;
    }

} /* end @media */

/* Grids - Equal Height
   -------------------------------------------------------------------------- */

.container-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
}

.row-height {
    display: table-row;
}

.col-height {
    display: table-cell;
    float: none;
}

@media (max-width: 768px) {

    .container-height-sm {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-height-sm {
        display: table-row;
    }

    .col-height-sm {
        display: table-cell;
        float: none;
    }

} /* end @media */

@media (min-width: 992px) {

    .container-height-md {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-height-md {
        display: table-row;
    }

    .col-height-md {
        display: table-cell;
        float: none;
    }

} /* end @media */

@media (min-width: 1200px) {

    .container-height-lg {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-height-lg {
        display: table-row;
    }

    .col-height-lg {
        display: table-cell;
        float: none;
    }

} /* end @media */

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* Media
   -------------------------------------------------------------------------- */

.media {
    margin-top: 16px;
}

/* Media Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

    .media-responsive-xs {
        display: block;
        margin-bottom: -20px;
    }

    .media-responsive-xs > .media-left,
    .media-responsive-xs > .media-right,
    .media-responsive-xs > .media-body {
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }

} /* end @media */

@media (max-width: 991px) {

    .media-responsive-sm {
        display: block;
        margin-bottom: -20px;
    }

    .media-responsive-sm > .media-left,
    .media-responsive-sm > .media-right,
    .media-responsive-sm > .media-body {
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }

} /* end @media */

/* ##########################################################################
                          Z K   O V E R R I D E S
   ########################################################################## */

html,
body {
    height: auto;
}

.z-label,
.z-radio-content,
.z-checkbox-content,
.z-loading,
.z-apply-loading-indicator,
.z-drop-content,
.z-selectbox,
.z-a,
.z-auxheader-content,
.z-combobox-input,
.z-bandbox-input,
.z-datebox-input,
.z-timebox-input,
.z-spinner-input,
.z-doublespinner-input,
.z-combobox-popup,
.z-bandbox-popup,
.z-datebox-popup,
.z-timebox-popup,
.z-north-header,
.z-south-header,
.z-west-header,
.z-center-header,
.z-east-header,
.z-north-title,
.z-south-title,
.z-west-title,
.z-east-title,
.z-button,
.z-calendar,
.z-calendar th,
.z-calendar-title,
.z-datebox-timezone,
.z-combobutton-content,
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-errorbox-content,
.z-grid-emptybody td,
.z-column-content,
.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content,
.z-grid-body .z-cell,
.z-groupbox>.z-groupbox-header,
.z-listbox-emptybody td,
.z-listheader-content,
.z-listcell-content,
.z-listgroup-content,
.z-listgroupfoot-content,
.z-listfooter-content,
.z-select,
.z-menu-text,
.z-menuitem-text,
.z-paging-button,
.z-paging-input,
.z-paging-text,
.z-paging-info,
.z-panel-header,
.z-popup-content,
.z-notification-content,
.z-slider-input,
.z-slider-popup,
.z-tab,
.z-toolbarbutton-content,
.z-tree-emptybody td,
.z-treecol-content,
.z-treecell-content,
.z-treefooter-content,
.z-window-header,
.z-messagebox .z-label {
    font-family: inherit;
}

.z-loading-indicator,
.z-apply-loading-indicator,
.z-temp .z-loading-indicator,
.z-groupbox>.z-groupbox-header,
.z-paging-selected,
.z-paging-input,
.z-paging-text,
.z-paging-info,
.z-panel-header,
.z-window-header,
.z-messagebox .z-label {
    color: inherit;
}

.z-a,
.z-button {
    font-size: inherit;
}

.z-button {
    text-shadow: none;
}

.z-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-image: none;
}

.z-label {
    line-height: inherit;
}

.z-label,
.z-radio-content,
.z-checkbox-content,
.z-loading {
    font-size: inherit;
    font-weight: inherit;
}

.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox {
    font-size: inherit;
    height: 40px;
}

.z-checkbox input[type="checkbox"],
.z-radio input[type="radio"] {
    margin-top: 0;
    margin-right: 4px;
}

.z-column-content,
.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content {
    font-size: inherit;
    color: inherit;
    padding: 0;
    line-height: inherit;
    overflow: hidden;
}

.z-column-content {
    padding: 8px;
}

.z-combobox-button {
    padding-top: 12px;
    padding-bottom: 27px;
}

.z-combobox-button,
.z-bandbox-button,
.z-datebox-button,
.z-timebox-button,
.z-spinner-button,
.z-doublespinner-button {
    border-color: #e0e4e7;
    background: #EEEFF0;
}

.z-combobox-button:active,
.z-bandbox-button:active,
.z-datebox-button:active,
.z-timebox-button:active,
.z-spinner-button:active,
.z-doublespinner-button:active {
    border-color: #adadad;
    background: #d3d3d3;
    box-shadow: none;
}

.z-combobox-button:hover,
.z-bandbox-button:hover,
.z-datebox-button:hover,
.z-timebox-button:hover,
.z-spinner-button:hover,
.z-doublespinner-button:hover {
    border-color: #adadad;
    background: #d3d3d3;
}

.z-combobox-input[type="text"] {
    display: inline;
}

.z-combobox .z-combobox-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.z-comboitem {
    text-shadow: none;
}

.z-combobox-shadow,
.z-bandbox-shadow,
.z-datebox-shadow {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 0 rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 0 rgba(0,0,0,0.35);
}

.z-comboitem:hover,
.z-comboitem-selected,
.z-comboitem-selected:hover {
    background: #ececec;
}

.z-comboitem-selected .z-comboitem-text {
}

.z-grid {
    border: 0;
}

.z-grid-odd > .z-row-inner,
.z-grid-odd > .z-cell {
    background: none;
}

.z-row:hover > .z-row-inner,
.z-row:hover > .z-cell {
    background: none;
}

.z-grid-emptybody {
    display:  none;
}

.z-grid .z-row-inner,
.z-grid .z-cell {
    background-color: transparent;
}

.z-grid-paging-top {
    margin-bottom: 32px;
}

.z-grid-paging-bottom {
    margin-top: 32px;
}

.z-listheader-content,
.z-listcell-content,
.z-listgroup-content,
.z-listgroupfoot-content,
.z-listfooter-content {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    line-height: inherit;
}

.z-popup {
    background: #fff;
    border: 1px solid #e0e4e7;
}

.z-paging {
    background: none;
    vertical-align: top;
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    height: auto;
}

.z-paging-button {
    background: #eeeff0;
}

.z-paging-input[type="text"] {
    display: inline;
    width: auto;
    height: 24px;
    vertical-align: top;
}

.z-paging-info {
    right: 0;
}

.z-listbox-paging-top {
    border-bottom: 0;
}

.z-listbox-paging-bottom {
    border-top: 0;
}

.z-window-noborder {
    padding: 0;
}

.z-window-modal-none .z-window-content {
    padding: 0;
}

.z-window-move-ghost {
    background-color: #fff;
    border: 0;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    border-radius: 4px;
}

.z-window-move-ghost .z-window-header {
    display: none;
}

.z-combobox-open .z-combobox-button,
.z-combobox-open input[type="text"].z-combobox-input {
    color: #4d5860;
    background-color: #d3d3d3;
    border-color: #adadad;
}

.z-combobox-popup,
.z-bandbox-popup,
.z-datebox-popup,
.z-timebox-popup {
    border-color: #e0e4e7;
    font-size: 14px;
    padding: 0;
}

.z-comboitem, .z-comboitem a,
.z-comboitem a:visited {
    font-size: 14px;
    line-height: 1.428571428571429;
    color: #333;
}

.z-comboitem {
    padding: 3px 12px;
}

.z-tabbox {
}

.z-tabbox-icon {
    background: transparent;
    border: 0;
    padding: 0;
    width: 32px;
    line-height: 48px;
}

.z-tabbox-icon > i {
    vertical-align: top;
}

.z-tabbox-scroll > .z-tabs {
    margin-left: 32px;
    margin-right: 32px;
}

.z-tabbox-accordion .z-tabpanels {
    background-color: transparent;
    border-top: 0;
    padding: 0;
}

.z-tabbox-accordion .z-tabpanels .z-tabpanel {
    background: #EEEFF0;
    border: 1px solid #E0E4E7;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 8px;
    word-break: break-all;
}

.z-tabbox-accordion .z-tabpanels .z-tabpanel:first-child {
    margin-top: 0;
}

.z-tabbox-accordion .z-tabpanels .z-tabpanel .z-tabpanel-content {
    border: 0;
    padding: 0 15px 15px;
}

.z-tabbox-accordion .z-tabpanels .z-tab {
    background: none;
    padding: 9px 15px;
}

.z-tabbox-accordion .z-tabpanels .z-tab-text {
    color: #0f1f2c;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 0;
}

.z-tabbox-accordion .z-tabpanels .z-tab-text::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 9px;
    bottom: 0;
    background: url("../images/icon-panel-toggle.png") no-repeat left top;
    width: 28px;
    height: 28px;
}

.z-tabbox-accordion .z-tabpanels .z-tab-selected {
    background: none;
}

.z-tabbox-accordion .z-tabpanels .z-tab-selected .z-tab-text {
    font-weight: bold;
}

.z-tabbox-accordion .z-tabpanels .z-tab-selected .z-tab-text::after {
    background-position: left bottom;
}

.z-tabs {
}

.z-tabs-content {
    border-bottom: 0;
}

.z-tab {
    background: #fff;
    border: 0;
    font-size: 18px;
}

.z-tab:hover {
    background: #EEEFF0;
}

.z-tab-text {
    color: #326c90;
    padding: 12px 15px;
}

.z-tab-selected,
.z-tab-selected:hover {
    background: #919CA2;
    border-color: #919CA2;
}

.z-tab-selected .z-tab-text {
    color: #fff;
    font-weight: normal;
}

.z-tabpanels {
    background: #fff;
    padding: 0;
}

.z-tabpanel {
    background-color: #fff;
    border: 15px solid #919CA2;;
    padding: 15px;
}

.z-tabpanel table,
.adcost-list table,
.z-vbox,
.z-hbox{
    margin-bottom: 0;
}

.z-tabpanel table > tbody > tr > td {
    border-top: 0;
}

.z-tabbox-top > .z-tabs .z-tab:first-child.z-tab-selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.z-hbox th,
.z-vbox th,
.z-hbox td,
.z-vbox td {
    border-top: 0;
    vertical-align: revert;
}

.z-vbox > tbody > tr > td > table,
.z-hbox > tbody > tr > td > table {
    margin-bottom: 0;
    width: auto;
}

.z-groupbox {
    padding-top: 0;
    margin-bottom: 16px
}

.z-groupbox-content {
    border-color: #e0e4e7;
    padding: 9px;
}

.z-groupbox > .z-groupbox-header {
    border-color: #e0e4e7;
}

.z-toolbar {
    background: transparent;
}

.z-toolbarbutton:hover {
    background: transparent;
}

.z-column {
    background: #eeeff0;
    border-color: transparent;
}

.z-apply-loading-icon,
.z-loading-icon {
    vertical-align: middle;
}

/* ##########################################################################
                       V C A L C  T H E M E  C U S T O M
   ########################################################################## */

/* Base
   -------------------------------------------------------------------------- */

html {
    background: #75838b;
    min-width: 320px;
}

body {
    background: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.714;
    padding: 0;
}

@media (min-width: 768px) {

    body {
        font-size: 15px;
        line-height: 1.86667;
    }

} /* end @media */

a {
    color: #326c90;
}

a:hover {
    color: #1b394c;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    line-height: 1;
    margin: 0 0 20px;
}

h1, .h1 {
    color: #333;
    font-size: 28px;
    letter-spacing: -1px;
}

h2, .h2 {
    color: #1b394c;
    font-size: 24px;
}

h3, .h3 {
    color: #326c90;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -.5px;
}

h4, .h4 {
    color: #333;
    font-size: 20px;
}

h5, .h5 {
    color: #1b394c;
    font-size: 18px;
    line-height: 20px;
}

h6, .h6 {
    color: #326c90;
    font-size: 16px;
}

@media (min-width: 768px) {

    h1, .h1 {
        font-size: 48px;
    }

    h2, .h2 {
        font-size: 32px;
    }

    h3, .h3 {
        font-size: 24px;
    }

} /* end @media */

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: inherit;
    text-decoration: none;
}

h1 .badge,
.h1 .badge,
h2 .badge,
.h2 .badge,
h3 .badge,
.h3 .badge,
h4 .badge,
.h4 .badge,
h5 .badge,
.h5 .badge,
h6 .badge,
.h6 .badge {
    vertical-align: super;
}

p {
    margin-bottom: 20px;
}

.lead {
    line-height: 1.5;
}

@media (min-width: 768px) {

    .lead {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 24px;
    }

} /* end @media */

pre {
    font-size: 14px;
}

blockquote {
    padding: 6px 20px;
    margin: 0px 0px 20px;
    border-left: 5px solid #E0E4E7;
    font-size: 15px;
}

ul,
ol {
    margin-bottom: 20px;
}

label {
    margin-bottom: 4px;
}

hr {
    border-top: 1px solid #e0e4e7;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 8px;
}

/* Tables
   -------------------------------------------------------------------------- */

.table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 9px;
}

.table tbody th {
    color: #326C90;
}

.table small {
    line-height: 1;
}

.table code {
    vertical-align: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 4px
}

.table .table,
table table {
    background-color: transparent;
}

/* Icons
   -------------------------------------------------------------------------- */

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:hover,
[class*=" icon-"]:hover {
    text-decoration: none;
}

.glyphicon {
    font-family: 'Glyphicons Halflings';
}

/**
 * Icon Block
 *
 * Wrap icon with this class for the surrounding border box.
 */

.icon-block {
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccd1d3;
    border-radius: 4px;
    color: #326c90;
    font-size: 32px;
    padding: 8px;
    margin: 5px;
}

.icon-block:before {
    content: "";
    display: inline-block;
    border: 1px solid #ccd1d3;
    border-radius: 8px;
    padding: 4px;
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
}

.icon-block-lg {
    font-size: 44px;
    padding: 14px;
}

/* Forms
   -------------------------------------------------------------------------- */

.description {
    margin: 0px 2% 0px 10%;
    display: block;
}

.form-control,
textarea,
select,
select[size="0"],
select[size="1"],
input[type="text"],
input[type="password"] {
    height: 40px;
    color: #333;
}

.form-control::placeholder,
textarea::placeholder,
select::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {
    color: #999;
    opacity: 1;
}

textarea {
    height: auto;
    font-family: "Open Sans", Arial, sans-serif;
}

.form-control, textarea, select, input[type="text"], input[type="password"] {
    border-color: #e0e4e7;
    box-shadow: none;
    color: #333;
}

.form-control:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus {
    border-color: #326C90;
    box-shadow: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, select[disabled], select[readonly], fieldset[disabled] select, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"] {
    background: #EEEFF0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 40px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 32px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 48px;
    }

} /* end @media */

.form-control-static {
    min-height: 40px;
}

.input-sm {
    height: 32px;
}

select.input-sm {
    height: 32px;
    line-height: 32px;
}

.form-group-sm .form-control {
    height: 32px;
}

.form-group-sm select.form-control {
    height: 32px;
    line-height: 32px;
}

.form-group-sm .form-control-static {
    height: 32px;
    min-height: 32px;
}

.input-lg {
    height: 48px;
}

select.input-lg {
    height: 48px;
    line-height: 48px;
}

.form-group {
    margin-bottom: 16px;
}

.form-group-lg .form-control {
    height: 48px;
}

.form-group-lg select.form-control {
    height: 48px;
    line-height: 48px;
}

.form-group-lg .form-control-static {
    height: 48px;
    min-height: 40px;
}

.form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.input-group-addon {
    background: #eeeff0;
    border-color: #e0e4e7;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.has-feedback label ~ .form-control-feedback {
    top: 32px;
}

/* Settings Form
   -------------------------------------------------------------------------- */

.settings-form .form-group {
    margin-top: 16px;
}

.user-uuid {
    margin-top:7px;
}

.profile-image-edit button{
    margin-top:3px;
}

/* Share Modal
   -------------------------------------------------------------------------- */
.form-group .share-url {
    width: 100%;
    margin-top: 10px;
}

/* Buttons
   -------------------------------------------------------------------------- */

input.button,
.buttonwrapper button,
.buttonwrapper a {
    color: #fff;
    background: #326c90;
    border-color: #326c90;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    box-shadow: none;
    border-radius: 4px;
    margin: 0;
}

input.button:hover,
.buttonwrapper button:hover,
.buttonwrapper a:hover,
input.button:active,
.buttonwrapper button:active,
.buttonwrapper a:active,
input.button.active,
.buttonwrapper button.active,
.buttonwrapper a.active,
input.button:hover, .buttonwrapper button:hover, .buttonwrapper a:hover, input.button:focus, .buttonwrapper button:focus, .buttonwrapper a:focus, input.button.focus, .buttonwrapper button.focus, .buttonwrapper a.focus, input.button:active, .buttonwrapper button:active, .buttonwrapper a:active, input.button.active, .buttonwrapper button.active, .buttonwrapper a.active, .open > .dropdown-toggleinput.button, .open > .dropdown-toggle.buttonwrapper button, .open > .dropdown-toggle.buttonwrapper a {
    color: #fff;
    background: #4187b3;
    border-color: #4187b3;
    box-shadow: none;
}

.buttonwrapper input.secondary,
.buttonwrapper button.secondary,
.buttonwrapper a.secondary,
a.secondary {
    background-image: none;
    color: #fff;
    background: #c2403b;
    border-color: #c2403b;
    box-shadow: none;
}

.buttonwrapper input.secondary:hover, .buttonwrapper button.secondary:hover, .buttonwrapper a.secondary:hover, a.secondary:hover, .buttonwrapper input.secondary:focus, .buttonwrapper button.secondary:focus, .buttonwrapper a.secondary:focus, a.secondary:focus {
    background-image: none;
    color: #fff;
    background: #e74b45;
    border-color: #e74b45;
    box-shadow: none;
}

.btn,
.btn-group {
    margin-top: 0;
    margin-bottom: 0;
}

.btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
    box-shadow: none;
    border-radius: 4px;
}

.btn:hover,
.btn:active,
.btn.active {
    box-shadow: none;
}

/**
 * Button Sizes
 */

.btn-lg,
.btn-group-lg > .btn {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 12px;
    line-height: 1.5;
    padding-top: 6px;
    padding-bottom: 6px;
}

.btn-xs,
.btn-group-xs > .btn {
    font-size: 12px;
    line-height: 1.5;
    padding-top: 2px;
    padding-bottom: 2px;
}

/**
 * Button Types
 */

.btn-default {
    color: #333;
    background-image: none;
    background: #fff;
    border-color: #E0E4E7;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-image: none;
    background-color: #ccd1d3;
    border-color: #919ca2;
}

.btn-primary {
    color: #fff;
    background: #326c90;
    border-color: #326c90;
    box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background: #4187b3;
    border-color: #4187b3;
    box-shadow: none;
}

.btn-primary[disabled] {
    color: #333;
    border: 1px solid #999999;
    background-color: #cccccc;
}

.btn-secondary {
    color: #fff;
    background: #c2403b;
    border-color: #c2403b;
    box-shadow: none;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background: #e74b45;
    border-color: #e74b45;
    box-shadow: none;
}

.btn-tertiary {
    color: #fff;
    background: #75838b;
    border-color: #75838b;
    box-shadow: none;
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary.focus {
    color: #fff;
    background: #62727b;
    border-color: #62727b;
    box-shadow: none;
}

.btn-info,
.btn-info.button {
    color: #fff;
    background: #407FBF;
    border-color: #369;
    box-shadow: none;
}

.btn-info:hover,
.btn-info.button:hover {
    color: #fff;
    background: #3973AC;
    border-color: #369;
    box-shadow: none;
}

.btn-success,
.btn-success.button {
    color: #fff;
    background: #62B158;
    border-color: #4D9244;
    box-shadow: none;
}

.btn-success:hover,
.btn-success.button:hover {
    color: #fff;
    background: #56A34C;
    border-color: #4D9244;
    box-shadow: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #eeeff0;
    border-color: #E0E4E7;
}

/* Caret
   -------------------------------------------------------------------------- */

.caret {
    border-top: 5px dashed;
    border-top: 5px solid \9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

/* Thumbnail
   -------------------------------------------------------------------------- */

.thumbnail,
.img-thumbnail {
    border-radius: 0;
}

/* Dropdown
   -------------------------------------------------------------------------- */

.dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px 0;
}

.dropdown-header {
    line-height: 1.5;
}

.dropdown-menu .divider {
    margin: 8px 0 9px;
}

/* Navbar
   -------------------------------------------------------------------------- */

.navbar {
    font-size: 14px;
    line-height: 1.42857;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav > li > a {
    max-width: none;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.notification-bell .fa {
    color:#e50000;
    font-size:18px;
}

.navbar-masthead .notification-bell.mobile-notification {
    padding:10px;
    margin-right:5px;
}

.navbar-masthead .btn-group .btn.notification-bell {
    padding: 9px 10px;
    background-color:#fff;
    border:1px solid #fff;
}

.navbar-masthead .btn-group .btn.notification-bell:hover {
    border:1px solid #8FB9D0;
}

/* Tables
   -------------------------------------------------------------------------- */

.table {
    background: #fff;
}

.table input[type="radio"],
.table input[type="checkbox"] {
    margin-top: 0;
    vertical-align: baseline;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-color: #E0E4E7;
}

.table-hover > tbody > tr:hover {
    background-color: #fbfbfb;
}

.table-striped > tbody > tr {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #EEEFF0;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #E0E4E7;
}

/* Modals
   -------------------------------------------------------------------------- */

.modal-header,
.modal-footer {
    background: #EEEFF0;
    border-color: #E0E4E7;
    max-width: 100%;
}

.modal-header {
    border-radius: 5px 5px 0 0;
}

.modal-header .close,
.modal-header .refresh {
    margin-left: 8px;
}

.modal-content {
    border: none;
}

.modal-content .g-recaptcha {
    margin-top:  8px;
    margin-bottom: 20px;
}

.modal-title {
    color: #1B394C;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    padding-right: 64px;
}

.modal-footer {
    border-radius: 0 0 5px 5px;
}

.modal-header .btn-more {
    margin:4px 0px 6px 0px;
    float: right;
    clear: both;
}

/* Panels
   -------------------------------------------------------------------------- */

.panel {
    background: #fff;
    box-shadow: none;
    color: #333;
}

.panel ul {
    list-style: inside none disc;
    padding: 0;
    margin-bottom: 12px;
}

.panel-heading {
    padding: 12px 15px 11px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
}

/**
 * Panel Types
 */

.panel-default {
    border-color: #e0e4e7;
}

.panel-default .panel-heading {
    border-color: #e0e4e7;
    background: #EEEFF0;
}

/**
 * Panel Directory and Panel Collection
 */

.panel-directory, .panel-collection {
    background: #fff;
    border-color: #e0e4e7;
}

.panel-directory .panel-heading,
.panel-collection .panel-heading {
    border-color: #e0e4e7;
    background: #EEEFF0;
}

.panel-directory .panel-body {
    line-height: 0;
    font-size: 0;
}

.panel-directory .panel-title,
.panel-collection .panel-title {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.panel-directory .panel-title .badge,
.panel-collection .panel-title .badge {
    vertical-align: top;
}

/**
 * Panel Directory - Featured
 */

.panel-directory-featured .panel-title {
    font-size: 32px;
    line-height: 40px;
}

.panel-directory-featured .panel-body a {
    text-decoration: underline;
}

/**
 * Panel Support
 */

.panel-support {
    background: #fff;
    border-color: #e0e4e7;
    border-radius: 8px;
}

.panel-support .panel-heading {
    border-color: #e0e4e7;
    background: #EEEFF0;
}

.panel-support .panel-heading + .panel-collapse > .panel-body {
    padding-top: 16px;
}

.panel-support .panel-title {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.panel-support .panel-section {
    margin-bottom: 16px;
    padding-top: 8px;
}

.panel-support .panel-section-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 1px 0 3px;
}

.panel-support .panel-section-title a {
    color: #326C90;
}

.panel-support .panel-section-title a:hover {
    color: #991712
}

@media (min-width: 992px) {

    .panel-support .panel-heading {
        padding: 11px 31px 12px;
    }

    .panel-support .panel-body {
        padding: 19px 31px 19px;
    }

    .panel-support .panel-footer {
        padding: 10px 31px;
    }

    .panel-support .panel-section {
        border-left: 1px solid #E0E4E7;
        margin-bottom: 0;
        padding-left: 32px;
        padding-right: 32px;
    }

    .panel-support .panel-section:first-child {
        border-left: none;
        padding-left: 15px;
    }

} /* end @media */

/**
 * Panel Help
 */

.panel-help {
    background: #143C5B url("../images/bg-03.jpg") repeat scroll center top;
    border-color: #143C5B;
    border-radius: 8px;
    margin: 20px 0 40px;
    padding: 23px 31px 35px;
}

.panel-help .panel-heading {
    padding: 0;
    border: none;
}

.panel-help .panel-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    display: block;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 3px 0 1px;
}

.panel-help .panel-title:before,
.panel-help .panel-title:after {
    background: rgba(213,213,213,.27);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    top: -2px;
}

.panel-help .panel-title:before {
    right: 16px;
    margin-left: -50%;
}

.panel-help .panel-title:after {
    left: 16px;
    margin-right: -50%;
}

.panel-help .panel-body {
    padding: 0;
}

.panel-help .panel-footer {
    padding: 10px 39px;
}

.panel-help .panel-section {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}

.panel-help .panel-section p {
    margin: 0;
}

.panel-help .panel-section a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

.panel-help .panel-section a:hover {
    text-decoration: none;
}

.panel-help .panel-section-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 3px 0 1px;
}

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

    .panel-help .panel-section {
        margin-bottom: 24px;
    }

    .panel-help .panel-section:last-child {
        margin-bottom: 0;
    }

} /* end @media */

/* Panel Group
   -------------------------------------------------------------------------- */

.panel-group .panel-heading {
    padding-top: 11px;
    padding-bottom: 11px;
}

.panel-group .panel + .panel {
    margin-top: 8px;
}

/* Wells
   -------------------------------------------------------------------------- */

.well {
    border-color: #E0E4E7;
    background: #EEEFF0;
    box-shadow: none;
}

/* Box
   -------------------------------------------------------------------------- */

.box {
    display: block;
    background: #EEEFF0;
    border: 1px solid #E0E4E7;
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    vertical-align: top;
    margin: 20px 0 20px 0;
    max-width: 100%;
    overflow-x: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

span.box {
    padding: 2px;
}

.box img {
    display: block;
}

.floatinginfobox > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.floatinginfobox > label {
    margin-bottom: 0;
}

@media (min-width: 768px) {

    .floatinginfobox {
        margin: 20px 0 20px 20px;
        float: right;
    }

} /* end @media */

/* Breadcrumb
   -------------------------------------------------------------------------- */

.breadcrumb {
    border: 1px solid #E0E4E7;
    background: #EEEFF0;
    line-height: 24px;
    padding: 7px 15px;
}

/* Pagination
   -------------------------------------------------------------------------- */

.pagination {
    float: none;
    font-size: 18.2px;
    vertical-align: top;
}

.pagination > li {
    text-align: center;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #FFF;
    border: 1px solid #E0E4E7;
    color: #326C90;
    min-width: 40px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #333;
    background-color: #EEEFF0;
    border-color: #E0E4E7;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #326C90;
    border-color: #326C90;
}

/* Pager
   -------------------------------------------------------------------------- */

.pager li > a,
.pager li > span {
    border: 1px solid #E0E4E7;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #EEEFF0;
}

/* Navigator
   -------------------------------------------------------------------------- */

.navigator {
    border-top: 1px solid #E0E4E7;
    padding: 19px 0 24px;
    margin-top: 16px;
}

.help-border{
    border-bottom: 1px solid #E0E4E7;
    margin-bottom:3px;
}

.navigator .previous,
.navigator .next {
    display: block;
    width: 50%;
}

.navigator .collection-left,
.navigator .collection-top,
.navigator .collection-right {
    display: block;
    width: 33%;
}

.navigator .collection-left {
    float: left;
}

.navigator .collection-top {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.navigator .collection-right {
    float: right;
    text-align: right;
}

.navigator .previous {
    float: left;
}

.navigator .next {
    float: right;
    text-align: right;
}

.navigator .btn-previous,
.navigator .btn-next {
    background: #919CA2;
    width: 20px;
    height: 48px;
    float: left;
    position: relative;
}

.navigator .btn-next {
    float: right;
}

.navigator .previous:hover .btn-previous,
.navigator .next:hover .btn-next {
    background: #62727B;
}

.navigator [class^="icon-"],
.navigator [class*=" icon-"] {
    color: #fff;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.navigator .text-holder {
    overflow: hidden;
    padding: 0 16px;
}

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

    .navigator .text-holder {
        line-height: 48px;
    }

} /* end @media */

.navigator .pager-title {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.navigator .pager-title a {
    color: #333;
}

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

    .navigator .pager-title {
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
    }

} /* end @media */

.navigator .pager-link {
    font-size: 15px;
    line-height: 20px;
}

.navigator .pager-link a {
    display: inline-block;
    vertical-align: top;
    color: #326c90;
    text-decoration: none;
}

.navigator .pager-link a:hover {
    color: #991712;
}

/* ##########################################################################
                                   T H E M E
   ########################################################################## */

/* Social Nav
   -------------------------------------------------------------------------- */

.social-nav {
    margin: 0;
    padding: 0 0 0 12px;
}

.social-nav > li {
    float: left;
    padding: 0;
    font-size: 20px;
    line-height: 0;
    margin: 0 0 0 16px;
}

.social-nav > li > a {
    display: block;
    color: #326c90;
    padding: 10px 0;
}

.social-nav > li > a:hover {
    color: #4187b3;
}

.social-nav > li > a:hover,
.social-nav > li > a:focus {
    background: none;
}

.social-nav [class^="icon-"],
.social-nav [class*=" icon-"] {
    vertical-align: top;
}

/* Search Form
   -------------------------------------------------------------------------- */

.navbar .search-form {
    height: 96px;
    margin: 0;
}

.search-form {
    background: #143c5b;
    padding: 20px;
    margin: 0 -15px 0;
}

.search-form .media-right {
    padding-left: 0;
}

.search-form .input-group {
    padding-right: 0;
}

.search-form .form-control {
    background: #fff;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    border:2px solid #143c5b;
    border-right:none;
    font-size: 18px;
    padding: 8px 20px;
    height: 56px;
}

.search-form .btn {
    background: #fff;
    border:2px solid #143c5b;
    border-left:none;
    border-radius: 0 4px 4px 0;
    color: #143c5b;
    font-size: 20px;
    width: 56px;
    height: 56px;
}

.search-form .btn:hover {
    background: #e74b45;
    color:#fff;
}

.search-form .btn:before {
    font-family: 'icomoon';
    font-size: 20px;
    content: "\e611";
}

.search-form .search-hints-text {
    color: #555;
    font-size: 75%;
    text-align: right;
    margin-top: 4px;
}

.search-form .search-hints-text a {
    color: #fff;
}

@media (min-width: 768px) {

    .search-form {
        border-radius: 8px;
        margin: 0 0 20px;
    }

} /* end @media */

@media (min-width: 992px) {

    .search-form {
        margin: 20px 0;
    }

} /* end @media */

/* List Block
   -------------------------------------------------------------------------- */

.list-block {
    border-bottom: 1px solid #e0e4e7;
    margin-bottom: 36px;
    padding-bottom: 19px;
}

.list-block:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.list-block .icon-block {
    margin-right: 18px;
}

.list-block-title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 16px;
    padding: 3px 0 1px;
}

.list-block-content p {
    margin-bottom: 16px;
}

.list-block-link {
    color: #326c90;
    font-weight: 600;
    letter-spacing: 0;
}

.list-block-link span {
    color: #c2403b;
    font-weight: 800;
}

@media (min-width: 992px) {

    .list-block {
        padding: 16px 0 31px;
        margin-bottom: 0;
    }

    .list-block:last-child {
        padding-bottom: 32px;
    }

    .list-block-title {
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        padding: 1px 0 3px;
        margin-bottom: 8px;
    }

    .list-block-content {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -.5px;
        padding: 2px 0;
    }

    .list-block-content p {
        margin-bottom: 16px;
    }

} /* end @media */

/* Signup Callout
   -------------------------------------------------------------------------- */

.signup-callout {
    background: #143c5b url("../images/bg-03.jpg") repeat center center;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 40px;
}

.signup-callout-body {
    padding: 24px 15px 28px;
}

.signup-callout-title {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.25px;
    margin-bottom: 12px;
    padding: 1px 0 3px;
}

.signup-callout-title strong {
    font-size: 28px;
    line-height: 24px;
    vertical-align: top;
}

.signup-callout-footer {
    background: #919ca2;
    border-radius: 0 0 8px 8px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 17px 20px 15px;
}

.signup-callout-footer p {
    margin: 0;
}

.signup-callout-footer a {
    color: #fff;
}

.signup-callout-footer a:hover {
    color: #e0e4e7;
}

@media (min-width: 1200px) {

    .signup-callout-title {
        font-size: 28px;
        line-height: 32px;
    }

    .signup-callout-title strong {
        font-size: 32px;
        line-height: 28px;
    }

    .signup-callout .btn {
        font-size: 24px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .signup-callout-body {
        padding: 20px 28px 28px;
    }

    .signup-callout-footer {
        font-size: 16px;
        padding: 15px 28px 17px;
    }

} /* end @media */

/* Callout Default
   -------------------------------------------------------------------------- */

.callout-default {
    background: #c2e2e9 url("../images/bg-02.jpg") repeat center center;
    border-radius: 8px;
    text-align: center;
    color: #326C90;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    padding: 24px 15px 28px;
}

.callout-default .callout-title {
    color: #333;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.25px;
    margin-bottom: 12px;
    padding: 1px 0 3px;
}

.callout-default .btn {
    white-space: normal;
}

@media (min-width: 1200px) {

    .callout-default {
        padding: 20px 28px 28px;
    }

    .callout-default .callout-title {
        font-size: 28px;
        line-height: 32px;
    }

} /* end @media */

/* Featured Equations
   ========================================================================== */

.featured-equation {
    background: #c2e2e9 url("../images/bg-02.jpg") repeat center center;
    border-radius: 8px;
    color: #326C90;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    padding: 36px 15px 40px;
    text-align: center;
}

.featured-equation-meta {
    color: #c2403b;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
    padding: 2px 0 2px;
}

.featured-equation-title {
    color: #1b394c;
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 16px;
}

.featured-equation .btn[data-toggle="modal"]{
    white-space: normal;
}

.featured-equation .media,
.featured-equation .media-left,
.featured-equation .media-right,
.featured-equation .media-body {
    margin-bottom: 0;
}

.featured-equation .banner-icon .glyphicon,
.featured-equation .banner-icon [class^="icon-"],
.featured-equation .banner-icon [class*=" icon-"] {
    vertical-align: top;
    color: #1b394c;
    font-size: 48px;
}

.featured-equation .banner-icon .glyphicon,
.featured-equation .icon-block {
    background: none;
    border-color: #1B394C;
}

.featured-equation .icon-block:before {
    border: 6px solid #1B394C
}

.featured-equation .icon-block,
.featured-equation .icon-block .glyphicon,
.featured-equation .icon-block [class^="icon-"],
.featured-equation .icon-block [class*=" icon-"] {
    font-size: 44px;
}

@media (min-width: 992px) {

    .featured-equation {
        text-align: left;
        padding: 28px;
    }

    .featured-equation .icon-block {
        margin-right: 16px;
    }

    .featured-equation-meta {
        font-size: 28px;
        padding: 11px 0px 1px;
    }

    .featured-equation-title {
        font-size: 40px;
        line-height: 40px;
        padding: 0;
    }

} /* end @media */

/* Site Header
   ========================================================================== */

.site-header {
}

/* Site Description
   -------------------------------------------------------------------------- */

.site-description {
    padding: 20px 0;
}

.site-description .lead {
    color: #326c90;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.5px;
    font-weight: 600;
    margin: 0;
    padding: 3px 0 1px;
}

.site-description .btn {
    padding-left: 27px;
    padding-right: 27px;
}

@media (max-width: 767px) {

    .site-description .btn {
        white-space: normal;
    }

} /* end @media */

@media (min-width: 992px) {

    .site-description .lead {
        font-size: 24px;
        line-height: 28px;
        padding: 1px 0 7px;
    }

} /* end @media */

/* Navbar Admin
   ========================================================================== */

.navbar-admin {
    background: #75838B;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
}

.navbar-admin .navbar-nav .open .dropdown-menu > li > a,
.navbar-admin .dropdown-menu > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 15px;
}

.navbar-admin .dropdown-menu > li > a:hover,
.navbar-admin .dropdown-menu > li > a:focus {
    background: none;
}

.navbar-admin .dropdown-menu > li.divider {
    background: #75838B;
    border-bottom: 1px solid #75838B;
    padding-top: 2px;
    padding-bottom: 1px;
}

.navbar-admin .btn-group .btn + .btn,
.navbar-admin .btn-group .btn + .btn-group,
.navbar-admin .btn-group .btn-group + .btn,
.navbar-admin .btn-group .btn-group + .btn-group {
    margin-left: 1px;
}

.navbar-admin .btn-group .btn,
.navbar-admin .btn-group li.hasIcon {
    background: #919CA2;
    border-color: #919CA2;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.231;
    padding: 11px 20px;
}

.navbar-admin .btn-default:active:hover,
.navbar-admin .btn-default.active:hover,
.navbar-admin .open > .dropdown-toggle.btn-default:hover,
.navbar-admin .btn-default:active:focus,
.navbar-admin .btn-default.active:focus,
.navbar-admin .open > .dropdown-toggle.btn-default:focus,
.navbar-admin .btn-default.focus:active,
.navbar-admin .btn-default.active.focus,
.navbar-admin .open > .dropdown-toggle.btn-default.focus,
.navbar-admin .open > .btn {
    color: #fff;
    background-color: #919ca2;
    border-color: #919ca2;
}

.navbar-admin .btn-group .btn:hover {
    color: #1b394c;
}

.navbar-admin .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.navbar-admin .navbar-nav .open .dropdown-menu,
.navbar-admin .dropdown-menu {
    position: absolute;
    background: #919ca2;
    border: none;
    border-radius: 0 4px 4px 4px;
    right: auto;
    left: 0;
    margin: 0;
    padding: 10px 16px 6px;
}

.navbar-admin .dropdown-menu > li {
    border-bottom: 1px solid #75838b;
    margin: 0;
    padding: 5px 0 6px;
    line-height: 1.42857;
}

.navbar-admin .navbar-nav .open .dropdown-menu > li > a,
.navbar-admin .dropdown-menu > li > a {
    padding-left: 0;
    padding-right: 0;
}

.navbar-admin .dropdown-menu > li:last-child {
    border-bottom: 0;
    padding-bottom: 7px;
}

.navbar-admin .dropdown-menu [class^="icon-"],
.navbar-admin .dropdown-menu [class*=" icon-"] {
    font-size: 16px;
    margin-right: 4px;
}

@media (max-width: 767px) {

    .navbar-admin .btn-group {
        position: static;
    }

    .navbar-admin .navbar-nav .open .dropdown-menu,
    .navbar-admin .dropdown-menu {
        left: 0;
        right: 0;
    }

} /* end @media */

/* Navbar Masthead
   ========================================================================== */

.navbar-masthead {
    background: #fff;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
}

.navbar-masthead .navbar-brand {
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-masthead .navbar-tagline {
    float: left;
    color: #75838b;
    font-size: 14px;
    line-height: 16px;
    padding: 7px 16px 1px;
}

.navbar-masthead .navbar-collapse,
.navbar-masthead .navbar-form {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-masthead .navbar-collapse {
    padding: 0;
}

.navbar-masthead .navbar-toggle {
    border: none;
    padding: 8px 0;
    margin: 12px 0 0;
}

.navbar-masthead .navbar-toggle {
    border: none;
    padding: 8px 0;
    margin: 8px 0 0;
}

.navbar-masthead .navbar-toggle:hover,
.navbar-masthead .navbar-toggle:focus {
    background-color: none;
}

.navbar-masthead .navbar-toggle-title {
    float: left;
    color: #094d7f;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 8px;
    padding: 5px 0 3px;
}

.navbar-masthead .navbar-toggle .icon-bars {
    float: left;
    padding: 2px 0 0 4px;
}

.navbar-masthead .navbar-toggle .icon-bar {
    background-color: #094d7f;
    border-radius: 0;
    width: 24px;
    height: 4px;
}

.navbar-masthead .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-masthead .navbar-toggle.collapsed .navbar-toggle-title {
    color: #75838b;
}

.navbar-masthead .navbar-toggle.collapsed .icon-bar {
    background: #75838b;
}

.navbar-masthead .dropdown-menu > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 15px;
}

.navbar-masthead .dropdown-menu > li > a:hover,
.navbar-masthead .dropdown-menu > li > a:focus {
    background: none;
}

.navbar-masthead .dropdown-menu > li.divider {
    background: #75838B;
    border-bottom: 1px solid #75838B;
    padding-top: 2px;
    padding-bottom: 1px;
    margin: 8px 0;
}
@media (max-width: 767px) {

    .navbar-masthead .navbar-header {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-masthead .dropdown-menu > li.divider {
        margin: 0px;
    }

} /* end @media */

/**
 * User / Avatar
 */

@media (min-width: 767px) {

    .navbar-masthead .navbar-user {
        background: #e0e4e7;
        font-size: 13px;
        line-height: 24px;
        padding: 8px 20px;
        margin-right: 1px;
    }

    .navbar-masthead .navbar-user.open {
        background: #919CA2;
    }

} /* end @media */

.navbar-masthead .navbar-user.open > a{
    color: #fff;
}

.navbar-masthead .navbar-user.open > a,
.navbar-masthead .navbar-user.open > a:hover,
.navbar-masthead .navbar-user.open > a:focus {
    background: none;
}

.navbar-masthead .navbar-avatar > img {
    vertical-align: top;
    border-radius: 0;
    margin: 0 4px 0 0;
}

.navbar-masthead .navbar-profile {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    background: transparent;
}

.navbar-masthead .navbar-profile ul {
    margin-left: 1px;
}

.navbar-masthead .navbar-profile li {
    margin: 0;
}

.navbar-masthead .navbar-profile li + li {
    margin-left: 1px;
}

.navbar-masthead .navbar-profile .z-menu-content {
    /*background: #e0e4e7;
    border-color: #e0e4e7;*/
    border-radius: 0;
    color: #326c90;
    padding: 11px 36px 11px 20px;
}

.navbar-masthead .navbar-profile .z-menu-content:hover {
    background-color:#fff;
    background:none;
}

.navbar-masthead .navbar-login .z-menu-content {
    background: #919ca2;
    border-color: #919ca2;
    border-radius: 0;
    color: #fff;
    padding: 13px 36px 18px 20px;
}

.nav-popup .z-menuitem-image,
.nav-popup .z-menupopup-separator {
    display: none;
}


.navbar-login li {
    float:none;
}

.nav-popup li:hover {
    background-color:#e0e4e7;
}

.nav-popup .z-menuitem-content:hover,
.nav-popup .z-menuitem-text {
    background: none;
}

.nav-popup a {
    border:none;
}

.nav-popup a:hover> .z-menuitem-text{
    color:#000;
}

.nav-popup .z-menuitem-content {
    border: 0;
    border-radius: 0;
    color: #326c90;
    padding: 8px 20px 8px;
}

.nav-popup ul{
    background: #919ca2;
    border:none;
}

.nav-popup, .nav-popup .z-menuitem-text{
    color: #fff;
    font-size:16px;
    font-weight:600;
    background: none;
    border-color: none;
    text-shadow:none;
    padding:0px;
}

.navbar-masthead .navbar-login .z-menu-selected {
    box-shadow:none;
    border:none;
}

.navbar-masthead .navbar-login {
    width:100%;
}

.navbar-masthead .navbar-login .z-menu-content .z-menu-text,
.navbar-masthead .navbar-login .z-menu-content .z-menuitem-text{
    font-size:16px;
    font-weight:600;
}

.navbar-masthead .navbar-login .z-menu-content .z-menu-icon {
    color: #fff;
    font-size:20px;
    font-weight:600;
    top: 18px;
    right: 18px;
}

.navbar-masthead .navbar-profile .z-menu-text,
.navbar-masthead .navbar-profile .z-menuitem-text {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.231;
    text-shadow: none;
    font-weight: normal;
    display: inline-block;
}

.navbar-masthead .navbar-profile .z-menu-icon {
    top: 12px;
    right: 20px;
}

.navbar-profile-menupopup {
    border: 0;
    padding: 0;
    background: #e0e4e7;
}
.admin-menu {
    height:32px;
}

.admin-menu span {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.231;
    text-shadow: none;
    margin-left:15px;
}

.admin-menu a{
    border:0px;
    padding-top:8px;
    background:none !important;
}

.admin-menu i {
    padding-top:5px;
}

.navbar-profile-menupopup li:hover {
    background-color:#8e9092;
}

.navbar-profile-menupopup a:hover {
    color:#fff;

}

.navbar-profile-menupopup .z-menupopup-separator {
    display: none;
}

.navbar-profile-menupopup .z-menuitem-content {
    border: 0;
    border-radius: 0;
    color: #326c90;
    padding: 8px 20px 8px;
}

.navbar-profile-menupopup .z-menuitem-content:hover {
    background: none;
}

.navbar-profile-menupopup .z-menuitem-image {
    display: none;
}

.navbar-profile-menupopup .z-menu-image {
    display: none;
}

.navbar-profile-menupopup .z-menuitem-text {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.231;
    text-shadow: none;
}

@media (max-width: 767px) {

    .navbar-masthead .navbar-collapse {
        border-top:1px solid #919ca2;
    }

    .navbar-masthead .btn-group {
        display: block;
        float: none !important;
    }

    .navbar-masthead .btn-group .btn-group > .btn {
        display: none;
    }

    .navbar-masthead .btn-group .dropdown-menu {
        background: none;
        float: none;
        border: none;
        display: block;
        position: static;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .navbar-masthead .dropdown-menu > li > a {
        border-bottom: 1px solid #75838b;
        line-height: 24px;
        padding-top: 13px;
        padding-bottom: 18px;
    }

    .navbar-masthead .btn-group .btn {
        display: block;
        float: none;
        background: #919ca2;
        border: none;
        border-bottom: 1px solid #75838b;
        border-radius: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding: 13px 15px 18px;
        width: 100%;
        text-align: left;
    }

    .navbar-masthead .btn-group .btn:last-child {
        border-bottom-color: transparent;
    }

    .navbar-masthead [class^="icon-"],
    .navbar-masthead [class*=" icon-"] {
        font-size: 20px;
        margin-right: 8px;
        vertical-align: bottom;
    }

    .navbar-masthead .navbar-avatar,
    .navbar-masthead .navbar-user .dropdown-toggle {
        display: none;
    }

    /**
     * User / Create
     */

    .navbar-masthead .btn-create {
        display:none;
    }

} /* end @media */

@media (min-width: 768px) {

    .navbar-masthead .navbar-brand {
        height: auto;
        padding-top: 10px;
        padding-bottom: 6px;
    }

    .navbar-masthead .navbar-brand > img {
        float: left;
    }

    .navbar-masthead .btn-group .btn + .btn,
    .navbar-masthead .btn-group .btn + .btn-group,
    .navbar-masthead .btn-group .btn-group + .btn,
    .navbar-masthead .btn-group .btn-group + .btn-group {
        margin-left: 1px;
    }

    .navbar-masthead .btn-group .btn {
        float: left;
        background: #e0e4e7;
        border-color: #e0e4e7;
        border-radius: 0;
        color: #326c90;
        font-size: 13px;
        line-height: 1.231;
        padding: 11px 20px;
    }

    .navbar-masthead .btn-default:active:hover,
    .navbar-masthead .btn-default.active:hover,
    .navbar-masthead .open > .dropdown-toggle.btn-default:hover,
    .navbar-masthead .btn-default:active:focus,
    .navbar-masthead .btn-default.active:focus,
    .navbar-masthead .open > .dropdown-toggle.btn-default:focus,
    .navbar-masthead .btn-default.focus:active,
    .navbar-masthead .btn-default.active.focus,
    .navbar-masthead .open > .dropdown-toggle.btn-default.focus,
    .navbar-masthead .open > .btn {
        color: #fff;
        background-color: #919ca2;
        border-color: #919ca2;
    }

    .navbar-masthead .btn-group .btn:hover {
        color: #1b394c;
    }

    .navbar-masthead .btn-group.open .dropdown-toggle {
        box-shadow: none;
    }

    .navbar-masthead .dropdown-menu {
        background: #919ca2;
        border: none;
        border-radius: 0 4px 4px 4px;
        right: auto;
        left: 0;
        margin: 0;
        padding: 10px 16px 6px;
    }

    .navbar-masthead .dropdown-menu > li {
        border-bottom: 1px solid #75838b;
        margin: 0;
        padding: 5px 0 6px;
    }

    .navbar-masthead .dropdown-menu > li > a {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-masthead .dropdown-menu > li:last-child {
        border-bottom: 0;
        padding-bottom: 7px;
    }

    .navbar-masthead .dropdown-menu [class^="icon-"],
    .navbar-masthead .dropdown-menu [class*=" icon-"] {
        font-size: 16px;
        margin-right: 4px;
    }

} /* end @media */

/* Navbar Primary
   ========================================================================== */

.navbar-primary {
    background: #143c5b url("../images/bg-03.jpg") repeat center center;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    padding: 20px 0;
}

.navbar-primary .nav > li {
    margin: 0 28px 0 0;
}

.navbar-primary .nav > li > a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 14px 0;
}

.navbar-primary .nav > li > a:hover,
.navbar-primary .nav > li > a:focus {
    background: none;
    color: #e0e4e7;
}

.navbar-primary .btn {
    height: 48px;
    padding: 11px 19px;
}

.navbar-primary .search-form {
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
}

.navbar-primary .search-form .btn {
    padding: 0;
}

/* vCalc Content Suggest
  ----------------------------------------------------------------------------- */

.navbar-suggestion {
    background: #5cb85c;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    padding: 0px;
}

.system-message {
    background: #2baefb;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    padding: 0px;
}

.system-message:hover {
    background-color: #1a90d6;
}

.navbar-suggestion:hover {
    background-color: #449d44;
}

.system-message-link{
    color:#fff;
}

.system-message-link:hover{
    color:#5eb4f1;
}

.navbar-suggestion-text {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 3px 15px;
    margin: 0px;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
}

.navbar-suggestion-text:hover,
.navbar-suggestion-text:focus {
    color: #fff;
}

.navbar-nav .search-form {
    background: #143c5b url("../images/bg-03.jpg") repeat center center;
}

@media (min-width: 768px) {

    .navbar-primary {
        padding: 12px 0;
    }

    .navbar-primary .search-form .form-control {
        height: 48px;
    }

    .navbar-primary .search-form .btn {
        width: 48px;
        height: 48px;
    }

} /* end @media */

@media (min-width: 992px) {

    .navbar-primary .search-form {
        margin-left: -15px;
    }

} /* end @media */

/* Navbar Secondary
   ========================================================================== */

.navbar-secondary {
    background: #fff;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
}

.navbar-secondary .nav {
    margin: 0 -15px;
}

.navbar-secondary .nav > li {
    float: left;
    text-align: center;
    width: 50%;
    margin: 0;
    padding: 0;
}

.navbar-secondary .nav > li > a {
    font-size: 16px;
    line-height: 2;
    padding: 4px 0 10px;
}

.navbar-secondary .nav > li > a:hover,
.navbar-secondary .nav > li > a:focus {
    background-color: #eeeff0;
}

.navbar-secondary .nav > li > a:hover,
.navbar-secondary .nav > li.active > a {
    padding: 4px 0 7px;
    border-bottom: 4px solid;
}

.navbar-secondary .nav [class^="icon-"],
.navbar-secondary .nav [class*=" icon-"] {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 4px;
}

/**
 * Nav Item - Explore
 */

.navbar-secondary .nav-item-explore a {
    color: #326c90;
}

.navbar-secondary .nav-item-explore a:hover,
.navbar-secondary .nav-item-explore.active a {
    border-bottom-color: #326c90;
}

/**
 * Nav Item - Academics
 */

.navbar-secondary .nav-item-academics a {
    color: #676767;
}

.navbar-secondary .nav-item-academics a:hover,
.navbar-secondary .nav-item-academics.active a {
    border-bottom-color: #676767;
}

/**
 * Nav Item - Construction
 */

.navbar-secondary .nav-item-construction a {
    color: #c4423d;
}

.navbar-secondary .nav-item-construction a:hover,
.navbar-secondary .nav-item-construction.active a {
    border-bottom-color: #c4423d;
}

/**
 * Nav Item - Finance
 */

.navbar-secondary .nav-item-finance a {
    color: #143c5b;
}

.navbar-secondary .nav-item-finance a:hover,
.navbar-secondary .nav-item-finance.active a {
    border-bottom-color: #143c5b;
}

@media (max-width: 991px) {

    .navbar-secondary .nav {
        float: none;
    }

    .navbar-secondary .nav-item-explore,
    .navbar-secondary .nav-item-construction {
        border-right: 1px solid #e0e4e7;
    }

    .navbar-secondary .nav-item-explore a {
        border-top: 1px solid #e0e4e7;
        border-bottom: 1px solid #e0e4e7;
        padding-top: 3px;
    }

    .navbar-secondary .nav-item-academics a {
        border-top: 1px solid #e0e4e7;
        border-bottom: 1px solid #e0e4e7;
        padding-top: 3px;
    }

    .navbar-secondary .nav-item-construction a {
        border-bottom: 1px solid #e0e4e7;
    }

    .navbar-secondary .nav-item-finance a {
        border-bottom: 1px solid #e0e4e7;
    }

    .navbar-secondary .nav > .nav-item-construction > a ,
    .navbar-secondary .nav > .nav-item-finance > a{
        padding-bottom: 10px;
    }

    .navbar-secondary .nav > .nav-item-construction > a:hover,
    .navbar-secondary .nav > .nav-item-construction.active > a,
    .navbar-secondary .nav > .nav-item-finance > a:hover,
    .navbar-secondary .nav > .nav-item-finance.active > a {
        padding-bottom: 7px;
    }

} /* end @media */

@media (min-width: 992px) {

    .navbar-secondary .nav {
        border-left: 1px solid #e0e4e7;
        border-right: 1px solid #e0e4e7;
        margin: 0;
        width: 100%;
    }

    .navbar-secondary .nav > li {
        border-left: 1px solid #e0e4e7;
        width: 25%;
        margin: 0;
        padding: 0;
    }

    .navbar-secondary .nav > li:first-child {
        border-left: none;
    }

    .navbar-secondary .nav > li > a {
        font-size: 24px;
        line-height: 56px;
        padding: 13px 0 15px;
    }

    .navbar-secondary .nav > li > a:hover,
    .navbar-secondary .nav > li.active > a {
        border-bottom: 8px solid;
        padding: 13px 0 7px;
    }

    .navbar-secondary .nav [class^="icon-"],
    .navbar-secondary .nav [class*=" icon-"] {
        font-size: 40px;
    }

} /* end @media */

@media (min-width: 1200px) {

    .navbar-secondary .nav > li > a {
        font-size: 28px;
        padding: 13px 0 15px;
    }

} /* end @media */

/* Navbar Search
   ========================================================================== */

.navbar-search {

    border: none;
    border-radius: 0;
    min-height: 0;
    margin: 0;
}

.navbar-search .search-form {
    background: none;
    margin: 0;
    padding: 20px 0;
}

@media (min-width: 992px) {

    .navbar-search {
        border-radius: 0;
        height: 72px;
    }

    .navbar-search .search-form {
        height: 96px;
        padding: 20px;
        z-index: 1;
    }

} /* end @media */

/* Banner Area
   ========================================================================== */

.banner-area {
    background: #c2e2e9 url("../images/bg-02.jpg") repeat center top;
    margin: 0;
    padding: 0;
}

.container .banner-area,
.container-fluid .banner-area {
    border-radius: 0;
}

.banner-area .banner {
    padding: 36px 0 0;
    position: relative;
    text-align: center;
}

.banner-area .banner-media {
    overflow: visible;
}

.banner-area .media {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.banner-area .banner-icon,
.banner-area .banner-body {
    margin-bottom: 0;
}

.banner-area .banner-meta {
    color: #c2403b;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
    padding: 2px 0 2px;
}

.banner-area .banner-title {
    color: #1b394c;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 16px;
}

.banner-area .banner-subtitle {
    color: #1B394C;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin: 0;
    padding: 1px 0 3px;
}

.banner-area .banner-icon .icon,
.banner-area .banner-icon [class^="icon-"],
.banner-area .banner-icon [class*=" icon-"] {
    vertical-align: top;
    color: #1b394c;
    font-size: 48px;
}

.banner-area .banner-icon .icon,
.banner-area .banner-icon .icon-block {
    background: none;
    border-color: #1B394C;
}

.banner-area .banner-icon .icon-block:before {
    border: 6px solid #1B394C
}

.banner-area .banner-icon .icon-block,
.banner-area .banner-icon .icon-block .icon,
.banner-area .banner-icon .icon-block [class^="icon-"],
.banner-area .banner-icon .icon-block [class*=" icon-"] {
    vertical-align: top;
}

/**
 * Home and Landing Banner
 */

.banner-area-home .banner-title,
.banner-area-landing .banner-title {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 16px;
}

@media (min-width: 768px) {

    .banner-area .banner {
        text-align: left;
        padding: 40px 0;
    }

    .banner-area .banner-image {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .banner-area .banner-meta {
        font-size: 28px;
        margin-bottom: 8px;
        padding: 11px 0 1px;
    }

    .banner-area .banner-title {
        font-size: 48px;
        padding: 1px 0 3px;
        margin: 0;
        max-width: 600px;
    }

    .banner-area .banner-icon .icon-block {
        margin-right: 16px;
    }

    .banner-area .banner-icon .icon-block,
    .banner-area .banner-icon .icon-block .glyphicon,
    .banner-area .banner-icon .icon-block [class^="icon-"],
    .banner-area .banner-icon .icon-block [class*=" icon-"] {
        font-size: 44px;
        vertical-align: top;
    }

    .banner-area .banner .media {
        margin-bottom: 0;
    }

    /**
     * Home and Landing Banner
     */

    .banner-area-home,
    .banner-area-landing {
        min-height: 320px;
    }

    .banner-area-home .banner,
    .banner-area-landing .banner {
        min-height: 320px;
        padding: 84px 0 84px;
    }

    .banner-area-home .banner-title,
    .banner-area-landing .banner-title {
        font-size: 40px;
        padding: 0;
        margin: 0 0 16px;
    }

    .banner-area-home .z-hlayout,
    .banner-area-home .z-vlayout {
        overflow: visible;
    }


} /* end @media */

@media (min-width: 992px) {

    .banner-area .banner-image {
        position: absolute;
        right: 0;
        bottom: 0;
    }

} /* end @media */

/* Home featured columns
   -------------------------------------------------------------------------- */

.home-featured {
    display:flex;
    justify-content:space-evenly;
    margin-bottom:20px;
    color:#fff;
}
.home-featured .mobile-card{
    display:none;
}

.home-featured .featured-card, .home-featured .mobile-card {
    background: #143c5b url(../images/bg-03.jpg) repeat center center;
    border-radius:8px;
    padding:15px 5px 10px 0px;
}

.home-featured .card-left{
     margin-right:20px;
 }

 .home-featured .card-right{
     margin-left:20px;
 }

@media(max-width:770px){
    .home-featured {
        background: #143c5b url(../images/bg-03.jpg) repeat center center;
        border-radius:8px;
        padding-top:15px;
        padding-bottom:10px;
    }
    .home-featured .featured-card {
        display: none;
    }
    .home-featured .mobile-card{
        display:block;
    }
}

.home-featured h2{
    padding-bottom:5px;
    font-size:32px;
    font-weight:bold;
    color:#fff;
}

.home-featured .z-hlayout-inner {
    display:block;
}

.home-featured-trend {
    text-align:left;
    font-size:14px;
    display:inline-block;
    padding-inline-start: 0px;
}

@media (max-width: 768px) {

    .featured-divider {
        border-bottom:2px solid #fff;
        padding-bottom:20px;
        margin-bottom:20px;
    }

}

.home-featured-trend a {
    font-size:14px;
    color:#fff;
}

.home-featured-trend a:hover, .home-featured-category .sections a:hover, .home-featured-blog .blog-title:hover {
    color:#4c809b;
}

.home-featured-category .sections {
    text-align:left;
    display:inline-block;
    padding-right:10px;
}

.home-featured-category .sections a  {
    font-size:14px;
    color:#fff;
}

.home-featured-blog .sections a {
    color:#fff;
    font-size:14px;
}

.home-featured-blog .sections {
    text-align:left;
    display:inline-block;
    padding-right:10px;
}

.home-featured-link {
    font-size: 20px;
    line-height: 20px;
    color:#fff;
}

.home-featured-link :before{
    color: #c2403b;
    content: "\f054";
    font: normal normal normal 20px/1 FontAwesome;
    padding: 8px;
}

.home-featured-link:hover {
    color:#4c809b;
}

.home-featured-link span {
    color: #c2403b;
    font-weight: 800;
}

.mobile-card .library-link {
    border-top:1px solid white;
    padding-top:20px;
}

/* Banner Area - Slider
   -------------------------------------------------------------------------- */

.banner-area .slider {
    position: relative;
}

.banner-area .slider-previous,
.banner-area .slider-next {
    background: none;
    border: 0;
    color: #fff;
    font-size: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    z-index: 101;
    top: 0;
    bottom: 0;
}

.banner-area .slider-previous:before,
.banner-area .slider-next:before {
    font-family: 'icomoon';
    font-size: 40px;
}

.banner-area .slider-previous:before{
    content: "\e604";
}

.banner-area .slider-next:before{
    content: "\e605";
}

.banner-area .slider-previous:hover,
.banner-area .slider-next:hover,
.banner-area .slider-previous:focus,
.banner-area .slider-next:focus {
    color: #1d3d51;
    background: none;
    box-shadow: none;
}

.banner-area .slider-previous {
    left: 0;
}

.banner-area .slider-next {
    right: 0;
}

.banner-area .slider-nav.slider-nav-singleslide {
    display: none;
}

@media (min-width: 1366px) {

    .banner-area .slider-previous {
        left: -80px;
    }

    .banner-area .slider-next {
        right: -80px;
    }

} /* end @media */

/* Content Area
   ========================================================================== */
   .top-homepage-body{
       background: #eeeff0 url("../images/bg-01.jpg") no-repeat center top;
       border-top:2px solid #143c5b;
    }

    .content-area {
    }

/* Page Header
   -------------------------------------------------------------------------- */

.page-header {
    border-bottom: 1px solid #e0e4e7;
    padding: 3px 0 20px;
    margin: -4px 0px 20px;
}

@media (min-width: 992px) {

    .page-header {
        padding: 1px 0 26px;
    }

} /* end @media */

/* Page Content
   -------------------------------------------------------------------------- */

.page-content {
    margin-bottom: 40px;
}

/* Page Section
   -------------------------------------------------------------------------- */

.modified-by  {
    white-space:normal;display: table-cell;width:100%;
}

.page-section {
    border-bottom: 1px solid #e0e4e7;
    margin: 16px 0 36px;
    padding: 0 0 19px;
}

.page-section:first-child {
    padding-top: 16px;
}

.page-section .media-body {
    margin-bottom: 0;
}

.page-section .media-left,
.page-section > .pull-left {
    padding-right: 40px;
}

.page-section .media-right,
.page-section > .pull-right {
    padding-left: 40px;
}

.page-section:last-child {
    border-bottom: none;
    padding: 16px 0 12px;
    margin-bottom: 0;
}

.page-section-title {
    margin: 0 0 16px;
    padding: 3px 0 1px;
}

.page-section-content {
    letter-spacing: -0.5px;
}

@media (min-width: 992px) {

    .page-section {
        padding: 0 0 31px;
    }

} /* end @media */

/* Page Content Area
   ========================================================================== */

.page-content-area {
    margin-bottom: 20px;
    padding-top: 40px;
}

@media (min-width: 992px) {

    .page-content-area .site-content {
        border-right: 2px solid #e0e4e7;
        margin-right: -32px;
        padding-right: 46px;
    }

} /* end @media */

/* Help Content Area
   ========================================================================== */

.help-content-area {
    margin-bottom: 20px;
    padding-top: 40px;
}

.help-btn {
    margin-bottom: 10px;
}

.help-layout {
    background-color:#fff;
}

/* Knowledge Base Area
   ========================================================================== */

.knowledge-base-header {
    border-bottom: 1px solid #e0e4e7;
    line-height: 20px;
    padding: 3px 0 4px;
    margin: 0 0px 20px;
}

@media (min-width: 992px) {

    .knowledge-base-header {
        padding: 0 0 7px;
    }

} /* end @media */

.knowledge-base-title {
    color: #75838B;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Knowledge Base Entry
   -------------------------------------------------------------------------- */

.knowledge-base-entry .entry-header {
    margin-bottom: 16px;
}

.knowledge-base-entry .entry-title {
    margin-bottom: 0;
}

.knowledge-base-entry .entry-meta {
    color: #75838B;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 0 1px;
}

.knowledge-base-entry .entry-meta a {
    color: inherit;
}

.knowledge-base-entry .entry-meta a:hover {
    color: #333;
}

.knowledge-base-entry .entry-meta .share {
    margin-left: 8px;
    vertical-align: top;
}

/* Sidebar Area
   ========================================================================== */

.sidebar-area {
    padding-bottom: 32px;
}

.site-sidebar {
}

.site-sidebar p:empty {
    margin: 0;
}

@media (min-width: 992px) {

    .sidebar-area {
        margin-bottom: 20px;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .site-sidebar {
        border-left: 2px solid #e0e4e7;
        padding-left: 28px
    }

} /* end @media */

/* Sidebar - Panels
   -------------------------------------------------------------------------- */

.site-sidebar .panels {
}

.site-sidebar .panel {
    background: none;
    border: none;
    border-top: 1px solid #e0e4e7;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 19px 0 0 0;
}

.site-sidebar .paneltitle {
    color: #326c90;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 16px;
    padding: 3px 0 1px;
}

.site-sidebar .panelcontents {
    padding: 0;
}

.site-sidebar .panelcontents ul {
    list-style: inside disc;
    margin: 0 0 20px;
    padding: 0px 0px 0px 16px;
}

.site-sidebar .panelcontents li {
    margin-bottom: 4px;
}

.site-sidebar .panelcontents a {
    color: #333;
}

.site-sidebar .panelcontents a:hover {
    color: #326c90;
}

@media (min-width: 992px) {

    .site-sidebar .paneltitle {
        margin: 0 0 12px;
    }

    .site-sidebar .panelcontents li {
        margin-bottom: 0;
    }

} /* end @media */

/* Section Area
   ========================================================================== */

.section {
    border-bottom: 1px solid #e0e4e7;
    padding: 28px 40px 23px 0;
}

.section-wrap {
    display: block;
    color: #333;
}

.section .btn {
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.section-header {
    padding: 0 15px;
}

.section-header [class^="icon-"],
.section-header [class*=" icon-"] {
    font-size: 40px;
    vertical-align: middle;
}

.section-title {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 7px 0 1px;
}

.section-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 1px 15px 3px;
}

/**
 * Section - Explore
 */

.section-explore .btn {
    background: #4187b3;
    border-color: #4187b3;
}

.section-explore .section-title,
.section-explore .section-header [class^="icon-"],
.section-explore .section-header [class*=" icon-"] {
    color: #326c90;
}

/**
 * Section - Academics
 */

.section-academics .btn {
    background: #646464;
    border-color: #646464;
}

.section-academics .section-title,
.section-academics .section-header [class^="icon-"],
.section-academics .section-header [class*=" icon-"] {
    color: #676767;
}

/**
 * Section - Construction
 */

.section-construction .btn {
    background: #c2403b;
    border-color: #c2403b;
}

.section-construction .section-title,
.section-construction .section-header [class^="icon-"],
.section-construction .section-header [class*=" icon-"] {
    color: #c4423d;
}

/**
 * Section - Finance
 */

.section-finance .btn {
    background: #1b394c;
    border-color: #1b394c;
}

.section-finance .section-title,
.section-finance .section-header [class^="icon-"],
.section-finance .section-header [class*=" icon-"] {
    color: #143c5b;
}

@media (max-width: 991px) {

    .section .btn {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -1px;
        left: auto;
        width: 40px;
        padding: 0;
    }

    .section .btn [class^="icon-"],
    .section .btn [class*=" icon-"] {
        display: block;
        font-size: 24px;
        height: 24px;
        width: 24px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

} /* end @media */

@media (min-width: 992px) {

    .section-area {
        margin-bottom: -8px;
        padding-top: 36px;
    }

    .section {
        border-left: 1px solid #e0e4e7;
        border-bottom: 0;
        overflow: hidden;
        padding: 12px 0 84px;
        position: relative;
    }

    .section:first-child {
        border-left: 0;
    }

    .section-title {
        font-size: 28px;
        padding: 3px 0 1px;
    }

    .section .btn {
        position: absolute;
        bottom: -48px;
    }

    .section:hover .btn {
        bottom: 0;
    }

} /* end @media */

@media (min-width: 768px) and (max-width: 1199px) {

    .section-row {
        margin: 0;
    }

} /* end @media */

@media (min-width: 1200px) {

    .section-header {
        padding: 0 32px;
    }

    .section-content p {
        padding: 1px 24px 3px;
    }

    .section .btn {
        font-size: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

} /* end @media */

/* Features Area
   ========================================================================== */

.features-applinks {
    padding:none;
    text-align:center;
}

.features-applinks a {
    color:#326c90;
    margin:2px 30px 2px 30px;
    display:inline-block;
}

.features-applinks :hover{
    color:#4187B3;
}

.features-area {
    padding: 20px 0;
}

.features-content {
    color: #326c90;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin: 28px 0 0;
}

.features-content:before {
    content: "";
    display: block;
    background: #ccd1d3;
    width: 148px;
    height: 2px;
    position: relative;
    margin: -2px auto 0;
    top: -28px;
}

.features-content p {
    letter-spacing: -.5px;
    padding: 3px 0 1px;
    margin-top: -4px;
    margin-bottom: 32px;
}

.features-content .btn {
    font-size: 16px;
    padding: 15px 27px;
}

@media (max-width: 767px) {

    .features-content .btn {
        white-space: normal;
    }

} /* end @media */

@media (min-width: 992px) {

    .features-area {
        padding: 26px 0 48px;
    }

    .features-content {
        font-size: 24px;
        line-height: 32px;
        margin: 52px 0 0;
        padding: 0 120px;
    }

} /* end @media */

/* Feature List
   ========================================================================== */

.feature-list {
    border-top: 1px solid #e0e4e7;
    border-bottom: 1px solid #e0e4e7;
    margin-top: -21px;
    margin-bottom: 20px;
    padding: 23px 0 8px;
}

.feature {
    padding: 0;
    margin-bottom: 16px;
}

.feature .icon-block {
    margin-right: 10px;
}

.feature-title {
    color: #326c90;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
}

.feature-title .value {
    display: block;
    color: #1b394c;
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 32px;
    vertical-align: top;
    padding: 0 0 4px;
}

@media (min-width: 480px) {

    .feature {
        width: 50%;
    }

} /* end @media */

@media (min-width: 768px) {

    .feature-list {
        padding: 40px 0 24px;
    }

    .feature {
        width: 33.333334%;
    }

} /* end @media */

@media (min-width: 992px) {

    .feature-list {
        padding: 40px 0 23px;
        margin-bottom: 0;
    }

} /* end @media */

/**
 * Feature List - Large
 */

.feature-list-lg {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 24px;
}

.feature-list-lg .feature-title {
    font-size: 20px;
    line-height: 20px;
    margin: 12px 0 0;
}

.feature-list-lg .feature-title .value {
    display: block;
    font-size: 40px;
    line-height: 40px;
    padding: 1px 0 3px;
    margin-bottom: -2px;
}

.feature-list-lg .icon-block {
    font-size: 44px;
    padding: 14px;
}

@media (min-width: 768px) {

    .feature-list-lg {
        padding: 0 0 16px;
    }

} /* end @media */

@media (min-width: 992px) {

    .feature-list-lg .feature {
        width: 25%;
        margin-bottom: 0;
    }

} /* end @media */

/* About Area
   ========================================================================== */

.about-area {
    padding: 52px 0 16px;
}

.about {
    margin-bottom: 40px;
}

.about [class^="icon-"],
.about [class*=" icon-"] {
    color: #ccd1d3;
    font-size: 80px;
    margin-right: 22px;
}

.about-title {
    margin: 0 0 20px;
    padding: 3px 0 1px;
}

.about-link {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.about-link span {
    color: #c2403b;
    font-weight: 800;
}

@media (min-width: 992px) {

    .about-area {
        padding: 64px 0 72px;
    }

    .about {
        padding: 0 60px 0 15px;
        margin: 0;
    }

    .about-content p {
        margin-bottom: 16px;
    }

} /* end @media */

/* Directory
   ========================================================================== */

.directory-heading {
    padding: 0 0 8px;
}

.directory-heading .btn {
    padding-left: 16px;
    padding-right: 16px;
}

.directory-breadcrumbs {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}

.directory-breadcrumbs a {
    color: #666666;
}

.directory-breadcrumbs a:hover,
.directory-breadcrumbs span {
    color: #333;
}

.directory-list {
    margin: 0 -16px 4px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.directory-list li {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    width: 33.33%;
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    margin: 0 0 8px;
    padding: 8px 16px 4px;
    word-wrap: break-word;
    position: relative;
}

.directory-list a {
    color: #333;
}

.directory-list a:hover {
    color: #326c90;
    text-decoration: underline;
}

.directory-list .author {
    display: block;
    color: #75838B;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0 1px;
}

.directory-list .author a {
    color: #75838B;
}

.directory-list .use {
    display: block;
    font-size:  12px;
    line-height: 16px;
    margin-top: 4px;
    color: #326c90;
    cursor: pointer;
}

.directory-list .use:hover {
    text-decoration: underline;
}

@media (max-width: 640px) {

    .directory-list li {
        width: 50%;
    }

} /* end @media */

@media (max-width: 479px) {

    .directory-list li {
        width: 100%;
    }

} /* end @media */

.directory-categories {
    border-top: 1px solid #e0e4e7;
    margin-bottom: 12px;
    padding-top: 19px;
}

.directory-categories .directory-categories-title {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    color: #326c90;
    margin: 0;
    padding: 1px 12px 3px 0;
}

.directory-categories-list {
    margin: 0;
}

.directory-categories-list li {
    font-weight: 300;
    padding: 0;
}

.directory-categories-list li:before {
    content: "| ";
    margin: 0 4px;
}

.directory-categories-list li:first-child:before {
    content: none;
}

@media (min-width: 768px) {

    .directory-categories {
        margin-bottom: 32px;
    }

} /* end @media */

.directory-data {
    background: #dadada;
}

.directory-data .panel {
    padding: 20px;
}

.directory-col {
    border-right: 1px solid #e0e4e7;
}

.directory-col:last-child {
    border-right: none;
}

@media (max-width: 991px) {

    .directory-col {
        border-right: 0;
    }

    .directory-col:nth-child(2n+1) {
        border-right: 1px solid #e0e4e7;
    }

} /* end @media */

@media (max-width: 767px) {

    .directory-col {
        width: 100%;
    }

    .directory-col:nth-child(2n+1) {
        border: none;
    }

} /* end @media */

/* Signup Area
   ========================================================================== */

.signup-area {
    background: #143c5b url("../images/bg-03.jpg") repeat center top;
    text-align: center;
}

.signup-area [class^="icon-"],
.signup-area [class*=" icon-"] {
    color: #326c90;
    font-size: 96px;
}

.signup-title {
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -1px;
    margin: 0;
    padding: 33px 15px 15px;
}

.signup-body {
    margin-left: -15px;
    margin-right: -15px;
}

.signup-area .btn {
    background: rgba(33,121,176,0.50);
    color: #fff;
    border: none;
    border-radius: 0;
    width: 100%;
    height: 96px;
    font-size: 28px;
    letter-spacing: -1px;
}

.signup-area .btn:hover {
    background: rgba(53,178,255,0.50);
}

@media (min-width: 768px) {

    .signup-area {
        text-align: left;
    }

    .signup-body {
        margin: 0;
    }

    .signup-title {
        font-size: 28px;
        padding: 3px 0 1px;
        line-height: 1;
    }

    .signup-area .btn {
        background: none;
        height: 120px;
        position: relative;
        vertical-align: top;
        margin: 0;
        padding: 0 32px;
        width: auto;
    }

    .signup-area .btn:hover {
        background: none;
    }

    .signup-area .btn span {
        display: block;
        background: rgba(33,121,176,0.50);
        color: #fff;
        font-size: 32px;
        line-height: 116px;
        font-weight: 600;
        height: 120px;
        padding: 1px 36px 3px 48px;
    }

    .signup-area .btn span:before,
    .signup-area .btn span:after {
        background-image: url("../images/btn-signup.png");
        display: block;
        content: "";
        width: 32px;
        height: 120px;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .signup-area .btn span:before {
        background-position: left top;
        left: 0;
    }

    .signup-area .btn span:after {
        background-position: right top;
        right: 0;
    }

    .signup-area .btn:hover span {
        background: rgba(53,178,255,0.50);
    }

    .signup-area .btn:hover span:before {
        background-position: left bottom;
    }

    .signup-area .btn:hover span:after {
        background-position: right bottom;
    }

} /* end @media */

/* Site Footer
   ========================================================================== */

.site-footer {
}

.site-footer-primary {
    background: #919ca2;
}

.site-footer-secondary {
    background: #75838b;
    padding: 24px 0 12px;
}

.site-footer-secondary .upper-row {
    padding-bottom: 15px;
    border-bottom: 1px solid #919ca2;
    margin: 0 0 24px;
}

/* Footer Social Networks
   -------------------------------------------------------------------------- */

.site-footer .social-nav > li > a {
    color: #ccd1d3;
}

.site-footer .social-nav > li > a:hover {
    color: #fff;
}

@media (max-width: 767px) {

    .site-footer .social-nav {
        float: none !important;
        padding-left: 0;
    }

    .site-footer .social-nav > li {
        margin: 0 16px 0 0;
    }

} /* end @media */

@media (min-width: 768px) {

    .site-footer-secondary .upper-row {
        padding-bottom: 23px;
    }

} /* end @media */

/* Directory Area - Footer
   -------------------------------------------------------------------------- */

.directory-area {
    padding: 28px 0 24px;
}

.directory-header {
    margin: 0 0 20px;
}

.directory-header .media-body,
.directory-header .media-left,
.directory-header .media-right {
    margin-bottom: 0;
}

.directory-header .btn {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

.directory-title {
    color: #fff;
    font-size: 20px;
    margin: 0 0 12px;
    padding: 2px 0 2px;
}

.directory-nav-title {
    border-top: 1px solid #75838b;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 13px;
}

.directory-nav-title a {
    color: #fff;
}

.directory-nav-title a:hover {
    color: #CCD1D3;
}

.directory-nav {
    margin: 0;
    padding: 0;
}

.directory-nav > li {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.5px;
    margin: 0 0 8px;
    padding: 3px 0 1px;
}

.directory-nav > li > a {
    display: inline;
    color: #fff;
    padding: 0;
}

.directory-nav > li > a:hover {
    color: #CCD1D3;
}

.directory-nav > li > a:hover,
.directory-nav > li > a:focus {
    background: none;
}

@media (max-width: 991px) {

    .directory-body {
    }

    .directory-body .col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .directory-body-inner {
        white-space: normal;
    }

    .directory-body-inner .z-hlayout-inner {
        width: 50%;
    }

} /* end @media */

@media (min-width: 992px) {

    .directory-area {
        padding: 28px 0 56px;
    }

    .directory-header {
        border-bottom: 1px solid #75838b;
        padding-bottom: 15px;
    }

    .directory-title {
        font-size: 24px;
        margin: 0 0 4px;
        padding: 7px 0 1px;
    }

    .directory-body-inner {
        display: table;
        width: 100%;
    }

    .directory-body-inner .z-hlayout-inner {
        display: table-cell;
    }

    .directory-body .col {
        border-left: 1px solid #75838b;
        padding-left: 15px;
        padding-right: 15px;
    }

    .directory-body .z-hlayout-inner:first-child .col {
        border-left: 0;
    }

    .directory-nav-title {
        border-top: 0;
        font-size: 18px;
        margin: 8px 0 16px;
        padding: 3px 0 1px;
    }

} /* end @media */

/* Footer Nav
   -------------------------------------------------------------------------- */

.footer-nav {
    margin: 0 0 8px;
    padding: 0;
}

.footer-nav > li {
    color: #ccd1d3;
    font-size: 14px;
    line-height: 20px;
    float: left;
    margin: 0;
    padding: 1px 0 3px;
}

.footer-nav > li:after {
    content: "| ";
    margin: 0 12px;
}

.footer-nav > li:last-child:after {
    content: "";
}

.footer-nav > li > a {
    display: inline-block;
    color: #ccd1d3;
    padding: 0;
}

.footer-nav > li > a:hover {
    color: #fff;
}

.footer-nav > li > a:hover,
.footer-nav > li > a:focus {
    background: none;
}

@media (min-width: 768px) {

    .footer-nav {
        margin: 0;
    }

    .footer-nav > li {
        font-size: 16px;
        line-height: 28px;
        padding: 3px 0 1px;
    }

} /* end @media */

/* Site Copyright
   -------------------------------------------------------------------------- */

.footer-apps  ul li a{
    padding:0px;
}

.site-copyright {
    color: #ccd1d3;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 1px 0 3px;
}

@media (max-width: 768px) {

    .footer-apps ul li a{
        padding:15px 0px 15px 0px;
    }

} /* end @media */

.site-copyright a {
    color: inherit;
}

.site-copyright a:hover {
    color: #fff;
}

@media (min-width: 768px) {

    .site-copyright {
        font-size: 14px;
    }

} /* end @media */

/* Content License
   -------------------------------------------------------------------------- */

.site-footer #content_license {
    color: #CCD1D3;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 12px;
    padding: 1px 0 3px;
}

.site-footer #content_license a {
    color: #CCD1D3;
    text-decoration: underline;
}

.site-footer #content_license a:hover {
    color: #fff;
}

@media (min-width: 768px) {

    .site-footer #content_license {
        font-size: 14px;
    }

} /* end @media */

/* Cookie notification
   ========================================================================== */

.site-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0px;
    border-radius: 0px;
}

.site-alert .container {
    padding:0px;
    padding-right:5px;
}

.alert {
    background-color: #092f57;
    padding-top: 12px;
    padding-bottom: 12px;
}

.alert-text {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 3px;
    position: relative;
    padding-left: 24px;
    padding-right:24px;
}

.alert-icon {
    margin-right: 8px;
    position: absolute;
    top: 3px;
    left: 0;
}

.alert-close {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 1;
    background-color: transparent;
    border: 0;
    margin: 0 -6px;
    margin-left: 16px;
    padding: 6px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.alert-close:hover {
    color: #fff;
}

/* Takeover Tab
   ========================================================================== */

.takeover-tab {
    background: #326c90;
    border-radius: 8px 0 0 8px;
    width: 108px;
    height: 112px;
    padding: 16px 12px 0;
    position: fixed;
    right: 0;
    top: 332px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
    text-align: center;
    z-index: 9999;
    outline: none;
}

.takeover-tab:hover,
.takeover-tab:focus {
    background: #4187b3;
    color: #fff;
    outline: none;
}

.takeover-tab [class^="icon-"],
.takeover-tab [class*=" icon-"] {
    display: block;
    color: #1b394c;
    font-size: 36px;
    margin-bottom: 9px;
}

/* Knowledge Base
   ========================================================================== */

.knowledge-base {
    margin-bottom: 0;
    position: relative;
}

.knowledge-base .navigator {
    padding-bottom: 8px;
    margin-top: 40px;
}

.knowledge-base .panel-heading .btn {
    margin: 12px 0 0;
    padding-left: 14px;
    padding-right: 14px;
}

.knowledge-base .panel-heading .media-right {
    padding-left: 0;
}

.knowledge-base .panel-title {
    width: 100%;
    font-size: 20px;
    text-align: left;
    overflow: hidden;
    padding: 0 0 4px;
}

.knowledge-base .panel-title:after {
    background: #E0E4E7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    left: 16px;
    margin-right: -100%;
    width: 100%;
    top: 1px;
}

.knowledge-base .hentry {
    margin: 0 0 24px;
}

.knowledge-base .entry-header {
    margin: 0 0 20px;
}

.knowledge-base .entry-title {
    color: #333;
    margin: 0;
}

.knowledge-base .entry-meta {
    color: #326c90;
    font-size: 13px;
    line-height: 16px;
}

.knowledge-base .entry-content p {
    margin: 0 0 16px;
}

.knowledge-base .entry-content .video {
    margin: 28px 0;
}

.knowledge-base-sidebar {
    border-top: 1px solid #E0E4E7;
    padding-top: 23px;
    margin-top: 16px;
}

.knowledge-base-last-update {
    color: #666666;
}

.knowledge-base-last-update .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin: 0;
}

.knowledge-base-category .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin: 0;
}

.knowledge-base-tags a {
    color: #326c90;
}

.knowledge-base-tags a:hover {
    color: #991712;
}

.knowledge-base-tags .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin: 0;
}

.knowledge-base-similar-articles ul {
    padding-left: 16px;
}

.knowledge-base-similar-articles ul li:before {
    border-radius: 50%;
}

.knowledge-base-similar-articles .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #326c90;
    margin: 0 0 20px;
    padding: 1px 0 3px;
}

@media (max-width: 991px) {

    .knowledge-base .panel-heading {
        overflow: visible;
    }

    .knowledge-base .panel-title {
        display: block;
    }

} /* end @media */

@media (min-width: 992px) {

    .knowledge-base .panel-heading {
        margin: 0 0 20px;
        padding: 23px 39px 0;
        border: none;
    }

    .knowledge-base .panel-body {
        padding: 0 39px 39px;
    }

    .knowledge-base-content {
        border-right: 1px solid #E0E4E7;
        padding-right: 27px;
    }

    .knowledge-base-sidebar {
        border-top: 0;
        padding: 4px 36px 0 28px;
        margin-top: 0;
    }

} /* end @media */

/* Equation
   ========================================================================== */

.equation-content-area {
    margin-bottom: 20px;
    padding-top: 40px;
    overflow:hidden;
}

/* Blog
   ========================================================================== */

.blog-content-area {
    margin-bottom: 20px;
    padding-top: 40px;
    padding-left:  15px;
    padding-right:  15px;
}

.blog-content-title {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 20px;
    padding: 12px 0;
}

.blog-content-area .site-content .blog-top-button {
    margin-bottom:8px;
}

@media (min-width: 992px) {

    .blog-content-area .site-content {
        border-left: 2px solid #E0E4E7;
        border-right: 2px solid #E0E4E7;
        padding-left: 30px;
        padding-right: 30px;
    }

} /* end @media */

/* Blog Entry
   -------------------------------------------------------------------------- */

.show-Categories {
    padding:2px 4px 3px 4px;
    border-radius:5px;
}
.show-Categories:hover {
    background-color:#ececec;
}

.blog-entry-row {
}

.blog-entry-row .z-row-inner {
    line-height: inherit;
    border-top: 0;
}

.blog-entry-row .z-row-content {
    border-bottom: 1px solid #E0E4E7;
    margin-top:  10px;
    margin-bottom:  10px;
    padding-bottom: 11px;
}

.blog-entry-row:last-child .z-row-content {
    border-bottom: 0;
}

.blog-entry {
    max-width: 1080px;
}

.blog-img {
    max-width: 100%;
    margin-bottom: 8px;
    height: auto !important;
}

.blog-container {
    display: grid;
    grid-template-columns: auto auto;
}

.blog-entry {
    float: left;
    margin: 4px;
}

.blog-thumb {
    height: 48px;
    width: auto !important;
}

.blog-link {
    font-size: 20px;
    float: left;
    margin: 4px;
    color:#fff;
}

.blog-link:hover {
    color:#4c809b;
}

.blog-entry .entry-header {
    position: relative;
    margin: 0 0 15px;
}

.blog-entry .entry-title {
    font-size: 36px;
    letter-spacing: -1px;
    margin: 0 0 5px;
}

.blog-entry .entry-title a {
    color: #326c90;
}

.blog-entry .entry-title a:hover {
    color: #C4423D;
}

.blog-entry .thumbnail {
    display: inline-block;
    background: #EEEFF0;
    border: 1px solid #E0E4E7;
    padding: 15px;
    vertical-align: top;
    margin-bottom: 20px;
    max-width: 100%;
}

.blog-entry .entry-meta {
    color: #75838B;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 0 1px;
}

.blog-entry .entry-meta a {
    color: inherit;
}

.blog-entry .entry-meta a:hover {
    color: #333;
}

.blog-entry .entry-meta .author:before,
.blog-entry .entry-meta .categories-links:before,
.blog-entry .entry-meta .comments-popup-link:before,
.blog-entry .entry-meta .unpublished:before,
.blog-entry .entry-meta .buttons:before,
.blog-entry .entry-meta .blog-modified:before {
    content: "| ";
    margin: 0 4px;
}

.blog-entry .entry-meta .share {
    margin-left: 8px;
    vertical-align: top;
}

.blog-entry .entry-meta .blog-edit,
.blog-entry .entry-meta .blog-share {
    margin-left: 4px;
}

.blog-entry .entry-summary .z-html :not(p) {
    display:  none;
}

.blog-entry .entry-content {
    margin: 0 0 8px;
    padding: 2px 0;
}

.blog-entry .entry-content .lead {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px;
}

.blog-entry .entry-content h1,
.blog-entry .entry-content .h1 {
    font-size: 36px;
    line-height: 1;
}

.blog-btn-spacing{
    margin:5px 0px 5px 0px;
}

@media (min-width: 992px) {

    .blog-entry .entry-header {
        padding: 0;
        min-height:72px;
    }

    .blog-entry .entry-title {
        margin-left:85px;
    }

    .blog-entry .entry-meta .date {
        display: block;
        border: 2px solid #E0E4E7;
        line-height: 20px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 72px;
        padding: 4px 0 0;
    }

    .blog-entry .entry-meta .month {
        display: block;
        color: #333;
        font-size: 16px;
        padding-bottom:4px;
    }

    .blog-entry .entry-meta .day {
        color: #326c90;
        font-weight: bold;
        font-size: 20px;
        line-height: 16px;
        display: block;
        padding: 0 0 6px;
    }

    .blog-entry .entry-meta .year {
        background: #E0E4E7;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .blog-entry .entry-meta .author {
        margin-left:85px;
    }

    .blog-entry .entry-meta .author:before {
        content: none;
    }

} /* end @media */

/* Blog Nav */

.nav-blog {
    margin: 0 0 36px;
}

.menu-blog {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-blog > li {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #E0E4E7;
    margin: 0;
    padding: 13px 0 14px;
}

.menu-blog > li:first-child {
    border-top: 1px solid #E0E4E7;
    padding-top: 12px;
}

.menu-blog > li > a {
    display: block;
    color: #333;
}

.menu-blog > li > a:hover {
    color: #326C90;
}

/* Archive Nav */

.nav-archive {
    margin: 0 0 20px;
}

.nav-archive .itemCount {
    color: #75838B;
}

.nav-archive-title {
    color: #326C90;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin: 0px 0px 16px;
    padding: 3px 0px 1px;
}

/* Blog
   ========================================================================== */

.document-header .document-menu,
.document-header .document-info {
    margin: 0;
}

.document-header {
    border-bottom: 2px solid #e0e4e7;
    padding-bottom: 18px;
    color: #75838B;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 24px;
}

.document-info {
    margin-bottom: 8px;
    white-space: normal;
}

.document-info [class^="icon-"],
.document-info [class*=" icon-"] {
    color: #326C90;
    font-size: 43px;
    vertical-align: top;
    margin-right: 10px;
}

.document-title {
    font-size: 40px;
    line-height: 48px;
    margin: 0;
    padding: 0 0 4px;
}

.document-menu {
    padding-right: 0;
}

.document-btns {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.document-btns .btn {
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
}

.document-btns .btn-share {
    float: right;
    margin-right: 0;
}

/* Disclaimer
   -------------------------------------------------------------------------- */

.disclaimer {
}

.disclaimer-wrap {
    text-align: left;
}

.disclaimer-reviewed-wrap .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #326c90;
}

.disclaimer-reviewed-wrap .tooltip-inner {
    background: #326c90;
    text-align: left;
    padding: 16px;
}

.disclaimer-reviewed {
    color: #326c90;
    font-weight: 600;
    background: url("../images/disclaimer-reviewed.png") no-repeat 0 center;
    font-size: 15px;
    line-height: 32px;
    padding: 0 4px 0 40px;
    margin-right: 20px;
    position: relative;
    display: inline-block;
}

.disclaimer-reviewed:after {
    display: block;
    content: "";
    background: url("../images/disclaimer-reviewed-edge.png") no-repeat right center;
    width: 16px;
    height: 24px;
    position: absolute;
    right: -16px;
    top: 4px;
}

.disclaimer-not-reviewed-wrap .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #991712;
}

.disclaimer-not-reviewed-wrap .tooltip-inner {
    background: #991712;
    text-align: left;
    padding: 16px;
}

.disclaimer-not-reviewed {
    color: #991712;
    font-weight: 600;
    background: #EEEFF0 url("../images/disclaimer-not-reviewed.png") no-repeat 8px center;
    border-radius: 10px;
    font-size: 15px;
    line-height: 24px;
    padding: 0 16px 0 32px;
    margin-right: 12px;
    display: inline-block;
}

.disclaimer-reviewed-wrap .tooltip.in,
.disclaimer-not-reviewed-wrap .tooltip.in {
    opacity: 1;
}

/* Infobox
   -------------------------------------------------------------------------- */

.infobox-area {
    background: #fff;
}

.infobox-grid {
}

.infobox-grid table {
    border: 1px solid #E0E4E7;
}

.infobox-grid-row {
    font-size: 14px;
    line-height: 20px;
}

.infobox-grid-row .z-row-inner {
    border-top: 1px solid #E0E4E7;
    border-right: 1px solid #E0E4E7;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 7px;
}

.infobox-grid-row .z-row-content {
}

.infobox-grid-head-label {
    color: #326C90;
    font-weight: 700;
}

.infobox-grid-category-list {
    display: inline-block;
    margin: 0;
    padding-right: 4px;
    white-space: nowrap;
}

@media (max-width:991px) {

    .infobox-area {
        float: none !important;
        padding: 0;
    }

} /* end @media */

@media (min-width:992px) {

    .infobox-area {
        padding-right: 0;
        padding-left: 48px;
    }

    .infobox-inner {
        border-left: 2px solid #E0E4E7;
        border-bottom: 2px solid #E0E4E7;
        padding-left: 46px;
        padding-bottom: 22px;
        margin-bottom: 40px;
    }

} /* end @media */

/* Quick Calculate
   -------------------------------------------------------------------------- */

.quick-calculate {
    min-height: 24px;
    position: relative;
    margin-bottom: 40px;
    overflow: visible;
}

.quick-calculate-container {
    padding-left: 0;
    padding-right: 0;
}

.quick-calculate-markup {
    text-align: center;
    margin-bottom: 20px;
}

.quick-calculate-markup .mjx-chtml {
    white-space: normal;
}

.quick-calculate table {
    background-color: transparent;
    margin-bottom: 8px;
}

.quick-calculate table > tbody > tr > td {
    border-top: 0;
    line-height: inherit;
}

.quick-calculate .z-combobox {
}

.quick-calculate .z-combobox-input {
    border-radius: 0;
}

.quick-calculate .header-container {
    width: 1.5em;
    overflow: hidden;
    display: block;
    position: absolute;
    border-right: 1px solid #ccc;
    min-height: 1.8em;
    left: 0;
    top: 0;
    bottom: 0;
}

.quick-calculate .header-container a {
    outline: 0;
}

.quick-calculate .header-container .quick-calculate-action {
    cursor: pointer;
    position: relative;
    color: #999;
    right: -2px;
}

.quick-calculate .header-container span.rotate {
    transform: rotate(-90deg);

    transform-origin: 100% 90%;

    font-size: 10pt;
    white-space: nowrap;
    color: #999;
    font-variant: small-caps;
    position: absolute;
    right: 0px;
}

.quick-calculate .calculate-actions {
    float: right;
}

.refresh .glyphicon-refresh.animate {
    animation: rotateAnim .5s linear infinite;
}

@keyframes rotateAnim {
    from { transform: scale( 1 ) rotate( 0deg ); }
    to { transform: scale( 1 ) rotate( 360deg ); }
}

.quick-calculate .result-box {
    background: #919ca2;
    padding:10px;
    padding-bottom:5px;
    border-radius: 4px;
}

.quick-calculate .result-box table {
    margin-bottom:0px;
}

.quick-calculate .result-item {
    margin-bottom:5px;
}

.quick-calculate .result-item {
    margin-bottom:5px;
}

.quick-calculate .result-item .result-no-units {
    border-radius: 4px;
}

.quick-calculate .result-annotation {
    color: #fff;
    margin-right:5px;
}

.quick-calculate .z-textbox {
    border-radius: 4px 0 0 4px;
}

.quick-calculate .result-button {
    margin-bottom:1px;
    margin-right:1px;
}

.quick-calculate .result-button-container .z-hlayout-inner{
    padding-right:0px !important;
}

.quick-calculate .matrix-result {
    background: #fff;
    border-radius: 4px;
}

.quick-calculate .matrix-result-inner {
    padding:10px;
}

.quick-calculate .calc-result {
    display: flex;
    background: #919ca2;
    border-radius: 4px;
    margin: 0;
    padding: 16px;
}

.quick-calculate .calc-result-html {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
}

.quick-calculate .calc-result .numeric {
    display: inline;
    vertical-align: bottom;
    word-wrap: break-word;
}

.quick-calculate .calc-result .unit-container {
    background: none;
    vertical-align: bottom;
    margin-left: .5em;
    width: auto;
}

.quick-calculate .result-box .result-link{
 background-color:#fff;
 display:block;
 width:100%;
 padding:6px;
 border-radius:4px;
 text-align: center;
}

.quick-calculate .result-box .result-link:hover{
 background-color:#4187b3;
 color:#fff;
}

.quick-calculate .calc-result .input-group input[type="text"] {
    float:  none;
}

.quick-calculate .calc-result .input-group .dropdown-unit-button {
    background: #fff;
    border-style:solid;
    border-width:1px;
    border-radius:0px 4px 4px 0px;
    border-color:#E0E4E7;
    padding:10px;
}

.quick-calculate .output-unit-select {
    white-space: nowrap;
}

.quick-calculate .output-unit-select li {
    display: table-row;
    cursor: pointer;
}

.quick-calculate .output-unit-select li a {
    display: table-cell;
    font-weight: bold;
}

.quick-calculate .output-unit-select li span {
    display: table-cell;
    font-size: 80%;
    padding-right: 5px;
}

.quick-calculate .calc-result .more-digits {
    color: #555;
    font-size: 75%;
    text-align: right;
    margin-bottom: -.75em;
    display: relative;
    clear: both;
}

.quick-calculate .variable-input-group.without-unit input {
    width: 100% !important;
}

.quick-calculate .var-label-container {
    padding-top: 8px;
}

.quick-calculate .var-icon {
    color: #326C90;
}

.quick-calculate .var-label {
    text-align: left;
    font-weight: bold;
    display: inline;
}

.quick-calculate .calc-result .numeric {
    font-size: auto;
    vertical-align: baseline;
    word-break: break-all;
}

.quick-calculate .calc-result .unit-container {
    vertical-align: middle;
    margin-left: none;
}

.quick-calculate .calc-result .tooltip .tooltip-inner {
    word-break: normal;
}

.quick-calculate .btn-refresh {
    float: right;
}

.quick-calculate .more-digits {
    margin-bottom: 0px;
    text-align: right;
    padding-right:16px;
}

.quick-calculate .more-digits a {
    color: #fff;
    cursor: pointer;
}

.quick-calculate .calculate-actions .glyphicon {
    float: right;
    color: #999;
}

.quick-calculate fieldset {
    margin-bottom: 20px;
}

.quick-calculate .markup {
    text-align: center;
    overflow-x: auto;
    margin: 0;
}

.quick-calculate .markup.well {
    background: #fff;
}

.quick-calculate .modified {
    display: block;
    color: #75838B;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 4px 0 18px;
    border-bottom: 2px solid #e0e4e7;
}

.quick-calculate .calc-result .unit-container {
    border: none;
    padding: 0;
}

.quick-calculate .calc-result .unit-container .btn {
    border-radius: 0 4px 4px 0;
}

.quick-calculate .calc-result .numeric {
    background: #fff;
    display: table-cell;
    border-top: 1px solid #e0e4e7;
    border-bottom: 1px solid #e0e4e7;
    padding: 0 8px;
    vertical-align: middle;
    line-height: 38px;
    border-radius: 0;
}

.quick-calculate .calc-result .matrixPadding {
    padding: 8px 8px;
}

.matrix-input {
    overflow:auto;
}

.matrix-input-row {
    overflow:visible;
}

.matrixResult {
    position: relative;
    width:1%;
    margin:0px 5px 0px 5px;
}

.matrixResult:before, .matrixResult:after {
    content: "";
    position: absolute;
    top: 0;
    border: 2px solid #7e7e7e;
    width: 6px;
    height: 100%;
    font-weight:bold;
}

.matrixResult:before {
    left: -6px;
    border-right: 0px;
}

.matrixResult:after {
    right: -6px;
    border-left: 0px;
}

.matrixResult td {
    text-align: center;
    border: none;
    white-space:nowrap;
    padding: 1px 7px 1px 7px;
}

.quick-calculate .matrix-scroll {
    overflow: auto;
}

/**
 * Modal
 */

.quick-calculate-modal {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
}

.quick-calculate-modal .modal-header-top {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.quick-calculate-modal .modal-header-bottom {
}

.quick-calculate-modal .modal-body {
}

.quick-calculate-modal .quick-calculate {
    margin-bottom: 0;
}

.quick-calculate-modal .quick-calculate .modified {
    border-bottom: 0;
    padding-bottom: 0;
    padding-right: 120px;
    font-size: 12px;
    white-space: normal;
}

.quick-calculate-modal .quick-calculate-markup {
    background-color: #fff;
    border: 1px solid #E0E4E7;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 9px;
}

.quick-calculate-modal .calc-result {
    margin: 0 -15px -15px;
    border-radius: 0 0 5px 5px;
}

/* Token Panel
   -------------------------------------------------------------------------- */

.token-panel .title{
    width: 100%;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    display: block;
    margin: 0 0 12px;
    padding: 1px 0 3px;
}

.token-panel {
    position: relative;
    z-index: 1;
}

/* Calculator Panel
   -------------------------------------------------------------------------- */

.calculator-panel .panel {
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.calculator-panel .panel > div {
    overflow-x: auto;
}

/* Calculator Layout
   -------------------------------------------------------------------------- */

.calculator-layout {
    border: 0;
    padding: 0;
    padding-bottom: 20px;
}

.calculator-layout table {
    line-height: 0;
    border-radius: 4px;
    margin: 0;
}

.calculator-layout .calculator-btn,
.calculator-layout .calculator-button {
    color: #333;
    background: #919CA2;
    border: 1px solid #75838B;
    padding: 7px 11px 7px !important;
    height: 100% !important;
    width: 100% !important;
    min-height: 36px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    cursor: default;
    white-space: normal;
}

.calculator-layout .calculator-btn:hover,
.calculator-layout .calculator-btn:focus,
.calculator-layout .calculator-button:hover,
.calculator-layout .calculator-button:focus {
    background: #326c90;
    border-color: #326c90;
    color: #fff;
    cursor: pointer;
}

.calculator-layout .tabname {
    color: #326c90;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    padding: 6px 15px 8px;
    word-break:break-all;
    width:92%;
}

.calculator-layout .tabicon:after {
    display: block;
    content: "";
    background: url("../images/icon-panel-toggle.png") no-repeat left bottom;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 9px;
    top: 5px;
    z-index: 1;
}

.calculator-layout .collapsed .tabname {
    color: #0f1f2c;
}

.calculator-layout .collapsed .tabicon:after {
    background: url("../images/icon-panel-toggle.png") no-repeat left top;
}

.calculator-layout .collapsing,
.calculator-layout .collapse {
    margin-top: 1px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 11px;
}

.calculator-layout .z-hbox {
    padding-top: 4px;
}

.calculator-layout .z-hbox th,
.calculator-layout .z-vbox th,
.calculator-layout .z-hbox td,
.calculator-layout .z-vbox td {
    border-top: 0;
}

.calculator-layout .none-body {
    overflow: visible !important;
}

.calculator-layout .none-emptybody {
    display: none;
}

.calc-collection-equationbox .z-grid-body{
    height:auto !important;
}

/* Admin / Profile
   -------------------------------------------------------------------------- */

#user-page-content h1 {
    line-height: 32px;
    border-bottom: 1px solid #E0E4E7;
    padding-bottom: 3px;
}

div.profile-section,
div.userInfo,
div.userRecentChanges,
div.userPreferences,
div.passwordManagement,
div.watchlistManagement,
div.watchlistRss,
div.watchlistElements,
div.userDashboard,
.dashboard {
    background: #EEEFF0;
    padding: 20px;
    margin: 0 0 20px;
}

div.userRecentChanges,
div.watchlistElements {
    background: none;
    padding: 0;
}

.profile-section .activityPage:hover,
.profile-section .activityApplication:hover,
.profile-section .activityUser:hover {
    background: none;
}

/**
 * Avatar
 */

#avatar img {
    border: 1px solid #E0E4E7;
    box-shadow: none;
    padding: 3px;
}

/**
 * Profile / Admin Menu
 */

.profile-menu ul li,
.admin-menu ul li {
    line-height: 22px;
}

.profile-menu ul li ul li .current,
.profile-menu ul li ul li .current a,
.profile-menu ul li ul li .current a:hover,
.profile-menu ul li ul li .current a:focus,
.admin-menu ul li ul li .current,
.admin-menu ul li ul li .current a,
.admin-menu ul li ul li .current a:hover,
.admin-menu ul li ul li .current a:focus {
    background: #EEEFF0;
    color: #75838B;
}

.vertical-menu ul li .group:hover a,
.vertical-menu ul li .group.current-group a,
.admin-menu ul li .group:hover a,
.admin-menu ul li .group.current-group a {
    color: #EEEFF0;
}

.profile-menu ul li .group,
.admin-menu ul li .group {
    border-color: #75838B;
}

.profile-menu ul li .group:hover,
.profile-menu ul li .group.current-group,
.admin-menu ul li .group:hover,
.admin-menu ul li .group.current-group {
    background-color: #75838B;
    color: #fff;
}

.profile-menu ul li .group:hover a,
.profile-menu ul li .group.current-group a,
.admin-menu ul li .group:hover a,
.admin-menu ul li .group.current-group a {
    color: #fff;
}

.profile-menu ul li .group:first-child,
.admin-menu ul li .group:first-child {
    background-color: #75838B;
}

/* Tabbar
   -------------------------------------------------------------------------- */

.tabbar {
    border-bottom: 0;
    margin-bottom: 0;
    font-size: 18.2px;
}

.tabbar > li {
    color: #CCD1D3;
    margin-bottom: 0;
}

.tabbar > li > a:hover,
.tabbar > li > a:focus {
    background: #EEEFF0;
    border-color: #E0E4E7;
}

.tabbar > li.active > a,
.tabbar > li.active > a:hover,
.tabbar > li.active > a:focus {
    background: #919CA2;
    border-color: #919CA2;
    color: #fff;
}

.tabbar .separator,
.tabbar .itemCount {
    color: #CCD1D3;
}

/* Pagination Filter
   -------------------------------------------------------------------------- */

.paginationFilter {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 16px;
    padding: 1px 0;
}

.paginationFilter .pagination a:hover {
    text-decoration: underline;
}

.paginationFilter .pagination {
    float: right;
    font-size: 14px;
    margin-right: 10px;
}

/* Information
   -------------------------------------------------------------------------- */

#Informationpane {
    background: #fff;
}

#Informationpane dl {
    margin-bottom: 0;
}

#Informationpane dt,
#Informationpane dd {
    font-size: 14px;
    line-height: 20px;
    padding: 1px 0 3px;
}

ul.xlist {
    margin: 0 0 0 8px !important;
}

ul.xlist li {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 8px;
}

/* No Items
   -------------------------------------------------------------------------- */

.noitems {
    background: #C4423D;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 11px 16px 13px;
}

/* Columns
   -------------------------------------------------------------------------- */

.container-columns .column {
    float: left;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width:768px) {

    .container-columns .column {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

} /* end @media */

.container-columns .column {
    min-height: 20px;
}

.container-columns .first-column {
    padding-left: 0
}

.container-columns .last-column {
    padding-right: 0
}

/* Ratings
   -------------------------------------------------------------------------- */

.rating-wrapper {
    padding-top: 1px;
    padding-bottom: 1px;
}

.rating-stars {
    vertical-align: top;
}

/* Code
   -------------------------------------------------------------------------- */

.fullScreenEditLinkContainer {
    font-size: 100%;
}

/* Activity List
   -------------------------------------------------------------------------- */

.activity {
    margin-bottom: 20px;
}

.activity h2 {
    background: #EEEFF0;
    border-bottom: 4px solid #326C90;
    color: #326C90;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 11px 20px 9px;
    text-align: left;
    display: block;
    overflow: hidden
}

.activity ul.activityList li:before {
    display: none;
}

.activity .activityItem {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0;
}

.activity .activityPage {
    border-bottom: 1px solid #E0E4E7;
    padding: 4px 0 3px;
    overflow: hidden;
}

.activity .activitySummary {
    margin: 4px 0 12px;
    min-height: 36px;
}

.activity .activityApplication,
.activity .activityUser,
.activity .activityPage .activityItem {
    padding-left: 80px;
}

.activity .activityPage:hover,
.activity .activityApplication:hover,
.activity .activityUser:hover {
    background: #E0E4E7;
}

.activity .type {
    color: #333;
    font-weight: 600;
}

.activity .link {
    display: inline-block;
    vertical-align: top;
}

.activity .attachment:hover {
    background: #EEEFF0;
}

.activityAction,
.activityTime {
    color: #75838B;
}

.activityTime {
    padding-top: 4px;
}

.activitySnapshot img {
    box-shadow: none;
    border-radius: 0;
}

.activityList .attachment,
.activityList .attachment:hover {
    border: none;
    background: none;
}

/* Formula Container
   -------------------------------------------------------------------------- */

.formula-container {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}

.formula-container h1 {
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 0;
    padding: 7px 11px;
}

.formula-container .box,
.formula-code-container {
    min-height: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formula-code-container .code.collapsing,
.formula-code-container .code.in {
    padding: 20px;
}

/* Table of Contents, Footnotes
   -------------------------------------------------------------------------- */

.toc-list ol,
.footnotes {
    margin-bottom: 0;
}

/* Live Table
   -------------------------------------------------------------------------- */

table.livetable {
    width: 100%;
    margin-bottom: 20px;
}

.livetable-display > thead > tr > th,
.livetable-display > tbody > tr > th,
.livetable-display > tfoot > tr > th,
.livetable-display > thead > tr > td,
.livetable-display > tbody > tr > td,
.livetable-display > tfoot > tr > td {
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #e0e4e7;
    padding: 10px 8px 9px;
}

.livetable .pagination {
    font-size: 100%;
}

.livetable td.livetable-pagination {
    color: #75838B;
    padding: 9px 0 10px;
}

table.livetable table.livetable-display thead.livetable-display-header {
    border-bottom: 4px solid #326C90;
}

thead.livetable-display-header th.asc,
thead.livetable-display-header th.livetable-display-header-text {
    background-color: #eeeff0
}

thead.livetable-display-header th.selected {
    background-color: #e0e4e7;
}

tbody.livetable-display-body a,
tbody.livetable-display-body a:hover {
    color: #326C90;
}

thead.livetable-display-header th.livetable-display-header-text {
    padding-top: 4px;
}

html > body thead.livetable-display-header td.livetable-display-header-filter {
    padding: 4px 5px 4px 0px;
}

tbody.livetable-display-body tr {
    border-bottom: none;
}

.livetable-display > tbody > tr:nth-of-type(2n+1) {
    background-color: #eeeff0;
}

tbody.livetable-display-body tr:hover,
tbody.livetable-display-body tr.rowHover {
    background-color: #E0E4E7;
}

.livetable td.livetable-display-container {
    border-bottom: 4px solid #326C90;
    padding: 0;
}

.livetable-filter-active {
    background-color: #eeeff0 !important;
}

.livetable > thead > tr > td.active,
.livetable > tbody > tr > td.active,
.livetable > tfoot > tr > td.active,
.livetable > thead > tr > th.active,
.livetable > tbody > tr > th.active,
.livetable > tfoot > tr > th.active,
.livetable > thead > tr.active > td,
.livetable > tbody > tr.active > td,
.livetable > tfoot > tr.active > td,
.livetable > thead > tr.active > th,
.livetable > tbody > tr.active > th,
.livetable > tfoot > tr.active > th {
    background-color: #e0e4e7;
}

/* Search Results
   -------------------------------------------------------------------------- */

.search-results {
    border: 0;
    margin-bottom: 20px;
}

.search-results table > tbody + tbody,
.search-results table > tbody + tbody {
    border: 0;
}

.search-results table > thead > tr > th,
.search-results table > tbody > tr > th,
.search-results table > tfoot > tr > th,
.search-results table > thead > tr > td,
.search-results table > tbody > tr > td,
.search-results table > tfoot > tr > td {
    border-top: 0;
}

.search-results table > tbody + tbody {
    border-top: 0;
}

.search-results .z-paging {
    padding: 0;
    vertical-align: top;
    line-height: 24px;
    height: auto;
}

.search-results .z-paging-text {
    font-size: inherit;
}

.search-results .z-paging ul {
    vertical-align: top;
}

.search-results .z-paging ul > li {
    vertical-align: top;
}

.search-results .z-paging-info {
    font-size: inherit;
    position: static;
    float: right;
    padding: 0;
}

.search-result-icon {
    margin-right: 16px;
    width: 36px;
}

.search-result-title-equation,
.search-result-title-constant,
.search-result-title-calculator,
.search-result-title-dataset,
.search-result-title-collection,
.search-result-title-wikiclip,
.search-result-title-tag,
.search-result-title-help
{
    display: block;
    margin-bottom: 8px;
}

.search-result-title-equation:before {
    content: '\e60a';
    font-family: 'icomoon';
    margin: 8px;
}

.search-result-title-constant:before {
    content: '\e606';
    font-family: 'icomoon';
    margin: 8px;
}

.search-result-title-calculator:before {
    content: '\e603';
    font-family: 'icomoon';
    margin: 8px;
}

.search-result-title-dataset:before {
    content: '\e609';
    font-family: 'icomoon';
    margin: 8px;
}

.search-result-title-collection:before {
    content: '\f022';
    font-family: 'FontAwesome';
    margin: 8px;
}

.search-result-title-tag:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin: 8px;
}

.search-result-title-help:before {
    content: '\f059';
    font-family: 'FontAwesome';
    margin: 8px;
}

.search-result-title-wikiclip:before {
    content: '\f0c4';
    font-family: 'FontAwesome';
    margin: 8px;
}

.search-result-meta {
    color: #656565;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}

.search-result-summary {
    display: block;
    padding: 8px 0 8px 20px;
    margin: 0;
    border-left: 5px solid #E0E4E7;
    font-size: 15px;
    line-height: 24px;
}

.search-result-summary:empty {
    display: none;
}

.search-result-summary > *:last-child {
    margin-bottom: 0;
}

.search-result-summary .box {
    display: none;
}

.search-result .z-listcell {
    background: transparent;
    border: 0;
}

.search-result .z-listcell-content {
    padding: 24px 0px 23px 0;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
}

.search-result:hover > .z-listcell,
.search-result.z-listitem-focus>.z-listcell,
.search-result.z-listitem.z-listitem-selected>.z-listcell,
.search-result.z-listitem.z-listitem-selected:hover>.z-listcell,
.search-result.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell,
.search-result.z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {
    background: none;
}

/* Collections
   -------------------------------------------------------------------------- */
.collection-clear {
    clear:both;
}

.icon-collection:before {
    content: "\f022";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.directory-collection-list li {
    width: 24.9%;
}

@media (max-width: 992px) {

    .directory-collection-list li {
        width: 33%;
    }

} /* end @media */

@media (max-width: 640px) {

    .directory-collection-list li {
        width: 50%;
    }

} /* end @media */

@media (max-width: 479px) {

    .directory-collection-list li {
        width: 100%;
    }

} /* end @media */

.collection-no-permission {
    text-decoration: line-through;
}

.actionmenu a.action {
    background-repeat: no-repeat;
    color: #000;
    margin-right: 5px;
    padding-bottom: 1px;
    padding-left: 20px;
}
.actionmenu-wrappable .btn {
    margin-top: 5px;
}
.panel-directory .collection-options {
    z-index: 9;
    top: 8px;
    width: 8em;
}

.delete-collection {
    background-color:#991712;
    margin-left:5px;
}

.delete-collection:hover {
    background-color: #82140f;
}

.delete-collection-item {
    cursor: pointer;
}

ul.collection-reorder-list li:before {
    content: '\f047';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
}

.collection-edit-content-area {
}

.collection-input-tab {
    padding:10px;
}

.collection-tab-title {
    font-weight:700;
    margin:15px;
    margin-bottom:3px;
    font-size:20px;
}

.collection-input-title {
    display: block;
    font-weight: 700;
    margin-bottom: 3px;
    font-size: 20px;
}

.collection-edit-panel {
    margin-top:25px;
}

.collection-save {
    margin-top:5px;
    margin-bottom:15px;
}

.collection-tab-btn {
    margin-top:12px;
    display: inline-block;
}

.collection-btn {
    display:inline;
}

.collection-modified {
    padding-top:10px;
}

.collection-delete-glyph {
    padding-right:3px;
    color:#fff;
}
a.collection-delete, a.collection-delete:hover {
    color:#fff;
}

ul.collection-reorder-list {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
ul.collection-reorder-list li {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    width: 24.00%;
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    margin: 0;
    padding: 8px 16px 4px;
    word-wrap: break-word;
    position: relative;
    cursor: move; cursor: -webkit-grab; cursor: -moz-grab;

}
ul.collection-reorder-list li:before {
    content: '\f047';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
}

@media (max-width: 992px) {

    ul.collection-reorder-list li {
        width: 33%;
    }

} /* end @media */

@media (max-width: 640px) {

    ul.collection-reorder-list li {
        width: 50%;
    }

} /* end @media */

@media (max-width: 479px) {

    ul.collection-reorder-list li {
        width: 100%;
    }

} /* end @media */

.collection-modal-btn {
    margin-bottom:5px;
}

.collection-rename {
    height: 36px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857;
    color: #666666;
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.btn-reorder{
    padding:0px 4px 0px 5px;
    display: none;
}
.btn-reorder-success{
    padding:0px 4px 0px 5px;
    display: none;
    background-color:#326C90;
    color:#fff;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-reorder-failure{
    padding:0px 4px 0px 5px;
    display: none;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    cursor: not-allowed;
    pointer-events: none;
}

.collection-edit-separator{
    margin: 5px 0px 5px 0px;
    border-color:#d5d5d5;
}

.collection-quick-calculate {
    height:22px;
    padding:0px 3px 1px 4px;
}

.collection-backlinks li {
    display:inline;
    width:50%;
    padding: 0px 15px 0px 10px;
}

.collection-url-grid table {
    margin-bottom: 0;
}

.collection-paging-label {
    text-align:center;
    font-weight:bold;
    font-size:16px;
}
/* Collection Equation box
   -------------------------------------------------------------------------- */

.collection-box {
    background: #EEEFF0;
    border: 1px solid #E0E4E7;
    box-shadow: none;
    color: #333;
    margin-bottom: 20px;
    border-radius: 4px;
    margin-top: 1px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 0px;
    padding-bottom: 11px;
}

.collection-box table {
    border-radius: 4px;
    margin: 0;
    height: 100%;
}

.collection-box td {
    border-top: 0;
    width: 0;
    padding: 2px;
    height: 100%;
}

.collection-box .tabname{
    color: #326c90;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    padding: 6px 15px 8px;
    word-break: break-all;
}

.collection-box .btn-container{
    margin-top: 1px;
    padding:0px;
}

.collection-box .equation-layout{
    display: table;
    height: 100%;
    width: 100%;
}

.collection-box .collection-btn{
    display: table-cell;
    color: #333;
    border: 1px solid #75838B;
    padding: 7px 11px 7px;
    height: 100%;
    width: 100%;
    font-size: 14px;
    text-align: center;
    background: #919CA2;
    cursor: pointer;
}

.collection-box .tabname:after{
    display: block;
    content: "";
    background: url("../images/icon-panel-toggle.png") no-repeat left bottom;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 9px;
    top: 5px;
    z-index: 1;
}

.collection-box .collapsed .tabname {
    color: #0f1f2c;
}

.collection-box .collapsed .tabname:after {
    background: url("../images/icon-panel-toggle.png") no-repeat left top;
}

.collection-box .active-button .collection-btn:hover{
    background: #bcc0c3;
}

.collection-box tr:first-child td {
    padding-top: 4px;
}
.collection-box td:first-child {
    padding-left: 4px;
}

.add-collection-box {
    text-align:center;
}

/* Collection Tags
  --------------------------------------------------------------------------- */

.div-tag-table-row {
    display: flex;
    padding-top: 10px;
}

.div-tag-table .data, .div-tag-table .label{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 9px;
    background-color: #EEEFF0;
    border-radius: 0px;
}

.div-tag-table .data {
    overflow:hidden;
    padding-left:8px;
    width: 100%;
}

.div-tag-table .data .tag-tool {
    color: #326C90;
}

.div-tag-table .label {
    float:left;
    color: #326C90;
    text-align:left;
}

/* Vector/Matrix solver inputs
  --------------------------------------------------------------------------- */

.matrix-table {
    margin: 0px;
    border:none;
}

tr.matrix-row td input {
    border-bottom:none;
    border-right:none;
    border-radius:0px;
}

tr.matrix-row td:last-child input {
    border-right:1px solid #e0e4e7;
}

tr.matrix-row:last-child td input {
    border-bottom:1px solid #e0e4e7;
}

tr.matrix-row:first-child td:first-child input {
    border-top-left-radius:4px;
}

tr.matrix-row:first-child td:last-child input {
    border-top-right-radius:4px;
}

tr.matrix-row:last-child td:first-child input {
    border-bottom-left-radius:4px;
}

tr.matrix-row:last-child td:last-child input {
    border-bottom-right-radius:4px;
}

.matrix-table td input.matrix-input:focus{
    border:1px solid #326c90;
}

.matrix-table tbody tr td.matrix-cell {
    padding:0px;
    border:none;
}

/* vCalc Ad Manager
  --------------------------------------------------------------------------- */

.vcalc-ad-manager .vcalc-ad-table tr:nth-child(even){
}

.vcalc-ad-manager .vcalc-ad-table tr:nth-child(odd){
    background:#eeeff0;
}

.vcalc-ad-manager .vcalc-ad-table th{
    font-weight:normal;
}

.vcalc-ad-manager .vcalc-ad-table .table-header th{
    font-weight:bold;
    border-bottom:4px;
    border-bottom-color:#326c90;
}

.ad-img-display img {
    max-height:600px;
    max-width:600px;
}

#adEditForm .ad-edit-field{
    margin-top:10px;
    margin-bottom:10px;
}

.ad-actions a{
    margin-bottom:2px;
    width:100%;
}

/* Window Contact
  --------------------------------------------------------------------------- */

.window-contact {
    max-width: 600px;
    padding: 0;
}

.window-contact table > tbody + tbody,
.window-contact table > tbody + tbody {
    border: 0;
}

.window-contact table > thead > tr > th,
.window-contact table > tbody > tr > th,
.window-contact table > tfoot > tr > th,
.window-contact table > thead > tr > td,
.window-contact table > tbody > tr > td,
.window-contact table > tfoot > tr > td {
    border-top: 0;
}

.window-contact .z-window-header {
    background: #EEEFF0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    color: #1B394C;
    font-size: 20px;
    line-height: 1;
}

.window-contact .z-window-content {
    margin: 0;
    padding: 0;
}

.window-contact-body {
    padding: 15px;
}

.window-contact-label {
    font-weight: bold;
}

.window-contact-footer {
    background: #EEEFF0;
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}

.window-contact-footer .btn {
    margin-left: 8px;
}

/* Window Popup
  --------------------------------------------------------------------------- */

.window-popup {
    width: 600px;
    max-width: 100%;
    padding: 0;
}

.window-popup table > tbody + tbody,
.window-popup table > tbody + tbody {
    border: 0;
}

.window-popup table > thead > tr > th,
.window-popup table > tbody > tr > th,
.window-popup table > tfoot > tr > th,
.window-popup table > thead > tr > td,
.window-popup table > tbody > tr > td,
.window-popup table > tfoot > tr > td {
    border-top: 0;
}

.window-popup .z-window-content {
    margin: 0;
    padding: 0;
}

.window-popup-header {
    background: #EEEFF0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    color: #1B394C;
    font-size: 20px;
    line-height: 1;
}

.window-popup-body {
    padding: 15px;
}

.window-popup-hide-header .z-window-header {
    display: none;
}

/* Tag Popup
  --------------------------------------------------------------------------- */

.tag-popup {
}

/* Grid Table
  --------------------------------------------------------------------------- */

.grid-table {
    margin-bottom: 32px;
}

.grid-table .z-grid-paging-top {
    border-bottom: 0;
    margin-bottom: 16px;
}

.grid-table .z-grid-paging-bottom {
    border-top: 0;
    margin-top: 16px;
}

.grid-table .z-paging {
    padding: 0;
    vertical-align: top;
    line-height: 24px;
    height: auto;
}

.grid-table .z-paging-text {
    font-size: inherit;
}

.grid-table .z-paging ul {
    vertical-align: top;
}

.grid-table .z-paging ul > li {
    vertical-align: top;
}

.grid-table .z-paging-info {
    font-size: inherit;
    position: static;
    float: right;
    padding: 0;
}

.grid-table .z-grid-header {
    background: #eeeff0;
}

.grid-table .z-grid-header table {
    margin-bottom: 0;
}

.grid-table .z-column {
    background: none;
    border-left: 0;
    border-bottom: 0;
}

.grid-table .z-column .z-column-content {
    padding: 8px;
}

.grid-table .z-columns-bar {
    border-left: 0;
}

.grid-table .z-row .z-row-inner,
.grid-table .z-row .z-cell {
    border-right: 0;
    padding: 8px;
}

.grid-table .z-grid-body table {
    margin-bottom: 0;
}

/* Secondary Tabbox (Comments, Attachments, History)
  --------------------------------------------------------------------------- */

.tabbox-secondary {
    margin-top: 40px;
    margin-bottom: 20px;
}

.tabbox-secondary .z-tabpanel {
    overflow-y: auto;
}

.tabbox-secondary-btns {
    background-color: #919CA2;
    padding-bottom: 15px;
}

/* Collection
  --------------------------------------------------------------------------- */

.collection-btn-area {
    padding-left: 0;
    padding-right: 0;
}

.collection-btn-area .table-responsive tbody td {
    min-width:210px;
}

@media (min-width:992px) {

    .collection-btn-area {
        float: right;
        padding-right: 0;
        padding-left: 48px;
    }

    .collection-btn-area-inner {
        border-left: 2px solid #E0E4E7;
        border-bottom: 2px solid #E0E4E7;
        padding-left: 46px;
        padding-bottom: 22px;
        margin-bottom: 40px;
    }

} /* end @media */

/*Library
  --------------------------------------------------------------------------- */

.library-return-btn {
    margin-top: 4px;
}

/* Workspace
  --------------------------------------------------------------------------- */

.workspace-user {
    border-bottom: 2px solid #e0e4e7;
    padding-top: 32px;
    padding-bottom: 30px;
    color: #75838b;
}

.user-bio {
    overflow:hidden;
}

/* Backlinks
  --------------------------------------------------------------------------- */
.backlinks-label {
    margin-top:10px;
    margin-bottom:5px;
}

@media only screen and (max-width: 600px) {
    .edit-button {
        display: none;
    }
}

/* Textarea Editors
  --------------------------------------------------------------------------- */

.multiline {
    height:auto;
}

/* Content Backlog
--------------------------------------------------------------------------- */

.backlog-container .panel-directory{
    margin-bottom:10px;
}

.backlog-submit {
    margin-bottom:20px;
}


.backlog-container .tab-content{
    margin-top:10px;
}

.backlog-header .panel-heading {
    background: #143c5b url(../images/bg-03.jpg) repeat center center;
    color:#fff;
    overflow: auto;
}

.backlog-header .panel-title {
    color:#fff;
}

.backlog-header .panel-directory, .backlog-container .nav-tabs  {
    border-color:#063153;
}

.backlog-container .nav-tabs li.active a {
    border-color:#063153;
    border-bottom-color: transparent;
}

.backlog-body {
    margin:10px;
}

.backlog-date {
    text-align:right;
}

.backlog-btn {
    color:#063153;
    background:#fff;
}

.backlog-btn:hover {
    background-color:#bbc1c5;
    color:#fff;
}

/* Recaptcha  --------------------------------------------------------------------------- */
.recaptcha {
    padding-top:10px;
    padding-bottom:10px;
}

/* Newsletter manager  --------------------------------------------------------------------------- */

.newsletter-submit {
    margin-top:10px;
}

/* login page  --------------------------------------------------------------------------- */

.login-header {
    background: #ffffff;
    padding: 84px 0 24px;
}

.login-wrap {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.login-main .login-form {
    font-size: 12px;
    display: block;
    margin: auto;
    text-align: center;
    width:320px;
    padding:30px;
    background-color:#fff;
    border-radius:4px;
}

.login-password {
    margin:auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.login-options {
    justify-content: space-between;
}

.login-form .remember {
    width: 232px;
}

.login-main .login-inputs {
    width:100%;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
    border-radius: 4px;
    border-color: #7ea4c1;
}

.login-inputs:focus {
    border-color: #07263e;
}

.login-button {
    width:100%;
}

.login-main .login-inputs::placeholder {
    color: #ada2a2;
}


.login-brand {
    display: block;
    width: 280px;
    margin: 0 auto;
}

.login {
    padding: 20px 16px 20px;
}

.login a, .login .remember-checkbox{
    color: #5d95c1;
    text-decoration: none;
}

.login a:hover, .login .remember-checkbox:hover{
    color: #91BFE4;
}

.login-main {
    background: none;
}

.login-window .z-window-content{
    padding:0px;
}

.landing {
    background: #0f1f2b url(/static/images/body.gif) repeat center 170px;
}

.register-btn {
    display: block;
    width: 192px;
    margin: auto;
    font-size: 14px;
}

.site-info {
    color: #4b7b9a;
    font-size: 12px;
    text-align: center;
    white-space: normal;
    margin: 0;
    padding: 19px 16px 14px;
}

.site-info .z-a {
    color: #b2dbfb;
    margin: 0 0 0 16px;
}

.site-info a:hover{
    color:#fff;
}

.social-links a{
    font-size:20px;
}

.slogan-title {
    display: block;
    border: none;
    margin: 0 0 20px;
    padding: 2px 4px;
    color: #91bfe4;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

.newsletter {
    text-align: center;
    max-width: 680px;
    padding-left: 16px;
    padding-right: 16px;
}

.login-window {
    background: #0F1F2B;
    margin: 0;
    padding: 0;
}

html {
    background: #0f1f2b url(/static/images/body.gif) repeat center 170px;
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------register form ---------------------*/

.login-main .register-form {
    display: block;
    margin: auto;
    text-align: center;
    max-width:550px;
    padding:20px;
    background-color:#fff;
    border-radius:4px;
}

.register-form .register-inputs {
    width:240px;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
    border-radius: 4px;
    border-color: #7ea4c1;
    display:inline;
    margin-bottom:5px;
}

.register-inputs:focus {
    border-color: #07263e;
}

.register-label {
    font-weight: bold;
    float:left;
}

.fixed-label {
    width: 144px;
}

.register-title {
    display: block;
    border: none;
    margin-top: 15px;
    margin-bottom:15px;
    padding: 2px 4px;
    color: #91bfe4;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
  }
  
  .register-captcha {
  	margin:auto;
  	width:304px;
  }
  
  @media (min-width: 991px) {
	  .second-input {
	  	margin-left:170px;
	  }
  }
  
  /* Show Algorithm
   -------------------------------------------------------------------------- */
   
   .show-algorithm {
   	width:100%;
   	height:200px;
   }
   
   .algorithm-container {
   	margin-bottom:10px;
   }
   
   /* version history
   -------------------------------------------------------------------------- */
   
   .history-table{
   	margin-right:10px;
   }
   
   .view-history{
     margin-bottom:1px;
   }
   
    /* sponsored page
   -------------------------------------------------------------------------- */
   
   .sponsor-label{
     float:right;	 
   }
   
   @media (max-width: 991px) {
	  .sponsor-label {	  	
     	display:none;     	
	  }
  }
  
  .sponsor-label-img{
     display:block;
     margin:auto;	 
   }

   /* Ads
     --------------------------------------------------------------------------- */
   .infobox-ad {
       max-width:100%;
       display:block;
       margin:auto;
   }

    /* ad wizard
      -------------------------------------------------------------------------- */
      .error-message {
        font-weight:bold;
        color:red;
      }

      .wizard-body-btn {
        margin-right:15px;
        margin-top:5px;
      }
   
    /* sidebar ads
   -------------------------------------------------------------------------- */
   .vcalc-side {
   	display:block;
   	margin:auto;
   	margin-bottom:20px;
    max-height:600px;

   }
   
    /* advertising manager
   -------------------------------------------------------------------------- */
   
   .ad-options-btn{
     margin:2px;	 
   }

   .ad-manager-pane {
    padding:0px;
   }

   .wrap-whitespace {
    white-space: normal;
   }

   .bottom-border {
       border-bottom: 2px solid #e0e4e7;
       padding: 4px 0 18px;
       margin-bottom: 20px;
      }

  .top-border {
     border-top: 2px solid #e0e4e7;
     padding: 18px 0 4px;
     margin-top: 20px;
    }

    /* ad displays
       -------------------------------------------------------------------------- */

  .center-codeblock {
      display: flex;
      justify-content: center;
  }

  .remove-ad-button {
    background: #c2403b;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    padding: 0px;
}

.remove-ad-button:hover {
    background-color: #e1534e;
}

  .remove-ad-button-pending {
    background: #eed60a;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    padding: 0px;
}

.remove-ad-button-pending:hover {
    background-color: #d3bd0b;
}
   
   
    /* ckeditor overrides
   -------------------------------------------------------------------------- */
   
   .cke_button__solver .cke_button_label {
	   display: inline;
	}
	.cke_button__solver .cke_button__solver_icon{
		display:none;
	}
	
	.cke_button__constantsolver .cke_button_label {
	   display: inline;
	}
	.cke_button__constantsolver .cke_button__constantsolver_icon{
		display:none;
	}

	.cke_button__wikiclip .cke_button_label {
       display: inline;
    }
    .cke_button__wikiclip .cke_button__wikiclip_icon{
        display:none;
    }

    .cke_button__template .cke_button_label {
       display: inline;
    }
    .cke_button__template .cke_button__template_icon{
        display:none;
    }
	
	
   
    /* activity stream
   -------------------------------------------------------------------------- */
   .activitystream {
   	  margin-bottom:20px;
   }
   
	.activitystream-reload {
	  margin-top:33px;
	  margin-right:30px;
	}
	
	.activitystream-key {
	width:100%;
	 margin:auto;
	}
	
	/* multi unit inputs
   -------------------------------------------------------------------------- */
	.multi-unit-label {
		color: #fff;
	    background: #326c90;
	    margin-left:-1px;
    	cursor: not-allowed;
    	pointer-events: none;
    	border-radius:0px;
    	padding-bottom:8px;
	}
	
	.multi-unit-wrapper {
		background-color:#326c90;
		padding:1px;
		border-radius:4px;
	}
	
	.multiunit-combobox > .z-combobox-input{
		padding-left:2px;
	}
	
	.fraction-unit-input > .z-hlayout-inner.z-flex-item{
		padding-right:1px !important;
	}
	
	.fraction-unit-input > .z-hlayout-inner input {
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
		cursor:pointer !important;
	}
	
	.fraction-unit-input > .z-hlayout-inner > .keep-border-radius input {
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
	}
	
	.input-selectbox > input, .multi-unit-wrapper .z-textbox,
	.input-selectbox .z-combobox-input,
	.matrix-wrapper .z-textbox{		
		border-radius:4px;
	}
	
	.multi-unit-wrapper .unit-dropdown > .z-combobox-input,
	.multi-unit-wrapper .unit-dropdown.z-combobox-open > .z-combobox-input  {
		border-top-right-radius:4px !important;
		border-bottom-right-radius:4px !important;
    	border-right-width: 0px;
		background-color:#326c90;
		border-color:#326c90;
		color:#fff;
		cursor:pointer !important;
	}

	.multi-unit-wrapper  .z-combobox-input, .result-box .z-combobox-input{
		cursor:pointer !important;
	}
	
	.multi-unit-wrapper .unit-dropdown > .z-combobox-button,
	.multi-unit-wrapper .input-selectbox > .z-combobox-button  {
		border-color:#326c90;
		border-left-color:#EEEFF0;	
		color:#fff;
		background-color:#326c90;
	}
	
	.matrix-wrapper .z-textbox{	
	    border-color: #326c90;
	}
	
	.unit-clear {
	    float: right;
	    padding: 6px;
	    cursor: pointer;
	    position: relative;
	    font-size: 16px;
	    color: #fff;
	    top: -3px;
	    background: #326c90;
	    border-radius:6px;
	}
		
	.unit-clear:hover {
	    background: #4187b3;
	    border-color: #4187b3;
	}

	/* zk spinner
   -------------------------------------------------------------------------- */
   .z-spinner .z-spinner-button {
        height:40px;
   }

   .z-spinner .z-spinner-button .z-spinner-icon {
       height:20px;
       padding-top:4px;
    }

   .z-spinner .z-spinner-button .z-spinner-separator {
       margin-top:8px;
    }

    .dataset-spinner {
        width:74px !important;
        margin-top:2px;
        float:right;
    }

    .dataset-spinner-label {
        float:right;
        margin-top:7px;
        margin-right:3px;
        font-weight: bold;
    }

	/* watch page
   -------------------------------------------------------------------------- */

   .fa-eye, .fa-eye-slash {
        font-size:20px;
   }

   .btn-xs .fa-eye, .btn-xs .fa-eye-slash {
        font-size:16px;
    }

	/* redirect manager
   -------------------------------------------------------------------------- */
   .redirect-header {
    font-size:25px;
    text-align:center;
   }

	/* array input
   -------------------------------------------------------------------------- */
   .array-scroll {
     max-height:150px;
     height:100%;
     overflow-x: hidden;
     overflow-y: auto;
   }

   .array-label {
     padding-top:10px;
     font-size:14px;
     font-weight:bold;
   }

    @media (max-width: 768px) {

        .array-popup {
                width: 100% !important;
        }

    } /* end @media */

    @media (min-width: 769px) {

        .array-popup {
                width: 50%;
        }

    } /* end @media */

	/* share embed
   -------------------------------------------------------------------------- */
    .share-embed {
      padding:10px 0px 10px 0px;
      margin:10px 0px 10px 0px;
      border-top: 2px solid #e0e4e7;
      border-bottom: 2px solid #e0e4e7;
    }

    .embed-code {
       margin-bottom:5px;
    }

    .edit-window-margin {
       margin-right:15px;
    }

    /* select language
       -------------------------------------------------------------------------- */

    .language-select {
        width:50px;
    }

    .language-select > .z-combobox-button{
        display:none;
    }

    .language-select input{
        padding:4px;
        text-align:center;
        cursor: pointer !important;
        border-radius:4px !important;
    }

    .language-edit-combobox input{
        cursor: pointer !important;
    }

    @media (max-width: 768px) {
        .mobile-language {
                height: 175px;
        }
        .collection-language-remove {
            margin-top:5px;
        }
    } /* end @media */

    @media (min-width: 769px) {
         .mobile-language {
                height: 50px;
        }
    }

    .horizontal-line{
        margin:0px 0px 10px 0px;
        border-top: 1px solid #757575;
    }

    .markup-edit {
        margin: 5px 0px 5px 0px;
    }

    .static-page-popup {
         width: 95%;
         top:5% !important;
     }


    /* IOS minus toggle
       -------------------------------------------------------------------------- */

     .minus-toggle{
        margin-left:2px;
        border-radius:4px;
        padding-left:1px;
        padding-right:1px;
        border: 1px solid #326c90;
        border-top: 2px solid #326c90;
        border-bottom: 2px solid #326c90;
     }

     .z-hlayout-inner:has(.minus-toggle) {
        padding-right:1px !important;
     }

      /* clips
            -------------------------------------------------------------------------- */

     .icon-clip:before {
         content: "\f0c4";
         display: inline-block;
         font: normal normal normal 14px/1 FontAwesome;
         font-size: inherit;
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
     }

     .pages-using-wikiclip {
        padding-left:0px;
        padding-right:0px;
     }

     .template-combobox {
         margin-bottom:2px;
      }

     .template-margin {
        margin-top:1px;
     }

     .vertical-center {
       margin: 0;
       position: absolute;
       top: 50%;
       -ms-transform: translateY(-50%);
       transform: translateY(-50%);
     }

     /*******************************************************************************************
     /listbox and grid remove bottom margin and margin under header*/
     .table-no-bottom-margin table{
        margin-bottom:0px;
     }

     .no-label-padding {
        text-align:right;
        padding-top:0px;
     }

     .listbox-font-size{
        font-size:14px;
     }

      /*******************************************************************************************
      /Popup modal window styles*/
      .popup-buttons {
          margin-top:20px;
      }

      .popup-input-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 5px;
      }
    /*******************************************************************************************
      /PBV code editors*/

    .pbv-editor {
        padding-top:10px;
        margin-bottom:10px;
    }

    .pbv-code{
         min-height: calc(100vh - 165px);
         max-height: calc(100vh - 165px);
         overflow-y:scroll;
    }

    .pbv-code .CodeMirror-scroll {
             min-height: calc(100vh - 175px);
        }

    .pbv-manage {
         min-height: calc(100vh - 175px);
         max-height: calc(100vh - 175px);
    }

    .profile-manager-label{
        font-size:20px;
        font-weight:bold;
    }