.BlueGrid,
.NestedGrid {
    background-color: #fff;
    font-family: Calibri;
    font-size: 16px;
    /*color: #ffffff;*/
    border-radius: 15px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

    /*border: solid 2px black;
}*/

    .BlueGrid .header {
        background-color: #F35400;
        font-family: Arial;
        color: Black;
        border: none 0px transparent;
        height: 25px;
        text-align: center;
        font-size: 16px;
    }

    .BlueGrid .footer {
        background-color: #F35400;
        font-family: Arial;
        color: Black;
        border: none 0px transparent;
        height: 15px;
        text-align: center;
        font-size: 16px;
    }

.BlueGrid .alt {
        background: #c1c1c1;
    }

    .NestedGrid .header {
        /*#0061E4;*/
        background-color: #c600ff;
        font-family: Arial;
        color: white;
        border: none 0px transparent;
        height: 25px;
        text-align: center;
        font-size: 16px;
    }

.NestedGrid .alt {
      background: #c1c1c1; }

.BlueGrid .rows {
        background-color:#fff;
        /*font-family: Arial;
	font-size: 14px;*/
        color: #000;
        /*min-height: 25px;*/
        text-align: left;
        border: none 0px transparent;
    }

.BlueGrid .rows:hover {
        background-color: #ff8000;
        /*font-family: Arial;*/
        color:#c1c1c1;
        text-align: left;
    }

.BlueGrid .selectedrow {
        background-color: #ff8000;
        font-family: Arial;
        color: #fff;
        font-weight: bold;
        text-align: left;
    }

.BlueGrid a /** FOR THE PAGING ICONS  **/ {
        background-color: Transparent;
        padding: 5px 5px 5px 5px;
        color: #FFAD16;
        text-decoration: none;
        font-weight: bold;
    }

.BlueGrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/ {
        background-color: transparent !important;
        /*color: transparent !important;*/
    }

.BlueGrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
        /*background-color: #c9c9c9;*/
        color: #000;
        padding: 5px 5px 5px 5px;
}

.BlueGrid .pager {
        background-color: #646464;
        font-family: Arial;
        color: White;
        height: 20px;
        text-align: left;
}

.BlueFormView .BlueFormViewAgenzia {
    border-radius: 15px;
    overflow-x: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}


@media only screen and (min-width: 960px) {
.BlueFormView {
        width:70%;
    }
}

@media only screen and (min-width: 960px) {
    .BlueFormViewAgenzia {
        width: 30%;
    }
}

.BlueFormView label {
    clear: both;
    float: left;
    margin-right: 15px;
    background-color: #17a2b8 !important;
    width: 120px;
}

.BlueFormViewAgenzia label {
    clear: both;
    float: left;
    margin-right: 15px;
    background-color: #17a2b8 !important;
    width: 120px;
}

.BlueFormView input[type=text] {
    margin-bottom: 5px;
    float:left!important;
}

.BlueFormViewAgenzia input[type=datetime] {
    margin-bottom: 5px;
    float: left !important;
}

.twocol li span {
    float: left;
    width: 150px;
    background-color: #17a2b8 !important;
}

.twocol>span{
    margin-right: -12px;
}


fieldset {
    list-style: none !important;
}

.twocol li span.aspNetDisabled {
    float: left;
    width: 20px;
    background-color: silver !important;
}

#evento li span {
    float: left;
    width: 220px;
    background-color: #17a2b8 !important;
}

#evento li span.aspNetDisabled {
    float: left;
    width: 20px;
    background-color: silver !important;
}

#deteventoedit label {
    float: left;
    width: 350px;
    background-color: #17a2b8 !important;
}

#deteventoedit input[type="text"] {
    width: 350px !important;
}

#deteventoedit {
    -moz-column-count: 4 !important;
    -webkit-column-count: 4;
    column-count: 4;
    display: list-item;
}



.FWrow {
    /*width: 552px;*/
    font-size: 14px;
    font-style: normal;
}

.FWrow1 {
    font-size: 14px;
    font-style: normal;
}

.BlueGrid th, td {
    padding: 8px;
}

.testata {
    font-size: xx-large;
    font-weight: bold;
}

.appnavbar {
    background-image: -webkit-linear-gradient(top, #0061E4 0%, #00DBE2 100%);
    background-image: -ms-linear-gradient(top, #0061E4 0%, #00DBE2 100%);
    background-image: -moz-linear-gradient(top, #0061E4 0%, #00DBE2 100%);
    vertical-align: bottom;
    padding-left: 20px;
    clear: right;
    /*position: fixed;*/
    left: 0px;
    right: 0px;
    z-index: 0;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 2px;
    -moz-border-radius: 5px;
    border-style: solid;
    border-color: Gray;
    /*width: 300px;
	height:150px;
	top:100px;
	left:150px;*/
    position: absolute;
}

    .modalPopup .header {
        background-color: #F35400;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }

    .modalPopup .footer {
        padding: 3px;
    }

    .modalPopup .yes, .modalPopup .no {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }

    .modalPopup .yes {
        background-color: #2FBDF1;
        border: 1px solid #0DA9D0;
    }

    .modalPopup .no {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.btnadd {
    float:right;
    margin-right:5px;
}

#CBNazione {
    text-transform:uppercase;
}

.bordo1 {
    border-color: #17a2b8;
    /*border-color:#E28113; */
    border-width: 3px;
    border-style: solid;
    border-radius: 15px;
    display: table;
    padding: 4px;
}

.bordo1 legend {
    color: #17a2b8;
    background-color: #ddd;
}