@charset "UTF-8";

/* CSS Document */


.flexbox-parent
{
   /* height: 100%;*/

  /*  display: flex;
    flex-direction: column;
    
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
            
}
.flexbox-item-grow
{
    flex: 1; /* same as flex: 1 1 auto; */
	/*height: calc(100vh - 50px);*/
}
.fill-area
{
    display: flex;
    flex-direction: row;
    
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
    
}
.fill-area-content
{
    background: rgba(0, 0, 0, .3);
    border: 1px solid #000000;
    
    /* Needed for when the area gets squished too far and there is content that can't be displayed */
    overflow: auto; 
}

/*to remove*/

#the-page-container {
	padding-bottom:50px;
	 min-height: calc(100vh - 50px);
	
}
body {
    background: #205f7c;
}
table th {
	white-space: nowrap;
}
a, #account-drawer a {
    color: #0099cc;
}
a:visited {
    color: #1c5e7d;
}
a.btn-streamline:visited {
    color: #ffffff;
}
.height100 {
	height:75vh;
	overflow-y: scroll;
}

/*Custom Alert*/
.alert-streamline {
  color: #ff6600;
  background-color: #fcdeca;
  border-color: #ffcc99;
}
.alert-streamline hr {
  border-top-color: #ffcc99;
}
.alert-streamline .alert-link {
  color: #993300;
}

