/*
 Theme Name:	Collision Claims 2019
 Theme URI:     https://www.collisionclaims.com/
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		Framework-V4
 Version:       1
*/



@import url("https://use.typekit.net/otr5cgj.css");

/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary,
.btn {
  font-family: 'canada-type-gibson', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
}

.acf-map {
  width: 100%;
  height: 600px;
  margin: 0;
}

.home .acf-map {
  height: 400px;
}

.acf-map .infoWindow {
  max-width: 240px;
  padding: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.acf-map img.calloutImg {
  width: 100%;
  height: auto;
}

.roundImg {
  border-radius: 50%;
}

a {
  color: #e22626;
}

a.arrow {
  font-weight: 900;
  text-transform: uppercase;
  background: url(images/icon-rarrow.svg) no-repeat center right;
  padding-right: 25px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.right {
  float: right;
}

.underline {
  border-bottom: 2px solid #202020;
}

.gform_wrapper {
  display: block !important;
}

strong {
  font-weight: 600;
}

br {
  clear: both;
}

#clover-button {
    background: green;
    border: 2px solid #FFF;
    text-transform: uppercase;
    padding: 20px 42px;
    display: block;
    width: auto;
    margin: 20px auto 30px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    border-radius: 6px;
}
#clover-button:hover {
    background: darkgreen;
}
/*////////////////////////////////////////////////
HEADER STYLES
///////////////////////////////////////////////*/
header {
  padding-top: 0px;
  background: #fff;
  /* box-shadow: #eaeaea 0px 0px 20px; */
  border-bottom: 2px solid #efefef;
  /*height: 165px;
	z-index: 1;*/
}

/*header .full {
    padding: 0px;
}*/

header .header-top {
  background: #4a0000;
  padding: 8px;
  /*height: 40px;*/
  box-sizing: border-box;
}

header .header-top .fifty {
  padding: 0 0 0 5px;
  box-sizing: border-box;
}



header .header-top .socials-top {
  float: right;
  margin-top: -5px;
}

header .header-top .fifty.right {
  text-align: right;
}

header .header-top .fifty.right ul {
  display: inline-block;
  /*margin-right: 30px;*/
}

header .header-top .fifty ul#menu-top-menu li {
  display: inline;
  padding: 0;
  border-bottom: 2px solid #4a0000;
  margin: 0 10px 0 0;
}

header .header-top .fifty ul#menu-top-menu li a {
  color: #fff;
  font-size: 14px;
}

header .header-top .fifty ul#menu-top-menu li:hover {
  border-bottom: 2px solid #E02231;
}


header ul.socials li:last-child a {
  margin-right: 0;
}


header .header-top .fifty p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  padding-top: 5px;
}

header .phone a,
header .email a {
  color: #4a0000;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
}

header .phone,
header .email {
  margin: 15px 0 5px 15px;
}

header.sticky {
  padding: 0;
  background: #fff;
  margin-top: -40px;
  /*height: 130px;*/
}

header img.custom-logo {
  max-width: 280px;
  margin: 10px 0;
}

/*header.sticky img.custom-logo {
    max-width: 200px;
    margin-top: 10px;
}*/

/*.topNav ul {
    margin-right: 17px;
}*/
.topNav li,
.topNav a {
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #ffffff;
}

header .phone:before,
header .email:before {
  display: none;
}

.phone a:before,
.email a:before {
  content: '';
  background: url(images/icon-phone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 17px;
  display: inline-block;
  margin-right: 8px;
  background-position: center right;
}

.email a:before {
  background: url(images/icon-email.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

#cssmenu {
  float: right;
  /* clear: right;*/
  margin-top: 12px;
  font-family: 'canada-type-gibson', sans-serif;
  font-size: 16px;
  background: none;
  text-align: right;
}

#cssmenu ul {
  margin-right: 0;
}

#cssmenu>ul>li>a {
  color: #202020;
  /*	font-size: 16px;
	padding: 10px 16px 12px 16px;
	font-weight: 900;*/
  font-size: 16px;
  padding: 10px 0;
  margin: 0 5px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  /*text-transform: uppercase;*/
  font-family: 'canada-type-gibson', sans-serif;
}


#cssmenu>ul>li.has-sub>a:before {
  top: 9px;
  right: 9px;
  /*display: block;*/
  width: auto;
  height: auto;
  background: none;
  content: '';
  display: none;
}

#cssmenu>ul>li.has-sub>a:after {
  display: none;
}

#cssmenu>ul>li:hover>a,
#cssmenu ul li.current_page_item a,
#cssmenu ul li.current-menu-parent a {
  border-bottom: 2px solid #e22626;

}

#cssmenu>ul>li.has-sub>ul {
  background: #ededed;
}

#cssmenu ul ul li {
  background: #ededed;
}

#cssmenu ul li.current_page_item {
  background: none;
  color: #202020;
}

#cssmenu ul li.current_page_item a {
  color: #202020;
}



#cssmenu>ul>li:hover {
  background: none;
}

#cssmenu>ul>li:hover>a {
  color: #202020;
}

#cssmenu>ul>li.has-sub>a {
  padding-right: 0;
}

