body {
    padding-top: 70px;
    padding-bottom: 20px;
}

body.minimal {
    padding: 0;
}

iframe {
    width: 100%;
    border: 0;    
}

.results-upload-frame {
    height: 450px;
}

.tab-pane {
    padding-top: 15px;
}

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

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}
*/
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.flash-messages:first-child {
    margin-top: 15px;
}

.dropdown-navbar-brand {
    margin-left: -15px;
}

.clearboth {
    clear: both;
}

/* ICL branding */

.navbar-nav {
    margin: 0px -15px;
}

.navbar-brand {
    margin: 0 0 0 15px;
    line-height: 50px !important;
    padding: 0 15px !important;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: 0;
        margin-right: 40px;
    }
}

.navbar-brand .caret {
    vertical-align: middle;
}

.dropdown-navbar-brand {
    margin: 0;
}

h2 {
    font-weight: bold;
    color: #428bca;
}

.table thead th {
    background: #428bca;
    color: #fff;
    border-bottom: 0 !important;
}

.table thead th a {
    color: #fff;
}

.table thead th span.glyphicon {
    vertical-align: text-top;
    color: #dddddd;
    font-size: 12px;
}

.header-with-buttons {
    padding-top: 20px;
    padding-bottom: 10px;
}

.header-with-buttons h1, .header-with-buttons h2, .header-with-buttons h3 {
    display: inline-block;
    width: auto;
    margin: 0 15px 0 0;
}

.header-with-buttons h1, .header-with-buttons h2, .header-with-buttons h3, .header-with-buttons .btn {
    vertical-align: middle;
}

.btn.btn-create {
    background: #5cb85c;
    color: #fff;
}

.btn.btn-delete {
    background: #d9534f;
    color: #fff;
}

footer {
    margin-top: 100px;
}

.footer-divider {
    border-top-color: #e0e0e0;
}

/* Angular app hackses */

.mce-fullscreen {
    z-index: 1040 !important;
}

.panel-body {
    padding: 15px 15px 15px 14px;
}

.form-group.collapsed {
    margin-bottom: 0;
}

ul[ui-sortable] {
    list-style-type: none;
    padding: 0;
}

.btn-link:hover, .btn-link:focus {
    outline: none;
}

.show-on-parent-hover {
    -webkit-animation: fadeOut 0.12s;
    display: none;
}

.hover-parent:hover .show-on-parent-hover {
    -webkit-animation: fadeIn 0.12s;
    display: block;
}

.anim-fade-down-up.ng-enter {
    -webkit-animation: fadeInDown 0.12s;
}

.anim-fade-down-up.ng-leave {
    -webkit-animation: fadeOutUp 0.12s;
}

.anim-fade.ng-enter {
    -webkit-animation: fadeIn 0.12s;
}

.anim-fade.ng-leave {
    -webkit-animation: fadeOut 0.12s;
}

.hover-glow {
    -webkit-transition: box-shadow linear 0.12s;
    -moz-transition: box-shadow linear 0.12s;
    transition: box-shadow linear 0.12s;
}

.hover-glow:hover {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);
}

.active-slot
{
    border: 1px solid #339966 !important;
    background-color: #339966 !important;
    color: #fff !important;
}

.booked-slot
{
    border: 1px solid #3399CC !important;
    background-color: #3399CC !important;
    color: #fff !important;
}

.missed-slot
{
    border: 1px solid #660033 !important;
    background-color: #660033 !important;
    color: #fff !important;
}

.completed-slot
{
    border: 1px solid #000033 !important;
    background-color: #000033 !important;
    color: #fff !important;
}

.past-slot
{
    border: 1px solid #888888 !important;
    background-color: #888888 !important;
    color: #fff !important;
}

.active-slot:hover, .booked-slot:hover, .missed-slot:hover, .completed-slot:hover, .past-slot:hover
{
    cursor:pointer;
}

.bootstrap-timepicker-widget {
    z-index:99999;
}
.datepicker.dropdown-menu {
z-index:99999 !important;
}

.loading
{
    background: url('images/loading.gif') no-repeat;
    min-width: 32px;
    min-height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -16px; /* half width of the spinner gif */
    margin-top: -16px; /* half height of the spinner gif */
    text-align: center;
    z-index: 999999;
    overflow: auto;
}

/* Alertify custommisations */

.alertify-logs {
    bottom: auto !important;
    top: 70px;
}

.alertify,
.alertify-show,
.alertify-log {
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	   -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	     -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	   -moz-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	    -ms-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	     -o-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	        transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	   -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	     -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.alertify-log-hide {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
	opacity: 0;
}

ul.notifications {
    position: fixed;
    top: 70px;
    right: 15px;
    z-index: 1000;
    list-style-type: none;
    width: 260px;

    margin: 0;
    padding: 0;
}

.tap-image-editor {
    height: 300px;
    overflow: hidden;
}

.tap-image-editor .region-select {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.tap-image-editor .region-select img, .tap-image-editor .region-select svg {
    position: absolute;
    top: 0;
    left: 0;
}

.tap-image-editor .region {
    cursor: move;
}

.tap-image-editor .region-outline {
    stroke: purple;
    stroke-width: 2;
    fill: rgba(200, 200, 200, 0.7);
}

.tap-image-editor .region-resize {
    fill: purple;
    cursor: se-resize;
}

.tap-image-editor .region-label {
    fill: #000;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    border-color: rgba(53, 126, 189, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(53, 126, 189, 0.6);
    outline: 0 none;
}

button.focus {
    border-color: rgba(53, 126, 189, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(53, 126, 189, 0.6) !important;
    border-right-width: 0;
}

.threshold-item {
    padding: 0 15px;
    background: #fafafa;
    border: 1px solid #eeeeee;
}

.threshold-item .row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.and-suffix {
    font-size: 11px;
    margin-left: 5px; 
    padding: 3px;
    background: #e0e0e0;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    color: #888888;
}

.filter-criteria-hint {
    padding: 20px 5px 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #888888;
}

.age, .dob {
    display: none;
}

.age.show, .dob.show {
    display: block;
}

.btn-action {
    margin: 0 0 5px 0;
    min-width: 50px;
}

.form-control[type="file"] {
    height: auto;
}

.btn-remove
{
    color: #ffcccc;
    padding: 5px 10px;
    border: 1px solid #ffcccc;
}

.btn-remove:focus {
    color: #ffffff;
    background: #ffcccc; 
    border: 1px solid #ffcccc;
}

.control-sublabel {
    color: #888;
}

.search-results-count {
    padding: 10px;
    background: #f0f0f0;
    border: 1px solid #dddddd;
    text-align: left;
    overflow: hidden;
}

.well {
    padding: 29px;
}

.well.affix {
  top: 70px;
  width: 457px;
}