/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

div.column-location{
 display: table-cell;
 padding:1em;
 border:#f0f0f0 1px solid;
}

div.head{
 font-weight:bold;
}

abbr.required{
 color: red;
}

span.pta-locations-message-close{
 float: right;
 padding: 5px;
 font-size: larger;
 font-weight: bold;
}

td.pta-locations-index{
 text-align: right;
 vertical-align: middle;
 padding-right: 0.5em;
}
td.pta-locations-index.left{
 text-align: left;
}

td > p.form-row{
 margin-bottom: 0;
}

a.pta-locations-clear, a.pta-locations-clear:hover, a.pta-locations-clear:visited{
 color: red !important;
 text-decoration: none;
 font-weight: bold;
}

.pta-locations-hidden{
 display: none;
}

a.pta-locations-selected{
 background-color:#1F75CC;
 color:white;
 z-index:100;
}

.pta-locations-pop{
 background-color:#FFFFFF;
 border:1px solid #999999;
 cursor:default;
 display:none;
 margin-top: 15px;
 position:absolute;
 text-align:left;
 width:394px;
 max-width:394px;
 z-index:1000;
 padding: 25px 25px 20px;
 box-sizing: border-box;
}

/* Mobile responsive styles - can be overridden by admin options */
@media screen and (max-width: 768px){
 .pta-locations-pop{
 width: 90% !important;
 max-width: 90% !important;
 left: 5% !important;
 right: 5% !important;
 }
}

@media screen and (max-width: 480px){
 .pta-locations-pop{
 width: 95% !important;
 max-width: 95% !important;
 left: 2.5% !important;
 right: 2.5% !important;
 }
}

.pta-locations-pop p, .pta-locations-pop.div{
 border-bottom: 1px solid #EFEFEF;
 margin: 8px 0;
 padding-bottom: 8px;
}

/* Map It link styling */
a.pta-locations-map-link,
a.pta-locations-map-link:visited{
 color: #4479BA;
 text-decoration: none;
 font-weight: bold;
}

a.pta-locations-map-link:hover{
 color: #356094;
 text-decoration: underline;
}

/* Optional: Add a map icon using Material Icons (already imported) */
a.pta-locations-map-link:before{
 content: '\e55b';/* Material Icons "map" icon */
 font-family: 'Material Icons';
 font-size: 16px;
 vertical-align: middle;
 margin-right: 5px;
}

.pta-locations-buttons{
 margin: 0.5em;
}

a.button-link{
 margin-left: 0.5em;
 padding: 5px 10px;
 background: #4479BA;
 color: #FFF !important;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 border: solid 1px #20538D;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 transition-duration: 0.2s;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
}
a.button-link:hover{
 background: #356094;
 border: solid 1px #2A4E77;
 text-decoration: none;
}
a.button-link:visited{
 color: #FFF;
 background: #356094;
 border: solid 1px #2A4E77;
 text-decoration: none;
}
a.button-link:active{
 -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
 box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
 background: #2E5481;
 border: solid 1px #203E5F;
}

div.pta-locations-form-table{
 overflow-x: auto;
}

input#adjust-qty, .pta-locations-qty{
 width: 4em;
 text-align: right;
}

div.pta-locations-assignment-info{
 margin: 1em;
}

div.dt-buttons{
 margin-bottom: 1em;
}

div.dt-buttons{
 float: none !important;
 margin-bottom: 1em;
}

input[type="submit"].btn-style{
 margin-left: 0.5em;
 padding: 5px 50px;
 /*background: #1ea400;*/
 color: #000000 !important;
 font-size: 20px;
}

input[type="submit"].btn-style.delete{
 /*background: #1ea400;*/
 color: red !important;

}

#pta-locations_event_table > tfoot > tr > th > select{
 text-transform: capitalize;
}

span.column-location{
 border: none;
 margin-bottom: 1em;
}

@media print{
 table, table tr, table td{
 font-size: 11pt;
 border-bottom: #000 solid 1px;
 }
}

.hidden{
 display: none;
}

div.instructions{
 margin-top: 1em;
}

.pta-locations_stats > .sheet_title{
 font-size: larger;
 font-weight: 800;
}

.pta-locations_stats > .task > .task_wrapper > span,
.stats_signup > span{
 display: inline-block;
 width: 18%;
 text-align: left;
}

.stats_signup{
 font-size: 85%;
 margin-left: 2em;
}

.pta-locations_stats > .task > .task_wrapper{
 background: darkgray;
 font-size: 85%;
}

.stats_signup:nth-child(odd){
 background: #f0f0f0;
}

.task_wrapper > .task_title,
.school_title{
 width: 43% !important;
 padding-left: 0.3em;
}

.pta-locations-spacer{
 margin-bottom: 1em;
}
.multiselect{
 width: 40em;
}

td.approval{
 color: blue;
 cursor: pointer;
}

div#form-messages{
 display:block;
 width:100%;
 height:70px;
 clear:both;
}