#cssmenu ul ul li a {
  color: #000;
  /*font-size: 16px;*/
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  padding: 10px 15px;
  border: none;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 0.4px;
  font-family: 'canada-type-gibson', sans-serif;
  width: 250px;

}

#cssmenu ul ul li a:hover {
  background: #e22626;
  color: #fff !important;
}

#cssmenu>ul>li.has-sub>ul>li.current_page_item>a,
#cssmenu>ul ul>li.has-sub>ul>li.current_page_item>a,
#cssmenu ul li.current-menu-parent>ul.sub-menu>li.current-menu-item a {
  background: none;
}

#cssmenu ul li {
  text-align: left;
  float: none;
  display: inline-block;
}

#cssmenu ul ul li {
  height: unset !important;
  display: block;
}

#cssmenu>ul>li.has-sub>ul>li.current_page_item>a {
  border-bottom: none;
  border-top: none;
}

#cssmenu ul li.current-menu-parent ul li a {
  border-bottom: none;
}

#cssmenu ul ul li:hover>a {
  color: #202020;
}

#cssmenu>ul>li:hover,
#cssmenu ul li.current_page_item:hover,
#cssmenu ul li.current_page_item,
#cssmenu ul li.has-sub.current_page_item:hover {
  background: none;
}

#cssmenu ul li.current_page_item:hover {
  background: none;
}


#cssmenu ul li.current_page_item a {
  border-bottom: 2px solid #e22626;
}

#cssmenu ul li.current_page_item ul li a {
  border-bottom: none;
}

#page-banner {
  padding: 8% 5% 3%;
  margin-top: 100px;
}

#page-banner .info {
  max-width: 100%;
  background: none;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  text-align: left;
  margin: 0;
  padding: 25px 15px;
}

#page-banner .info h1 {
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  text-align: left;
  font-size: 38px;
}

#page-banner.noImage {
  background-image: url(images/diminished-value-appraiser.jpg);
}


#content .gform_wrapper {
  background: #eaeaea;
  padding: 25px;
  border: 1px solid #CECECE;
  margin-bottom: 40px;
}

#content .gform_wrapper .gform_heading {
  width: 100%;
  margin-bottom: 18px;
  text-align: center;
}

#content .gform_wrapper select {
  width: 100%;
  height: 40px;
}

#content .gform_wrapper .ginput_container input[type=text] {
  /* width: 40%; */
  height: 40px;
}

#content .gform_wrapper .ginput_container input[type=checkbox] {
  width: 15%;
  height: 15px;
}

#content .gform_wrapper .ginput_container input#choice_4_9_1.gfield-choice-input {
  width: 10% !important;
  height: 15px;
}

#content .gform_wrapper .ginput_container input#choice_5_9_1.gfield-choice-input {
  width: 10% !important;
  height: 15px;
}

#content .gform_wrapper textarea {
  width: 100%;
  height: 40px;
}

#content .gform_wrapper .gform_footer {
  text-align: center;
}

#content .gform_wrapper .gfield_label {
  font-weight: 500;
}


#gform_submit_button_6 {
  display: none;
}


.banner-content {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  height: 350px;
  background: #eaeaea;
  border: 1px solid #cecece;
  margin-bottom: 30px;
}

.banner-content .banner-img-left {
  width: 40%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
}

.banner-content .banner-right {
  width: 60%;
  padding: 10px;
  box-sizing: border-box;
  float: right;
}

.clear {
  clear: both;
}

/*////////////////////////////////////////////////
GENERAL CONTENT STYLES
///////////////////////////////////////////////*/
h1,
h2,
h2 span,
h3,
h4,
h5,
h6 {
  font-family: 'canada-type-gibson', sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}

h1:after,
h2:after {
  content: '';
  display: block;
  height: 4px;
  width: 225px;
  background: #00A89A;
  margin: 20px 0 30px;
}

h2.center:after {
  margin-left: auto;
  margin-right: auto;
}

h2.alignRight:after,
.btn.alignRight {
  margin-left: auto;
}

h2,
h2 span,
.page-apply .gform_wrapper h2.gsection_title {
  font-size: 36px;
}

#content h2,
#content h2 strong,
.gform_wrapper h2.gsection_title {
  position: relative;
  margin-bottom: 30px;
  font-size: 28px;
}

h2.center.arrow {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

h3 {
  font-size: 28px;
}

.search h3 {
  font-size: 36px;
  /*display: inline-block;*/
  margin: 0;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

#content p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  margin-bottom: 30px;
}

.large {
  font-size: 32px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
}

#content ul,
#content ol {
  margin: 0 20px;
  padding: 10px 20px;
}

#content ul li,
#content ol li {
  padding-left: 30px;
  line-height: 1.5;
  padding-bottom: 15px;
}

.infobox {
  float: left;
  width: 31%;
  margin: 20px 1%;
  background: #efefef;
  border: 1px solid #A5A5A5;
  border-radius: 5px;
  padding: 15px;
  position: relative;
  padding-bottom: 60px
}

.infobox h4 {
  font-size: 18px;
}

.infobox a.moreBtn {
  font-size: 14px;
  width: 100%;
  padding: 12px;
  display: block;
  position: absolute;
  bottom: 0;
  width: calc(100% - 30px);
  margin: 20px auto;
  text-align: center;
}

