/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

nav {
	height: 750px;
}

.bootstrap-timepicker-widget {
   z-index: 9999;
}

/* hide dialog modal close button */
.no-close .ui-dialog-titlebar-close {
   display: none;
}

.ui-autocomplete {
   z-index: 9999;
   height: 200px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.clockpicker-popover {
   z-index: 9999;
}

#air_conditioning_system_date_of_installation {
   z-index: 9999;
}

.confirmation_table_bold {
   font-weight: bold;
   width: 30%;
}

.display_none {
   display: none;
}

.cursorPointer {
   cursor: pointer;
}

.jarviswidget.well header{
   display:block;
}

.jarviswidget header h2 {
   overflow: visible;
}

.padding_bottom_10px {
   padding-bottom: 10px;
}

ul.notification-body li span {
   cursor: pointer !important;
}

#logo img {
   height: auto;
   padding-left: 3px;
   width: 100%;
}

.header-right {
   float: right;
   padding:18px 30px;
}

.title1 {
   font-weight: bold;
   font-size: 1.1em;
   padding: 10px 3px;
}
.title2 {
   font-weight: bold;
   color: #555555;
   font-size: 1em;
   padding: 5px 0px;;
   text-decoration: underline;
}
.qty {
   background-color:#f39e34;
   text-align: center;
   padding: 0px 5px;
}

.fees_header {
   font-size:2.7em;
   color:#222222;
   padding:20px 30px;
}

.fees_section {
   padding:0px 50px;
}

.dropzone {
   background: white none repeat scroll 0 0;
   border: 2px solid rgba(0, 0, 0, 0.3);
   min-height: 150px;
   padding: 54px;
   color: #646c7f;
   font: inherit;
   font-size: 20px;
   width: 100%;
   text-align: center;
}


.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
   cursor: pointer;
}

.dropzone .dz-message {
   margin: 2em 0;
   text-align: center;
   font-weight: 400;
}

div .dropzone:focus {
   box-shadow: 0 0px 8px #f39e34;
}

.title-icon {
   font-size: 65px;
}

.big-icon {
   font-size: 65px;
}

.medium-icon {
   font-size: 43px;
}

.small-icon {
   font-size: 20px;
}

/* centered columns styles */
.row-centered {
   text-align:center;
}

.login-div-centered {
   text-align:center;
}
.reg-manual-addr-div {
   line-height:30px;
   font-size: 9pt;
}
.registration_address_div p.registration_address{
   margin-top:5px;
}
#registration-council-div {
   display: none;
}
.col-centered {
   display:inline-block;
   float:none;
   /* reset the text-align */
   text-align:left;
   /* inline-block space fix */
   margin-right:-4px;
}

#submit_licence_form sup.additional_information {
   line-height: normal;
   display: block;
   margin-bottom: 10px;
   font-size: 85%;
   color: grey;
}

#submit_licence_form sup.step_additional_information {
   line-height: normal;
   display: block;
   margin-bottom: 10px;
   font-size: 85%;
   color: grey;
}

#submit_licence_form sup.section_additional_information {
   line-height: normal;
   display: block;
   margin-bottom: 10px;
   font-size: 80%;
   color: grey;
}

.ui-dialog {
   z-index: 9999;
}

table[id^='fee_table'] td {
   cursor: pointer;
   text-align: center;
   transition:background-color 1.0s ease;
}

.fee_selected {
   background-color: #dff0d8;
   color: #000;
   transition:background-color 1.0s ease;
}

button.accordion {
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
   background-color: #ddd;
}

div.panel {
   padding: 0 18px;
   background-color: white;
   display: block;
}

div.panel.show {
   display: block;
}

#login #header #logo {
   margin-top: 12px !important;
   margin-left: 0;
}

