/*
    CHQ Dashboard Custom Stylesheet
    Copyright(c) 2016.
    Iowa Web Development / HostIowa.net
*/

form {margin: 0;}
table {border: 0; background: none;}
table tr, table tr.even, table tr.alt, table tr:nth-of-type(2n) {background: none;}
table tr th, table tr td {padding: 0;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {margin-bottom: 0.5rem;}
textarea {height: 7rem;}

.point {cursor: pointer !important;}
.nopoint {cursor: default !important;}

.page-width {width: 100%;}
.row {max-width: 80rem;}
.row .row {margin: 0 auto;}
form .row .row {margin: 0 auto;}

.reveal-modal {z-index: 9999}
.button {padding: 0.7rem 2rem; margin: 0; text-transform: uppercase; font-size: 0.7rem; background-color: #15385E;}



/* MASTER
----------------------------------------------------------*/
#header {height: 62px; text-align: center; background: #15385E url(/images/bg_logo.jpg);}
#header h1 {display: inline-block; margin: 0; color: #FAB016; line-height: 62px; vertical-align: top; text-shadow: 1px 2px 0px #000;}

.nav {background: #333;}
#main {background: #DDD;}
#area {padding: 2rem; background-color: #FFF; min-height: 500px;}

#footer {font-size: .75rem; padding: 1rem; overflow: hidden; background: url(/images/bg_callout.png) repeat-x top; min-height: 60px;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #666}
#footer .credit {color: #333}
#footer .credit a {color: #333}


/* CAMPAIGN MANAGER
----------------------------------------------------------*/
.sidebar, .manager {display: table-cell !important; vertical-align: top; float: none; } /* float: none; */
.sidebar {font-size: 0.9rem; padding: 0.5rem 0 4rem 0.75rem; color: #eee; }

h3 {display: inline-block; margin-bottom: 5px;}
.content {min-height: 400px;}

#subs h2 {margin: 0px; padding: 0.25rem; border: solid 1px #000; background-color: #15385E; color: #fff;}
#subs h2:hover {cursor: pointer;}
#subs div.details {padding: 0.5rem; border: solid 1px #999999; display: block;}
#subs div.details:first-of-type {display: block;}

.val {
    color: #FF0000;
}
.val[style*=visible] + input,
.val[style*=visible] + select,
.val[style*=visible] + .RadPicker .RadInput > input,
.val[style*=visible] + textarea {
    background-color: #FBE3E4;
    border: 1px solid #ff0000;
}


/* FILE LIST
----------------------------------------------------------*/
.filelist td {font-size: 1.2rem; padding-top: 0.5rem; padding-right: 1.0rem;}
.filelist td.icon {width: 40px; padding-right: 0;}


/* TELERIK STYLING
----------------------------------------------------------*/
input.riTextBox {padding: 0.5rem !important;}
.RadAutoCompleteBox {width: 100% !important; font-size: 1.0rem !important;}
.racInput {}
.racTokenList {padding: 0.5rem !important; border-radius: 0 !important; }
.racToken {padding: 0.4rem 0.6rem 0.4rem 0.4rem !important; margin-right: 0.5rem !important;}
a.racRemoveTokenLink {font-size: 0.75rem !important; vertical-align: 0.8ex !important; margin-left: 0.5rem !important;}

/* small */

@media only screen and (max-width: 46em)  
{

#header h1 {font-size: 20px;}
#footer {font-size: .6rem;}

.left, .right {float: none !important; margin: 0 auto;}

#area {padding: 1.5rem 0.75rem;}




}


/* medium */

@media only screen and (min-width: 46.063em) and (max-width: 63.999em) { 


.top-bar-section li a:not(.button) {padding: 0 10px; font-size: 0.7rem;}
.top-bar-section .dropdown li a {padding: 12px 15px}

#area {padding: 1rem 2rem;}


}