/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
select,
textarea {
    max-width: 280px;
}

.anon {

}
.logged {

}












/* -------------------- COPIED ---------------------------- */
html, body {
    background-color: #ffffff;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #333333;
}

/* Heather's Code Begins */
.lightContent {
    padding: 25px 150px 100px 150px;
}
.lightContent h2 {
    color: #4b3d73;
}
.footerPane {
    float: right;
    padding-right: 50px;
}
.noConnection {
    visibility:hidden;
}
.connectionMade {
    visibility:visible;
}
.formClass {
    margin-top:25px;
}
.submissionMessage {
    color: red;
}
.indented {
    padding-left: 50px;
}
.loginControl {
    float:right;
    margin-top: 45px;
    padding-right: 150px;
    font-size: 16px;
}
.loginControl a {    
    color: #454343;
    font-weight: bold;
    text-decoration: underline;
}
/* Heather's Code ends */

label {
    margin-left: 10px;
    color : #404040;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.loader {
    display: inline-block;
    width : 34px;
    height : 34px;
    background: url('/i/preloader.gif') no-repeat center center;
    vertical-align: middle;
}
.login_form {
    margin-top: 15px;
    padding: 1px 25px 0px 25px;
    border: 1px solid #aaabac;
    border-radius: 7px;
    background: #ffffff;
}
.login_form h2{
    color : #4b3d73;
    font-size: 33px;
    font-weight: bold;
}

.log {
    overflow: auto;
    max-height: 250px;
    margin: 10px 0;
    padding: 5px 0;
    border: 1px solid #ccc;
    background: #fff;
}

.log div {
    margin: 5px 10px;
    border-top: 1px dashed #ccc;
}

.log div:first-child {
    border : 0;
}

.footer {
    clear : both;
    text-align: center;
    line-height : 40px;
}

.btn-primary {
    border-color : #ffa900;
    background-color : #ffa900;
    color : #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    border-color : #ffa900;
    background-color: #ffce6c;
}

.btn-primary.disabled, .btn-primary[disabled],
.btn-primary.disabled:hover, .btn-primary[disabled]:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus,
.btn-primary.disabled:active, .btn-primary[disabled]:active,
.btn-primary.disabled.active, .btn-primary[disabled].active {
    border-color : #ffa900;
    background-color: #ffce6c;
}

.jumbotron {
    padding-top: 0;
    background-color: #c3c3c3;
    box-shadow: 10px 10px #ccc;
}

.navbar-brand {
    height: 80px;
    padding-left: 150px;
    margin-top: 45px;
    /*margin: 45px 0px 45px 150px;*/
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    /*color : #fff;*/
}

.navbar-nav>li>b {
    display: block;
    padding : 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    /*color : #fff;*/
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffa900;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffa900;
    background-color: #2f2f2f;
}

.row {
    margin: 0;
}

.left-nav {
    background: #423668;
    padding-top: 40px;
}

.right-cont {
    background: #ffffff;
}

.right-cont .login_form {
    border : 0;
}

.left-nav a {
    display: block;
    margin: 0 -15px;
    padding: 0 15px;
    color : #ffffff;
    cursor: pointer;
    font-weight : normal;
    font-size : 16px;
    line-height: 50px;
    text-decoration: none;
}

.left-nav a.active {
    background: #ffa900;
    color : #ffffff;
}

.left-nav a:hover {
    color : #ffffff;
}
.left-nav a:hover:not(.active) {
    color : #ffa900;
}
.left-nav a:first-child {
    margin-top: 15px;
}

.left-nav a:before {
    float: left;
    width: 50px;
    text-align: center;
    font-size: 22px;
}

.integration_run_info {
    padding : 5px 0;
    font-size : 16px;
    line-height: 30px;
}

.integration_run_info b {
    display: block;
    font-weight: bold;
    font-size : 20px;
}

.integration_run_info .good {
    font-weight: bold;
    font-size : 18px;
    color : green;
}

.integration_run_info .bad {
    font-weight: bold;
    font-size : 18px;
    color : red;
}

.integration_run_info .ugly {
    font-weight: bold;
    font-size : 18px;
    color : #ffa900;
}

.integration_run_info .receipts {
    margin-top: 30px;
}

.integration_run_info .receipt_item {
    margin-left: 20px;
}

.integration_run_info .receipt_link {
    font-weight: bold;
    font-size : 18px;
    color : green;
}

.service_status_wrap {
    float: right;
}
.service_status_wrap .service_status {
    margin-left: 10px;
}

.service_status {
    float : right;
    width : 20px;
    height : 20px;
    border-radius: 10px;
    background: #dedede;
}

.service_status.running {
    background: green;
}

.service_status.stopped {
    background: red;
}

.checkbox-desc {
    display: block;
    padding-left : 20px;
    color : #95989a;
}

.select-cc {
    min-width : 70px;
}

.alert {
    margin-bottom: 0;
    border-radius: 0;
}

.no_bold {
    font-weight: normal;
}

.btn-pipedrive {
    background-color: #43c35e;
    border-color: #2cbf55;
    color: #fff;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
}

.btn-pipedrive:hover {
    background-color: #3dc463;
    border-color: #3dc463;
    color: #fff;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
    }
}

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
        width: 100%;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        padding-bottom: 40px;
    }
}
input[type="submit"] {
    float: right;
}

/* ---------------------------------------------  Tooltip Code  --------------------------------------------- */
.tooltip {
    display:inline-block;
    position:relative;
    /*border-bottom:1px dotted #666;*/
}

.tooltip h3 {margin:12px 0;}

.tooltip .bottom {
    /*min-width:200px;*/
    top:40px;
    left:50%;
    transform:translate(-50%, 0);
    padding:20px;
    color:#666666;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltip:hover .bottom {
    display:block;
}

/*.tooltip .bottom img {
    width:400px;
}*/

.tooltip .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}