.alignRight,
p.alignRight {
  text-align: right;
}


/*////////////////////////////////////////////////
BUTTON STYLES
///////////////////////////////////////////////*/
.btn,
.moreBtn,
.readmore a,
.su-button.btn,
.older a,
.newer a,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit],
.page-apply .gform_wrapper .gform_footer input.button,
.page-apply .gform_wrapper .gform_footer input[type=submit],
.page-apply .gform_wrapper .gform_page_footer input.button,
.page-apply .gform_wrapper .gform_page_footer input[type=submit] {

  background: #e22626;
  color: #FFF;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  padding: 12px 20px;
  display: table;
  width: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

/*#slider .btn {
	background: #00a89a;
	border: 2px solid #FFF;
	padding: 12px 20px;
}
#slider .btn:hover {
    
}*/
.btn:hover,
.moreBtn:hover,
#slider .btn:hover,
.readmore a:hover,
.su-button.btn:hover,
.older a:hover,
.newer a:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover,
.page-apply .gform_wrapper .gform_footer input.button:hover,
.page-apply .gform_wrapper .gform_footer input[type=submit]:hover,
.page-apply .gform_wrapper .gform_page_footer input.button:hover,
.page-apply .gform_wrapper .gform_page_footer input[type=submit]:hover {
  background: #4a0000;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
  border-color: #E1242C;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  background: #E1242C;
  border: 2px solid #FFF;
  text-transform: uppercase;
  padding: 20px 80px;
  display: block;
  width: auto;
  margin: 20px auto 30px;
}

#sidebar .gform_wrapper .gform_footer input.button,
#sidebar .gform_wrapper .gform_footer input[type=submit],
#sidebar .gform_wrapper .gform_page_footer input.button,
#sidebar .gform_wrapper .gform_page_footer input[type=submit] {
  width: 100% !important;
}


.btn.green,
.slide-text.container .btn.green {
  background-color: #00a89a;
}

.slide-text.container.textRight .btn,
.slide-text.container.textLeft .btn {
  float: left;
  margin-right: 25px;
}

.slide-text.container.textRight .btn.red,
.slide-text.container.textleft .btn.red {
  margin-left: 0;
}

.slide-text.textCenter .btn {
  display: inline-block;
  margin: 40px 15px;
}

/*////////////////////////////////////////////////
GENERAL PANEL STYLES
///////////////////////////////////////////////*/
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black p,
.black li,
.black a,
footer {
  color: #FFF;
}

footer {
  background: #4a0000;
  color: #fff;
}

/*////////////////////////////////////////////////
HOME PANEL STYLES
///////////////////////////////////////////////*/

/*#slider {
    margin-top: 100px;
    height: 520px;
}*/


.home #slider .slides li {
  padding: 2% 1% 0;
}

.slide-text h1 {
  font-size: 40px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
}

/*.home #slider .slide-text.container h1, .home #slider .slide-text.container p {
    width: 65%;
}*/

.home #slider .slide-text.container {
  padding: 0;
}

.home #slider .thirty.sliderform,
.thirty.sliderform {
  /* float: right;
    margin-top: -340px;
    width: 30%;*/
  background: #4a0000;
  padding: 30px 30px 5px;
  margin-top: 30px;
}

.home #slider .sliderform h4,
.sliderform h4 {
  color: #fff;
  font-size: 21px;
}

.home #slider .sliderform label,
.sliderform .top_label.gfield_label,
.sliderform .gform_wrapper .top_label .gfield_label {
  display: none;
  height: 40px;
}

.home #slider .sliderform li.gfield input,
.sliderform li.gfield input,
.sliderform li.gfield select {
  height: 40px;
  font-weight: normal;
}

.sliderform .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

.home #slider .sliderform select,
.sliderform select {
  height: 40px;
}

.home #slider .sliderform input[type=submit],
.sliderform input[type=submit] {
  background: #E1242C;
  border: 2px solid #FFF;
  text-transform: uppercase;
  padding: 12px 20px;
  display: block;
  width: 100%;
}

.home #slider .sliderform input[type=submit]:hover,
.sliderform .gform_wrapper .gform_footer input[type=submit]:hover {
  background: #fff;
  color: #E1242C;
}

.home #slider .sliderform .gform_wrapper .gform_footer,
.sliderform .gform_wrapper .gform_footer {
  padding: 8px 0 10px !important;
  margin: 8px 0 0;
  clear: both;
  width: 100%;
}

.sliderform .gform_wrapper span.gform_description {
  color: #FFF;
}

.sliderform .gform_wrapper .gform_footer input.button,
.sliderform .gform_wrapper .gform_footer input[type=submit] {
  padding: 15px 5px;
  width: 100%;
  text-transform: none;
  border: none;
}

#slider .thirty {
  padding: 0;
  margin-top: 20px;
}

#slider .thirty p {
  text-align: right;
  margin: 0;
  padding: 0;
}

#slider .thirty img {
  margin: 20px 0;
}

#slider a.arrow {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
  padding: 0 10px 0 0;
  text-transform: none;
  position: relative;
  /* text-decoration: underline; */
  border-bottom: 1px solid;
}

#slider a.arrow:after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0px;
  font-size: 8px;
  top: 4px;
  padding: 0;
}

