﻿@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');

@font-face {
    font-family: 'Gotham-Bold';
    /* src: url('./fonts/Gotham/gotham-bold/gotham-bold.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Gotham/gotham-bold/gotham-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Gotham/gotham-bold/gotham-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Gotham/gotham-bold/gotham-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Gotham/gotham-bold/gotham-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Gotham/gotham-bold/gotham-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
     /*src: url("./fonts/Gotham/Gotham-Bold.otf") format("opentype");*/ 
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('./fonts/Gotham/gotham-book/gotham-book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Gotham/gotham-book/gotham-book.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Gotham/gotham-book/gotham-book.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Gotham/gotham-book/gotham-book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Gotham/gotham-book/gotham-book.svg#svgFontName') format('svg'); /* Legacy iOS */
    /*src: url("./fonts/Gotham/Gotham-Book.otf") format("opentype");*/
}
@font-face {
    font-family: 'Gotham-Light';
    src: url('./fonts/Gotham/gotham-light/gotham-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Gotham/gotham-light/gotham-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Gotham/gotham-light/gotham-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Gotham/gotham-light/gotham-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Gotham/gotham-light/gotham-light.svg#svgFontName') format('svg'); /* Legacy iOS */
    /*src: url("./fonts/Gotham/Gotham-Light.otf") format("opentype");*/
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('./fonts/Gotham/gotham-medium/gotham-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Gotham/gotham-medium/gotham-medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Gotham/gotham-medium/gotham-medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Gotham/gotham-medium/gotham-medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Gotham/gotham-medium/gotham-medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    /*src: url("./fonts/Gotham/Gotham-Medium.otf") format("opentype");*/
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-size: 16px;
    color: #333;
    line-height: 18px;
    position: relative;
	font-family: 'Gotham-Book', sans-serif;
    font-weight: normal;
    padding-top: 0px;
    /* letter-spacing: 0.5px; */
}
html,
body{
    height: 550px;
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
h1,h2,h3,h4{
    font-weight: normal;
    font-family: 'Gotham-Bold', sans-serif;
}
p{
    font-size:16px;
}
a, li, p, div, span, i, em{
    white-space: normal;
    font-family: 'Gotham-Book', sans-serif;
}
select, select:focus, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    font-size: 14px;
    font-family: 'Gotham-Book', sans-serif;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak,
.contentPane .DnnModule.DnnModule-DNN_Links{
    display: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	color: #28363f;
}

ul, ol{
    margin: 0;
}

::-webkit-input-placeholder {
   color: #006699;
   /* font-size: 18px; */
}

.rowMargin {
    margin-right: 0;
    margin-left: 0;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.heading1 {
    color: #18191A;
    line-height: 47px;
    letter-spacing: 0.2px;
    font-size: 30px;
    font-family: 'Gotham-Light', sans-serif, "Times New Roman";
    /* font-weight: 300; */
}

.heading2 {
    color: #18191A;
    line-height: 36px;
    letter-spacing: 0.2px;
    font-size: 24px;
    font-family: 'Gotham-Light', sans-serif, "Times New Roman";
    /* font-weight: 300; */
}

.heading3 {
    color: #354052;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-family: 'Gotham-Medium', sans-serif, "Times New Roman";
    /* font-weight: 700; */
}

.heading4 {
    color: #18191A;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-size: 12px;
    font-family: 'Gotham-Book', sans-serif, "Times New Roman";
    /* font-weight: 400; */
}


.heading5 {
    font-size: 22px;
    color: #18191A;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-family: 'Gotham-Book', sans-serif, "Times New Roman";
    /* font-weight: 400; */
}

.popover{
    max-width: 100% !important;
}

@media(min-width: 992px) {
    .navbar-nav {
        margin-top: 0 !important;
    }
}
@media(min-width: 1200px) {
    .navbar-nav {
        margin-top: 15px !important;
    }
}
@media (min-width: 768px){
    .show-mobile{
        display: none !important;
    }
}

@media (min-width: 768px) {
    .margin-left-absolute{
        left: calc((100vw - 750px)/2 );
    }
    .margin-left{
        margin-left: calc((100vw - 750px)/2 );
    }
  }
  @media (min-width: 992px) {
    .margin-left-absolute{
        left: calc((100vw - 970px)/2 );
    }
    .margin-left{
        margin-left: calc((100vw - 970px)/2 );
    }
  }
  @media (min-width: 1200px) {
    .margin-left-absolute{
        left: calc((100vw - 1140px)/2 );
    }
    .margin-left{
        margin-left: calc((100vw - 1140px)/2 );
    }
  }

.stay {/* sets up elements for absolute positioning */
	position:relative;
}
.white-bg {
    background-color: #FFFFFF;
}
.xtr-dk-gray-bg {
    background-color: #28363F;
}
.lt-black-bg {
    background-color: #1C272D;
}
.blue-back {
    background-color: #00649b;
}
.full{
    background: white;
}

/******* Unused
html,
body
{
    height: 550px;
}*/

#Body {
    /* CSS3 */
    background: #666666; /* Old browsers */
      min-height: 1px;
}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border:none;
    border-color: none;  /*dark blue*/
    background:#45a9d3; 
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none; 
	padding: 10px 15px;
    font-weight: 400;
    font-size: 17px;
}
    .dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
	padding: 10px 15px;
	font-weight: 400;
	font-size: 15px;
    background: #666;
    -webkit-box-shadow: none;
    box-shadow:none;
    text-shadow: none;
    color: white;
}
.dnnLoginActions {
display: inline-block;
}
.DNNEmptyPane {
    width: 0;
    margin: 0;
    opacity: 0;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
.left {
    float: left;
}
.right {
    float: right;
}
.page-header-container{
    padding: 25px 35px;
    color: #28363f;
    background: #f3f3f3;
    text-align: center;
    margin: 0px 0 25px 0;
}
.page-header-container > .page-header{
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 0px;
    padding:0px;
    display: block;
}
.page-header-container > .page-sub-header{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 15px 0 0 0;
    padding: 0px 6%;
}
.section-heading{
    font-family: 'Gotham-Bold', sans-serif;
	font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 55px;
}

.form-a, .form-control{
    color: #000000;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Gotham-Book', sans-serif;
    
}
.form-a{
    padding: 40px;
    border: 2px solid #bbbbbb;
    border-radius: 4px;
    background: #f3f3f3;
    box-shadow: none;
}
.form-control label, .form-a label,
.form-control select, .form-a select,
.form-control input,.form-a input
{
    font-size: 14px;
    color: #000000;
}
.form-a select,
.form-a input{
    border-color: #bbbbbb;
    box-shadow: none;
    /*outline: none;*/
}
.form-a select:hover,
.form-a select:active,
.form-a select:focus,
.form-a input:hover,
.form-a input:active,
.form-a input:focus{
    /*border-color: #6d6d6d;*/
    box-shadow: none;
}
.form-a .form-main-header{
    font-size: 23px;
    line-height: 30px;
    font-family: 'Gotham-Bold', sans-serif;
    border-bottom: 2px solid #bbbbbb;
    text-align: center;
    padding-bottom: 10px;
}
.form-a .form-section-header{
    font-size: 18px;
    line-height: 20px;
    font-family: 'Gotham-Bold', sans-serif;
	font-weight: 400;
    border-bottom: 2px solid;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.form-a .form-section-header.orange-border{
    border-bottom-color: #f27e26;
}
.form-a .form-section-header.green-border{
    border-bottom-color: #97c83e;
}
.form-a .form-section-header.blue-border{
    border-bottom-color: #2965b0;
}
.primary-button,
.secondary-button{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 50px;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
	font-weight: 400;
}
.primary-button{
    background:#45a9d3;
    color:white;
    border: 2px solid #45a9d3;
}
.secondary-button{
    color: #28363f;
    border: 2px solid #28363f;
}
.small-button{
    padding: 5px 20px;
    font-size: 15px;
    line-height: 15px;
}
.primary-button:disabled,
.primary-button:disabled:hover,
.primary-button:disabled:focus,
.primary-button:disabled:active,
.secondary-button:disabled,
.secondary-button:disabled:hover,
.secondary-button:disabled:focus,
.secondary-button:disabled:active{
  cursor:not-allowed;
  background-color:#ccc;
  border-color:#ccc;
  color:white
}
.next-button {
    font-family: 'Gotham-Medium', sans-serif;
    color: #6d6d6d;
    font-size: 16px;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    /*outline: none;*/
    box-shadow: none;
    border: 1px solid;
    padding: 8px 20px;
}
.modal-backdrop, 
.modal-backdrop.fade.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.modal-backdrop {
    background: #ddd;
}

.table-container {
    background-color: #FFFFFF;
    font-size: 14px !important;
    font-family: 'Gotham-Book',sans-serif;
	overflow-x: auto;
}
    .table-container .table {
        /* display: table; */
        border-collapse: collapse;
        margin-bottom: 5px;
    }

.table-container .table-hover > tbody > tr:hover {
    background-color: #FEFEC0;
}

.sortArrow > td,
.sortArrow > th{
    cursor: pointer;
}
.sortArrow .fa-sort-asc,
.sortArrow .fa-sort-desc {
    padding-right: 5px;
    padding-top: 5px;
    font-size: 1.2em;
    color: white;
    float: right;
}
.table-panel{
    background: white;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 25px;
}
.table-panel > .panel-header{
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 23px;
    line-height: 28px;
    color: #000000;
    margin: 15px 15px 20px 25px;
}
.table-panel .panel-body{
    margin: 0;
    padding: 0;
    border: 1px solid #6d6d6d;
}
.table-panel .panel-body .panel-controls{
    padding: 20px;
    display: flex;
    justify-content: space-between;
}
.table-panel .pager-container{
    background: #dedede;
    padding: 15px 30px;
    min-height: 53px;
}
/* .wizard-tabs{ */
    /* display: flex; */
    /* justify-content: center; */
    /* border-bottom: none; */
/* } */
/* .wizard-content{ */
    /* border: none; */
/* } */
/* .wizard-tabs>li>a, .wizard-tabs>li>a:hover, .wizard-tabs>li>a:focus{ */
    /* border: none; */
    /* color: #28363f; */
    /* padding: 5px 5px 10px 5px; */
    /* height: auto; */
    /* font-family: 'Gotham-Medium',sans-serif; */
    /* font-size: 16px; */
    /* display: inline-block; */
    /* margin: 0; */
    /* position: relative; */
    /* border-radius: 0; */
    /* opacity: 1; */
    /* cursor: pointer; */
    /* outline: none; */
/* } */
/* .wizard-tabs>.inactive>a, .wizard-tabs>.inactive>a:hover, .wizard-tabs>.inactive>a:focus{ */
    /* opacity: 0.5; */
    /* cursor: not-allowed; */
/* } */
/* .wizard-tabs>.active>a, .wizard-tabs>.active>a:hover, .wizard-tabs>.active>a:focus{ */
    /* border: none; */
    /* border-top: 2px solid #28363f; */
    /* border-radius: 0; */
    /* background: transparent; */
/* } */
/* .wizard-tabs>li>a:after */
/* { */
    /* content: ''; */
    /* position: absolute; */
    /* width: 0; */
    /* height: 0; */
    /* bottom: -4px; */
    /* left: calc(50% - 15px); */
    /* background: transparent; */
    /* border-left: 15px solid transparent; */
    /* border-right: 15px solid transparent; */
    /* border-bottom: 15px solid transparent; */
    /* border-top: 0px solid transparent; */
/* } */
/* .wizard-tabs>li, .wizard-tabs>li:hover, .wizard-tabs>li:focus{ */
    /* border-bottom: 8px solid #dedede; */
    /* text-align: center; */
    /* margin-right: 8px; */
    /* display: flex !important; */
    /* justify-content: center; */
    /* flex-grow: 1; */
    /* max-width: 279px; */
    /* width: 279px; */
/* } */
/* .wizard-tabs>li.inactive, .wizard-tabs>li.inactive:hover, .wizard-tabs>li.inactive:focus{ */
    /* border-bottom-color: #dedede; */
/* } */
/* .wizard-tabs>.orange, .wizard-tabs>.orange:hover, .wizard-tabs>.orange:focus{ */
    /* border-bottom-color: #f27e26; */
/* } */
/* .wizard-tabs>.green, .wizard-tabs>.green:hover, .wizard-tabs>.green:focus{ */
    /* border-bottom-color: #97c83e; */
/* } */
/* .wizard-tabs>.green.active>a:after{ */
    /* border-bottom-color: #97c83e; */
/* } */
/* .wizard-tabs>.blue, .wizard-tabs>.blue:hover, .wizard-tabs>.blue:focus{ */
    /* border-bottom-color: #2965b0; */
/* } */
::placeholder{
    color: #bbbbbb;
}
.link{
    text-decoration: underline;
}
.bg-tint-yellow{
    background: #fefec0;
}
.orange{
    color: #f27e26;
}
.green{
    color: #97c83e;
}
.blue{
    color: #2965b0;
}
.cyan{
    color: #4474BD;
}
.orange-border{
    border-color: #f27e26;
}
.green-border{
    border-color: #97c83e;
}
.blue-border{
    border-color: #2965b0;
}
.custom-arrow {
    border: solid #28363f;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 12px;
    cursor: pointer;
  }
.custom-arrow.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}  
.custom-arrow.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.padding-40-0{
    padding: 40px 0;
}
.padding-0-40{
    padding: 0 40px !important;
}
.padding-r-40{
    padding-right: 40px !important;
}
.padding-t-40{
    padding-top: 40px !important;
}
.row-reverse{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.cursor-pointer{
    cursor: pointer;
}
.center{
    text-align: center;
}
.error {
    color: red;
}
.page-layout-a {
	 padding-bottom: 40px;
	 position: relative;
	 background: white;
	 background: linear-gradient(to bottom, #f9fafb 0%, #f9fafb 55%, #fff 55%, #fff 100%);
}
 .page-layout-a .page-header {
	 background-color: transparent;
	 color: white;
	 margin-bottom: 20px;
	 text-align: center;
	 padding: 25px 10px 5px;
}
.page-layout-a .page-header {
	 color: white;
}

.page-header {
	background-color: #dff1f5;
    text-align: center;
    padding: 10px 0px;
}

.page-header h2, h3{
        font-size: 1.75rem;
        font-family: 'Gotham-Medium', sans-serif;		
    }

 .page-layout-a ul.steps-arrow {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
	 display: flex;
	 border-top: 0;
	 border-bottom: 0;
	 width: 70%;
	 margin: auto;
	 padding: 25px;
     background-color: #f3f4f6;
	 justify-content: center;
}
 .page-layout-a ul.steps-arrow li {
	 padding: 0.5em 0.75em;
	 position: relative;
	 vertical-align: top;
	 display: flex;
	 font-size: 15px;
	 line-height: 16px;
	 flex-direction: column;
	 color: #28363f;
	 align-items: center;
	 justify-content: center;
}
 .page-layout-a ul.steps-arrow li .badge-steps {
	background-color: #1aa4c0;
	color: white;
	margin-right: 12px;
	font-size: 22px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 23px;
	display: inline-block;
	padding: 13px 5px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 10px;
	position: relative;
	vertical-align: baseline;
	/* border-radius: .25rem; */
}
.page-layout-a ul.steps-arrow li .badge-steps:after {
	display: block;
	position: absolute;
	content: '';
	width: 46px;
	height: 46px;
	border: 2px solid #f9fafb;
	border-radius: 50%;
	top: 2px;
	left: 2px
}

.page-layout-a ul.steps-arrow li,
.page-layout-a ul.steps-arrow li a {
	color: #28363f;
}
 .page-layout-a .main-content-a {
	 padding: 15px 20px;
	 background-color: white;
	 margin: auto;
}
.page-layout-a .main-content-a form{
	width: calc(70% + 20px);
	margin: auto;
}
 .page-layout-a .main-content-a .form-header {
	font-size: 1.5em;
	width: 100%;
	font-family: 'Gotham-Medium', sans-serif;
	text-align: center;
	padding: 10px;
	margin: 0;
	margin-bottom: 5px;
}
 .page-layout-a .main-content-a .form-section-header {
	 font-size: 1.3rem;
	 line-height: 18px;
	 background: #f3f4f6;
	 font-family: 'Gotham-Medium', sans-serif;
	 text-align: left;
	 padding: 20px;
	 margin-bottom: 0;
}
 .page-layout-a .main-content-a .form-section-body {
    padding: 16px 32px 32px;
    border: 1px solid #f3f4f6;
}
 .page-layout-a .main-content-a label {
	 margin-bottom: 0;
	 font-size: 15px;
	 margin-top: 10px;
    margin-bottom: 5px;
}
 .page-layout-a .main-content-a .form-control:not(textarea) {
	 height: 32px;
}

.label-align {
	margin-top: 10px;
    margin-bottom: 5px;
}

.form-control {
	 height: 32px;
}

.tu-table{
	width: 100%;
}
.tu-table.striped > tbody > tr, .table.striped > tbody  tr {
        background-color: #f7f8fa !important;
        border-bottom: 2px solid #fff !important;
    }
    .tu-table.striped > tbody > tr:hover, .table.striped > tbody > tr:hover{
        background-color: #e6eaee !important;
    }
    .tu-table td, .table td{
        border-bottom: none;
        font-size: 14px;
    }
.tu-table.table-gray > tbody > tr:not(.ignore-tu-table-style) {
    background-color: #f7f8fa !important;
    border-bottom: 2px solid #fff !important;
}
.tu-table.table-gray > tbody > tr:not(.ignore-tu-table-style):hover, .tu-table.table-gray > tbody > tr:not(.ignore-tu-table-style):hover{
    background-color: #e6eaee !important;
}
.tu-table th, .tu-table .table-header, .table th, .table .table-header, .table-header th, .table-header th * {
    background-color: white !important;
    color: #212529 !important;
	font-family: "Gotham-Bold", sans-serif !important;
    font-size: 15px !important;
	padding-bottom: 5px;
	padding-left: 5px;
    border-bottom: 1px solid #ccc;
}
.tu-table td, .table td{
    border-bottom: none;
    font-size: 14px;
	padding: 5px;
} 

.padding-left-30{
	padding-left: 30px;
}

.padding-right-30{
	padding-right: 30px;
}


.toast-message {
    color: #18191A;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    line-height: 16px;
    font-family: 'Gotham-Book', sans-serif, "Times New Roman";
    /* font-weight: 500; */
    display: flex;
}

    .toast-message div {
        background: #fff;
        padding: 12px 6px !important;
        min-width: 250px;
        width: 100%;
    }

    .toast-message button {
        color: #fff;
        padding: 15px 8px !important;
        opacity: 1;
    }

        .toast-message button.close:hover {
            color: #fff;
            opacity: 1 !important;
            text-decoration: none;
        }

.toast-success {
    background: #00B919 !important;
}

.toast-alert {
    background: #B42828 !important;
}

.toast-warning {
    background: #2878E2 !important;
}

.toast-info {
    background: #f0ad4e !important;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    filter: unset;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.position-left {
	left: 0;
}


.btn-primary, .dnnPrimaryAction {
    background: #45a9d3;
    color: #fff;
    border: 2px solid #45a9d3;
    /* border-radius: 20px; */
    /* padding: 10px 50px */
}

.dnnPrimaryAction:focus,.dnnPrimaryAction:hover, .btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background: #45a9d3 !important;
    border-color: #45a9d3;
    text-decoration: none !important;
    outline: none;
}

.dnnPrimaryAction:disabled, .btn-primary:disabled,.btn-primary:disabled:active,.btn-primary:disabled:focus,.btn-primary:disabled:hover {
    cursor: not-allowed;
    background-color: #ccc;
    border-color: #ccc;
    color: #fff
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
	outline : none !important;
	outline-offset: 0 !important;
}	

.btn:active, .btn.active{
	box-shadow: none !important;
}
.btn-border-white:hover {
    background-color: #e6eaee;
}
.btn-border-white {
    line-height: 1.4;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-family: "Gotham-Book", sans-serif, "Times New Roman";
    padding: 5px 12px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.4);
	min-width: 100px;
}
.width5, .w-5{
	width : 5%;
}

.width10, .w-10{
	width : 10%;
}

.width15, .w-15{
	width : 15%;	
}

.width20, .w-20{
	width : 20%;
}

.w-25{
	width : 25%;
}

.width30, .w-30{
	width : 30%;
}
.w-35{
	width : 35%;
}
.width40, .w-40{
	width : 40%;
}

.width50, .w-50{
	width : 50%;
}

.width60, .w-60{
	width : 60%;
}

.width70, .w-70{
	width : 70%;
}

.width80, .w-80{
	width : 80%;
}

.width90, .w-90{
	width : 90%;
}

.width100, .w-100{
	width : 100%;
}


/*************************************
		Sterling Bride CSS Ends 
**************************************/


/******** Bootstrap Migration Support CSS ************/
.hide{ display: none;}

.grid-icons {
    margin: 0 5px;
    padding: 3px 10px;
    border-radius: 50%;
    font-family: Gotham-Book,sans-serif;
	font-weight: 600;
    font-size: 1.25em;
    border: 1px solid #a3afc0;
    background-color: #fff;
    color: #354052;
    width: 40px;
    height: 38px;
    display: inline-block
}
button.grid-icons:disabled{
	opacity: 0.5;
	cursor: not-allowed;
}
.grid-icons:first-child {
    margin-left: 0
}

.grid-icons:last-child {
    margin-right: 0
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	font-size: 15px;
    padding: 0px 6px;	
}


/*****************   Pagination Styles Starts    *******************/

.pager-container {
    padding: 15px 0px 15px 15px;
}

.pager-container  .pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px;
}

