﻿.spacer10
{
    height:10px;
}
.spaceBelow0
{
    margin-bottom:0px !important;
}
.spaceBelow10
{
    margin-bottom:10px;
}
.spaceBelow20
{
    margin-bottom:20px;
}
.spaceAbove5
{
    margin-top:5px;
}
.spaceAbove10
{
    margin-top:10px;
}
.spaceAbove20
{
    margin-top:20px;
}
.spacerLeft10
{
    margin-left:10px;
}
.spaceLeft5
{
    margin-left:5px;
}
.spaceLeft10
{
    margin-left:10px;
}
.spaceRight5
{
    margin-right:5px;
}
.spaceRight10
{
    margin-right:10px;
}

.leftAlign
{
    text-align:left;
}
.centreAlign
{
    text-align:center;
}
.rightAlign
{
    text-align:right;
}
.pointer
{
    cursor: pointer;
}
.formLabel
{
    padding-top:7px;
}
.divider
{
    border-bottom: 1px solid #e7ecf1;
}
.dividerRight
{
    border-right: 1px solid #e7ecf1;
}
.dividerLeft
{
    border-left: 1px solid #e7ecf1;
}
.dividerTop
{
    border-top: 1px solid #e7ecf1;
}
.iconLarger
{
    font-size:16px !important;
}
.tableDefault
{
}
.tableDefault table
{
    border-spacing: 5px;
    border-collapse: separate;
}
.tableDefault td
{
    padding: 5px 5px 5px 5px;
}
.nowrap
{
    white-space:nowrap;
}
.leftRightPadding0
{
    padding-left: 0px;
    padding-right: 0px;
}
.notopborder
{
    border-top: 0 !important;
}


.fancybox-wrap {
  position: absolute;
  top: 100px !important;
}
.fancyboximagelinkwrap
{
    display: inline;
}
.paddingRight5
{
    padding-right:5px !important;
}
.paddingRight10
{
    padding-right:10px !important;
}
.paddingBottom10
{
    padding-bottom: 10px;
}
.paddingBottom20
{
    padding-bottom: 20px;
}
.paddingBottom40
{
    padding-bottom: 20px;
}
.marginRight5
{
    margin-right: 5px;
}
.marginRight10
{
    margin-right: 10px;
}
.marginLeft5
{
    margin-left: 5px;
}
.marginLeft10
{
    margin-left: 10px;
}
.floatRight
{
    float:right;
}
.floatLeft
{
    float:right;
}

.mandatory
{
    font-weight:600;
    color: Red;
}

/*Use these classes below when you want to use form-control but don't want 100% width*/
.width-80 {
    width: 80%;
}
.width-90 {
    width: 90%;
}
.form-control-custom {
    box-shadow: none!important;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
}

.caption-white {
    color: white !important;
}

.centerTag {
    margin: 0 auto;
}

.page-sidebar-quote {
    background-color: #364150;
}
/*top left logo*/
.logo-default {
    height:22px;
}
/* override the top left logo width when the LHS menu is open */
.page-header.navbar .page-logo {
    width: 253px !important;
}
/* override the override when the LHS menu is closed */
@media (min-width: 992px){
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        width: 45px !important;
    }
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    color: #36c6d3;
    background: 0 0;
    border-bottom: 2px solid #36c6d3 !important;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: normal;
}
.nav-tabs .nav-link {
    color: #36c6d3;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: normal;
}
.page-header-inner {
    width: 100%;
}
.thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}