.pdb10 {
   padding-bottom: 10px;
}
.login-screen-icon {
   font-size: 65px;
   color: #333;
}
.custom-login-info {height:73px;}
.login-info-div {
   padding-top:3px;
   padding-bottom:3px;
   padding-left:14px;
}
#ribbon {height:75px;}
.home-h1 {font-size:38pt;}
.home-p {
   font-size: 17px;
   font-weight: 300;
   margin: 10px 0;
   line-height: normal;
}
.licensing_ul span {
   font-weight:bold;
   color: red;
}
#no_online_licence_invoices_row td{
   text-align:center;
}
.paragraph-header-width {
   width:auto;
}
.paragraph-header-width2 {
   width:500px;
}
.issued-lic-summary-right {
   font-size: 14px;
   text-align: right;
}
.file-warning-span {
   color: red;
}
.issued-lic-summary-left {
   font-size: 14px;
   margin-left: 15px;
}
.issued_licence_fixed_fee {
   font-weight: bold;
   color: red;
   font-size: 16px;
   margin-left: 15px;
}
.home-div-row {margin:20px;}
.home-div-row1 {margin:30px;}
.home-div-row2 {margin:15px;}
.home-h2 {font-size:32pt;}
.home-services-available {
   vertical-align: center;
   color: inherit;
}
.home-terms {color: inherit;}
.home-terms-edit {font-size:30px;}
.homepage a {color: #333;}
.homepage a:hover { text-decoration: none;}

.homepage h2 {
   margin: 5px 0!important;
}

@media (max-width: 1024px) {
   h2 {
	   font-size: 18px;
   }

   .login-screen-icon {
	   font-size: 50px;
   }
}

h3 {
   font-weight: 300!important;
}

div.language-option {
   margin-top: 14px;
}

#login #header div.language-option {
   margin-top: 30px;
}

#content table.overflow {
   overflow-x: auto;
   display: block;
}

#content .table-container.overflow {
   overflow-x: auto;
   display: block;
}

img.map_preview_image {
   width: 100%;
}

.hand {
   cursor: pointer;
}

.link_font_size_13 {
   font-size: 13px;
}


tr.draft {
   font-style: italic;
   opacity: 0.7;
}

.planning-table {
   width: 100%;
   table-layout: fixed;
   word-wrap: break-word;
}

.ui-widget-overlay {
   opacity: .80 !important; /* Make sure to change both of these, as IE only sees the second one */
 filter: Alpha(Opacity=80) !important;

 background: rgb(50, 50, 50) !important; /* This will make it darker */
}

table[id^='search_credits_bandings_table'] td {
   cursor: pointer;
   text-align: center;
   transition:background-color 1.0s ease;
}

.option_selected {
   background-color: #dff0d8;
   color: #000;
   transition:background-color 1.0s ease;
}

.individual_file_upload {
   padding: 0;
   min-height: 42px;
   border: 1px solid #ccc;
}

.individual_file_upload .dz-message {
   margin: 2px;
   font-weight: 600;
   font-size: 13px;
   font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
}

.individual_file_upload.dz-started .dz-message {
   display: none;
}

.list-inline {
   margin-left: 0px;
}

#content a.sign-in-btn {
   color: #ffffff !important;
}

.overflow-x-auto {
   overflow-x: auto;
}

.day_of_week_span {
   position: relative;
   float: left;
   top: -24px;
   left: 25px;
   clear: both;
   display: block;
   height: 1px;
}

#booking_timer_span {
   display: block;
   position: absolute;
   top: -40px;
   right: 0px;
   width: 220px;
   color: #ffffff;
   padding: 12px;
   height: 40px;
   font-size: 85%;
}

#booking_timer_span .fa-clock-o {
   font-size: 16px;
   position: relative;
   top: 2px;
}

.appointment_strikethrough {
   text-decoration: line-through;
   font-style: italic;
}

.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }

tr.immediate_payment_required_row {
   background: rgba(255, 0, 0, 0.5);
   font-weight: bold;
}

.disable_upload_area {
   pointer-events: none;
   opacity: 0.4;
}

/* Hide columns on mobiles */
@media only screen and (min-width: 300px) and (max-width: 1024px) {
   .table_minimize{
	   display: none;
   }
}

@media only screen and (max-width : 480px) {
   #booking_timer_span {
	   position: relative;
	   top: -11px;
	   background: black;
	   color: white;
	   width: calc(100% + 10px);
	   margin: 0;
	   left: -5px;
   }
}

/*
*   CD-610
*   Inline Styling changes
*/
.required:not(input):not(textarea):not(select) {

   color: red;
}

.telfordlogo {

   width: 400px !important;
}

.smaller-text {

   font-size: 9pt;
}

span.fixed_fee_amount:before {

   content: "£";
}

span.fixed_fee_amount {

   color: #ff0000;
}

.green-color {

   color: green;
}

.building-name-or-number-info {

   font-size: 10pt;
}

.column-align-right {

   text-align: right;
   align-self: right;
}

.request-for-service-or-complaints {

   color: #CC0000;
}

.telford-logo {

   width: 50%;
   height: 100%;
   padding-top: 3px;
}

.ui-datepicker .ui-datepicker-prev span{
   font-size: 22px;
   margin-top: -4px;
   top: 0%;
}

.ui-datepicker-prev span:before {
   content: "\f104";
   font-family: FontAwesome;
   position: relative;
}