.pager-container .pagination > a {
    display: inline;
    position: relative;
    float: left;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #5F6164;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #D6D7D8;
    cursor: pointer;
    font-size: 14px;
}

.pager-container .pagination > a:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pager-container .pagination > a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pager-container .pagination > a:hover,
.pager-container .pagination > a:focus {
    z-index: 2;
    color: #000000;
    background-color: #FFEEC5;
    border-color: #ddd;
}

    .pager-container .pagination > a.active {
        background-color: #53a9d3;
        border-color: #53a9d3;
        color: #fff;
    }

.pager-container .pagination > a.disabled,
.pager-container .pagination > a.disabled:hover,
.pager-container .pagination > a.disabled:focus {
    cursor: not-allowed;
    background: #fafafa;
}

.pager-container .pagination > a i {
    font-size: 18px;
}

.pager-container .divPagination {
    display: table;
    margin: auto;
    margin-bottom: 8px;
}

.pager-container .TotalCount {
    padding: 0 20px 10px 0;
}

.pager-container .TotalCount .items {
    height: 28px;
    width: 50px;
    padding-left: 3px;
    border-radius: 4px;
    margin-left: 8px;
    background: #fff;
}

.pager-container .tableSearch {
    position: relative;
    display: inline-block;
}
.pager-container .tableSearch input {
    border-radius: 15px;
    padding: 3px 5px 3px 30px;
    outline: none;
    color: #28363f;
    font-size: 14px;
    border: 1px solid #dedede;
    line-height: 1.4;
    /* box-sizing: content-box; */
    box-sizing: border-box;
}

