/* header */
.head h1 {font-family: 'Leckerli One', cursive; color:#337ab7;}
.head h1 span {opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */}

/* image flag input navbar */
.img-navbar {height:15px;}
/* navbar font style for logo */
.navbar-inverse .navbar-brand {font-family: 'Leckerli One', cursive; color:#fff;}
    .navbar-inverse .navbar-brand span {opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */}
/* red color for special navbar items. Es: (i) */
.navbar-inverse .navbar-nav > li > a.color-red{color:#f0ad4e;}
    .navbar-inverse .navbar-nav > li > a.color-red:hover, .navbar-inverse .navbar-nav > li > a.color-red:active {color:#fff;}

/* bold in table hrefs */
.text-bold {font-weight:bold;}

/* more height */
input[type="file"]{line-height:40px;}

/* button right aligned not in mobile */
@media (max-width: 767px) {
    div.text-right {
        text-align:left!important;
    }
}

/* green select color in grids */
a.color-success {color:#4cae4c;}
a.color-success:hover, a.color-success:active {color:#398439;}
/* red erase color in grids */
a.color-danger {color:#d9534f;}
a.color-danger:hover, a.color-danger:active {color:#d43f3a;}

/* Titles */
h2,h3 {margin-top:5px;}

/* forms */
/* some space to separate content */
.form-inline {margin-bottom:20px;}
/* required fields label warnings */
.form-group span.label-warning {display:block; font-size:100%;}
/* less horizontal padding for form fields */
.form-control {padding-right:6px; padding-left:6px;}
/* truncate long labels in horizontal forms */
.control-label {
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

/* hide all elements width visibility hidden */
*[style*="visibility:hidden"] {display: none !important;}

/* error labels */
/* Hide empty error labels */
.alert:empty {
    display: none;
}
/* Display error/warning labels */
span.alert {display:block;}

/* layout */
/* separate columns when stacked */
div.col-spaced > div[class^="col"] {margin-bottom:20px;}

/* charts */
/* responsive container for charts */
.chart-container {position: relative; margin: auto;}
/* prevent continuous resizing in default.aspx */
canvas {
    height: 300px !important;
}


/* login page */
.container-login {
    max-width: 400px;
}
.sponsor {
    margin-top: 30px;
    margin-bottom: 20px;
}
    .sponsor img {
        margin: 0px auto;
    }


/* footer */
footer span {
    font-family: 'Leckerli One', cursive;
    color: #337ab7;
}

footer img {
    margin: 0px 0px 15px auto;
}

@media (max-width: 400px) {
    footer .row div {
        width: 100%;
        right: 0px;
        left: 0px;
    }
}


/* too space after titles, but not on mobile mode */
@media (min-width: 767px) {
    hr:first-of-type {
        margin-top: 0px;
    }
}


/* modal popups */
/* modal content background color */
.modalpanel {
    padding: 10px 20px;
    background-color: rgba(255,255,255,1);
    width: 80%;
}
/* modal outside background color */
.modalbackground {
    background-color: gray;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

iframe {
    width: 100%;
    border: 0px;
    overflow-y: auto;
    overflow-x: visible;
    height: 550px;
}


/* popover */
/* Mostly used as help */
/* maximize width for long help */
/* The max width is dependant on the container */
.popover {
    max-width: 100%;
}


/* compact tables rows */
/* low padding for rows */
/*.table > tbody > tr > td {padding-top: 4px; padding-bottom: 4px;}*/
/* low padding for checkboxes */
/*.table .checkbox {padding-top:0px;min-height:15px; height:15px;}*/
/* normal rows for fat tables */
.table-fat > tbody > tr > td > span {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 7px;
    min-height: 34px;
}

.table-fat > tbody > tr > td {
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .table-fat > tbody > tr > td > input[type^="checkbox"] {
        min-height: 24px;
    }

/* pagination */
table.table > tbody > tr:last-child > td > table a, table.table > tbody > tr:last-child > td > table span {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.4285;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

    table.table > tbody > tr:last-child > td > table a:hover, table.table > tbody > tr:last-child > td > table a:active {
        background-color: rgba(0,0,0,0.1);
    }

table.table > tbody > tr:last-child > td > table span {
    color: #fff;
    background-color: rgb(51, 122, 183);
}

table.table > tbody > tr:last-child > td > table td:first-child a, table.table > tbody > tr:last-child > td > table td:first-child span {
    border-radius: 4px 0px 0px 4px;
}

table.table > tbody > tr:last-child > td > table td:last-child a, table.table > tbody > tr:last-child > td > table td:last-child span {
    border-radius: 0px 4px 4px 0px;
}

/* tabs */
/* some space to separate content */
.nav-tabs {
    margin-bottom: 15px;
}

/* ReportViewer */
.ReportViewer > table {
    width: 100%;
}
/*.ReportViewer #ctl00_MainContent_rv_ctl05 {background-color:#337ab7;}*/

/* tooltip blue color */
span.fa-question-circle {
    color: #337ab7;
}

/* Image container in UploadDoc.aspx */
/* simulate pdf viewer */
#ImgContainer {
    padding: 2px 20px 20px;
    background-color: #333;
}
    /* simulate PDF viewer buttons fot img viewer */
    #ImgContainer .btn-primary {
        background-color: #333;
        border-color: #555;
        margin-bottom: 2px;
    }

        #ImgContainer .btn-primary:hover, #ImgContainer .btn-primary:active {
            background-color: #222;
        }