/*Custom buttons*/
.btn-streamline-orange {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-streamline-orange:focus,
.btn-streamline-orange.focus {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-orange:hover {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-orange:active,
.btn-streamline-orange.active,
.open > .dropdown-toggle.btn-streamline-orange {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-orange:active:hover,
.btn-streamline-orange.active:hover,
.open > .dropdown-toggle.btn-streamline-orange:hover,
.btn-streamline-orange:active:focus,
.btn-streamline-orange.active:focus,
.open > .dropdown-toggle.btn-streamline-orange:focus,
.btn-streamline-orange:active.focus,
.btn-streamline-orange.active.focus,
.open > .dropdown-toggle.btn-streamline-orange.focus {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-orange:active,
.btn-streamline-orange.active,
.open > .dropdown-toggle.btn-streamline-orange {
  background-image: none;
}
.btn-streamline-orange.disabled:hover,
.btn-streamline-orange[disabled]:hover,
fieldset[disabled] .btn-streamline-orange:hover,
.btn-streamline-orange.disabled:focus,
.btn-streamline-orange[disabled]:focus,
fieldset[disabled] .btn-streamline-orange:focus,
.btn-streamline-orange.disabled.focus,
.btn-streamline-orange[disabled].focus,
fieldset[disabled] .btn-streamline-orange.focus {
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-streamline-orange .badge {
  color: #ff6600;
  background-color: #fff;
}


.btn-orange {
  color: #fff;
  background-color: #ff6600;
  border-color: #d75803;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #d75803;
  border-color: #c24e01;
}
.btn-orange:hover {
  color: #fff;
  background-color: #d75803;
  border-color: #c24e01;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #d75803;
  border-color: #c24e01;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-orange .badge {
  color: #ff6600;
  background-color: #fff;
}


.btn-streamline {
  color: #fff;
  background-color: #1f5f7e;
  border-color: #1f5f7e;
}
.btn-streamline:focus,
.btn-streamline.focus {
  color: #fff;
  background-color: #14445a;
  border-color: #14445a;
}
.btn-streamline:hover {
  color: #fff;
  background-color: #14445a;
  border-color: #14445a;
}
.btn-streamline:active,
.btn-streamline.active,
.open > .dropdown-toggle.btn-streamline {
  color: #fff;
  background-color: #14445a;
  border-color: #14445a;
}
.btn-streamline:active:hover,
.btn-streamline.active:hover,
.open > .dropdown-toggle.btn-streamline:hover,
.btn-streamline:active:focus,
.btn-streamline.active:focus,
.open > .dropdown-toggle.btn-streamline:focus,
.btn-streamline:active.focus,
.btn-streamline.active.focus,
.open > .dropdown-toggle.btn-streamline.focus {
  color: #fff;
  background-color: #14445a;
  border-color: #14445a;
}
.btn-streamline:active,
.btn-streamline.active,
.open > .dropdown-toggle.btn-streamline {
  background-image: none;
}
.btn-streamline.disabled:hover,
.btn-streamline[disabled]:hover,
fieldset[disabled] .btn-streamline:hover,
.btn-streamline.disabled:focus,
.btn-streamline[disabled]:focus,
fieldset[disabled] .btn-streamline:focus,
.btn-streamline.disabled.focus,
.btn-streamline[disabled].focus,
fieldset[disabled] .btn-streamline.focus {
  background-color: #14445a;
  border-color: #14445a;
}
.btn-streamline .badge {
  color: #1f5f7e;
  background-color: #fff;
}

.btn-streamline-reversed {
  color: #1c5e7d;
  background-color: #ffffff;
  border-color: #1c5e7d;
}
.btn-streamline-reversed:focus,
.btn-streamline-reversed.focus {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-reversed:hover {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-reversed:active,
.btn-streamline-reversed.active,
.open > .dropdown-toggle.btn-streamline-reversed {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-reversed:active:hover,
.btn-streamline-reversed.active:hover,
.open > .dropdown-toggle.btn-streamline-reversed:hover,
.btn-streamline-reversed:active:focus,
.btn-streamline-reversed.active:focus,
.open > .dropdown-toggle.btn-streamline-reversed:focus,
.btn-streamline-reversed:active.focus,
.btn-streamline-reversed.active.focus,
.open > .dropdown-toggle.btn-streamline-reversed.focus {
  color: #fff;
  background-color: #1c5e7d;
  border-color: #1c5e7d;
}
.btn-streamline-reversed:active,
.btn-streamline-reversed.active,
.open > .dropdown-toggle.btn-streamline-reversed {
  background-image: none;
}
.btn-streamline-reversed.disabled:hover,
.btn-streamline-reversed[disabled]:hover,
fieldset[disabled] .btn-streamline-reversed:hover,
.btn-streamline-reversed.disabled:focus,
.btn-streamline-reversed[disabled]:focus,
fieldset[disabled] .btn-streamline-reversed:focus,
.btn-streamline-reversed.disabled.focus,
.btn-streamline-reversed[disabled].focus,
fieldset[disabled] .btn-streamline-reversed.focus {
  background-color: #ffffff;
  border-color: #1c5e7d;
}
.btn-streamline-reversed .badge {
  color: #1c5e7d;
  background-color: #fff;
}

.panel-streamline {
  border-color: #14445a;
}
.panel-streamline > .panel-heading {
  color: #fff;
  background-color: #14445a;
  border-color: #14445a;
}
.panel-streamline > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #14445a;
}
.panel-streamline > .panel-heading .badge {
  color: #14445a;
  background-color: #fff;
}
.panel-streamline > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #14445a;
}

.navbar-fixed-bottom {
    margin-left: 50px;
    margin-right: 30px;
}
@media screen and (width:768px) {
	.navbar-fixed-bottom {
    margin-right: 0;
}
}
@media screen and (max-width:767px) {
	.navbar-fixed-bottom.bg-info {
    margin-left: 0;
    margin-right: 0;
}
}

@media screen and (max-width:480px) {
.col-xxs {
	width:100%;
}
}

/*Informative Book*/
.pull-left + .pull-left {
    margin-left: 30px;
}
.informative-book-units {
    max-width: 1170px;
    margin: auto;
}
.select-unit {
    padding: 10px;
    background: white;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: -15px;
}

.select-unit input {
    margin: 0;
}
.advanced {

}
.form-group.row {
    clear: both;
}
/****fixTable fix****/
#fixTable th:first-child {
    z-index: 5;
}

/****Reservations Hightlight***/
#reservation-highlights {
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#reservation-highlights .row {
    padding: 5px;
}
#reservation-highlights [class*=' col-'] {
    background: #f7f7f7;
    padding: 5px 10px;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size:12px;
}
#toggle-reservation-highlights {
    position: absolute;
    z-index: 9999;
    right: 0;
    background: #ffffff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    left: calc(50% - 18px);
    margin-top: -18px;
    border: 1px solid #ddd;
    line-height: 36px;
	display: none;
}
#reservation-highlights:hover #toggle-reservation-highlights {
    display: block;
	cursor: pointer;
}
@media screen and (max-device-width:1920px) {
#toggle-reservation-highlights {
    display: block;
}
}

/****Notes Tab***/
#table-quotes {
    max-height: 300px;
}
#table-notes {
    max-height: 400px;
}