.pager-container .tableSearch input::placeholder{
    color: #bbbbbb;
    font-size: 13px;
}

.pager-container .tableSearch i {
    background-color: transparent;
    border: transparent;
    padding: 2px 6px ;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 2px;
    color: #bbbbbb;
}

.pager-container .paddingZeroPager {
    padding: 0;
}

    .pager-container .tableSearchDiv {
        text-align: right;
        padding-right: 0;
    }

@media (max-width: 768px) {
    .pager-container .tableSearch {
        margin-bottom: 10px;
    }

    .pager-container .TotalCount .items {
        width: 20%;
        min-width: 50px;
    }
}

@media (max-width: 1200px) {
	.page-layout-a .main-content-a {
		padding: 15px 20px;
		background-color: white;
		width: 85%;
		border-radius: 0;
		box-shadow: none;
	}
}


@media (max-width: 767px) {
    .pager-container .tableSearchDiv {
        float: left;
    }
	
	.page-layout-a .main-content-a {
		padding: 15px 20px;
		background-color: white;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}
		
	.page-layout-a {
		padding-bottom: 0;
	}
	
	.page-layout-a .main-content-a label{
		margin-top: 5px;
	}
	
	.page-layout-a ul.steps-arrow {
		justify-content: left;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 0;
	}
	
	.page-header h2, h3{
        font-size: 1.5rem;       
        font-family: 'Gotham-Medium', sans-serif;
    }
}

