﻿/*
   Global Stylesheet
   by Chris Resuello
*/
a,
a:focus {
   color: #001144;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

body {
   background-color: #fff;
   color: #000;
   font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif;
   font-size: 15px;
}

h1, h2, h3, h4, h5 {
   margin-top: 10px;
}

h3 > span,
h4 > span {
   background-color: #9ac2d6;
   color: #fff;
   display: inline-block;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-top: 5px;
   width: 600px;
}

p > a {
   font-weight: bold;
}

td {
   border-bottom: 1px solid #ccc;
}
/*
**************************************************
**************************************************
   background colors here:
*/
.azcc_BgAzul {
   background-color: #002c54;
}

.azcc_BgBlack {
   background-color: #000;
}

.azcc_BgBlue {
   background-color: #003366;
}

.azcc_BgDarkGrey {
   background-color: #333;
}

.azcc_BgDust {
   background-color: #c34511;
}

.azcc_BgGold {
   background-color: #a59260;
}

.azcc_BgGrey {
   background-color: #ccc;
}

.azcc_BgHavasu {
   background-color: #87bac9;
}

.azcc_BgSunrise {
   background-color: #e5a441;
}

.azcc_BgVine {
   background-color: #82a042;
}

.azcc_BgWhite {
   background-color: #fff;
}
/*
**************************************************
**************************************************
   font colors here:
*/
.azcc_TxtAzul {
   color: #002c54;
}

.azcc_TxtBlack {
   color: #000;
}

.azcc_TxtBlue {
   color: #003366;
}

.azcc_TxtDarkBlue {
   color: #001144;
}

.azcc_TxtDust {
   color: #c34511;
}

.azcc_TxtGrey {
   color: #ccc;
}

.azcc_TxtHavasu {
   color: #87bac9;
}

.azcc_TxtRed {
   color: #a94442;
}

.azcc_TxtSunrise {
   color: #e5a441;
}

.azcc_TxtVine {
   color: #82a042;
}

.azcc_TxtWhite,
.azcc_TxtWhite:hover {
   color: #fff !important;
}
/*
**************************************************
**************************************************
other styles here:
*/
.azcc_AlignCenter {
   text-align: center;
}

.azcc_AlignRight {
   text-align: right;
}

.azcc_BorderBottom {
   border-bottom: 1px solid #000;
}

.azcc_BorderLeft {
   border-left: 1px solid #000;
}

.azcc_BorderRight {
   border-right: 1px solid #000;
}

.azcc_BorderTop {
   border-top: 1px solid #000;
}

.azcc_Button {
   border-radius: 8px;
   height: 50px;
   margin-bottom: 5px;
   padding-top: 6px;
}

.azcc_Button:hover {
   background-color: #001144;
   cursor: pointer;
}

.azcc_Click {
   cursor: pointer;
}

.azcc_ContactIcons {
   font-size: 18px;
   margin-top: 3px;
}

.azcc_FooterBar {
   padding-bottom: 80px;
   padding-top: 30px;
}

.azcc_FormBtn {
   float: right;
   margin-right: 15px;
   width: 165px;
}

.azcc_FormBtn > button {
   background-color: #003366;
   border-radius: 8px;
   color: #fff;
   font-size: 18px;
   margin-bottom: 5px;
   padding-top: 6px;
   text-align: center;
   width: 165px;
}

.azcc_FormBtn > button:hover {
   background-color: #001144;
   text-decoration: underline;
}

.azcc_FormField > label,
.azcc_FormField > strong {
   display: none;
}

.azcc_FormField label {
   font-weight: bold;
}

.azcc_HeaderImg {
   background-position: center top;
   background-repeat: no-repeat;
   background-size: 1920px 220px;
   height: 220px;
   width: 100%;
}

.azcc_TxtHover:hover {
   text-decoration: underline;
}

.azcc_GreyOut {
   background-color: rgb(155,155,155,.5);
   display: none;
   height: 50px;
   padding-top: 10px;
   position: absolute;
   text-align: center;
   width: 165px;
}

.azcc_Hide {
   display: none;
}

.azcc_Img100 {
   width: 100%;
}

.azcc_InputText {
   width: 100%;
}

.azcc_ListSettings h3 {
   margin-bottom: 0px;
}

.azcc_ListSettings li {
   margin-bottom: 15px;
}

.azcc_LogoImg {
   background-image: url('/assets/images/arizona-corporation-commission-logo.png');
   background-repeat: no-repeat;
   background-size: cover;
   height: 90px;
   width: 253px;
}

.azcc_NavBar {
   margin-top: 4px;
}

.azcc_SocialIcons {
   font-size: 24px;
}

.azcc_SocialIcons a:hover {
   color: #001144;
   font-size: 24px;
   text-decoration: none;
}

.azcc_SubscribeBtn {
   background-color: transparent;
   border: none;
   padding-top: 0px;
}

.azcc_SubscribeBtn:hover {
   background-color: transparent;
   text-decoration: underline;
}

.azcc_Tooltip {
   background-color: #003366;
   border-radius: 10px;
   color: #fff !important;
   font-size: 12px;
   padding: 4px 8px;
}

.azcc_TopPadding {
   margin-top: 20px;
}

.azcc_TxtUnderline {
   text-decoration: underline;
}
/*
**************************************************
**************************************************
modifying Bootstrap styles here:
*/
.btn {
   font-size: 15px;
   padding: 0px;
}

.pull-right {
   float: right;
}

.pull-left {
   float: left;
}

.hide {
   display: none;
}

.show {
   display: block;
}
.hidden {
   display: none;
}

.azcc_ChooseOptions li > a {
    background-color: #003366;
    margin-right: 10px;
}

.azcc_ChooseOptions li > a:focus,
.azcc_ChooseOptions li > a:hover {
    background-color: #001144;
}

.azcc_ChooseOptions li.active > a,
.azcc_ChooseOptions li.active > a:focus,
.azcc_ChooseOptions li.active > a:hover {
    background-color: #a59260;
}

.azcc_DropDown button h4 {
    display: inline-block;
}

.azcc_DropDown .btn-group {
    width: 50%;
}

.azcc_DropDown .btn-group-vertical,
.azcc_DropDown .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.azcc_DropDown .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    background-color: #003366;
    border-radius: 0px;
    color: #fff;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.azcc_DropDownH2 {
    float: left;
    margin-right: 10px;
}

