body {
    
}

/*Facebook*/
.facebook {
    height: 32px;
    width: 32px;
    display: inline-table;
    margin-right: 5px;
    cursor: pointer;
    background-image: url("../Images/Social/prov_facebook.png");
    background-repeat: no-repeat;
}
.facebook:hover {
    background-image: url("../Images/Social/prov_facebook_color_32x32.png");
}

/*google+*/
.google {
    height: 32px;
    width: 32px;
    display: inline-table;
    padding: 10px;
    cursor: pointer;
    background-image: url("../Images/Social/prov_google.png");
    background-repeat: no-repeat;
}
.google:hover {
    background-image: url("../Images/Social/prov_google_color_32x32.png");
    
}

/*twitter*/
.twitter {
    height: 32px;
    width: 32px;
    display: inline-table;
    margin-right: 5px;
    cursor: pointer;
    background-image: url("../Images/Social/prov_twitter.png");
    background-repeat: no-repeat;
}
.twitter:hover {
    background-image: url("../Images/Social/prov_twitter_color_32x32.png");
}

/*microsoft*/
.microsoft {
    height: 32px;
    width: 32px;
    display: inline-table;
    margin-right: 5px;
    cursor: pointer;
    background-image: url("../Images/Social/prov_microsoft.png");
    background-repeat: no-repeat;
}
.microsoft:hover {
    background-image: url("../Images/Social/prov_microsoft_color_32x32.png");
}

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor:help;
}
    
.field-tip .tip-content {
        position:absolute;
        top:-10px; /* - top padding */
        right:9999px;
        width:200px;
        margin-right:-220px; /* width + left/right padding */
        padding:10px;
        color:#fff;
        background:#333;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:0;
        -webkit-transition:opacity 250ms ease-out;
           -moz-transition:opacity 250ms ease-out;
            -ms-transition:opacity 250ms ease-out;
             -o-transition:opacity 250ms ease-out;
                transition:opacity 250ms ease-out;
    }
        
.field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:50%;
            left:-16px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color:#333;
        }
        
.field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
        }



/*Identidy style css */

.field-validation-error {
    color: #e80c4d;
    font-size: 12px;
    /*font-weight: bold;*/
}

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

input.input-validation-error {
    border: 1px solid #ff6347;
}

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

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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


/* Define styles after defaults so they take precedence */
.app-label{text-align: right}

/* Small grid */

@media (max-width: 768px) {
    .app-label {text-align: left;}
    .app-from-inline .app-form-group {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    .app-from-inline {
        display: inline;
    }
    .app-from-inline .app-form-group {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
        height: 34px;
    }
    
    col-4-change {width: 33.3%}
    .col-7-change {width: 51.3%}
}

/* Medium grid */
@media (min-width: 992px) {    
    .app-from-inline {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
        height: 34px;        
    }
    .app-from-inline .app-form-group {
        display: inline-block;
        vertical-align: middle;
        display: block;
    }    
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .app-label{text-align: right}
}