body {
    padding-top: 80px;
    /* background: url('splat.jpg'); */
}

body-background {
    background: url('splat.jpg');
}

.mytemplate {
    padding: 40px 15px;
    text-align: center;
}

/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.myclient-info-box {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

.topmenu-text {
    color: #eb5848;
}

.btn-success-new {
    background-color: #EB5848 !important;
    border-color: #EB5848;
}

.btn-success-new:hover,.btn-success-new:focus,.btn-success-new:active,.btn-success-new.active,.open .dropdown-toggle.btn-success-new {
    color: #fff;
    background-color: #F03723 !important;
    border-color: #F03723;
}


.navbar-default {
	background-color: #0e3655;
	border-color: #12222f;
}
.navbar-default .navbar-brand {
	color: #eb5848;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #f03723;
}
.navbar-default .navbar-text {
	color: #eb5848;
}
.navbar-default .navbar-nav > li > a {
	color: #eb5848;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #f03723;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f03723;
	background-color: #12222f;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #f03723;
	background-color: #12222f;
}
.navbar-default .navbar-toggle {
	border-color: #12222f;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #12222f;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #eb5848;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #eb5848;
}
.navbar-default .navbar-link {
	color: #eb5848;
}
.navbar-default .navbar-link:hover {
	color: #f03723;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #eb5848;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f03723;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #f03723;
	background-color: #12222f;
    }
}

.my_client_td {
    vertical-align: center;
}