.panel.info.diminished-value,
.panel.bg {
  background: url(images/panel-grey-bg.jpg) no-repeat;
  background-size: cover;
  background-position: 0 -51px 0;
  padding-top: 0;
}

.home.page .panel.bg {
  background-position: center 300px;
  background-size: 100% auto;
}

.page .panel.bg {
  background-position: center bottom;
  background-size: 100% auto;
}

.panel.info.total-loss {
  padding: 20px 0 0;
}

.panel.bg {
  background-position: 0 300px;
  padding: 0;
}

.home #gform_wrapper_6 {
  background: #00a89a;
  box-sizing: border-box;
  padding: 20px;
}

.home #gform_wrapper_6 h3.gform_title {
  color: #fff;
  text-align: center;
}

.home #gform_wrapper_6 label.gfield_label {
  font-weight: 500;
}

.home #gform_wrapper_6 ul.gform_fields li.gfield select {
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #FFF 50%), linear-gradient(135deg, #FFF 50%, transparent 50%), linear-gradient(to right, #004e48, #004e48);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}


.home #gform_wrapper_6 .gfield_select {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}

.home #gform_wrapper_6 .gfield_select::-ms-expand {
  display: none;
}

.home #gform_wrapper_6 .gfield_select:hover {
  border-color: #888;
}

.home #gform_wrapper_6 .gfield_select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.home #gform_wrapper_6 .gfield_select option {
  font-weight: normal;
}


.home #gform_wrapper_6 .gform_footer input[type=submit] {
  display: none;
}

.home #gform_wrapper_6 .gfield_html h2 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
}

.home #gform_wrapper_6 .gfield_html h1 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}

.home #gform_wrapper_6 .gfield_html a.moreBtn {
  display: block;
  width: 100%;
  background: #fff;
  color: #00a89a;
  padding: 8px 12px;
  border-radius: 4px;
  border: 2px solid #004e48;
  margin-top: 15px;
}

.home #gform_wrapper_6 .gfield_html a.moreBtn:hover {
  background: #004e48;
  color: #fff;
  border: 2px solid #fff;
}



.panel.diminished-value .seventy {
  margin-top: 15px;
  padding-left: 40px;
}

.panel.diminished-value .seventy p {
  line-height: 1.75;
}

.panel.diminished-value .seventy .fifty {
  padding: 25px;
  text-align: center;
}

.panel.diminished-value .seventy .fifty p {
  line-height: 1.75;
  text-align: center;
}

.panel.diminished-value .seventy .fifty h4 {
  text-align: center;
  font-size: 16px;

}

.panel.diminished-value .seventy .fifty h4:after {
  content: "";
  /* This is necessary for the pseudo element to work. */
  display: block;
  /* This will put the pseudo element on its own line. */
  margin: 0 auto;
  /* This will center the border. */
  width: 60%;
  /* Change this to whatever width you want. */
  padding-top: 5px;
  /* This creates some space between the element and the border. */
  border-bottom: 3px solid #00a89a;
  /* This creates the border. Replace black with whatever color you want. */
}

.panel.diminished-value .seventy .fifty span {
  text-align: center;
  margin: 20px auto 0;
  display: block;
}

.panel.diminished-value .seventy .fifty ul li {
  text-align: center;
  list-style: none;
  line-height: 1.5;
}

.panel.diminished-value .seventy .diminished-value-total {
  background: #00a89a;
  color: #202020;
  padding: 12px 20px;
  display: block;
  width: 100%;
  text-align: center;
}

.panel.diminished-value .seventy .diminished-value-total p {
  font-size: 38px;
  color: #202020;
  text-align: center;
  font-weight: 600;
}

.panel.total-loss .seventy p {
  line-height: 1.75;
}

.panel.total-loss .testimonials,
.panel.trust .testimonials {
  background: #ffc400;
  color: #202020;
  position: relative;
}

