/*
 * Globals
 *	
 */

body {
	background-color: #ffffff;
}

footer {
	margin: 50px 0;
	border-top: 2px solid #f0f0f0;
}

a:focus {
	outline: 0;
	outline-offset: 0;
}

.font-bold {
	font-weight: bold;
}

.margin-top-5 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-25 {
	margin-top: 25px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-35 {
	margin-top: 35px;
}
.margin-top-50 {
	margin-top: 50px;
}

.margin-right-15 {
	margin-right: 15px;
}
.margin-right-20 {
	margin-right: 20px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-left-10 {
	margin-left: 10px;
}
.margin-left-20 {
	margin-left: 20px;
}

.margin-0 {
	margin: 0;
}
.margin-10 {
	margin: 10px;
}
.margin-20 {
	margin: 20px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-100 {
	padding: 100px;
}

.btn-custom {
  background-color: #95C7A4;
  border-color: #95C7A4;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #84be96;
  border-color: #74b587;
}

.text-justify {
	text-align: justify;
}

.table-hover tbody tr:hover td  {
  background-color: #51a2e7 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

.table-hover tbody tr:hover th {
	background-color: #468cc8 !important;
	color: #ffffff;
}

.table tbody tr th {
	background-color: #468cc8 !important;
	color:#ffffff;
}

.selected {
	color:#000000 !important;
	background: rgb(231,183,81); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(231,183,81,1) 0%, rgba(229,159,18,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231,183,81,1)), color-stop(100%,rgba(229,159,18,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(231,183,81,1) 0%,rgba(229,159,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(231,183,81,1) 0%,rgba(229,159,18,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(231,183,81,1) 0%,rgba(229,159,18,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(231,183,81,1) 0%,rgba(229,159,18,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7b751', endColorstr='#e59f12',GradientType=1 ); /* IE6-9 */
}

.glyphicon {
	margin-right: 10px !important;
}

.content {
	background-color: #fff;
	margin: 10px;
}

.mp-dialog {
	border:2px solid #eeeeee; 
	background-color:#f6f6f6; 
	border-radius:5px; 
	min-height:350px;
}

.badge-danger {
	background-color: #D91E18!important;
}

.viewed {
	color: #D2D7D3;
}

.calls {
    padding-left: 0px;
    padding-right: 0px;
}

.message {
    background-color: #F5F5F5 !important;
}

.call-info {
    height: 80px;
}

.chart-container {
    width: 98%; 
    margin-left: auto; 
    margin-right: auto;
}

#chart,
#chart2 {
	height: 650px;
}

#chart div.xAxis div.tickLabel {
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    margin-top: 30px;
}

#chart2 div.xAxis div.tickLabel {
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    margin-top: 40px;
}

#map {
	width: 100%;
	height: 800px;
	margin: 0;
	padding: 0;
	position: relative;
}


/*
 * Forms
 *
 */

.addressBlock > input[type='text']:nth-child(1) {
	border-bottom: 0px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.addressBlock > input[type='text']:nth-child(2), .addressBlock > input[type='text']:nth-child(3), .addressBlock > input[type='text']:nth-child(4) {
	border-bottom: 0px;
	border-top: 0px;
	border-radius: 0px !important;
}

.addressBlock > input[type='text']:nth-child(5) {
	border-top: 0px;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

@media(max-width: 767px) {
	.nameBlock-firstName > input[type='text'] {
		border-bottom: 0px;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}

	.nameBlock-lastName > input[type='text'] {
		border-top: 0px;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
}

/* Ribbon */
.ribbon
{
	margin-top:-20px;
	border-bottom:solid 1px #d1d1d1;
	background-color:#e7e7e7;
	padding-top:4px;
	padding-bottom:4px;
}

.ribbonConfig
{
	border-bottom:solid 1px #dea04f !important;
	background-color:#eeac57 !important;
}

.ribbon > div
{
	min-width:100px;
	border:solid 1px #e7e7e7;
	border-radius:3px;
	text-align:center;
	margin-left:4px;
	font-size:0.8em;
	padding-top:4px;
	padding-bottom:4px;
	display:inline-block;
	padding-left:4px;
	padding-right:4px;
	position: relative;
	color:#2f6490;
}

.ribbonConfig > div
{
	border:solid 1px #eeac57 !important;
}

.ribbon > div > span.badge
{
	position:absolute;
	top:1px;
	right:1px;
	background-color:#d9534f;
}

.ribbon > div > span.badge.green
{
	background-color:#5cb85c;
}

.ribbon > div:hover
{
	background-color:#021067;
	border:solid 1px #021067;
	color:#ffffff;
	text-shadow:1px 1px rgba(0, 0, 0, 0.1);
	cursor:pointer;
}


.ribbon i
{
	font-size: 4em;
	margin: 0 auto;
	display: table;
	padding-bottom: 5px;
}

.ribbonItemSelected
{
	position:absolute;
	width:30px;
	height:3px !important;
	background-color: white;
	padding:0px;
	margin-left: calc((100% - 38px)/2);
	margin-left: -moz-calc((100% - 38px)/2);
	margin-left: -o-calc((100% - 38px)/2);
	margin-left: -webkit-calc((100% - 38px)/2);
	margin-top:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}


/* Ribbon */

@media(max-width: 767px) {
	.nameBlock-firstName > input[type='text'] {
		border-bottom: 0px;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}

	.nameBlock-lastName > input[type='text'] {
		border-top: 0px;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
}

@media print {
    .ribbon {
        display:none;
    }

    .navbar {
        display:none;
    }

    .noprint {
        display:none;
    }

    footer {
        display:none;
    }
}