.bg-orange {
	background-color:#ff6600;
	color:#ffffff;
}
.bg-lt-orange {
	background-color:#ffe0d2;

}

.text-orange {
	color:#ff6600;
}
.bg-dark-blue {
	background-color:#14445a;
}
.navbar-default .navbar-nav > li > a.bg-dark-blue:focus, .navbar-default .navbar-nav > li > a.bg-dark-blue:hover, .navbar-default .navbar-nav > li > a.bg-dark-blue:active {
    background-color: #14445a;
}
.bg-white {
	background-color:#ffffff;
}
.bg-streamline {
    background-color: #1f5f7e;
	color:#ffffff;
}
.bg-leads {
    background-color: #5cb85c;
	color:#ffffff;
}
.bg-emails {
	background-color:#ff6600;
	color:#ffffff;
}
.bg-sms {
	background-color:#ff6600;
	color:#ffffff;
}

header .navbar li img,
#quick-links .navbar li img,
.navbar-toggle img,
.app-block img {
    -webkit-filter: invert(100%);
}
.navbar-toggle img {
	opacity: 1;
}
header .navbar li:hover img, header .navbar li:hover span,
#quick-links .navbar li:hover img, #quick-links .navbar li:hover span,
.app-block img:hover {
    opacity: .5;
}

header .navbar.navbar-default {
    background: #205f7c;
}

header .navbar-default .navbar-brand {
    padding: 6px 15px;
}

header .navbar-default .navbar-brand span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 6px;
    line-height: 38px;
    padding: 0;
    display: none;
    font-size: 12px;
}
header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:hover,
header .navbar-default .navbar-nav>.open>a:focus {
    background-color: #ff6600;
}

header .navbar {
    margin-bottom: 0;
    border: none;
}

header .navbar-nav>li>a span {
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
}

.navbar-toggle {
    border: none;
    border-radius: 0;
    padding: 10px;
	margin:0;
}
button#btn-config {
    right: 50px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .account-toggle.navbar-toggle:hover,
.navbar-default .account-toggle.navbar-toggle:focus {
    background-color: #14445a;
}
.hamburger.navbar-toggle {
    padding: 18px 10px;
}
.navbar-default .hamburger.navbar-toggle .icon-bar {
    background-color: #fff;
}


/*account drawer*/

.account-toggle.bg-dark-blue {
    position: absolute;
    right: 0;
    padding: 10px;
}

#account-drawer {
    background: #14445a;
    color: #fff;
    font-size: 18px;
    line-height: 64px;
	width:100%;
}

#account-drawer .login-info {
    font-size: 12px;
}

#account-drawer .form-group {
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}

#company-toggle-form {
    padding: 15px 0;
}

#account-drawer button {
    background-color: #205f7c;
    color: #fff;
}

#account-drawer button:hover {
    border-color: #205f7c;
    color: #fff;
    background-color: transparent;
}


/*page content*/

.section-title-bar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.section-title a {
    color: #ff6600;
   
}

.section-title {
    font-size: 18px;
    color: #ff6600;
    line-height: 44px;
}

.account-exec p {
    margin: 0;
    padding: 5px;
}

.account-exec img {
    border-radius: 50%;
    overflow: hidden;
    width: 44px;
    height: 44px;
    margin-right: 15px;
}

button.btn-connections {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    /* Permalink - use to edit and share this gradient:    http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    /* IE6-9 */
}

button.btn-connections:hover {
    background: #fff;
}

@media (max-width: 767px) {
    button.btn-connections {
        overflow: hidden;
    }
    #account-drawer .form-group {
        margin-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
	.section-title {
        font-size: 14px;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
	
}

@media (max-width: 480px) {
    
    button.btn-connections {
        margin-left: 2px;
    }
}


/****This is the content CSS***/

*,
*:before,
*:after {
    box-sizing: border-box !important;
}

#streamline-containers .row {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
    -webkit-perspective: 1;
}

@media screen and (max-width:1200px) {
    #streamline-containers .row {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }
}

@media screen and (max-width:900px) {
    #streamline-containers .row {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
}

@media screen and (max-width:600px) {
    #streamline-containers .row {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
}

#streamline-containers .row>.col-lg-3 {
    display: inline-block;
    padding: 0;
    margin: 1px 0 10px 0;
    width: 100%;
    float: none;
    background: #ebeef2;
}