.panel.total-loss .testimonials .settlement,
.panel.trust .testimonials .settlement {
  background: #00a89a;
  color: #fff;
  display: block;
  width: inherit;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-top: 20px;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.panel.total-loss .testimonials h3,
.panel.trust .testimonials h3 {
  padding: 40px 15px 0 15px;
  text-align: center;
  font-size: 22px;
}

.panel.total-loss .testimonials p.subheader,
.panel.trust .testimonials p.subheader {
  padding: 10px 35px;
  box-sizing: border-box;
}

.panel.total-loss .testimonials ul.clientInfo,
.panel.trust .testimonials ul.clientInfo {
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 100px;
}


.panel.total-loss .testimonials p,
.panel.trust .testimonials p {
  text-align: center;
  color: #202020;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
}

.panel.states {
  margin-bottom: 0;
  padding-bottom: 0;
}

.panel.states .container {
  margin-bottom: 0;
  padding-bottom: 0;
}

.panel.states .container .forty {
  margin-top: 50px;
  padding-bottom: 0;
  background-image: url(images/happy-claim-customer.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 300px;
  background-size: contain;
}

.panel.states .container .sixty {}



.state-content-box {
  position: relative;

}

.modalDialog::before {
  display: block;
  content: " ";
  margin-top: -580px;
  height: 580px;
  visibility: hidden;
  pointer-events: none;
}


.modalDialog {
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  display: none;
  width: 80%;
  margin: 0 auto;
}

.modalDialog:target,
.modalDialog:focus {
  opacity: 1;
  pointer-events: auto;
  display: block;
  position: fixed;
  top: 200px;
  left: 20%;
  background-color: rgba(0, 0, 0, .8);
  padding: 40px;
  border: 2px solid #000;
  border-radius: 10px;
  width: 60%;
  z-index: 100;
}

/*.home .modalDialog:target, 
.home .modalDialog:focus {
    position: absolute;
    top: -500px;
    left: 15%;
    width: 135%;
}*/
.modalDialog hr {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}

.modalDialog h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.8px;
  color: #fff;
}

.modalDialog p {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  color: #fff;
}

.modalDialog .growth,
.modalDialog .open {
  width: 80%;
  margin: 5px auto;
  box-sizing: border-box;
  padding: 0px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.close:hover {
  background: #E0E0E0;
}

span.bold {
  font-weight: 800;
}

.modalDialog .seventy span {
  font-size: 24px;
  margin-bottom: 0px;
  display: block;
  color: #fff;
}

.modalDialog .seventy a.btn:hover {
  background: #fff;
  color: #e22626;
}

#map span {
  text-align: center;
  width: 420px;
  height: 525px;
  margin: 60px auto;
  border: 2px solid #404040;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 7px;
  border-radius: 7px;
  text-decoration: none;
  color: #fff;
  padding: 5px;
}


.panel.trust {
  background: url(images/diminished-value-appraiser.jpg);
  background-size: cover;
  background-position: center center;
  color: #fff;
  /*margin-top: -7px;*/
}

.panel.trust h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
}

.panel.trust p {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
}

.panel.trust .twentyfive {
  text-align: center;
  margin: 50px auto;
  vertical-align: middle;
  flex: 1;
}

.panel.trust .twentyfive img {}


/*FORM PLACEHOLDER STYLES*/
::-webkit-input-placeholder

/*,
	.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select*/
  {
  color: #acacac;
}

::-moz-placeholder {
  color: #acacac;
}

:-ms-input-placeholder {
  color: #acacac;
}

:-moz-placeholder {
  color: #acacac;
}

/*////////////////////////////////////////////////
CONTENT PANEL STYLES
///////////////////////////////////////////////*/

#sidebar.thirty {
  background: #fff;
  color: #000;
  margin-top: 0px;
}

#sidebar ul.catMenu li.categories {
  background: none;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  border-top: none;
  font-family: 'canada-type-gibson', sans-serif !important;
}


#sidebar .gform_widget {
  background: #4a0000;
  color: #fff;
  padding: 20px;
  margin-bottom: 30px;
}

.page-contact-us #sidebar .gform_widget {
  display: none;
}

#sidebar i.fa {
  color: #e22626;
  font-size: 32px;
}

#sidebar i.fa:hover {
  color: #4a0000;
}


#sidebar .gform_widget h4 {
  color: #fff;
}

#sidebar .gform_widget .gform_wrapper label.gfield_label,
#sidebar .gform_widget .gform_wrapper legend.gfield_label {
  font-weight: 500;
}

#sidebar .gform_widget .gform_button {
  background: #e22626;
}

#sidebar .gform_widget .gform_button:hover {
  background: #fff;
  color: #e22626;
  border-color: #e22626;
}

#sidebar ul.socials {
  margin-bottom: 40px;
}

#sidebar h4 {
  text-align: center;
}

#sidebar ul.submenu h4 {
  margin-bottom: 0;
}

#sidebar ul.submenu li,
#sidebar ul.catMenu li.categories li {
  padding: 0;
  border: none;
  text-align: left;
}

#sidebar ul.submenu li a,
#sidebar ul.catMenu li.categories li a {
  background: #4a0000;
  padding: 15px 10px;
  display: block;
  border-bottom: 1px solid #FFF;
  color: #FFF;
}

#sidebar ul.submenu li a:hover {
  background: #FFF;
  color: #000;
}

#sidebar .gform_wrapper ul li {
  border: none;
  padding: 0;
  margin: 0 0 10px 0;
}

#content .wpas-tax_category-locations.wpas-taxonomy-field.wpas-field,
#content .wpas-meta_location_city.wpas-meta_key-field.wpas-field {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

#content .wpas-meta_location_city.wpas-meta_key-field.wpas-field {
  border-width: 1px 0;
}

#content .panel.search .wpas-tax_category-locations-checkboxes.wpas-checkboxes.field-container,
#content .panel.search .wpas-meta_location_city-checkboxes.wpas-checkboxes.field-container {
  box-shadow: 0 19px 0px 1px rgba(0, 0, 0, 0.2);
}

/*PAGINATION STYLES
=-----------------------------------------------*/

.oldernewer,
.page-search-results .pagination {
  margin: 20px 0 70px 0;
  padding-top: 20px;
  text-align: center;
  font-size: 21px;
  clear: both;
}

.oldernewer .page-numbers,
.page-search-results .page-numbers {
  padding: 5px 16px;
  background: #efefef;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 1px;
  font-size: 20px;
}

.oldernewer a,
.page-search-results .pagination a {
  color: #707070;
}

