﻿body {
    padding-top: 1.4rem;
}

.form-inline label {
    justify-content: left;
}


/* 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 */


/*style for the ng-cloak to make the components invisible in the beginning*/
.ng-cloak {
    display: none !important;
}

/* Style the active class (and buttons on mouse-over) */
.active {
    background-color: #666;
    color: white;
}

.forLink {
    box-shadow: 0 0 0 0.2rem #113277 !important;
}

    .forLink:hover {
        border: none !important;
        box-shadow: 0 0 0 0.2rem #113277 !important;
    }

    .forLink:focus {
        border: none !important;
        box-shadow: 0 0 0 0.2rem #113277 !important;
    }

form label {
    display: inline-block;
}

.error {
    color: red;
    margin-left: 5px;
}

label.error {
    display: inline;
}

.safariInfoText {
    background-color: #3C4D51;
}

.floatRight {
    text-align: right;
}

.floatLeft {
    text-align: left;
}

.form-control {
    border: 1px solid #000000;
    box-shadow: none !important;
    letter-spacing: inherit;
}

/*    .form-control:focus {
        border: 2px solid #000000;
        box-shadow: none !important;
        letter-spacing: inherit;
    }*/

fieldset {
    border: 0.125rem solid #495057;
}

legend {
    width: auto;
    margin-left: 1rem;
    padding: 0.30rem;
}

.fieldsetforinputs {
    padding-bottom: 0.87rem;
}

    .fieldsetforinputs label {
        justify-content: right;
        text-align: right;
        align-self: center;
    }


/*.return-course-btn {
    height: 50px;
}*/

.form-group {
    padding-left: 1rem;
}

.fieldsetforbuttons {
    border: 0;
}

    .fieldsetforbuttons legend {
        margin: 0;
        padding: 0 0 0.60rem 0;
    }

.parameter-select select {
    width: 100% !important;
}

#prevent-pushing-scrool {
    margin-left: calc(100vw - 100%);
}

@media only screen and (max-width: 768px) {
    .fieldsetforinputs label {
        justify-content: left;
        text-align: left;
        line-height: inherit;
        align-self: center;
    }
}

.ms-drop {
    right: 0;
}

    .ms-drop ul > li.multiple label {
        overflow: visible !important;
    }

.ms-choice > .placeholder {
    background-color: transparent !important;
    opacity: 1 !important;
    color: #000 !important;
    cursor: unset !important;
}

.ms-choice {
    border: 0.060rem solid #000 !important;
    padding: 0rem .75rem !important;
    height: 2.35rem !important;
}

.ms-parent label {
    text-align: unset !important;
}

.ms-choice > span {
    top: 0.22rem !important;
}

label:focus{
    outline:none;
}

/*.ms-choice:hover {
    outline: unset !important;
    border: 0.060rem solid #000 !important;
}*/

/*input[type=text], input[type=number], input[type=password] {
    border: 1px solid #000000;
}

    input[type=text]:focus, input[type=number]:focus, input[type=password]:focus {
        border: 2px solid #000000;
    }



select {
    border: 1px solid #000000;
}

select:focus {
    border: 2px solid #000000;
}

input[type="radio"],
input[type="checkbox"] {
    border: 1px solid #000000;    
}

input[type=radio]:focus,
input[type=checkbox]:focus {
    border: 2px solid #000000;
}*/
/*change the background colour of the jquery dialog close button here*/

/*.ui-dialog .ui-dialog-titlebar-close {
    color: #FFFFFF;
    background-color: #005D81;
}*/

/*change the background colour of the jquery dialog close button on focus here*/

/*.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
        color: #FFFFFF;
        background-color: #000000;
    }*/

/*input[type=checkbox] {
    outline: 1px solid #000000;
    box-shadow: none !important;
}*/


/*
#returnToCourse {
    box-shadow: 0 0 0 0.2rem #113277 !important;
}

    #returnToCourse:hover {
        border: none !important;
        box-shadow: 0 0 0 0.2rem #113277 !important;
    }

    #returnToCourse:focus {
        border: none !important;
        box-shadow: 0 0 0 0.2rem #113277 !important;
    }*/