#streamline-containers ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media screen and (max-width:600px) {
    #streamline-containers .row>.col-lg-3 {
        display: inline-block;
        padding: 0;
        margin: 1px 0 1px 0;
        width: 100%;
        float: none;
        background: #ebeef2;
    }
}

.img-responsive {
    border: 0px solid #999;
}

p {
    margin: 1rem 0;
}


/*  styles for background color, etc; not necessary for this thing to work  */

body {
    padding: 0;
    font-family: "Arial", serif;
}

h1 {
    font-size: 3rem;
    font-weight: 800;
}

body {
    line-height: 1.25;
}

p {
    text-align: left;
}

.text-black {
    font-weight: 800;
}
/****Existing CSS*****/

h2,
.h2 {
    background-image: none;
    background: #1c5e7d;
    height: auto;
    width: auto;
    font-size: 20px;
    color: #FFF;
    font-weight: 400;
    line-height: initial;
    padding: 8px 15px;
    margin: 0;
    cursor: pointer;
    display: block;
}

.h2:hover {
    text-decoration: none;
    color: #fff;
}

ul {
    list-style: none;
    padding: 0;
}

ul li a {
    display: block;
    padding: 5px 15px;
    color: #1c5e7d;
    text-decoration: none;
}

ul li a:hover {
    background-color: #fff;
    text-decoration: none;
}

h2 span {
    float: right;
    display: table-cell;
}

h2 span img {
    vertical-align: middle;
}


/**The App Blocks**/

.app-block {
    width: calc(33% - 10px);
    float: left;
    margin: 0 5px;
    position: relative;
}
.app-block .caption {
   padding:0 10px;
}
@media screen and (max-width: 480px) {
  
.app-block .thumbnail {
    background-color: #1c5e7d;
    border: none;
    padding: 10px;
    margin-bottom:10px;
}
.app-block .thumbnail.green {
    background-color: #75b13f;
}
.app-block .thumbnail .app-block-badge:empty {
  display: none;
}
.app-block .thumbnail .app-block-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #ff6600;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.app-block img,.app-block svg {
    width: 40px;
    height: auto;
    margin: 0 auto;
    display: block;
    float:left;
}
.table-cell {
    display:table-cell;
    vertical-align:middle;
}
.app-block .thumbnail p {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}
.app-block .thumbnail:hover p,
.app-block .thumbnail a:hover,
.app-block .thumbnail p:hover {
    text-decoration: none;
    color: #FFF;
}
}
@media screen and (min-width:992px) and (max-width:1920px) {
.app-block .table-cell {
    display: block;
}

.app-block img {
    float: none;
}

.app-block .caption.table-cell {
    padding: 0;
}
.app-block .thumbnail p {
    text-align: center;
}
}
@media screen and (max-width:480px) {
	.app-block .thumbnail p {
    font-size: 12px;
    line-height: 16px;
}
.app-block .thumbnail {
    padding: 5px;
}
}


/***Gutter Control***/

.gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
}

.gutter-20>[class^="col-"],
.gutter-20>[class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
}

.gutter-10>[class^="col-"],
.gutter-10>[class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
}

.gutter-0>[class^="col-"],
.gutter-0>[class^=" col-"] {
    padding-right: 0;
    padding-left: 0;
}


/*NEW STYLES*/


/*-------------------------------*/


/*       PANELS DASHBOARD         */


/*-------------------------------*/

#dashboard-highlights .row {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
}
#dashboard-highlights .row>.col-lg-3 {
    padding: 0;
    margin: 0px 0 10px 0;
    width: 100%;
    background: #ebeef2;
    float: none;
    height: 90px;
}

#dashboard-highlights h2 {
    font-size: 18px;
    padding: 5px 15px;
    color: #bfc5cc;
    background: #ebeef2;
    text-align: center;
    margin: 0;
}

#dashboard-highlights h2 span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    background: #bfc5cc;
    line-height: 0;
    cursor: pointer;
}

#dashboard-highlights .titles span {
    position: absolute;
    right: 0;
    top: 0;
    background: #bfc5cc;
    color: white;
    line-height: 20px;
}

#dashboard-highlights .descriptions div {
    font-size: 12px;
    background: white;
    border-right: 1px solid #ebeef2;
    background: #fff;
    text-align: center;
    color: #1c5e7d;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.descriptions:after,