.oldernewer a:hover,
.page-search-results .pagination a:hover {
  background: #000;
  color: #FFF;
}

.oldernewer .page-numbers.current,
.page-search-results .pagination .page-numbers.current {
  background: #ff8200;
  color: #FFF;
}

.next.page-numbers,
.page-search-results .pagination .next.page-numbers {
  margin-left: 15px;
}

.prev.page-numbers,
.page-search-results .pagination .prev.page-numbers {
  margin-right: 15px;
}


/*////////////////////////////////////////////////
FOOTER STYLES
///////////////////////////////////////////////*/

footer .twentyfive {
  margin-top: 30px;
}

footer p,
footer li {
  font-size: 14px;
}

footer ul.contactInfo {
  margin-left: 0;
  margin-top: 0;
}

footer ul.contactInfo li {
  margin-bottom: 8px;
}

footer ul.contactInfo li:before {
  margin-left: 0;
  padding-right: 0;
}

footer .address:before,
footer .phone:before,
footer .fax:before,
footer .email:before,
footer .hours:before {
  font-family: 'canada-type-gibson', sans-serif;
  margin-bottom: 8px;
}

footer .phone a:before {
  display: none;
}

footer .phone:before {
  content: 'Phone:';
  margin-right: 20px;
}

footer ul.contactInfo li.email {
  margin-bottom: 16px;
}

footer .email:before {
  content: 'Email:';
  margin-right: 25px;
}

footer .address:before {
  content: '';
  padding: 0;
}

.seoteric a {
  font-family: 'canada-type-gibson', sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

/*FOOTER MENUS*/
footer .menu li a {
  /*text-transform: uppercase;*/
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.4px;
  font-weight: 400;

}

footer .menu li {
  /*border-bottom: 1px solid #330001;*/
  padding-left: 8px;
}

footer .menu li:hover {
  background: #E1242C;
}

footer .menu li a:hover {
  color: #fff;
}


footer .sub-menu {
  display: block;
}

footer .sub-menu li a {
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;

}

footer .sub-menu li a:before {
  content: '-';
  padding-right: 8px;
}

footer a:hover {
  color: #E02231;
}

footer ul.socials {
  margin-top: 40px;
}

ul.socials li a,
#sidebar .socials li a {
  background: #FFF;
  margin: 0 8px 0 0;
  padding: 3px 8px;
  border-radius: 5px;
}

ul.socials li a {
  color: #000;
}

ul.socials li a:hover {
  background: #E02231;
}

footer h4.widget-title {
  font-size: 18px;
  margin-bottom: 5px;
}

/*////////////////////////////////////////////////
LOCATIONS AND ARCHIVE PAGE STYLES
///////////////////////////////////////////////*/



/*////////////////////////////////////////////////
SEARCH RESULTS PAGE
////////////////////////////////////////////////*/

.page-search-results #content .thirtythree {
  width: 31%;
  padding: 0;
  margin: 0 1% 50px;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);

}

.page-search-results .thirtythree .contentThirds {
  padding: 0;
}


.gf_left_half.disabled,
.gf_right_half.disabled {
  display: inline-block !important;
}

.page-apply .gform_wrapper .gform_footer input.button,
.page-apply .gform_wrapper .gform_footer input[type=submit],
.page-apply .gform_wrapper .gform_page_footer input.button,
.page-apply .gform_wrapper .gform_page_footer input[type=submit] {
  background: #ffd053;
}

.page-apply .gform_wrapper li.gsection {
  border: none;
}

/*////////////////////////////////////////////////
RESPONSIVE
////////////////////////////////////////////////*/
@media only screen and (max-width:1300px) {
  .home.page .panel.bg {
    background-position: center bottom;
  }
}

@media only screen and (max-width:1023px) {

  .features .thirtythree .content,
  .contact .fifty .content {
    top: 5%;
    left: 22%;
    right: 30%;
    bottom: 0;
    margin: 0 0 0 40px;
    word-break: break-word;
  }

  .features p {
    max-width: 98%;
  }

}

@media only screen and (max-width:980px) {

  /*	header img.custom-logo, 
	header.sticky img.custom-logo {
		max-width: 200px;
		margin-top: 4px;
	}*/
  header.sticky #cssmenu {
    margin-top: 3px;
  }

  .page-search-results #content .thirtythree {
    width: 48%;
  }

  .modalDialog:target,
  .modalDialog:focus {
    top: -450px;
    left: 0;
    width: 100%;
    position: relative;
    z-index: 99999999;
    height: auto;
  }

  footer img.custom-logo {
    max-width: 270px;
  }

  footer .twentyfive,
  footer .thirtythree,
  footer .thirty {
    width: 50%;
  }

  footer #nav_menu-4 {
    clear: left;
  }

  footer .fifteen {
    width: 33%;
  }
}

