﻿/*
    Update Log Entries Styling
*/

#RadGridLogEntries tbody {
    font-size: .95em;
}
#RadGridLogEntries .rgEditForm {
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: darkgray;
}
#RadGridLogEntries .rgFilterRow {
    display: table-row;
}

#RadGridLogEntries .rgFilterBox {
    width: 40%
}

#RadGridLogEntries .rcSelected {
    background-color: lightgray;
}

.RadCalendarPopup .RadCalendarTimeView_Bootstrap td.rcSelected a {
    color: white !important;
}

#RadGridLogEntries .hide-row {
    display: none;
}
#RadGridLogEntries button.rgAdd {
    background-color: #0072bc;
    color: white;
}
#RadGridLogEntries .btn-update-meeting {
    color: white;
    background-color: #0072bc;
}
td#RadTimePickerMeeting_timeView_selectedCell.rcSelected a {
    color: white !important;
}

/*
    Lobbyist Meeting Log Styling
*/
BODY {
    COLOR: #444444;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100%;
    font-size: 0.81em !important;
    font-family: lato, Verdana, sans-serif !important;
}

/** RadComboBox Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}
 
.exampleRadComboBox.RadComboBoxDropDown .rcbHeader {
    padding: 5px 27px 4px 7px;
}
 
.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}
 
.col1,
.col2,
.col3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 30%;
    line-height: 14px;
    float: left;
}

/*** Select Type page styles */
.cot-panel {
    display: none;
}

.cot-link {
    display: block;
    padding: 10px 0px 5px 0px;
}

.cotCaptcha #txtCaptchaLog { 
    border: 1px solid #999999;
}

.row-padding {
    padding: 10px 0px;
}

.container > .row {
    padding: 5px 0px;    
}

.container
{
    min-width:100%;
}

.cot-hide-panel {
    display: none;
    font-size: larger !important;
    margin-bottom: 10px;
}

.cot-show-panel {
    font-size: larger !important;
}

body.showingPanel .cot-show-panel {
    display: none;
}

body.showingPanel .cot-hide-panel {
    display: block;
}

body.showingPanel .cot-panel {
    display: block;
}

body {
    font-family: "Open Sans", Arial, sans-serif;
    width: 95%;
}

#btnLobbyist {    
    margin-bottom: 10px;    
}

#btnLobbyist.btn-default {
    color: white;
    background-color: #0072bc;
}

#btnVisitor {    
    margin-bottom: 20px;
    margin-top: 10px;
}

#btnVisitor.btn-default {
    color: white;
    background-color: #0072bc;
}

#btnLogSubmit.btn-default {
    color: white;
    background-color: #0072bc;
}

#btnLogStartOver.btn-default {
    color: white;
    background-color: #0072bc;
}

#btnLogBackToMeetingLog.btn-default {
    color: white;
    background-color: #0072bc;
}

/* LogEntry page styles*/
.log-header {
    margin-bottom: 20px;
}

.description-label {
    font-style: italic;
}

.log-btn-group {
    padding: 0px 15px;
}

#btnLogAddPrincipals.btn-default {
    color: white;
    background-color: #0072bc;
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {    
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Large Devices and Desktop */
@media only screen and (min-width : 768px) {
    .RadGrid .rgHeader {
        display: table-cell;
    }

    .RadGrid td,
    .RadGrid th {
        display: table-cell;
    }    

    #btnLogAddPrincipals {
        margin-top: 37px;
    }

    #btnLobbyist {
        /*width: 38%;*/
        margin-bottom: 10px;
    }

    #btnVisitor {
       /* width: 38%;*/
        margin-bottom: 20px;
        margin-top: 10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

.menuitem {
    font-size: 14px;
    height: 40px;
}