.figures:after {
    content: '';
    display: block;
    clear: both;
}

#dashboard-highlights .descriptions div:last-child {
    border-right: none;
}

#dashboard-highlights .figures div {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    color: #1c5e7d;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dashboard-highlights .figures [class*=' col-'] {
    padding: 5px;
}


@media screen and (max-width:1200px) {
    #dashboard-highlights .row {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
}

@media screen and (max-width:600px) {
    #dashboard-highlights .row {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
	#dashboard-highlights .row>.col-lg-3 {
    margin: 0px 0 2px 0;    
}
}


.panel-dashboard .panel {
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    margin-left: -10px;
    margin-right: -10px;
}

.panel-dashboard .panel-heading {
    padding: 0;
}

.panel-dashboard .panel-heading .trigger:after {
    content: '\2212';
    font-family: 'Glyphicons Halflings';
    vertical-align: text-bottom;
    float: right;
}

.panel-dashboard .panel-heading .trigger.collapsed:after {
    content: '\002b';
    float: right;
}

.panel-heading h4:focus,
.panel-heading h4:hover,
.panel-heading h4,
.panel-heading h4:visited {
    text-decoration: none;
    color: #f5f5f5;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 7px 15px;
}


/*COLORS PANELS*/

.panel-orange .panel-heading {
    color: #f5f5f5;
    background-color: #ff6600;
    border-color: #ff6600;
    border-radius: 0px;
}

.panel-green .panel-heading {
    color: #f5f5f5;
    background-color: #75b13f;
    border-color: #75b13f;
    border-radius: 0px;
}

.panel-blue .panel-heading {
    color: #f5f5f5;
    background-color: #1c5e7d;
    border-color: #1c5e7d;
    border-radius: 0px;
}


/*subpanels*/

.panel-body .trigger:after {
    content: '\2212';
    font-family: 'Glyphicons Halflings';
    vertical-align: text-bottom;
    float: right;
	font-size: 10px;
}

.panel-body .trigger.collapsed:after {
    content: '\002b';
    float: right;
}

.row .panel-admin .panel {
    background: #ebeef2;
    border-color: #FFF;
    border: 0px solid transparent;
}

.panel-admin .panel .panel-body {
    padding: 0px;
    margin-top: 10px;
}
.panel-admin .panel .panel-body p {
    padding: 0px 15px;
	margin-top:5px;
}
.panel-admin .panel .panel-body p.subtitle {
    background: #e0e3e8;
    padding: 5px 15px;
    margin-top: 0;
}

/*Wells*/

.well h1,.well h2,.well h3,.well h4,.well h5,.well h6 {
	margin-top:0;
	
}


ul li.subhead {
    margin: 0px;
    font-weight: normal;
    color: #1c5e7d;
    padding: 5px 15px;
    cursor: pointer;
}

ul li.subhead:hover {
    color: #333;
}

ul li.subhead li:hover {
    background-color: #fff;
}

ul li.subhead+div {
    background: #e0e3e8;
}
ul ul li.subhead+div {
    background: #d6dadf;
}

ul li.subhead+div li a {

}


/*Quick Stats Tab*/

.panel-quick-stats {
    margin-bottom: 10px !important;
}
.panel-quick-stats .panel-heading {
    color: #1c5e7d !important;
    background-color: #ebeef2;
    border-color: #ebeef2;
    border-radius: 0px;
}

.panel-quick-stats .panel-heading h4 {
    color: #1c5e7d;
    font-weight: 400;
}

.panel-quick-stats .panel-body {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}


/*END PANEL DASHBOARD*/


/*@import "https://designmodo.github.io/Flat-UI/dist/css/flat-ui.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "https://daneden.github.io/animate.css/animate.min.css";*/


/*-------------------------------*/


/*           VARIABLES           */


/*-------------------------------*/

.nav .open>a {
    background-color: transparent;
}

.nav .open>a:hover {
    background-color: transparent;
}

.nav .open>a:focus {
    background-color: transparent;
}


/*-------------------------------*/


/*           Wrappers            */


/*-------------------------------*/

#wrapper {
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:absolute;
	left:50px;
	right:30px;
	background:white;
}

#wrapper.toggled {
    left: 190px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#wrapper.toggled #page-content-wrapper {
    margin-right: -220px;
    position: absolute;
}

#sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #14445a;
    height: 100%;
    left: 220px;
    margin-left: -220px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