@media screen and (max-width:959px) {
  #wprmenu_bar {
    top: 65px !important;
    width: auto;
    right: 10px;
    left: auto;
    padding: 10px;
    transition: all .5s linear;
    border-radius: 3px;
  }

  #wprmenu_bar.sticky,
  #wprmenu_bar.active {
    top: 25px !important;
  }

  #mg-wprm-wrap.cbp-spmenu-left,
  #mg-wprm-wrap.cbp-spmenu-right,
  #mg-widgetmenu-wrap.cbp-spmenu-widget-left,
  #mg-widgetmenu-wrap.cbp-spmenu-widget-right {
    top: 65px !important;
  }

  header img.custom-logo,
  header.sticky img.custom-logo {
    max-width: 230px;
    margin: 5px 0;
  }

  .topNav ul {
    float: right;
    margin-top: 10px;
    margin-right: 80px;
    /*clear: both;
		text-align: left;*/
  }

  .topNav li {
    display: block;
  }

  .infobox {
    width: 100%;
    float: none;
    margin: 15px 0 15px;
    text-align: center;
  }
}

@media screen and (max-width:860px) {

  /*	header, header.sticky {
		padding: 10px 0;
	}*/
  header img.custom-logo,
  header.sticky img.custom-logo {
    max-width: 225px;
    margin-bottom: 5px;
  }



}

@media all and (min-width:320px) and (max-width:767px) {

  .gf_left_half.disabled,
  .gf_right_half.disabled {
    display: block !important;
    width: 100% !important;
  }
}

@media only screen and (max-width:767px) {

  .diminished-car,
  .home .alignRight,
  .home p.alignRight,
  #slider .thirty p,
  #slider a.arrow,
  .panel.info.total-loss,
  .slide-text h1,
  .home h1 {
    text-align: center;
  }

  h1:after,
  h2:after,
  .btn.alignRight,
  .panel.info.total-loss .btn {
    margin: 20px auto 30px;
  }

  .panel.diminished-value .seventy {
    padding-left: 10px;
  }

  .panel.info.diminished-value,
  .panel.bg {
    background-position: 0 0;
  }

  #slider .thirty {
    clear: both;
  }

  .slide-text.container.textRight .btn,
  .slide-text.container.textLeft .btn {
    display: inline-block;
    width: 48%;
    margin: 25px 1% 30px;
  }

  h1 {
    font-size: 12vw;
  }

  .panel.diminished-value .seventy .diminished-value-total p {
    font-size: 30px;
    line-height: 1.5;
  }

  #page-banner {
    padding-top: 12%;
  }

  .wpas-tax_category-locations.wpas-taxonomy-field.wpas-field,
  .wpas-meta_location_city.wpas-meta_key-field.wpas-field,
  #wpas-submit .btn,
  .gform_wrapper .gform_footer input.button,
  .gform_wrapper .gform_footer input[type=submit] {
    width: 100% !important;
    margin: 0 0 15px;
  }

  .gform_wrapper .gform_footer {
    padding-right: 16px !important;
  }

  #wpas-tax_category-locations {
    z-index: 9999999;
  }

  .panel.features {
    display: block;
  }

  .features .thirtythree,
  .features .thirtythree.mid,
  .features .thirtythree:first-of-type,
  .features .thirtythree:last-of-type,
  .contact .fifty,
  .contact .parallelogram {
    float: none;
    width: 100%;
  }

  .features .thirtythree:first-of-type .parallelogram,
  .features .thirtythree:last-of-type .parallelogram {
    border-style: solid;
    border-color: #FFF;
    border-width: 5px 0;
  }

  .features .thirtythree .content,
  .contact .fifty .content {
    left: 10%;
    right: 10%;
    margin: 0;
    text-align: center;
  }

  .features .parallelogram,
  .contact .parallelogram {
    height: auto;
    max-height: 460px;
    margin: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }

  .features .thirtythree.mid .parallelogram {
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
  }

  /*.features .thirtythree.end .parallelogram,
.features .thirtythree.end .parallelogram .image {
  	-webkit-transform: skew(0deg);
  	-moz-transform: skew(0deg);
  	-o-transform: skew(0deg);
	transform: skew(0deg);
	}*/
  .features .thirtythree.end .parallelogram {
    margin-left: 0;
  }

  .features .thirtythree .image,
  .contact .parallelogram .image {
    left: 0px;
    right: 0px;
    position: relative;
    min-height: 300px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }

  .contact .parallelogram,
  .contact .parallelogram .image {
    min-height: 900px;
  }

  .features .thirtythree.end .image {
    right: 0;
  }

  .panel.search {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 9999999;
  }

  .panel.testimonials .roundImg {
    max-width: 200px;
  }

  .page-search-results #content .thirtythree {
    width: 98%;
  }

  .panel.states .container .forty {
    margin-top: 0px;
    background-position: bottom center;
  }

  footer .twentyfive,
  footer .thirty,
  footer .thirtythree,
  footer .fifteen {
    width: 50%;
    float: left;
  }

  footer #nav_menu-4 {
    clear: left;
  }

  footer .fifteen {
    width: 33%;
  }
}

