.btn {
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
}
body {
    padding-top: 0px;
    /*padding-bottom: 20px;*/
}

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

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

#dioceseDetailForm input,
select,
textarea {
    max-width: none;
}


#schoolStaffForm input,
select,
textarea {
    max-width: none;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}



.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

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

.margin-right-15 {
    margin-right: 15px !important;
}
/*





/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
    width: auto;
}

#extr-page .smart-form .alert {
    margin: 4px;
}

    #extr-page .smart-form .alert li {
        margin-left: 14px;
        list-style: none;
    }

        #extr-page .smart-form .alert li:before {
            content: "\f071";
            font-family: FontAwesome;
            position: absolute;
            left: 14px;
        }

#extr-page .smart-form div + fieldset {
    padding-top: 15px;
}


#dashboardStudentDetails .dl-horizontal dt {
    width: 100px;
}


#dashboardStudentDetails .dl-horizontal dd {
    margin-left: 115px;
}


#logo {
    margin-top: 5px;
    margin-bottom: 5px;
}

    #logo img {
        width: auto;
    }

/*hides the time in the full calendar the dashboard page*/
.fc-event-time {
    display: none !important;
}
/*end */



/*changes the color of the on switch in the dashboard donut area student details */
#student_details .smart-form .toggle input:checked + i:after {
    /* content: attr(data-swchon-text);*/
    color: #3276b1;
}


#student_details .smart-form .toggle i::before {
    color: #3276b1;
}

#student_details .smart-form .toggle i::after {
    color: #3276b1;
}


.details_reason_textarea {
    max-height: 100px;
    transition: .8s;
    overflow: hidden;
}

    .details_reason_textarea.hidden {
        max-height: 0;
    }

#wcword .Correct {
    color: forestgreen;
}

#wcword .Incorrect {
    color: red;
}

.red {
    color: red;
}

.jarviswidget > header{ /*Hide header text when area is too small*/
    overflow:hidden;
}

.tinyText{
    margin-top:8px;
    font-size: 70%;
    cursor:default;
    background-color:  lightgray;
    padding: 3px;
}

/*end */