﻿
/* Mobile first < 768px */


/* Lobbyist Registration - Fix for state select */
.RadForm.RadForm_Bootstrap .rfdSelect_Bootstrap .rfdSelectOuter{
    height: auto !important;
}

.RadMenu {
    float: none;
    text-align: left;
}

#containermenu {
    display: inline-block;
    float: none;
    text-align: left;
}

.container {
    min-width: 100%;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.menuitem {
    font-size: 14px;
    height:40px;
}

/* Stack the menu for mobile screen */
#Menu1_RadMenu1 ul {
    display: grid;
}

#Menu1_RadMenu1 .menuitem {
    border: 1px solid lightgray
}

#Menu1_RadMenu1 .rmLast {
    float: right !important;
    color: white;
}

#Menu1_RadMenu1 .rmLast .rmLink.rmRootLink {
    background-color: #0072bc;
    color: white;
    padding: 6px;
    font-size: 18px;
}

#Menu1_RadMenu1 .rmLast .rmRootLink:hover {
    color: white;
    background-color: #005389;
}

#Menu1_RadMenu1 .login-button {
    padding-top: 2px;
    background-color: #0072bc;
    color: white;
    display: block;
}

.RadMenuPopup .login-button {
    padding-top: 2px;
    background-color: #0072bc;
    color: white;
    display: block;
}

.RadMenuPopup .login-button a.rmLink {
    color: white !important;
}

#Menu1_RadMenu1 .logout-button {
    padding-top: 2px;
    background-color: #0072bc;
    color: white;
    display: block;
}

.RadMenuPopup .logout-button {
    padding-top: 2px;
    background-color: #0072bc;
    color: white;
    display: block;
}

.RadMenuPopup .logout-button a.rmLink {
    color: white !important;
}

#Menu1_RadMenu1 .rmSelected .rmRootLink {
background-color: #0072bc;
color: white;
}

#Menu1_RadMenu1 .rmRootGroup {
    padding-bottom: 10px;
}
/*
    Meetings Log Report Styling
*/
#btnLogClearFilters {
    display: none;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#RadGridLogReport .rgHeader {
    display: none;
}
#RadGridLogReport .rgFilterRow {
    display: none;
}
#RadGridLogReport td,
#RadGridLogReport th {
    display: block;
}
#RadGridLogReport .meetingdate-item:before {
    content: 'Meeting Date: ';
    font-weight: 600;
}
#RadGridLogReport .employee-item:before {
    content: 'Employee: ';
    font-weight: 600;
}
#RadGridLogReport .lobbyist-item:before {
    content: 'Lobbyist: ';
    font-weight: 600;
}
#RadGridLogReport .principal-item:before {
    content: 'Principal: ';
    font-weight: 600;
}
#RadGridLogReport .business-item:before {
    content: 'Business: ';
    font-weight: 600;
}
#RadGridLogReport .subject-item:before {
    content: 'Subject: ';
    font-weight: 600;
}
#RadGridLogReport .canceled-item:before {
    content: 'Canceled?: ';
    font-weight: 600;
}
#RadGridLogReport .details-item:before {
    content: 'Details: ';
    font-weight: 600;
}
#RadGridLogReport .details-item {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

#RadGridLogReport td:nth-child(7) {
    width: 150px;
}

#RadGridLogReport .rgFooter {
    display: none;
}

#RadGridLogReport .rgCommandCell {
    display: table-cell;
    text-align: right;
}

/* Detailed table (audit trail) records */
#RadGridLogReport .InnerHeaderStyleRGLR {
    background-color: lightgray !important;
    font-weight: bold !important;
}

#RadGridLogReport .InnerAlernatingItemStyleRGLR {
    background-color: #d7edf7 !important;
}

#RadGridLogReport .rgMasterTable tbody td > table.rgDetailTable {
    border: solid 1px !important;
}

#RadGridLogReport.RadGrid_MetroTouch .rgDetailTable .rgAltRow > td {
    border-color: #d7edf7;
}

#RadGridLogReport .field-item:before {
    content: 'Field Changed: ';
    font-weight: 600;
}
#RadGridLogReport .audit-date-item:before {
    content: 'Date Changed: ';
    font-weight: 600;
}
#RadGridLogReport .old-value-item:before {
    content: 'From: ';
    font-weight: 600;
}
#RadGridLogReport .new-value-item:before {
    content: 'To: ';
    font-weight: 600;
}



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {


}

/* Tablets*/
@media screen and (min-width: 575px) {

    /* #RadGridLogReport = Requested Meetings */
    /* shift from full width to normal table cell */
    #RadGridLogReport td,
    #RadGridLogReport th {
        display: table-cell;
    }
    /*  #RadGrid1 = Registered Lobyists */
    #RadGrid1 .rgHeader {
        display: table-cell;
    }

    #RadGrid1 .rgFilterRow {
        display: table-row;
    }

    /* shift from full width to normal table cell */
    #RadGrid1 td,
    #RadGrid1 th {
        display: table-cell;
    }    

    .GridFilterRow_Telerik {
        max-width: 5px;
    }

    .clmLarge {
        display: none;
    }
}

/* Desktop */
@media only screen and (min-width : 768px) {

    /* Fixes filter box position*/
    body{
        position: initial !important;
    }

    /* Reset the menu for larger screen */
    #Menu1_RadMenu1 ul {
        display: block;
    }

    #Menu1_RadMenu1 .menuitem {
        border: 0;
    }

    #RadGridLogReport .rgHeader {
        display: table-cell;
    }
    #RadGridLogReport .rgFilterRow {
        display: table-row;
    }

    #RadGridLogReport .meetingdate-item:before {
        content: '';
    }
    #RadGridLogReport .employee-item:before {
        content: '';
    }
    #RadGridLogReport .lobbyist-item:before {
        content: '';
    }
    #RadGridLogReport .principal-item:before {
        content: '';
    }
    #RadGridLogReport .business-item:before {
        content: '';
    }
    #RadGridLogReport .subject-item:before {
        content: '';
    }
    #RadGridLogReport .canceled-item:before {
        content: '';
    }
    #RadGridLogReport .details-item:before {
        content: '';
    }
    #RadGridLogReport .InnerItemStyleRGLR {
        background-color: white !important;
    }
    #RadGridLogReport .InnerAlernatingItemStyleRGLR {
        background-color: white !important;
    }

    .date-filter, .employee-filter, .lobbyist-filter, .business-filter, .subject-filter, .details-filter {
        max-width: 100px;
    }

    #RadGridLogReport .rgFilterBox {
        max-width:50% !important;
    }

    #btnLogClearFilters {
        display: block;
    }

    /* Detailed table (audit trail) records */
    #RadGridLogReport .field-item:before {
        content: '';
    }
    #RadGridLogReport .audit-date-item:before {
        content: '';
    }
    #RadGridLogReport .old-value-item:before {
        content: '';
    }
    #RadGridLogReport .new-value-item:before {
        content: '';
    }

    /* Added to hide controls based on Lobbyist/Visitor registration - LP  */
    .HideControl {
        display: none;
    }

    .ShowControl{
        display:block;
    }
   
    /*  end   */


}