@media only screen and (max-width:659px) {
  header.sticky {
    margin-top: -52px;
  }

  header .header-top {
    padding: 5px 3px;
  }

  header .header-top .fifty,
  header .header-top .fifty.right {
    padding: 0 0 0 5px;
    text-align: left;
    float: none;
    width: 100%;
  }

  header .socials {
    float: right;
    margin-top: -12px;
  }

  header img.custom-logo,
  header.sticky img.custom-logo {
    max-width: 165px;
    margin: 10px 5px;
  }

  .topNav ul {
    margin-top: 0;
    margin-right: 70px;
  }

  header.sticky .topNav ul {
    margin-top: 5px;

    transition: all .3s linear;
  }

  .topNav li,
  .topNav a {
    line-height: normal;

  }

  header .phone a,
  header .email a {
    font-size: 14px;
  }

  #wprmenu_bar.sticky,
  #wprmenu_bar.active {
    top: 14px !important;
  }

  #mg-wprm-wrap.cbp-spmenu-left,
  #mg-wprm-wrap.cbp-spmenu-right,
  #mg-widgetmenu-wrap.cbp-spmenu-widget-left,
  #mg-widgetmenu-wrap.cbp-spmenu-widget-right {
    top: 70px !important;
  }

}

@media only screen and (max-width:599px) {
  .slide-text h1 {
    font-size: 3vh;
  }

  .home #slider .slides li {
    padding: 0;
  }

  footer .twentyfive,
  footer .thirtythree,
  footer .thirty,
  footer .fifteen {
    width: 100%;
    float: none;
    text-align: center;
  }

  footer ul.socials {
    margin-top: 0;
  }

  footer .phone:before,
  footer .email:before {
    margin-right: 5px;
  }
}

/*.topNav {
    
    margin: 6px 0 0 8px;
}
.topNav ul {
    float: none;
    margin: 0px;
}
.topNav ul li {
	display: block;
	text-align: center;
}*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align: center;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  transition: 0.3s;
  font-weight: 400;

}

.sidenav a:hover {
  color: #ffcc45;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.hiddenNav {
  font-size: 15px;
  cursor: pointer;
  color: #FFF;
}

.hiddenNav:hover {
  color: #ffcc45;
}

@media screen and (max-width: 479px) {
  header.sticky {
    margin-top: -56px;
  }

  #wprmenu_bar {
    top: 73px !important;
    right: 5px;
  }

  header img.custom-logo,
  header.sticky img.custom-logo {
    max-width: 140px;
    margin: 10px 0;
  }

  .topNav ul {
    margin-top: 26px;
    margin-right: 60px;
  }

  header.sticky .topNav ul {
    margin-top: 24px;
  }

  .topNav li {
    display: inline-block;
  }

  .topNav li a {
    width: 35px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
  }

  header .phone,
  header .email {
    margin: 0;
  }

  .phone a:before,
  .email a:before {
    background-size: 75%;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-right: 8px;
    background-position: top right;
  }

  header .header-top .fifty.right {
    margin-top: 8px;
  }

  header .socials {
    margin-top: -3px;
  }

  .slide-text.container.textRight .btn,
  .slide-text.container.textLeft .btn {
    float: none;
    display: block;
    width: 98%;
    margin: 15px 1% 30px;
  }
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

/*//////////////////////////////////
Bootstrap Tables
////////////////////////////////////*/
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  /*border-top: 1px solid #DEE2E6;*/
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35;
  letter-spacing: normal;
  margin-bottom: 30px;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #DEE2E6;
}

.table tbody+tbody {
  border-top: 2px solid #DEE2E6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #DEE2E6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #DEE2E6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>th,
.table-primary>td {
  background-color: #B8DAFF;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
  border-color: #7ABAFF;
}

.table-hover .table-primary:hover {
  background-color: #9FCDFF;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #9FCDFF;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
  background-color: #D6D8DB;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
  border-color: #B3B7BB;
}

.table-hover .table-secondary:hover {
  background-color: #C8CBCF;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #C8CBCF;
}

.table-success,
.table-success>th,
.table-success>td {
  background-color: #C3E6CB;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
  border-color: #8FD19E;
}

.table-hover .table-success:hover {
  background-color: #B1DFBB;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #B1DFBB;
}

.table-info,
.table-info>th,
.table-info>td {
  background-color: #BEE5EB;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
  border-color: #86CFDA;
}

.table-hover .table-info:hover {
  background-color: #ABDDE5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #ABDDE5;
}

.table-warning,
.table-warning>th,
.table-warning>td {
  background-color: #FFEEBA;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
  border-color: #FFDF7E;
}

.table-hover .table-warning:hover {
  background-color: #FFE8A1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #FFE8A1;
}

.table-danger,
.table-danger>th,
.table-danger>td {
  background-color: #F5C6CB;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
  border-color: #ED969E;
}

.table-hover .table-danger:hover {
  background-color: #F1B0B7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #F1B0B7;
}

.table-light,
.table-light>th,
.table-light>td {
  background-color: #FDFDFE;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
  border-color: #FBFCFC;
}

.table-hover .table-light:hover {
  background-color: #ECECF6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #ECECF6;
}

.table-dark,
.table-dark>th,
.table-dark>td {
  background-color: #C6C8CA;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
  border-color: #95999C;
}

.table-hover .table-dark:hover {
  background-color: #B9BBBE;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #B9BBBE;
}

.table-active,
.table-active>th,
.table-active>td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343A40;
  border-color: #454D55;
}

.table .thead-light th {
  color: #495057;
  background-color: #E9ECEF;
  border-color: #DEE2E6;
}

.table-dark {
  color: #fff;
  background-color: #343A40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454D55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm>.table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md>.table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg>.table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl>.table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
  border: 0;
}