.ui-datepicker-prev:hover {
   color: #fff;
}

.ui-datepicker .ui-datepicker-next span{
   font-size: 22px;
   margin-top: -4px;
   top: 0%;
   right: -20%;
}

.ui-datepicker-next span:before {
   content: "\f105";
   font-family: FontAwesome;
   position: relative;
}

.ui-datepicker-next:hover {
   color: #fff;
}

.login-page .list-group-item {
   border: none;
}

.login-page .list-group-item a{
   display: block;
   width: 100%;
}

.login-page .list-group-item a:hover{
   text-decoration: none;
}
.login-page.row {
   margin: 0!important;
}
.client-form fieldset.login-button {
   text-align: right;
}
h3.popover-header {
   margin-top: 0px;
   font-size: 14px;
   padding: 8px 14px;
   font-weight: 300 !important;
}
.popover-body h5 {
   margin-top: 0px;
   font-size: 13px;
   font-weight: 100;
   line-height: normal;
}
.well-sm {
   padding: 25px;
   border-radius: 2px;
}
.nav-tabs .nav-link.active {
   box-shadow: 0 -2px 0 #57889c;
}
.nav-tabs .nav-link.active i, .nav-tabs .nav-link.active span {
   font-weight: bold;
}
@media(max-width: 768px) {
   .login-page {
	   text-align: center;
   }

}
@media(min-width: 992px) {

   .login-page {
	   text-align: left;
   }

}
@media(min-width: 1200px) {

   .login-page {
	   text-align: left;
   }
}
table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
@media screen and (max-width: 1024px) {
  table {
    border: 0;
  }
table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: auto;
    padding: 0;
    position: absolute;
    width: 1px;
  }
 table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
 table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
     width: 100%;
  }
  @media screen and (max-width: 600px) {
   table td {
      font-size: .8em;
   }
  }
  table td::before {

    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    float: none;
    display: block;
  }

  .table-bordered>tbody>tr>td {
    border: 0;
}
}
@media print {
   .bootstrap-switch-handle-on, .bootstrap-switch-handle-off {
               display: none !important;
   }
}


#online_request_root .form-group:has(.col-md-2.control-label){
      width: 100%;
      float: left;
}

#online_request_root .form-group textarea.form-control {
    width: 90%;
}

#online_request_root .form-group textarea.form-control#complaint_details{
    width: 100%;
}

#requester_address_lookup_button_form_builder{
   margin-bottom: 10px;
}

#complaint_address_lookup_button_form_builder{
   margin-bottom: 10px;
}
@media (max-width: 767px) {
  .fuelux .wizard ul {
    margin-left: 0 !important;
  }
  .fuelux .wizard ul li {
    display: none;
    font-weight: normal !important;
  }
  .fuelux .wizard ul li.active {
    display: block;
    width: 100%;
    padding-left: 0.4rem !important;
    font-size: clamp(10px, 3.2vw, 16px); /* Responsive font size */
    white-space: normal;
    overflow: visible;
  }

  .fuelux .wizard .actions {
    display: inline !important;
    justify-content: space-between;
    gap: 1px;
    padding: 0 !important;
    flex-wrap: nowrap;
  }

  .fuelux .wizard .actions button {
    flex: 1 1 auto;
    white-space: nowrap;
  }
  }
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
	position: absolute;
	left: 100%;
	top: 0;
}


.confirmationTableContainer{
   align:centre;
   width:100%;
   border:1px solid #dddddd;
   border-Right:'1px solid #dddddd';
   border-Left:1px solid #dddddd;
   margin-Bottom:2rem;
}
.CellRowContainer{
   width: 100%;
   border: 1px solid #dddddd;
   height: fit-content;
   display:inline-flex;
   min-height: 16px;
}
.LeftCell
{

   float: left;
   width:39.5%;
   clear:both;
   border-Top:1px solid #dddddd;
   border-right:1px solid #dddddd;
   display:inline-block;
   min-Height:41px;
   height :100%;
   border-width: 1px !important;
}
.RightCell
{
   width:60%;
   clear:both;
   border-Top:1px solid #dddddd;
   border-Left:1px solid #dddddd;
   display:inline-block;
   min-Height:35.56px

}
.ConfirmdivHeading
{
   align:centre;
   width:100%;
   border:1px solid #dddddd;
   border-right:1px solid #dddddd;
   border-left:1px solid #dddddd;
   margin-bottom:2rem
}
.FullWidthCell
{
   align:centre;
   width:100%;
   border:1px solid #dddddd;
   border-right:1px solid #dddddd;
   border-left:1px solid #dddddd
}