#page-content-wrapper {
    padding-top: 70px;
    width: 100%;
}


/*-------------------------------*/


/*     Quick Menu styles        */


/*-------------------------------*/
#quick-links .sidemenu {
    width: 30px;
    height: 30px;
    float:left;
    /*padding-top:7px*/
}

#quick-links .sidemenu span.icon-bar {
    background-color:  #333;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    margin-left:0 !important;
    padding:0;
}
#quick-links .sidemenu span {
    display: block !important;
    
}
#quick-links .sidemenu .icon-bar+.icon-bar {
    margin-top: 4px;
}
/*end new sidebar hamburger*/
#quick-links .navbar-inverse {
    background-color: #14445a;
}
#quick-links {
    width: 250px;
    position: absolute;
    top: 60px;
    z-index: -1;
}

#quick-links .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

#quick-links .container-fluid>.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
#quick-links ul {
    width: 100%;
}

#quick-links .navbar-nav>li {
    clear: left;
}

#quick-links .navbar-nav>li a {
    padding: 6px 10px;
	width:100%;
	height:auto;
}
#quick-links .navbar-nav>li a.hamburger {
    padding: 20px 10px;
}

#quick-links .navbar-nav li:nth-child(2) a {
    padding-top: 12px;
}

#quick-links .navbar-nav>li:last-child a {
    padding-bottom: 12px;
}

#quick-links .navbar {
    margin-bottom: 0px;
    border: none;
}

#quick-links .collapse.navbar-collapse .nav>li:first-child {
    background: #fff;
    height: 64px;
	width:100%;
}

#quick-links .nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

#quick-links .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

/*Footer */
footer {
    padding: 20px 0;
	position:absolute;
	bottom:0;
}

@media (max-width: 1200px) {
    header .nav>li>a>img {
        max-width: 30px;
        height: auto;
    }
    .navbar-brand img {
        height: 40px;
        width: auto;
    }
    #quick-links {
        top: 50px;
    }
	#the-page-container {
    min-height: calc(100vh - 50px);
}

}

@media (max-width: 992px) {
    header a.navbar-brand>img {
        display: none;
    }
    header .navbar-default .navbar-brand span {
        display: block;
    }
}

@media (min-width: 768px) {
    header .navbar {
        border-radius: 0;
    }
    header .navbar-nav>li>a {
        padding: 10px;
    }
    header .navbar-nav>li>a span {
        display: none;
    }
	#quick-links span {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        margin-left: 15px;
}
#quick-links li:first-child span {
        color: #14445a;
		font-size: 18px;
       
}
    header .container>.navbar-header,
    header .container-fluid>.navbar-header,
    header .container>.navbar-collapse,
    header .container-fluid>.navbar-collapse {
        margin-right: -15px;
    }
	#navbar-right-menu .navbar-right {
    float: right !important;
    margin-right: 0px;
}

}

@media (max-width: 768px) {
    #wrapper {
        margin: 0;
        box-shadow: none;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0;
    }
	#navbar-mobile-quick-links ul.nav.navbar-nav.navbar-right {
    /*background-color: #14445a;*/
}
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }
    header .nav>li>a>img {
        max-width: 30px;
    }
    header .navbar-nav>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    header .navbar-nav {
        margin: 0px -15px;
    }
    /*#quick-links {
    top: 0px;
}*/
    #quick-links .navbar-inverse .navbar-toggle:hover,
    #quick-links .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }
	.panel {
    margin-bottom: 2px;
}
}

/*****Helper CSS*****/