.azcc_DropDownMenu {
    padding-left: 10px;
    padding-right: 10px;
}

.azcc_tabs h4 {
   margin-bottom: 0px;
}

.azcc_tabs > .nav-tabs,
.azcc_tabs > .nav-pills {
   border-bottom: 5px solid #a59260;
}

.azcc_tabs >.nav-pills > li {
   margin-right: 2px;
}

.azcc_tabs >.nav-tabs > li > a,
.azcc_tabs >.nav-pills > li > a {
   background-color: #003366;
   border-radius: 0px;
   color: #fff;
   margin-right: 5px;
   padding-bottom: 15px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
}

.azcc_tabs >.nav-tabs > li > a:hover,
.azcc_tabs >.nav-pills > li > a:hover {
   background-color: #001144;
}

.azcc_tabs >.nav-tabs > li.active > a,
.azcc_tabs >.nav-tabs > li.active > a:focus,
.azcc_tabs >.nav-tabs > li.active > a:hover,
.azcc_tabs >.nav-pills > li.active > a,
.azcc_tabs >.nav-pills > li.active > a:focus,
.azcc_tabs >.nav-pills > li.active > a:hover {
   background-color: #a59260;
   border-bottom: 1px solid #a59260;
   border-left: 5px solid #a59260;
   border-right: 5px solid #a59260;
   border-top: 5px solid #a59260;
   color: #fff;
   padding-bottom: 0px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
}

.azcc_ProfileTab > .nav-pills > li {
    float: none;
}

.azcc_ProfileTab .nav-pills > li > a {
    background-color: #003366;
    margin-bottom: 10px;
    padding: 2px 15px;
}

.azcc_ProfileTab .nav-pills > li > a:focus, 
.azcc_ProfileTab .nav-pills > li > a:hover {
    background-color: #001144;
}

.azcc_ProfileTab .nav-pills > li.active > a, 
.azcc_ProfileTab .nav-pills > li.active > a:focus, 
.azcc_ProfileTab .nav-pills > li.active > a:hover {
    background-color: #a59260;
}

.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle,
.open > .btn-primary.dropdown-toggle:hover {
   background-color: transparent !important;
}
.no-gutters {
   margin-right: 0;
   margin-left: 0;
}

.no-gutters .col,
.no-gutters [class*="col-"] {
   padding-right: 0;
   padding-left: 0;
}

.tooltip > .tooltip-inner {
   font-size: 16px;
   padding: 15px;
}

.tooltip.top > .tooltip-arrow {
   border-top: 5px solid green;
}

/*
**************************************************
**************************************************
modifying Sitefinity styles here:
*/
img.-align-left {
   margin-right: 10px;
}

.dropdown-menu {
   background-color: #003366;
}

.dropdown-menu > li > a {
   color: #fff;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
   background-color: #001144;
   color: #fff;
}

.k-scheduler-toolbar {
   display: none;
}

.navbar {
   margin-bottom: 0px;
}

.navbar-default {
   background-color: transparent;
   border-color: transparent;
}

.navbar-default .navbar-brand {
   color: #fff !important;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
   background-color: #003366;
}

.navbar-brand:focus,
.navbar-default .navbar-brand:hover {
   background-color: #001144;
   color: #000;
}

.navbar-default .navbar-nav > li > a {
   background-color: #003366;
   color: #fff !important;
}

.navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
   background-color: #001144;
   color: #fff;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
   background-color: #a59260;
   color: #fff;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
   background-color: #001144;
}

.sf-lang-selector a {
    font-size: 16px;
}
/*
**************************************************
**************************************************
media queries here:
*/
@media (min-width: 1000px) {
   .navbar-brand {
      display: none;
   }
}

@media (max-width: 999px) {
   h3 > span,
   h4 > span {
      width: 85%;
   }

   .azcc_Contact {
      display: none;
   }

   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
   }

   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #001144;
      color: #fff;
   }

   .nav-pills > li {
      float: none;
      margin-right: 0px;
   }

   .nav-tabs > li.active > a, 
   .nav-tabs > li.active > a:focus, 
   .nav-tabs > li.active > a:hover, 
   .nav-pills > li.active > a, 
   .nav-pills > li.active > a:focus, 
   .nav-pills > li.active > a:hover {
      -moz-border-radius-topleft: 0px;
      -moz-border-radius-topright: 0px;
      -webkit-border-top-left-radius: 0px;
      -webkit-border-top-right-radius: 0px;
   }
}

@media print {
   .azcc_HideOnPrint {
      display: none;
   }
}