@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/*========================================================================*/
/* General */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body
{
    font-family: 'Raleway',Arial, Verdana, sans-serif;
}
    body.dark
    {background: #52565f;
    }
h1, h2, h3, h4, h5, h6	{}

h1			{font-size: 1.8em; font-weight: normal; margin:20px 0 5px 0;color:#25617c;}
h2			{font-size: 1.4em; font-weight: normal; margin:20px 0 5px 0;color:#25617c;}
h3			{font-size: 1.3em; margin:10px 0 2px 0;}
h4			{font-size: 1.1em; margin-top:10px;}
h5			{font-size: 1.2em; line-height: 1.4em;margin-top:5px;}
h6			{font-size: 1.1em;margin-top:5px;}

p			{margin: 0 0 0.8em 0;}
p.last		{margin-bottom: 0;}

a:link, a:visited 	{text-decoration: underline;}
a:hover, a:active	{text-decoration: none;}
a.btn {text-decoration: none;
}

a img 		{border: none;}
a.white {color:#FFF;}

strong, b	{font-weight: bold;}
em, i		{font-style: italic;}
u			{text-decoration: underline;}
del         {color:#666;}
acronym, abbr, dfn {cursor : help; border-bottom : 1px dotted #0093d5;}
cite		{font-style: italic;}

hr 			{float: none; width: 100%; height: .1em; margin: 0 0 0.8em; border: none; background: #CCC; color: #CCC; clear: both; }
ul, ol      {margin: .8em 2em; line-height: 1.4em;}
ul          {list-style: square;}
ol          {list-style: decimal;}
ul.info, ol.info     {font-size: 1.1em;}
.clear 	{clear: both; display: block;height: 1px; overflow: hidden; margin: 0; padding: 0;}

/*========================================================================*/
/* Layout */
html,body,.container
{
    height:100%;
}
.container.nav-layout
{
    display:table;
    width: 100%;
    margin-top: -50px;
    padding: 50px 0 0 0; /*set left/right padding according to needs*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row.nav-layout
{
    height: 100%;
    display: table-row;
}

.col-md-2.nav-layout
{
    display: table-cell;
    background: #52565f;
    float: none;
}
.col-md-10.nav-layout
{
    display: table-cell;
    background: #fff;
  	float: none;
    vertical-align:top;
}
#logo-container
{
    width: 100%;
    text-align: center;
}


#intuitPlatformAppMenu {
    right: 200px !important;
}
/*========================================================================*/
/*Bootstrap additions*/

.form-group input {
    width: auto !important;
}
.btn-primary, .btn-default{
    padding:6px 12px !important;
    margin:5px 2px 0 0;
}
.btn-right {
    margin-left:180px;
}
/*========================================================================*/
/* Side Nav */
#sidenav ul {margin: 30px 0;}
#sidenav ul li	{list-style:none;padding:15px 0;border-bottom:1px solid #6f737c;}
#sidenav ul li a	{color:#fff;display: block;text-decoration: none;width:80%;}
#sidenav ul li a .nav-icon{ margin: 0 8px 0 0;}


#sidenav ul li ul{margin: 5px 0;}
#sidenav ul li ul li{list-style:none;padding:10px 0 0 25px;border-bottom:none;}

/*========================================================================*/

.login-container
{
    margin-top:10px;
}
@media (min-width: 1024px) {
    .login-container
    {
        margin-top:100px;
    }
}
.login-panel{ background: #fff;padding:30px;}
.col-center{text-align:center;}

/*========================================================================*/
/*Bill Listing */
.company_heading {
    font-size: 1.3em;
    border-top: 1px solid #ccc;
    padding: 15px 5px;
}
.company_heading:hover {
    background-color: #f5f5f5;
}
    .company_heading a {
        text-decoration: none;
    }
.company_detail {
    float: right;
    margin-right: 20px;
}


/*========================================================================*/
/*reports screens*/
.headline_panel {
border:1px solid #ccc;background:#FEFEFE;padding:15px;margin-bottom:5px;}
.headline_label {
    margin-bottom:0;
}
.headline_value {
    font-size:2em;font-weight:bold;margin:0;
}
.trend {
    margin-bottom:5px;border:1px solid #ccc;
}
.trend_noborder {
    margin-bottom:5px;
}
.trend_icon {
    color:#fff;padding:19px;font-size:1.8em !important;float:left;
}
.trend_icon.number {
    padding:12px 0 0 0;text-align:center;
}
.trend_icon.grey{
    background:#666;
    width:65px;height:65px;
}
.trend_icon.grey2{
    background:#999;
    width:65px;height:65px;
}
.trend_icon.red{
    background:#d9534f;
    width:65px;height:65px;
}
.trend_icon.orange{
    background:#ef931f;
    width:65px;height:65px;
}
.trend_icon.yellow{
    background:#deb21a;
    width:65px;height:65px;
}
.trend_icon.green{
    background:#a3c441;
    width:65px;height:65px;
}
.trend_text {float:left;padding:3px 0 0 10px;position: relative;
}
.trend_text h4{margin-top:0;
}
.trend_headline {
}
.trend_headline.number {font-size:1.8em !important;
}
.trend_desc {
    color: #666;
}

/*Finance Availability Chart*/
.availability {
    clear:both;
}
.total_owed {
    float:left;
    width: 130px;
    height: 100%;
    border-style:solid;
    border-width:1px 20px 1px 0;
    border-image:url(images/curly.jpg) 1 20 stretch;
    padding-right:0.5em;
    margin-right:5px;
}
.total_owed_text {
    margin-top:230px;
}
.chart_outer {
    float:left;
    width: 400px;
    height: 500px;
}
.chart_block {
    float:left;
}
.chart_block_color {
    float:left;
    width: 50px;
    height: 100%;
    margin-right:10px;
}
.chart_block_color.blue {
    background-color: #00728f;
}
.chart_block_color.lblue {
    background-color: #24b2aa;
}
.chart_block_color.green {
    background-color: #a3c441;
}
.chart_block_color.orange {
    background-color: #ef931f;
}
.chart_block_color.red {
    background-color: #d9534f;
}
.chart_block_color.yellow {
    background-color: #f0ad4e;
}
.chart_block_color.purple {
    background-color: #66008f;
}
.chart_block_color.pink {
    background-color: #d98a88;
}
.chart_block_text {
    float: left;
    width: 320px;
    min-height:50px;
}

.bs-callout{margin:20px 0;padding:20px;border-left:3px solid #eee}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{background-color:#fff;border-radius:3px}
.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{background-color:#f4f8fa;border-color:#9ec7b1}
.bs-callout-info h4{color:#9ec7b1}

/* ------------------------------------------------------------------------------------ */
/* Reminders */
.reminder_links {
    margin: 0 0 20px 0;
}
.reminder_link {
    background: #2d7697;
    color: #fff;
    text-align:center;
    padding:10px 0;
}
    .reminder_link a {
        text-decoration: none;
    }
.reminder_link:hover {
    background: #0093d5;
}
.reminder_link.active {
    background: #999;
}
.reminder_link h3 {
        color: #fff;
        margin: 0;
        font-size:1em;
}
.reminder_link p {
        color: #fff;
        margin: 0;
        font-size:0.9em;
}
/* ------------------------------------------------------------------------------------ */
/* Invoice Display */
.invoice_line_head {
    background: #52565f;padding:8px 0;color:#fff;
}
.invoice_line_head_total {
    background: #f5f5f5;padding:8px 0;
}
.provider {
    float: left;
    margin-right: 10px;
}
/* ------------------------------------------------------------------------------------ */
/* Popovers */
.popover {
    border: 2px solid #861b4f;
    margin-left:-20px;
}

/*--- Auction --- */
.countdown_container {
    background-color:#bcd082;
    color:#fff;
    padding:8px 10px;
    display: inline-block;
    float:right;
    text-align:center;
    min-width:462px;
    height:100px;
}
.countdown_container.small {
    min-width:382px;
}
.countdown_text {
    margin-bottom: 2px;
}
.line_item_wrapper {
    border: 1px solid #00728f;
    margin-bottom:10px;
}
.position_container {
    background-color:#8ad4f5;
    color:#fff;
    padding:8px 10px;
    display: inline-block;
    float:right;
    text-align:center;
    height:100px;
}
.position_number {
    margin-top:5px;
    font-size: 2.5em;
}
.invoice_export_links a {
    color: #fff;
    text-decoration: none !important;
}


/*Homepage dashboard*/
h2 a:link{
    text-decoration: none;
}
.dash-stats {
            margin-right: 20px;
            width:170px;
            float:left;
            margin-bottom:15px;
        }
        .dash-stats-value {
            height: 45px;
            width: 45px;
            color: #fff;
            margin-right:5px;
            float:left;
            text-align:center;
            font-size: 20px;
            padding:8px 0 0 0;
        }
        .dash-stats-text {
            padding:8px 0 0 0;
            float: left;
            font-size: 1.2em;
        }

.dash-stats-value {
    background-color: #55a346;
}
/* ------------------------------------------------------------------------------------ */
/* Chat */
.chat_outer_share {
    width: 500px;
    background:#ccc;
    text-align: left;
}
.chat_share_company_logo {
    float:left;
    width: 60px;
    height: 60px;
}
.chat_share_text {
    float:left;
        box-sizing: border-box;
}
.chat_share_text .form-control {
  width: 380px !important;
  height: 30px;
  font-size: 12px;
  line-height: 1.42857143;
  margin:20px 0 0 20px;
  display:block;
  color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.chat_outer {
    width: 500px;
    background: #EEEEEE;
    padding:10px 0;
    text-align: left;
}
.chat_panel {
    padding:10px 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.chat_panel_right {
    margin-left:30px;
    padding:10px 0 20px 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.chat_icon {
    float:left;
    width: 30px;
    height: 30px;
    position:relative;
    left:0;
    top:0;
    margin-right:1px;
}
.chat_icon_right {
    float:left;
    width: 30px;
    height: 30px;
    position:relative;
    left:0;
    top:0;
    margin-left:1px;
}
.chat_company_logo {
    width: 30px;
    height: 30px;
    position: relative; top: 0; left: 0;
}
.chat_arrow_left {
   position: absolute;
    background: no-repeat url("/images/chat_sprite.png") 0px 0px;
    left: 25px;
    top: 0;
    width:6px;
    height:10px;
}
.chat_arrow_right {
    position: absolute;
    background: no-repeat url("/images/chat_sprite.png") -7px 0px;
    left: -1px;
    top: 0;
    width:6px;
    height:10px;
}
.chat_from_to {
    font-size: 0.8em;
    color: #999;
}
.chat_text {
        float:left;
        width: 400px;
        min-height:50px;
        background:#fff;
        padding:5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }
.chat_date {
    width: 200px;
    font-size: 0.8em;
    color: #999;
}
.chat_toolbar {
    text-align:right;
    width: 80px;
    float: right;
}
.chat_toolbar a{
    margin-right:5px;
}

.small-top-margin {
  margin-top: 5px;
}

.fit-to-div-width {
  max-width: 100%;
}

.shadepanel {
  background: #eae9e9;
  margin: 5px 0 5px 0;
  padding: 10px;
}

.whitepanel {
  margin: 5px 0 5px 0;
  padding: 10px;
}

.subcon-font {
    font-family: 'Raleway',Arial, Verdana, sans-serif;
}

.text-deco-none-i {
    text-decoration: none !important;
}

.confirmed-jobs-search-btn {
    margin-left: 2%;
    margin-top: -2px;
    height: 28px;
    font-size: 13px;
}

.upload-attachments-btn {
    margin-left: 2%;
    margin-top: -2px;
}

.w-250-i {
    width: 250px !important;
}

.m-t-50 {
    margin-top: -50px;
}

.m-t-n-125 {
    margin-top: -125px;
}

.m-t-n-15-i {
    margin-top: -15px !important;
}