.mt-5p {
	margin-top:5%;
}
.mt-10p {
	margin-top:10%;
}
.mt-15p {
	margin-top:15%;
}
.mt-0 {
	margin-top:0px;
}
.mt-5 {
	margin-top:5px;
}
.mt-10 {
	margin-top:10px;
}
.mt-15 {
	margin-top:15px;
}
.mt-20 {
	margin-top:20px;
}
.mt-25 {
	margin-top:25px;
}
.mt-30 {
	margin-top:30px;
}
.mt-50 {
	margin-top:50px;
}
.mb-0 {
	margin-bottom:0px;
}
.mb-5 {
	margin-bottom:5px;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-15 {
	margin-bottom:15px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-25 {
	margin-bottom:25px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-50 {
	margin-bottom:50px;
}

.ml-5 {
	margin-left:5px;
}
.ml-10 {
	margin-left:10px;
}
.ml-15 {
	margin-left:15px;
}
.ml-20 {
	margin-left:20px;
}
.ml-25 {
	margin-left:25px;
}
.ml-30 {
	margin-left:30px;
}
.ml-50 {
	margin-left:50px;
}
.mr-0 {
	margin-right:0px;
}
.mr-5 {
	margin-right:5px;
}
.mr-10 {
	margin-right:10px;
}
.mr-15 {
	margin-right:15px;
}
.mr-20 {
	margin-right:20px;
}
.mr-25 {
	margin-right:25px;
}
.mr-30 {
	margin-right:30px;
}
.mr-50 {
	margin-right:50px;
}

/*padding*/
.pt-5p {
	padding-top:5%;
}
.pt-10p {
	padding-top:10%;
}
.pt-15p {
	padding-top:15%;
}
.pt-5 {
	padding-top:5px;
}
.pt-10 {
	padding-top:10px;
}
.pt-15 {
	padding-top:15px;
}
.pt-20 {
	padding-top:20px;
}
.pt-25 {
	padding-top:25px;
}
.pt-30 {
	padding-top:30px;
}
.pt-50 {
	padding-top:50px;
}

.pb-5 {
	padding-bottom:5px;
}
.pb-10 {
	padding-bottom:10px;
}
.pb-15 {
	padding-bottom:15px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-25 {
	padding-bottom:25px;
}
.pb-30 {
	padding-bottom:30px;
}
.pb-50 {
	padding-bottom:50px;
}
.p-5 {
	padding:5px;
}
.p-10 {
	padding:10px;
}
.p-15 {
	padding:15px;
}
.p-20 {
	padding:20px;
}
.p-25 {
	padding:25px;
}
.p-30 {
	padding:30px;
}
.p-50 {
	padding:50px;
}
	

/*-------------------------------*/


/*       Hamburger-Cross         */


/*-------------------------------*/

@media (max-width: 768px) {
   
.account-exec p {
    font-size:12px;
}
#wrapper {
    right:0px;
}
#dashboard-highlights h2 {
    font-size: 18px;
}
}
@media (max-width: 767px) {
  #wrapper {
    right:0px;
	left:0px;
}
	 #quick-links {
        display: none;
    }
	#wrapper {
    box-shadow: none;
    left:0px;
	right:0px;
}
#desktop-version {
        display: none;
    }
    #mobile-version {
        display: block !important;
        margin-left: 5px;
    }
    #navbar-mobile-quick-links ul {
        display: block !important;
    }
    header .navbar-default .navbar-brand {
        padding-left: 50px;
    }
   
}

@media (max-width: 765px) {
    #wrapper.toggled #sidebar-wrapper {
        width: 100%;
        margin-top: 50px;
    }
    #wrapper.toggled {
        margin-left: -200px
    }
   
    .sidebar-nav {
        width: 100%;
    }
}

.hamburger {
    position: absolute;
}

 .navbar-collapse:before, .navbar-collapse:after{display:inline; content:"";}
 
 

td input {
    margin-bottom: 2px;
}

#table-quick-links-selected .panel-heading.highlights {
    font-size: 11px;
	
}
#table-quick-links-selected .panel-heading.highlights [class*=' col-'] {
	padding:5px 15px;
	border:1px solid #fff;
	background:#ccc;
}

/*Pills to Menu*/
.xs-collapse {
  display: none;
  visibility: hidden;
}
.collapse.in.xs-collapse {
	visibility:visible;
}
.xs-toggle {
	margin-bottom:10px;
}
.xs-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.xs-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.btn-default.xs-toggle .icon-bar {
  background-color: #888;
}

@media (min-width: 769px) {
  .xs-toggle {
    display: none;
    visibility: hidden;
  }
  .xs-collapse {
    display: block;
    visibility: visible;
  }

  #table-quick-links  .nav-stacked > li {
	float:left;
}
#table-quick-links .nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}
#pill-collapse .nav-stacked > li {
	float:left;
}
#pill-collapse .nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}
#accordion-control .form-group {
	margin-right:20px;
}
}

@media (max-width: 480px) {
/*.panel-group .panel .panel-body {
    padding: 5px;
}*/
.panel-group .panel + .panel .panel-body .panel {
    margin-bottom: 5px;
}
}