﻿
/*BRANDING*/
body {
    margin: 0;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #212529;
    text-align: left;
    /*background-color: #fff;    */
    /*background-image: url("/Content/img/imgpope8.jpeg") !important;*/
    /*background-color: #add8e6;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-white {
    background-color: rgba(253,253,253,0.95);
}

.logo {
    opacity: .9;
    min-width: 60px;
    min-height: 65px
}

.SiteTitle {
    color: #347CD4;
    font-size: 1.5rem;
}

.SiteSubTitle {
    color: #347CD4;
    font-size: 1.2rem;
}

/*.content-wrapper {
    background-color: transparent;
}*/

.wrapper .content-wrapper {
    min-height: calc(100vh - calc(3.3rem + 1px) - calc(3.3rem + 1px));
}

.dropdown-menu {
    padding: 0.5rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    min-width: 7.5rem;
    min-width: 7.5rem;
}

label {
    /*color: #347CD4;*/
}

.rightAlign{
    text-align:right;
}




/*CSS PLUGIN*/
/*CALENDAR*/
.fc-toolbar, .fc-toolbar.fc-header-toolbar {
    margin: 0;
    padding: 0.5rem 0.1rem;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: rgba(255, 255, 255, 0.7);
    color: #347cd4;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
}

.ui-widget-header {
    border: 0px solid #dddddd;
    background: #e6f1ff;
    color: #347cd4;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px; 
    background: transparent;
    font-weight: normal;
    color: #454545;
}

.ui-datepicker-year{
    cursor:pointer;

}
.ui-datepicker-month {
    cursor: pointer;
}

.ui-datepicker-inline{
    width:100%;
    min-width:273px;
}

/*Event List*/

/*Event List*/ /*CARD in trasparenza*/

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    word-wrap: break-word;
    background-color: rgba(255,255,255,0.82);
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-scrollable {
    overflow-y: auto;
    max-height: calc(100vh - calc(4.2rem + 1px) - calc(4.45rem + 1px) - calc(4.45rem + 1px));
}

.card-body {
    min-height: auto;
}

/*.card-header .card-title {
    font-weight: bold;
    color: #347CD4;
}

.card-title {
    font-weight: normal;
    color: #347CD4;
}*/
.card-text {
    text-align: left;
}

/*Event List*/ /*Elemento Lista Evento*/
.block {
   
    text-align: center;
    vertical-align: middle;
}

.circle {
    background: rgba(213, 209, 208, 0.7);
    border-radius: 200px;
    color: #347CD4;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;
    margin: 0px auto;
    cursor:pointer;
}

.circle p {
        vertical-align: middle;
        display: table-cell;
        font-size:1em;
}

.bolded {
    font-weight: bold;
    color: #347CD4;
}


.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.p-tb05{
    padding: 0.5% 1%;
}

.ricDuplicataMessage{
    font-size: 25px;
}

#message p {
    padding: 2px 35px;
    font-size: 17px;
    margin-bottom: 5px;
}

.valid:before {
    position: relative;
    left: -35px;
    content: "\2713";
}

.valid {
    color: green;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "\2717";
}    

.invalid {
    color: red;
}

.border-blu {
    border-top: solid #007bff;
}