/**********************************************************
    mesacommon.css ver 2/4/2015 - unique to apps.mesaaz.gov
**********************************************************/


/***** template & bootstrap.css overrides *****/


/* fix for .net radiobuttonlists */
div.radio input[type="radio"]{margin-left:1px}
div.radio td{padding-left:10px;}

a {
  color: #0071b9;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #00436f ;
  text-decoration: underline;
}


/* site navbar - override bootstrap navbar-inverse */
.navbar-inverse  { background-color: #0071b9; }
.navbar-inverse{border-bottom:4px solid #b5b5b5;}

.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color:  #0071b9;
  background-color: #fff;
}

/* site navbar - hamburger  */
.navbar-inverse .navbar-toggle {border-color: #DDD;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color: #DDD;}

.navbar-inverse .navbar-toggle .icon-bar {background-color: #CCC;}
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {background-color: #0071b9;}

/* selected row in table (for datagrids and gridviews) */
.table > thead > tr > td.active, .table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, .table > thead > tr > th.active, 
.table > tbody > tr > th.active, .table > tfoot > tr > th.active, 
.table > thead > tr.active > td, .table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, .table > thead > tr.active > th, 
.table > tbody > tr.active > th, .table > tfoot > tr.active > th 
{background-color:#ffe087; }


@media screen and (min-width:1000px) {
    .navbar-inverse { font-size:18px; font-weight:200;}
}

/* app navbar */
.navbar-mesa-app {background-color:#00568e; color:#ffffff; border-radius:5px;}

.navbar-mesa-app .navbar-nav > li > a {color:#fff;}
.navbar-mesa-app .navbar-nav > li > a:hover,
.navbar-mesa-app .navbar-nav > li > a:focus {
  color:  #00568e;
  background-color: #fff;
}

.navbar-mesa-app a.navbar-brand, .navbar-mesa-app a.navbar-brand:visited {color:#eeeeee;}
.navbar-mesa-app a.navbar-brand:hover, .navbar-mesa-app a.navbar-brand:focus  {color:#CCC;}

/* app navbar - hamburger  */
.navbar-mesa-app .navbar-toggle {border-color: #DDD;}
.navbar-mesa-app .navbar-toggle:hover,
.navbar-mesa-app .navbar-toggle:focus {background-color: #DDD;}

.navbar-mesa-app .navbar-toggle .icon-bar {background-color: #CCC;}
.navbar-mesa-app .navbar-toggle:hover .icon-bar,
.navbar-mesa-app .navbar-toggle:focus .icon-bar {background-color: #00568e;}

/* app navbar - dropdown links*/
.navbar-mesa-app .navbar-nav .open .dropdown-menu>li>a,
.navbar-mesa-app .navbar-nav .open .dropdown-menu {background-color: #00568e; color:#fff;}

.navbar-mesa-app .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-mesa-app .navbar-nav .open .dropdown-menu>li>a:focus {background-color: #fff; color:#00568e;}


/* app navbar - active tab */
.navbar-mesa-app .navbar-nav > .active > a,
.navbar-mesa-app .navbar-nav > .active > a:hover,
.navbar-mesa-app .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
    
    .navbar-mesa-app .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-mesa-app .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-mesa-app .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000;
        background-color: #e7e7e7;
    }
}


/******************************** mesa apps ********************************/

select.mesa-dropdown{padding:0px;}

/** in default app.master - the div with class="container body-content mesa-body" controls width of page content and footer  **/
/* 3 following styles can be swapped to create a page with responsive, full or static width */
div.mesa-body{padding-top:10px; max-width:1170px;  }
div.mesa-body-static{padding-top:10px; width:1170px;}
div.mesa-body-full{padding-top:10px; width:95%;}
div.mesa-content{min-height:300px;}

a.mesa-header-logo, a.mesa-header-logo:visited {padding:0; background-color:white;}
a.mesa-header-logo:hover, a.mesa-header-logo:focus {background-color:#eee !important;}


div.mesa-footer{color:#787878;}

div.mesa-footer ul{padding-right:30px;}

div.mesa-footer a, div.mesa-footer a:visited {color:#787878;}

.mesa-error-box{color:#cc0000; padding:5px; margin:5px auto; border:2px solid #cc0000; background-color:#ffe3e3; text-align:center;}
.mesa-error-msg{text-align:center; padding:100px 0; font-size:medium; color:#cc0000;}


/******************************** legacy mesa apps ********************************/

.com_cbo{background-color:#eee; font-size:small; color:#000000}

.txt{ font-size: small; background-color:#eee; padding: 2px}

/* grids*/
.com_grid{border: 1px solid #00436f ; padding:2px 4px;}
.com_grid_heading {color:#FFF; background-color:#00436f; font-size:medium;  }
.com_grid_heading td, .com_grid_heading th{padding:2px 4px;}

.com_grid_heading a:link,
.com_grid_heading a:visited {color: #FFFFFF;text-decoration: none; padding:2px;}

.com_grid_heading a:hover,
.com_grid_heading a:visited:hover{color: #FFFFFF;text-decoration: underline;  padding:2px;}

.com_grid_item{background-color: #ffffff; font-size:small; color:#000000; padding:2px;}
.com_grid_item td{padding:2px;}
.com_grid_altitem{ background-color:#eee; font-size:small; color:#000000; padding:2px;}
.com_grid_altitem td{padding:2px;}

.com_grid_selected{font-size:small; background: #ffe087; font-style:italic; padding:2px;}

.com_grid_footer{border-top: 1px solid #00436f; background-color: #c6e8fe; font-size:small; color:#000000;}
.com_grid_footer td, .com_grid_footer th{padding:2px 4px;}

.errormsg{color:#cc0000; padding:5px; margin:5px auto; border:2px solid #cc0000; background-color:#ffe3e3; text-align:center;}


.com_app_instructions{ 
    color: black; background:#eceeed;   
    padding: 5px;  border:solid 1px #dddee0;
}

/****  buttons: .com_btn, .com_btn_flat, .com_btn_fade all look like "btn btn-default" *****/

/* from .btn */
.com_btn, .com_btn_flat, .com_btn_fade {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

/* from .btn */
.com_btn:focus, .com_btn_flat:focus, .com_btn_fade:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* from .btn */
.com_btn:hover, .com_btn_flat:hover, .com_btn_fade:hover,
.com_btn:focus, .com_btn_flat:focus, .com_btn_fade:focus
 {
  color: #333333;
  text-decoration: none;
}

/* from .btn */
.com_btn:active, .com_btn_flat:active, .com_btn_fade:active,
.com_btn.active, .com_btn_flat.active, .com_btn_fade.active
 {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* from .btn */
.com_btn.disabled, .com_btn_flat.disabled, .com_btn_fade.disabled,
.com_btn[disabled], .com_btn_flat[disabled], .com_btn_fade[disabled],
fieldset[disabled] .com_btn,fieldset[disabled] .com_btn_flat,fieldset[disabled] .com_btn_fade
 {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* INCLUDES AND FROM .btn-default */
.com_btn, .com_btn_flat, .com_btn_fade,
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

/* INCLUDES AND FROM .btn-default */
.com_btn:hover, .com_btn_flat:hover, .com_btn_fade:hover,
.btn-default:hover,
.com_btn:focus, .com_btn_flat:focus, .com_btn_fade:focus,
.btn-default:focus,
.com_btn:active, .com_btn_flat:active, .com_btn_fade:active,
.btn-default:active,
.com_btn.active, .com_btn_flat.active, .com_btn_fade.active,
.btn-default.active,
.open .dropdown-toggle.com_btn, .open .dropdown-toggle.com_btn_flat, .open .dropdown-toggle.com_btn_fade,
.open .dropdown-toggle.btn-default 
{
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

/* from .btn */
.com_btn:active, .com_btn_flat:active, .com_btn_fade:active,
.com_btn.active, .com_btn_flat.active, .com_btn_fade.active,
.open .dropdown-toggle.com_btn, .open .dropdown-toggle.com_btn_flat, .open .dropdown-toggle.com_btn_fade
{
  background-image: none;
}

/* INCLUDES AND FROM .btn-default */
.com_btn.disabled, .com_btn_flat.disabled, .com_btn_fade.disabled,
.btn-default.disabled,
.com_btn[disabled], .com_btn_flat[disabled], .com_btn_fade[disabled],
.btn-default[disabled],
fieldset[disabled] .com_btn, fieldset[disabled] .com_btn_flat, fieldset[disabled] .com_btn_fade,
fieldset[disabled] .btn-default,
.com_btn.disabled:hover, .com_btn_flat.disabled:hover, .com_btn_fade.disabled:hover,
.btn-default.disabled:hover,
.com_btn[disabled]:hover, .com_btn_flat[disabled]:hover, .com_btn_fade[disabled]:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .com_btn:hover, fieldset[disabled] .com_btn_flat:hover, fieldset[disabled] .com_btn_fade:hover,
fieldset[disabled] .btn-default:hover,
.com_btn.disabled:focus, .com_btn_flat.disabled:focus, .com_btn_fade.disabled:focus,
.btn-default.disabled:focus,
.com_btn[disabled]:focus, .com_btn_flat[disabled]:focus, .com_btn_fade[disabled]:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .com_btn:focus, fieldset[disabled] .com_btn_flat:focus, fieldset[disabled] .com_btn_fade:focus,
fieldset[disabled] .btn-default:focus,
.com_btn.disabled:active, .com_btn_flat.disabled:active, .com_btn_fade.disabled:active,
.btn-default.disabled:active,
.com_btn[disabled]:active, .com_btn_flat[disabled]:active, .com_btn_fade[disabled]:active,
.btn-default[disabled]:active,
fieldset[disabled] .com_btn:active, fieldset[disabled] .com_btn_flat:active, fieldset[disabled] .com_btn_fade:active,
fieldset[disabled] .btn-default:active,
.com_btn.disabled.active, .com_btn_flat.disabled.active, .com_btn_fade.disabled.active,
.btn-default.disabled.active,
.com_btn[disabled].active, .com_btn_flat[disabled].active, .com_btn_fade[disabled].active,
.btn-default[disabled].active,
fieldset[disabled] .com_btn.active, fieldset[disabled] .com_btn_flat.active, fieldset[disabled] .com_btn_fade.active ,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}