body {
    padding: 65px 5px 5px 5px;
    font-size: 11.5px;
    line-height: 1.2;
}

.anchor {
    padding-top: 70px;
    margin-top: -70px;
}

/* I don't understand it, but Bootstrap was setting these margins to -15px,
   causing elements to stretch off-screen. */
form div.row {
    margin-right: 0px;
    margin-left: 0px;
}

.form-control {
    font-size: 11.5px;
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

input[type="date"] {
    /*display: block;*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

.strike {
    text-decoration: line-through;
}

.bold {
    font-weight: bold;
}

.italics {
    font-style: italic;
}

/* Main Form loader */
#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;    
    z-index: 100;
    margin: -50px 0 0 -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    border-bottom: 16px solid #3498db;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    /*display: none;*/
    opacity : 0;
}

/* Chart.js loader */
.toploader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;    
    z-index: 100;
    margin: 0 0 0 -25px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    border-bottom: 8px solid #3498db;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    /*display: none;*/
    opacity : 100;
}

/* Chart.js loader */
.chartloader {
    position: relative;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;    
    z-index: 99;
    margin: 0 0 0 -25px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    border-bottom: 8px solid #3498db;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    /*display: none;*/
    opacity : 100;
}

.tinyloader {
    position: relative;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;    
    z-index: 99;
    margin: 0 0 0 -5px;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    /*display: none;*/
    opacity : 100;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.blur {
    -webkit-filter : blur(3px);
    filter : blur(3px);
}

.flash {
    -moz-animation: flash 1s ease-out;
    -moz-animation-iteration-count: 1;

    -webkit-animation: flash 1s ease-out;
    -webkit-animation-iteration-count: 1;

    -ms-animation: flash 1s ease-out;
    -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

div.leftRefreshButton {
    position: relative;
    float: left;
    left: -10px;
    top: -10px;
    cursor: pointer;
}

div.mytabs {
    padding: 15px 5px 5px;
}

div.container {
    padding: 0px 5px 0px 5px;
}

ul.nav-tabs {
    margin-bottom: 15px;
}

table.navTable td,
table.navTableBasic td,
table.cursorTable td,
table.localTable td {
    cursor: pointer;
}


/* Tab appearance on opportunity.html */
ul.nav-tabs {
    margin-bottom: 0px;
}

div.tab-content > div.tab-pane {
    min-height: 250px;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 10px;
}

span.glyphicon.glyphicon-duplicate {
    color: grey;
}

span.glyphicon.glyphicon-duplicate:hover {
    cursor: pointer;
    transform: scale(1.2);
    box-shadow: 0 0 5px #ffee10;
}

div.modal-body img.img-responsive {
    width: 100%;
    height: 200px;
    background: url("loader.gif") no-repeat fixed center;
}