﻿/* ==================================================
*
*  Project:  OLR Foundation
*  Version:  1.2
*  Author:   On-Line Residential, Inc.
*  Website:  www.OLR.com
*
================================================== */
 
/* ==========================================================================
   Buttons
   ========================================================================== */

.button{display:inline-block;text-shadow:none;padding:3px 15px;margin-bottom:0;font-size:14px;line-height:1.666;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid #555;color: #fff;background-color: #555;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;transition:all .1s linear;}
.button:hover{background-color: #777;border-color: #777;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;transition:all .1s linear;}
.button:active,.button.active{background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);}
.button small{display:block;padding:0;margin:0;margin-top:-5px}
 
/*** Button > Close  ***/
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}
.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
  
/* ==========================================================================
   Alert System / Modal
   ========================================================================== */
   
.modal-open{background:transparent;overflow:hidden;}
body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:16px;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.modal-dialog{z-index:1050;width:auto !important;padding:10px;margin-right:auto;margin-left:auto;}
.modal-content{position:relative;margin-top:40%;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:rgba(0,0,0,0.5);}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0);}
.modal-backdrop.in{opacity:0.5;filter:alpha(opacity=50);}
.modal-header{min-height:16.428571429px;padding:10px 15px;border-bottom:1px solid #e5e5e5;font-size: .80em;
font-family: Arial, Helvetica, Verdana, sans-serif;background-color: #00A3D9 !important;color:#fff;}
.modal-header .close{margin-top:-2px;}
.modal-title{margin:0;line-height:1.428571429;font-weight:bold;color:#fff;}
.modal-body{position:relative;padding:15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 12px;overflow-y: auto}
.modal-footer{padding:10px 20px;text-align:right;border-top:1px solid #e5e5e5;background:#F5F5F5 !important;}
.modal-footer:before,.modal-footer:after{display:table;content:" ";}
.modal-footer:after{clear:both;}
.modal-footer:before,.modal-footer:after{display:table;content:" ";}
.modal-footer:after{clear:both;}
.modal-footer .button + .button{margin-bottom:0;margin-left:5px;}
.modal-footer .button-group .button + .button{margin-left:-1px;}
.modal-footer .button-block + .button-block{margin-left:0;}
.modal-footer .button{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;font-weight:bold;border-color: #555 !important;}

@media screen and (min-width: 768px) {
    .modal-dialog{right:auto;left:50%;width:600px !important;padding-top:30px;padding-bottom:30px;}
    .modal-content{overflow:hidden;-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.3);box-shadow:0 3px 10px rgba(0,0,0,0.3);}
}

/* ==========================================================================
   Resolution Based Conditions
   ========================================================================== */

.visible{display:inherit;}
.visible-xs{display:none;}
.visible-sm{display:none;}
.visible-md{display:none;}
.visible-lg{display:none;}
.hidden{display:none;}

@media (max-width: 767px) {
    .visible-xs{display:inherit;}
    .hidden-xs{display:none;}
    .mobile-center{text-align:center !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm{display:inherit;}
    .hidden-sm{display:none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md{display:inherit;}
    .hidden-md{display:none;}
    
}
@media (min-width: 1200px) {
    .visible-lg{display:inherit;}
    .hidden-lg{display:none;}    
}

/* ==========================================================================
   OVERWRITE STYLES
    !! USE THIS ONLY AS A LAST RESORT !!
   ========================================================================== */

.button, a.button, input.button { background-color: #555; border-color: #555; color: #fff; font-weight: bold; font-size: 13px; }
    .button:hover, a.button:hover, input.button:hover { background-color: #777; border-color: #777; }
a.button:hover { text-decoration: none; }


@media (max-width:767px) {
    #dvHeader,.footermaster { display: none; }
}