﻿body {
}

.repeater {
    padding: 0px;
    width: 100%;
    display: flex;
}

    .repeater .mycol,
    .repeater .mycol-hide {
        padding: 0px;
        float: left !important;
        height: auto !important;
        display: flex;
        border: 1px solid #ccc;
    }

.divcolumnheader .repeater a {
    text-align: center !important;
}

.normalRow {  
    background-color: #F4FAFF;
    vertical-align: middle !important;
}

.alternateRow{
     background-color: transparent;
}

.panelDetails {
    width: 100%;
    background-color: transparent;
    padding: 20px;
    border: 1px solid #ccc;
}

    .panelDetails table tr td {
        padding-bottom: 3px;
        padding-top: 3px;
    }

.printfullsize {
    padding-right: 0px;
}

.borderbottom {
    border-bottom: 1px solid gray;
    padding-bottom: 5px;
}

.bordertop {
    border-top: 1px solid gray;
    padding-top: 5px;
}

.aspNetDisabled {
    color: gray !important;
    text-decoration: none;
    cursor: default;
}

    .aspNetDisabled:hover {
        text-decoration: none;
        cursor: default;
    }

    .aspNetDisabled:focus {
        text-decoration: none;
        cursor: default;
    }

     .coldetails {
            width: 100%;
            padding: 0px;
        }
          .coldetails .mycol-1 {
            width: 40%;
            float: left;
        }
         .coldetails .mycol-2 {
            width: 60%;
            float: left;
        }

@media screen and (max-width:768px) {
    .repeater .mycol-hide {
        display: none !important;
    }

    .repeater .mycol-super-hide {
        display: none !important;
    }

    .reducedFont,
    .SuperReducedFont {
        font-size: 12px !important;
    }

    .coldetails .mycol-1 {
        width: 100% !important;
        /*padding-top:10px;*/
    }

    .printfullsize {
        padding-right: 15px !important;
    }
}

@media print and (max-width:768px) {
    .repeater .mycol-hide {
        display: flex !important;
    }

    .repeater .mycol-super-hide {
        display: none !important;
    }
}

@media (max-width:980px) {
    .SuperReducedFont {
        font-size: 12px !important;
    }
}

@media print {
    #wrapper {
        padding: 0px;
        position: relative;
    }

    .page-break {
        display: block;
        page-break-before: always !important;
    }

    .printfullsize {
        width: 100% !important;
        padding-right: 15px !important;
    }
}

@media screen {
    .page-break {
        display: none;
    }
}