.position-sm-absolute{
    position: absolute !important;
}


@media (max-width: 450px) {
    .pager-container {
        padding: 15px;
    }
    .pager-container .tableSearch input {
        font-size: 11px !important;
    }
}

@media (max-width: 768px) {
    .pager-container .tableSearch {
        margin-bottom: 10px;
    }

    .pager-container .TotalCount .items {
        width: 20%;
        min-width: 50px;
    }
}

@media (max-width: 767px) {
    .pager-container .tableSearchDiv {
        float: left;
    }
}


@media (max-width: 450px) {
    .pager-container {
        padding: 15px;
    }

        .pager-container .tableSearch input {
            font-size: 11px !important;
        }
}
@media (max-width: 576px) {
    .position-sm-absolute{
        position: relative !important;
    }
}
.ff-Gotham-Medium{
	font-family:'Gotham-Medium' !important;
}

/******************  Pagination Style Ends *******************************/

/*********  Pro Home Overiding Starts *************/
.quote-form-container, .assessments .tab-content{
  border-color: #A3AFC0 !important;
  border-radius: 0px !important;
  width: 100%;
}
.quote-form-container .term-title{
    color: #18191A;
    text-align: left;
    font-weight: 300;
    padding-left: 25px;
    padding-top: 25px;
}
.quote-form-container .quote-form{
  padding:20px 10px;
}
.quote-submit{
  margin-top:25px !important;
}
/*********  Pro Home Overiding Ends *************/


/******************  Pagination Style Ends *******************************/
@media (min-width: 992px) {
    .col-lg-20{
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
    }
    .col-lg-80{
        flex: 0 0 80%;
        max-width: 80%;
        position: relative;
    }
}
