body {
    margin: 0 auto;
    font-family: "Lato", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    background: #FAFAFA;
}

input, select, textarea {
    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
}

.clearfix {
    clear: both;
}

a.button:hover, a.button-green:hover, a.button-maroon:hover, .button a:hover {
    text-decoration: none;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

*:before, *:after {
    box-sizing: border-box;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

*:before, *:after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

.row {
    margin: 0 -15px;
}

img {
    max-width: 100%;
}

td {
    font-size: 13px;
}

a {
    text-decoration: none;
    color: #1e72b6;
}

a:hover {
    text-decoration: underline;
    color: #1d5a8b;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: "Lato", sans-serif;
    margin: 0 0 15px;
    color: #373737;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.button {
    border: 1px solid #3187b3;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    margin: 10px auto 0;
    background-color: #3893c2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3893c2), to(#2e83ae));
    background-image: -webkit-linear-gradient(top, #3893c2, #2e83ae);
    background-image: -moz-linear-gradient(top, #3893c2, #2e83ae);
    background-image: -ms-linear-gradient(top, #3893c2, #2e83ae);
    background-image: -o-linear-gradient(top, #3893c2, #2e83ae);
    background-image: linear-gradient(to bottom, #3893c2, #2e83ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3893c2, endColorstr=#2e83ae);
}

.button:hover, .button:focus, .button:active {
    border: 1px solid #185575;
    color: #fff;
    background-color: #287197;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#287197), to(#1f6487));
    background-image: -webkit-linear-gradient(top, #287197, #1f6487);
    background-image: -moz-linear-gradient(top, #287197, #1f6487);
    background-image: -ms-linear-gradient(top, #287197, #1f6487);
    background-image: -o-linear-gradient(top, #287197, #1f6487);
    background-image: linear-gradient(to bottom, #287197, #1f6487);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#287197, endColorstr=#1f6487);
}

.button-green {
    border: none;
    font-size: 17px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    padding: 17px;
    text-decoration: none;
    display: inline-block;
    background-color: #528d46;
    line-height: 20px;
}

.button-green:hover, .button-green:focus, .button-green:active {
    border: none;
    color: #fff;
    background-color: #327704;
}

.button-maroon, .button-grey {
    border: none;
    font-size: 17px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    padding: 17px;
    text-decoration: none;
    display: inline-block;
    background-color: #c23838;
    line-height: 20px;
}

.button-maroon:hover, .button-maroon:focus, .button-maroon:active {
    border: none;
    color: #fff;
    background-color: #a52929;
}

.button-grey:hover, .button-grey:focus, .button-grey:active {
    border: none;
    color: #fff;
    background-color: #777;
}

#container, .container {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    position: relative;
}

#content-section section {
    margin: 20px 0 0 !important;
    float: left;
}

#header {
    width: 100%;
    float: left;
    height: auto;
    margin: 0 0 0px;
    background: white;
    padding: 0px 0 0;
}

#headerTop {
    width: 100%;
}

#logo {
    width: 30%;
    float: left;
    padding-top: 20px;
}

#logo img {
    max-width: 100%;
    height: auto;
    max-height: 100px;
}

#headerContactInfo {
    width: 68%;
    float: right;
    padding: 10px 0 0;
}

#headerContactInfo ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#headerContactInfo ul li {
    float: left;
    color: # #506671;
    font-size: 14px;
    margin: 0 0 0 20px;
}

#headerContactInfo ul li:first-child {
    margin-left: 0;
}

#headerContactInfo ul li .icon {
    float: left;
    margin: 0 5px 5px 0;
}

#headerContactInfo ul li span {
    display: inline-block;
    margin: 3px 0 0;
}

#topcontact {
    color: black;
    float: right;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    width: 100%;
}

#topcontact img {
    padding-top: 0px;
    padding-right: 5px;
    text-align: right;
}

#topcontact p {
    float: right;
    margin: 0;
    color: #171717;
}

#topcontact a {
    color: #171717;
}

#topWelcome {
    color: #171717;
    float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 0 0;
    text-align: right;
    width: 100%;
}

#topWelcome a {
    color: #171717;
}

#topWelcome a:hover {
    color: #000;
}

#navigation {
    width: 100%;
    float: left;
    padding-top: 20px;
    background-color: #fff;
}

.mobilenav {
    width: 100%;
    float: left;
}

#menu {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#menu ul {
    padding: 0;
    margin: 0 auto;
}

#menu li {
    float: left;
    list-style: none;
    padding: 0;
    line-height: 18px;
    border-right: 1px solid #ccc;
}

#menu li a {
    display: inline-block;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    text-decoration: none;
    padding: 15px 43px 15px 43px;
    position: relative;
    color: #fff;
}

#menu li:first-child a {
    background: none;
}

#menu li:last-child {
    border-right: none;
}

#menu li.current a:after, #menu li a:hover:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    content: "";
    height: 0;
    left: 40%;
    position: absolute;
    width: 0;
    z-index: 999;
    color: #4d4f53;
}

#menu li.current a:after {
    border-top: 10px solid #4d4f53 !important;
}

#menu li a:hover:after {
    border-top: 10px solid #7A7D8D;
}

#menu li.current {
    background: -webkit-linear-gradient(#494b4f, #4d4f53); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#494b4f, #4d4f53); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#494b4f, #4d4f53); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#494b4f, #4d4f53); /* Standard syntax */
}

.slicknav_menu {
    display: none;
}

#dashboardContent {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 20px;
    padding: 20px 0;
    min-height: 200px;
}

#dashboardContent.dashboardContent {
    background-color: rgb(7, 73, 99);
}

#dashboardCircle {
    padding-top:25px;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: white;
    padding-bottom: 8px; /*text-shadow: 0 0 1em rgba(0, 0, 0, 0.8), 0 0 0.4em rgba(0, 0, 0, 0.8), 0 0 0.3em rgba(0, 0, 0, 0.8);*/
}

.broker-logo {
    position: absolute;
    height: 180px;
    width: 180px;
    text-align: center;
    left: 15px;
    top: 0;
}

#dashboardCircle img {
    max-width: 100%;
    height: auto;
}

#dashboardWelcomeText {
    color: white;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 17px;
    padding-top: 10px;
    line-height: 170%; /*text-shadow: 0 0 1em rgba(0, 0, 0, 0.8), 0 0 0.4em rgba(0, 0, 0, 0.8), 0 0 0.3em rgba(0, 0, 0, 0.8);*/
}

#dashboardQuickLink {
    width: 100%;
    margin: 30px auto 0;
    float: left;
    text-align: center;
}

#dashboardQuickLink ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dashboardQuickLink ul li {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
}

#dashboardQuickLink ul li a {
    display: inline-block;
    margin: 5px 0;
    padding: 7px 20px;
    background: #deb927;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3), 0 0 0.4em rgba(0, 0, 0, 0.3), 0 0 0.3em rgba(0, 0, 0, 0.3);
}

#dashboardQuickLink ul li a:hover {
    background: #f5ca1f;
}

#dashboardQuickLink .quicklinks {
    background: none repeat scroll 0 0 #deb927;
    float: left;
    margin: 5px;
    padding: 12px 0;
    text-align: center;
    width: 23%;
}

#dashboardQuickLink .quicklinks a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}

.page_results {
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 0px 0 0;
    padding: 0;
    width: 100%;
}

.page-title {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0 20px;
}

.section-table {
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
}

.section-table .row {
    margin: 0 0 3px;
    padding: 0;
    width: 100%;
    color: #141414;
    font-size: 14px;
}

.row.th {
    background: #3893c2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.row-2, .row-3 {
    background: #deb927;
}

.row-4 {
    background: #E6F6FF;
}

.row-5 {
    background: #f4fdff;
}

.section-table .row:first-child {
    margin-bottom: 10px;
}

.section-table .row .col {
    width: 22%;
    float: left;
    padding: 15px;
}

.section-table .row .col.col-3 {
    width: 34%;
}


.col-1 #customdate {    
display: none;   
}


.col-2 #customreceive {    
display: none; 
}

.col-3 #customresponse {    
display: none;   
}

.col-1 {
    width: 22%;
    float: left;
    padding: 0 15px;
}


.col-2 {
    width: 22%;
    float: left;
    padding: 0 15px;
}

.col-3 {
    width: 25%;
    float: left;
    padding: 0 15px;
}

.col-4 {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.col-5 {
    width: 40%;
    float: left;
    padding: 0 15px;
}

.col-6 {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.col-7 {
    width: 60%;
    float: left;
    padding: 0 15px;
}

.col-8 {
    width: 66.67%;
    float: left;
    padding: 0 15px;
}

.col-9 {
    width: 75%;
    float: left;
    padding: 0 15px;
}

.col-10 {
    width: 80%;
    float: left;
    padding: 0 15px;
}

.col-12 {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.pull-right {
    float: right;
}

.border-1px {
    border: 1px solid #ccc;
}

.section-title {
    background: url(/imgr/portals/sectionTop.jpg) repeat-x;
    height: 45px;
    width: 100%;
    float: left;
    margin-top: 0px;
    position: relative;
    padding: 12px 10px;
}

.section-title h2 {
    color: white !important;
    float: left;
    margin: 0;
    line-height: normal !important;
    font-size: 18px !important;
    margin: 0px !important;
}

.optin-box {
    position: relative;
    float: left;
    width: 100%;;
}

.optin-box .content-inner {
    border: 1px solid #ccc;
    padding: 15px;
    float: left;
}

.widget {
    padding: 15px;
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    min-height: 270px;
}

.widget .widget-title {
    background: url(/imgr/portals/sectionTop.jpg) repeat-x;
    height: 45px;
    margin: -16px -16px 15px;
    position: relative;
    padding: 12px 10px;
    color: #fff;
    display: block;
    text-align: center;
}

.read-more {
    float: right;
    color: #fff;
    font-size: 16px;
}

.lists, .inline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lists.yellow-bg li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.lists.yellow-bg li a {
    width: 100%;
    margin: 0 0 10px;
    padding: 12px 15px 12px 55px;
    float: left;
    color: #000;
    font-size: 16px;
    background: #ecdfad;
    position: relative;
}

.lists.yellow-bg li a:hover {
    background: #f6c70e;
}

.lists.yellow-bg li a img {
    position: absolute;
    left: 15px;
    top: 8px;
    max-width: 30px;
    max-height: 32px;
}

.inline li {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
}

.bold {
    font-weight: bold;
}

.data-table {
    border: none;
    width: 100%;
    text-align: left;
}

.data-table th {
    background: #3893c2;
    padding: 15px 10px;
    color: #fff;
    font-size: 16px;
    border: none;
}

.data-table td {
    padding: 15px 10px;
}

.data-table tr.even {
    background: #e6f6ff;
}

.data-table tr.odd {
    background: #f4fdff;
}

.table-head {
    padding: 0 15px;
    margin: 0 0 10px;
    background: #3893c2;
}

.table-row {
    padding: 0 15px;
    margin: 0 0 5px;
    background: #f4fdff;
}

.table-head .col-2 {
    color: #fff;
    font-size: 16px;
    padding: 20px 15px;
    font-weight: bold;
}

.table-row .col-2 {
    padding: 15px;
}

.table-row.even {
    background: #e6f6ff;
}

.color-gold {
    color: #bf8400;
}

.code {
    width: 100%;
    margin: 10px 0;
    width: 100%;
    display: inline-block;
    padding: 15px;
}

/* Statistics Section */

#statisticSection {
    width: 100%;
    margin: 0 auto;
    height: auto;
    float: left;
}

#statisticTopRight {
    float: right;
    color: white;
    padding-right: 10px;
    padding-top: 12px;
}

#stateGraph {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 15px;
    background: white;
}

#stateGraph ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#stateGraph ul li {
    float: left;
    width: 25%;
    padding: 15px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#stateGraph ul li .icon-image {
    width: 100%;
    max-width: 100%;
    float: left;
    text-align: center;
    height: 150px;
}

#stateGraph ul li .icon-image img {
    max-height: 150px;
    margin: 0 auto;
}

#stateGraph ul li p {
    text-align: center;
    margin: 10px 0 0;
}

#stateGraph ul li:hover {
    background: #d3dee7;
}

#stateGraph .stateGraphPart {
    width: 25%;
    float: left;
    text-align: center;
}

.icon-image {
    /* float: left;
    margin: 0 15px 15px 0; */
    margin: 0 auto;
    max-width: 100px;
}

.description h3 {
    color: #456778;
    font-size: 17px;
}

.description p {
    color: black;
    font-size: 13px;
    /*font-weight: bold;*/
    line-height: 16px;
}

#stateGraph .stateGraphPart img {
    max-width: 100%;
    height: auto;
}

/* Refer Section */

#referSection {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

#referSectionForm {
    width: 100%;
    float: left;
    background: white;
}

#referSectionForm h3 {
    width: 100%;
    text-align: center;
    font-size: 25px;
}

#referSectionForm h4 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #deb927;
}

input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    font-size: 20px;
}

input:focus {
    background: #f1f1f1;
    border: #85c389 solid 1px;
}

#refersubmit {
    background: #3893C2;
    color: white;
    min-width: 16%;
    height: auto;
    cursor: pointer;
    padding: 10px 20px;
}

.refer-form {
    padding-left: 12%;
}

#refersubmit:hover {
    background: #53a6d0;
}

/* Most Recent Status Section */

#mostRecentStatusSection {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

#mostRecentTop {
    background: url(images/sectionTop.jpg) repeat-x;
    height: 45px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

#mostRecentTopLeft {
    color: white;
    float: left;
    padding-left: 10px;
    padding-top: 12px;
}

#mostRecentTopRight {
    float: right;
    color: white;
    padding-right: 10px;
    padding-top: 12px;
}

#statusDetails {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
    background: white;
}

#statusDetails .statusDetailsList {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
    margin: 0 auto;
    float: right;
    padding-left: 15px;
}

#statusDetails .statusDetailsList.odd {
    background: #f7f7f7;
}

#statusDetails .statusDetailsList:hover {
    background: #d1e6d3;
}

#statusDetails .statusDetailsList span {
    width: 5%;
    float: left;
    text-align: center;
    padding-right: 10px;
}

#statusDetails .statusDetailsList span img {
    vertical-align: middle;
}

#statusDetails .statusDetailsList #statusDetailsListContent {
    color: #666;
    font-size: 16px;
    width: 90%;
    float: left;
}

#myResultsDetails {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
    background: white;
}

#myResultsDetails img {
    max-width: 100%;
    height: auto;
}

/* Reference Site */

#referenceSection {
    width: 100%;
    margin: 0 auto;
    float: left;
}

.referenceSectionLeft {
    width: 100%;
    float: left;
    background: white;
    border: 1px solid #ccc;
    margin-right: 0;
    margin-top: 20px;
    min-height: 170px;
    padding: 15px;
}

.referenceSectionLeftImage {
    width: 22%;
    float: left;
}

.referenceSectionLeftImage img {
    max-width: 100%;
    height: auto;
}

.referenceSectionLeftContent {
    width: 75%;
    float: left;
}

.referenceSectionLeftContent p {
    color: black;
    font-size: 13px;
    /*font-weight: bold;*/
    margin: 0;
    padding: 3px 0;
    width: 100%;
}

.referenceSectionRight {
    width: 100%;
    float: right;
    background: white;
    border: 1px solid #ccc;
    margin-left: 0;
    margin-top: 20px;
    min-height: 170px;
    margin-bottom: 20px;
    padding: 15px;
}

#FAQSectionForm {
    background: none repeat scroll 0 0 white;
    border: 1px solid #ccc;
    float: left;
    margin: 20px 0;
    padding: 15px;
    width: 100%;
}

#FAQSectionForm h3 {
    color: black;
    font-size: 25px;
}

#FAQSectionForm h4 {
    color: #8b6f00;
    font-size: 20px;
}

#faqTableContent_odd {
    background: none repeat scroll 0 0 #ffedc9;
    border-bottom: 10px solid #fff;
    float: left;
    font-size: 15px;
    padding: 10px;
    width: 100%;
}

#faqTableContent_head {
    background: none repeat scroll 0 0 #85714c;
    border-bottom: 3px solid #fff;
    color: black;
    float: left;
    font-size: 18px;
    padding: 10px;
    width: 100%;
}

.content-area {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.content-inner {
    background: none repeat scroll 0 0 white;
    border: 1px solid #ccc;
    float: left;
    padding: 25px 25px 45px 25px;
    width: 100%;
}

.content-area h2, #myStatusSectionForm h2, .main_heading_box h2 {
    font-size: 24px;
    color: #373737;
    margin: 15px 0;
    line-height: 30px;
}

.personal-details {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.personal-details li {
    float: left;
    width: 100%;
    border-top: #cccccc solid 1px;
    padding: 15px;
    margin: 0;
    color: #141414;
    font-size: 14px;
}

.personal-details li .label {
    font-weight: bold;
    float: left;
    margin-right: 15px;
    width: 100px;
    text-align: right;
}

.personal-details li:first-child {
    border: none;
}

.personal-description {
    border: 1px solid #ccc;
    float: left;
    padding: 15px;
    width: 100%;
}

.personal-description h3 {
    color: #6a5500;
    text-transform: uppercase;
}

.small {
    font-size: 11px;
}

.top-margin-15 {
    margin-top: 15px !important;
}

.top-margin-30 {
    margin-top: 30px !important;
}

#disputeTableContent_head {
    background: none repeat scroll 0 0 #3893c2;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 20px 10px;
    width: 100%;
    font-size: 16px;
}

#disputeTableContent_head .left {
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    width: 20%;
}

#disputeTableContent_head .middle {
    color: white;
    float: left;
    font-weight: bold;
    width: 20%;
}

#disputeTableContent_head .right {
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 3%;
    width: 50%;
}

.disputeTableContent_odd {
    background: none repeat scroll 0 0 #e6f6ff;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.disputeTableContent_even {
    float: left;
    width: 100%;
    background: #f4fdff;
    padding: 10px 0;
}

.disputeTableContent_odd .left, .disputeTableContent_even .left {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    width: 20%;
}

.disputeTableContent_odd .middle, .disputeTableContent_even .middle {
    float: left;
    padding-top: 10px;
    width: 20%;
}

.disputeTableContent_odd .right, .disputeTableContent_even .right {
    float: left;
    padding-left: 3%;
    width: 60%;
}

.fixed-width {
    width: auto !important;
}

.helpTableContent_head {
    background: none repeat scroll 0 0 #528D46;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 15px 0;
    width: 100%;
    font-size: 16px;
}

.helpTableContent_head .part1 {
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    width: 10%;
}

.helpTableContent_head .part2 {
    color: white;
    float: left;
    font-weight: bold;
    width: 12%;
}

.helpTableContent_head .part3 {
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 3%;
    width: 60%;
}

.helpTableContent_head .part4 {
    color: white;
    float: left;
    font-weight: bold;
    width: 16%;
}

.helpTableContent_odd {
    background: none repeat scroll 0 0 #fffdf9;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 10px 0;
    width: 100%;
    font-size: 15px;
    color: #444;
}

.helpTableContent_even {
    background: none repeat scroll 0 0 #fff5e1;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 10px 0;
    width: 100%;
    font-size: 15px;
}

.helpTableContent_closed.helpTableContent_even {
    background-color:#f3d7d7;
}

.helpTableContent_closed.helpTableContent_odd {
    background-color:#f9ebeb;
}

.helpTableContent_open.helpTableContent_even {
    background-color:#ddf1d9;
}

.helpTableContent_open.helpTableContent_odd {
    background-color:#eef8ec;
}

.helpTableContent_odd .part1, .helpTableContent_even .part1 {
    float: left;
    padding-left: 10px;
    width: 10%;
}

.helpTableContent_odd .part2, .helpTableContent_even .part2 {
    float: left;
    width: 12%;
}

.helpTableContent_odd .part3, .helpTableContent_even .part3 {
    float: left;
    padding-left: 3%;
    width: 58%;
}

.helpTableContent_odd .part4, .helpTableContent_even .part4 {
    float: left;
    padding-left: 3%;
    width: 10%;
}

.psuedotableformobileversion{
    display: none;
}

.statusTableContent_head {
    background: none repeat scroll 0 0 #3893c2;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 20px 0;
    width: 100%;
    font-size: 16px;
}

.statusTableContent_head .left {
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    width: 15%;
}

.statusTableContent_head .middle {
    color: white;
    float: left;
    font-weight: bold;
    width: 40%;
    padding: 0 10px;
}

.statusTableContent_head .right {
    color: white;
    float: left;
    font-weight: bold;
    width: 40%;
    padding: 0 10px;
}

.statusTableContent_odd {
    background: none repeat scroll 0 0 #e6f6ff;
    border-bottom: 3px solid #fff;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.statusTableContent_even {
    background: none repeat scroll 0 0 #f4fdff;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.statusTableContent_odd .left, .statusTableContent_even .left {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    width: 15%;
}

.statusTableContent_odd .middle, .statusTableContent_even .middle {
    float: left;
    width: 40%;
    padding: 0 10px;
}

.statusTableContent_odd .right, .statusTableContent_even .right {
    float: left;
    width: 40%;
    padding: 0 10px;
}









.pagination {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: right;
}

.pagination a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 5px 0 0;
    color: #fff;
    background: #a0a0a0;
}

.pagination a.active, .pagination a:hover {
    background: #3893c2;
}

/*Bottom Section */

#bottomSection {
    width: 100%;
    margin: 20px auto 0;
    background: white;
    float: left;
    padding: 15px;
}

.bottomSectionMain {
    width: 100%;
    float: left;
    background: white;
}

.bottomSectionLeft {
    width: 50%;
    float: left;
    background: white;
    padding: 15px;
    height: auto;
}

.bottomSectionLeftImage {
    width: 22%;
    float: left;
}

.bottomSectionLeftImage img {
    max-width: 100%;
    height: auto;
}

.bottomSectionLeftContent {
    width: 75%;
    float: left;
}

.bottomSectionLeftContent h3 {
    color: #456778;
    font-size: 17px;
}

.bottomSectionLeftContent p {
    color: black;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    width: 100%;
}

.bottomSectionRight {
    width: 50%;
    float: left;
    background: white;
    padding: 15px;
    height: auto;
}

#footerSection {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 30px;
    padding: 30px 0 30px;
    border-top: 1px solid #ccc;
    background: #fff;
}

#footerSection p {
    color: #395d6f;
    font-size: 11px;
}

.footer-nav, .footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.footer-nav li {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    color: #395d6f;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    line-height: 20px;
}

.footer-nav li:before {
    content: ".";
    color: #395d6f;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    margin: 0 5px 0 0;
    left: 0;
    top: 0px;
    line-height: 20px;
}

.footer-nav li:first-child:before {
    content: "";
    margin: 0;
}

.footer-nav li:first-child {
    padding: 0;
}

.footer-nav li a {
    color: #395d6f;
}

.site-info {
    border-top: 1px solid #ccc;
    padding: 15px 0;
    margin: 45px 0 0;
}

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

    .nav-tabs > li, .nav-pills > li {
        float:none !important;
        display:inline-block;
        *display:inline; /* ie7 fix */
        zoom:1; /* hasLayout ie7 trigger */
    }

    .nav-tabs, .nav-pills {
        text-align:center;
    }

    #bottomSection .description {
        text-align: center;
    }

    #dashboardContent {
        min-height:100px;
    }

    #navigation {
        display: none;
    }

    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }

    #logo {
        width: 100%;
        float: left;
        padding: 30px 0 20px 0;
        text-align: center;
    }

    #logo img {
        max-width: 100%;
        height: auto;
    }

    #headerContactInfo {
        width: 95%;
        float: right;
        padding-right: 10px;
    }

    .slicknav_nav {
        background: #127dc3;
    }

    .slicknav_menu {
        background: none !important;
    }

    .slicknav_btn {
        background-color: white !important;
        width: 95%;
        text-shadow: none;
    }

    .slicknav_menu .slicknav_icon {
        float: right !important;
    }

    .slicknav_menu .slicknav_icon-bar {
        background-color: #fff !important;
        font-weight: bold;
    }

    .slicknav_menu .slicknav_menutxt {
        text-shadow: none !important;
        color: rgb(18, 125, 195) !important;
        text-transform: uppercase;
        font-size: 20px;
    }

    #dashboardContent {
        height: auto;
    }

    #dashboardWelcomeText {
        width: 88%;
    }

    #dashboardQuickLink {
        width: 100%;
    }

    #dashboardQuickLink {
        width: 90% !important;
    }

    #dashboardQuickLink .quicklinks {
        background: none repeat scroll 0 0 #deb927;
        float: left;
        margin: 5px;
        padding: 12px 0;
        text-align: center;
        width: 45%;
    }

    #dashboardQuickLink .quicklinks a {
        color: white;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }

    #stateGraph .stateGraphPart {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #statusDetails .statusDetailsList {
        float: left;
    }

    #statusDetails .statusDetailsList span {
        padding-right: 12px;
    }

    #statusDetails .statusDetailsList #statusDetailsListContent {
        font-size: 14px;
        float: left;
        width: 90%;
    }

    #myResultsDetails img {
        max-width: 100%;
        height: auto;
    }

    .referenceSectionLeft {
        width: 100%;
        min-height: 170px;
        height: auto;
    }

    .referenceSectionLeftImage img {
        max-width: 100%;
        height: auto;
    }

    .referenceSectionLeftContent {
        float: right;
    }

    .referenceSectionLeftContent h3 {
        font-size: 15px;
    }

    .referenceSectionLeftContent p {
        font-size: 13px !important;
    }

    .referenceSectionRight {
        width: 99%;
    }

    .bottomSectionLeft {
        width: 100%;
    }

    .bottomSectionLeftImage img {
        max-width: 100%;
        height: auto;
    }

    .bottomSectionLeftContent {
        width: 73%;
        float: right;
    }

    .bottomSectionRight {
        width: 100%;
    }

    input {
        width: 95%;
        height: 40px;
        border: 1px solid #ccc;
        font-size: 17px;
    }

    #refersubmit {
        background: #3893C2;
        color: white;
        width: 50%;
        height: 35px;
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    #topWelcome {
        font-size: 12px;
    }

    #menu li {
        padding: 0 5px;
    }

    #menu li a {
        font-size: 14px;
    }

    #dashboardQuickLink {
        width: 100%;
        text-align: center;
    }

    #dashboardWelcomeText {
        width: 100%;
        line-height: 1.2em;
    }

    #dashboardQuickLink .quicklinks {
        background: none repeat scroll 0 0 #deb927;
        float: left;
        margin: 5px;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

    #dashboardQuickLink .quicklinks a {
        color: white;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }

    #stateGraph .stateGraphPart {
        width: 100%;
        margin-bottom: 10px;
    }

    .referenceSectionLeft {
        min-height: 170px;
        height: auto;
    }

    .referenceSectionLeftContent h3 {
        font-size: 15px;
    }

    .referenceSectionLeftContent p {
        font-size: 10px;
        line-height: 11px;
    }

    #bottomSection {
        float: left;
    }

    .bottomSectionLeftContent {
        float: right;
    }

    input {
        width: 100%;
        height: 40px;
        border: 1px solid #ccc;
        font-size: 17px;
    }

    #refersubmit {
        background: #3893C2;
        color: white;
        width: 50%;
        height: 35px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1150px) {
    #menu {
        text-align: center;
    }

    #menu li a {
        font-size: 16px;
        padding: 15px 30px;
    }

    #menu li {
        float: none;
        display: inline-block;
        padding: 0;
    }
}

@media screen and (max-width: 950px) {
    #menu li a {
        font-size: 14px;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 768px) {
    #topcontact, #topWelcome {
        text-align: center;
    }

    #topcontact img, #topcontact p {
        float: none;
        display: inline-block;
    }

    #menu li a {
        font-size: 15px;
    }

    #menu {
        text-align: center;
    }

    #menu li {
        float: none;
        display: inline-block;
        padding: 0;
    }

    #menu li a {
        font-size: 14px;
        padding: 15px 10px;
    }

    input {
        width: 95%;
        height: 40px;
        border: 1px solid #ccc;
        font-size: 17px;
    }

    #refersubmit {
        background: #3893C2;
        color: white;
        width: 50%;
        height: 35px;
        font-size: 16px;
    }

    #logo, #headerContactInfo {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #headerContactInfo ul {
        text-align: center;
        width: 100%;
    }

    #headerContactInfo ul li .icon {
        float: none;
        display: inline-block;
        margin: 0;
    }

    #headerContactInfo ul li span {
        display: block;
    }

    #headerContactInfo ul li {
        width: 100%;
        margin: 5px 0;
    }

    #stateGraph ul li, #dashboardQuickLink ul li {
        width: 100%;
    }

    #dashboardQuickLink ul li a {
        margin: 5px 0;
    }

    .refer-form {
        padding-left: 0%;
    }

    .section-table .row .col {
        width: 100% !important;
        text-align: center;
    }

    .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2 {
        width: 100%;
        margin-bottom: 15px;
    }


.col-1{
    
    width: 40%;
    float: left;    
    padding: 10px 15px;
    margin-bottom: 10px;
}

.col-1 #customdate img{    
max-width: 100%;
}


.col-2{    
      width: 55%;
    float: left;
    padding: 10px 15px;
    border-left: 1px solid #ccc;
}

.col-2 #customreceive img{    
max-width: 100%;    
margin-bottom: -3px;
padding-right: 5px;   
}

.col-3 #customresponse img{    
max-width: 100%;   
margin-bottom: -3px;
padding-right: 5px;    
}

.statusTableContent_head{
    display: none;
}

.col-1 #customdate {    
display: block;   
}


.col-2 #customreceive {    
display: block; 
}

.col-3 #customresponse {    
display: block;   
}

    .broker-logo {
        width: 100%;
        position: relative;
        padding: 15px 0;
    }
    
    
    .psuedotablefordesktopversion{
        display: none;
    }
    
    .psuedotableformobileversion{
        display: block;
        width: 100%;
        float: left;
    }
    
    .mobilesubcontent{
        width: 100%;
        float: left;        
        border-bottom: 1px solid #f1f1f1;
        padding-left: 10px;
    }
    
    
    .left2{
        width: 38%;
        float: left;
        color: white;
        background: #3893c2;
        padding: 5px 1%;
        font-size: 17px;
        font-weight: bold;
        
    }
    
    .left3{
        width: 58%;
        float: left;        
        padding: 5px 1%;
        background: #50abda;
        color: #ececec;
    }
    
    .mob_disputeBlock{
        width: 100%;        
        float: left;
    }
    
    .mob_disputeBlock #mobtitle{
        font-size: 18px;
        color: black;
        font-weight: bold;
        background: none;
        width: 100%;
    }
    
    #mob_disputeBlock_middle_part{
        width: 100%;
        float: left;
        margin: 10px 0;
    }
    
    #mob_disputeBlock_middle_part_left{
        width: 50%;
        float: left;
        font-size: 17px;
    }
    
    #mob_disputeBlock_middle_part_right{
        width: 50%;
        float: left;
        font-size: 17px;
    }
    
    #mob_disputeBlock_bottom_part{
        width: 100%;
        float: left;
        background: #3893c2;
        text-align:center;
    }
    
    #mob_disputeBlock_bottom_part1,#mob_disputeBlock_bottom_part2,#mob_disputeBlock_bottom_part3{
        
        width: 33.32%;
        float: left;
        border-right: 1px solid white;
        padding: 10px 1%;
        color: white;
               
    }
    
     #mob_disputeBlock_bottom_part1 p,#mob_disputeBlock_bottom_part2 p,#mob_disputeBlock_bottom_part3 p,#mob_disputeBlock_bottom_part1tab2 p{        
        padding: 0;
        margin: 0;
        font-weight: bold;        
     }
    
    
     #mob_disputeBlock_bottom_part1 span,#mob_disputeBlock_bottom_part2 span,#mob_disputeBlock_bottom_part3 span{
        
        
     }
     
     
     #mob_disputeBlock_bottom_part1tab2{
        color: white;
        width: 100%;
        padding: 8px;
     }
    
    
}

@media screen and (max-width: 480px) {
    .personal-details li .label, .personal-details li {
        width: 100%;
        text-align: center;
    }

    .personal-details li span {
        float: none !important;
    }
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
}

#login {
    margin: 0 0 10px 15px;
    cursor: pointer;
    z-index: 9999;
    position: relative;
    text-transform: uppercase;
    padding: 5px 7px;
    width: auto;
    text-align: center;
    float: right;
   border-radius:3px ;
}

#login a {
    color: #FFF !important;
}

#topWelcome {
    padding-top: 9px;
}

#menu li a {
    padding: 15px 23px;
}

#menu ul {
   /* max-width: 980px; */
   max-width: 1100px;
}

/***********************/
/* Broker-specific CSS */
/***********************/

@media screen and (max-width: 1200px) {
    .broker #menu {
        text-align: center;
    }

    .broker #menu li a {
        font-size: 15px;
        padding: 15px 15px;
    }

    .broker #menu li {
        float: none;
        display: inline-block;
        padding: 0;
        margin-left: -3px;
    }
}

@media screen and (max-width: 1000px) {
    .broker #menu li a {
        font-size: 14px;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 768px) {
    .broker #topcontact, #topWelcome {
        text-align: center;
    }

    .broker #topcontact img, #topcontact p {
        float: none;
        display: inline-block;
    }

    .broker #menu li a {
        font-size: 15px;
    }

    .broker #menu {
        text-align: center;
    }

    .broker #menu li {
        float: none;
        display: inline-block;
        padding: 0;
    }

    .broker #menu li a {
        font-size: 14px;
        padding: 15px 10px;
    }
}

#left_container {
    max-width: 1150px;
    margin: 0 auto;
    background-color: #fff;
    padding: 25px;
    border: 1px solid #CCC;
}

#navigation #menu {
    background: -webkit-linear-gradient(#8f92a0, #7a7d8d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8f92a0, #7a7d8d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8f92a0, #7a7d8d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8f92a0, #7a7d8d); /* Standard syntax */
}

/* Mobile CSS */
@media screen and (max-width: 768px) {
    .mobileversion {
        display: block !important;
    }

    .desktopversion {
        display: none;
    }

    section#dashboardContent {
        background-color: transparent !important;
    }

    #dashboardCircle {
        padding-top:0;
        color: #127dc3;
    }

    #dashboardWelcomeText {
        color: #171717;
    }

    .content-inner {
        background: none repeat scroll 0 0 white;
        border: none;
        float: none;
        padding: 0px;
        width: 100%;
    }

    #dashboardContent {
        margin: 0px;
    }

    #bar {
        background: #2190cf; /* Old browsers */
        background: -moz-linear-gradient(top, #2190cf 0%, #0169b6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2190cf), color-stop(100%,#0169b6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2190cf 0%,#0169b6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2190cf 0%,#0169b6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2190cf 0%,#0169b6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2190cf 0%,#0169b6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2190cf', endColorstr='#0169b6',GradientType=0 ); /* IE6-9 */
        height:58px;
    }

    #header .container {
        padding: 0px;
    }

    .mobileHead {
        background: #585858; /* Old browsers */
        background: -moz-linear-gradient(top, #585858 0%, #070004 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #070004)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #585858 0%, #070004 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #585858 0%, #070004 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #585858 0%, #070004 100%); /* IE10+ */
        background: linear-gradient(to bottom, #585858 0%, #070004 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#070004', GradientType=0); /* IE6-9 */
        width: 100%;
        height: 40px;
    }
}

@media screen and (min-width: 768px) {
    .desktopversion {
        display: block;
    }

    .mobileversion {
        display: none;
    }

    section#dashboardContent {
        background-color: rgb(7, 73, 99);
    }

    #dashboardCircle {
        color: white;
    }

    #dashboardWelcomeText {
        color: white;
    }

    .content-inner {
        background: none repeat scroll 0 0 white;
        border: 1px solid #ccc;
        float: left;
        padding: 25px 25px 45px 25px;
        width: 100%;
    }

    #dashboardContent {
        margin: 0 0 20px;
    }

    #logo {
        background-color: transperant;
    }

    #header .container {
        padding: 0 15px;
    }
}

.mob_disputeBlock, .removedGradient {
    background: #3e9e83; /* Old browsers */
    background: -moz-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #3e9e83), color-stop(100%, #317f69)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3e9e83 29%, #317f69 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e9e83', endColorstr='#317f69', GradientType=0); /* IE6-9 */
}

.mob_disputeBlock {
    margin: 10px 0px 20px 0px;
    width: 100%;
    clear: both;
    /*padding: 10px;*/
}

.mob_resTab.more_padding li
{
	padding: 10px;
}

.mob_disputeBlockPendding {
    background: #8A2A3D; /* Old browsers */
    background: -moz-linear-gradient(top, #8B2A3E 29%, #8B2A3E 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #8B2A3E), color-stop(100%, #8B2A3E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8B2A3E 29%, #8B2A3E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8B2A3E 29%, #8B2A3E 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8B2A3E 29%, #8B2A3E 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8B2A3E 29%, #8B2A3E 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B2A3E', endColorstr='#8B2A3E', GradientType=0); /* IE6-9 */
    margin: 10px 0px 20px 0px;
    width: 100%;
    clear: both;
}

.mob_disputeAccDetails {
    padding: 10px;
}

.mob_disputeAcc {
    width: 50%;
    padding: 10px;
    color: #fff;
    display: inline-block;
    text-align: center;
    float: left;
}

.mob_disputeAccName {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.mob_disputeAccVal {
    padding-top: 5px;
}

.mob_disputeInputs {
    text-align: center;
    padding: 10px 0px;
    background: #3e9e83; /* Old browsers */
    background: -moz-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #3e9e83), color-stop(100%, #317f69)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3e9e83 29%, #317f69 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3e9e83 29%, #317f69 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e9e83', endColorstr='#317f69', GradientType=0); /* IE6-9 */
}

.mobileversion .headerContactInfo {
}

.mobileversion .btn_back, .mobileversion .btn_settings {
    left: 15px;
    top: 5px;
    position: absolute;
    background-repeat: repeat-x;
    background-color: #222222;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.3) 100%);
    height: 30px;
    padding: 0 10px 0 8px;
    z-index: 0;
    border-radius: 6px;
    -webkit-border-top-left-radius: 10px 15px;
    -webkit-border-bottom-left-radius: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.8) inset;
    display: block;
    text-align: center;
    color: #fff;
    text-shadow: 0px -1px 0px #000;
    line-height: 30px;
    font-weight: 700;
    -webkit-background-size: 30px;
    text-decoration: none;
}

.mobileversion .btn_settings {
    left: auto;
    width: 36px;
    height: 30px;
    background: center center url(gear.png) no-repeat;
    right: 10px;
}

.mobileversion .btn_back:before {
    position: absolute;
    top: 9.9%;
    left: -5px;
    -webkit-background-size: 22px 22px;
    background-position: -2px -1.5px;
    background-color: #222222;
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.3)));
    height: 25px;
    width: 25px;
    -webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
    -webkit-border-top-right-radius: 100px 40px;
    -webkit-border-top-left-radius: 30px 2px;
    -webkit-border-bottom-right-radius: 2px 30px;
    -webkit-border-bottom-left-radius: 40px 100px;
    z-index: 1;
    border-left: 1.5px solid rgba(255, 255, 255, 0.3);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2) inset, -1px 1px 1px rgba(0, 0, 0, 0.5) inset;
    -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.33, #000000), color-stop(0.5, transparent), to(transparent));
}

#mobSettings {
    display: none;
}

#mobSettings > ul {
    padding: 0px;
    margin: 0px;
}

#mobSettings #topWelcome {
    padding: 0px
}

#mobSettings {
    background: #222222;
    color: #ffffff;
}

#mobSettings > ul > li {
    line-height: 18px;
    padding: 10px;
    border: 1px solid #333333;
    text-align: right;
}

#mobSettings > ul > li a {
    color: #ffffff;
}

ul.mob_resTab {
    margin: 0px;
    padding: 0px;
    clear: both;
    border-bottom: 1px solid #77a3a3;
    width: 100%;
    display: inline-block;
}

ul.mob_resTab > li {
    list-style: none;
    width: 50%;
    display: inline-block;
    float: left;
    padding: 10px 4px;
    margin: 0px;
    color: #ffffff;
}

.mobhelpdek ul.mob_resTab > li {
    padding: 0px 4px;
    text-align:center;
}

.textCenter {
    text-align: center;
}

.mobhelpdek ul.mob_resTab {
    border: none;
}

.help-table .help-col {
    width: auto;
    float: left;
    padding: 15px;
    text-align: center;
    font-weight:normal !important;
}

.help-table {
    position: relative;
    top: -6px;
    padding: 0px 4px;
}

.help-table .row.th {
    background-color: transparent !important;
}

.help-table .helpTableContent_head {
    padding: 0px;
}

.mobileversion .helpTableContent_head {
    height:55px;
}

.help-table .row {
    padding: 0px;
}

.grayGradient {
    background: #ccc; /* Old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #ababab 44%, #777777 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(44%, #ababab), color-stop(100%, #777777)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ccc 0%, #ababab 44%, #777777 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ccc 0%, #ababab 44%, #777777 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ccc 0%, #ababab 44%, #777777 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ccc 0%, #ababab 44%, #777777 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#777777', GradientType=0); /* IE6-9 */
}

.pendingGradient, .disputeGradient {
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
}

.pendingGradient ul.mob_resTab, .disputeGradient ul.mob_resTab {
    border-bottom: 1px solid #a78060 !important;
}

.grayGradient ul.mob_resTab {
    border-bottom: 1px solid #cfcfcf !important;
}

.mob_disputeBlock ul.mob_resTab:last-child {
    border:none !important;
}

.col-1 {
    width: 22%;
    float: left;
    padding: 0px 15px;
}





@media screen and (max-width: 768px) {
   
	/******************** header start ********************/
	.broker #header .mobileHead {
		min-height: 50px !important;
	}

	.broker #header #mobSettings {
		margin-top: -10px !important;
	}

	.broker #header #mobSettings > ul {
		margin: 0 0 10px !important;
	}

	.broker #header #topcontact,
	.broker #header #topWelcome {
        display: none !important;	
    }

	.broker #header #headerContactInfo {
		padding: 0px !important;
		width: 100% !important;
		height: 0px !important;
	}
#logo{
    margin-top: 60px !important;
    margin-bottom: -25px !important;
}

.mobilenav{
    margin-top: 15px;
}

	.broker #header #bar {
        height: 58px !important;
		margin-bottom: 24px !important;
		margin-top: -10px !important;
		padding: 0 !important;
		width: 100% !important;
    }

	.broker #header #bar #languageDiv {
		text-align: left !important;
		margin: 10px !important;
	}

	.broker #header #languageDiv ul {
		text-align: left !important;
	}

	.broker #header #bar #languageDiv .dd .ddChild li {
		margin: 0px !important;
		padding: 5px !important;
	}

	.broker #header #bar #languageDiv .dd .ddChild li img {
		padding: 0 6px 0 0 !important;
		margin-top: 7px !important;
	}

	.broker #header #bar #languageDiv ul li span {
		font-size: 15px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.broker .mobilenav {
		background: #FFFFFF !important;	
		min-height: 70px !important;
	}

	/******************** header end ********************/
	
	

	/******************** login page start ********************/
	#login-page .container .content-inner {
		border: none !important;
		padding: 15px !important;
	}
	/******************** login page end ********************/



	/******************** result page start ********************/
	 #result-page {
		padding: 10px !important;
	}
	/******************** result page end ********************/

	
	/******************** begin fixes for broker account page ********************/
	.broker #broker-account-page .container .content-inner #myAccountSectionMainLeft {
		padding: 10px !important;	
	}

	.broker #broker-account-page .container .content-inner  ul.personal-details li {
		padding: 10px !important;
	}

	.broker #broker-account-page .container .content-inner  ul.personal-details li, 
	.broker #broker-account-page .container .content-inner  ul.personal-details li .label {
		text-align: left !important;
	}

	.broker #broker-account-page .container .content-inner  ul.personal-details li span.label {
		text-align: left !important;
	}

	.broker #broker-account-page .container .content-inner .personal-description {
		border: none !important;
		margin: -15px 0 -50px !important;
		padding: 10px !important;
	}

	.broker #broker-account-page .container .content-inner .personal-description h2 {
		margin: 0 0 10px !important;
		padding: 0 !important;
	}	
	/******************** end fixes for broker account page ********************/
}



@media screen and (max-width: 400px) {
	#result-page .tabbable ul#myTabs li a {
		font-size: 13px !important;
	}
}



/******************** broker account page start ********************/
.broker #broker-account-page .container .content-inner h2 {
    margin: 0 0 10px !important;
}

.broker #broker-account-page .container .content-inner  ul.personal-details li select {
	height: 40px !important;
}

.broker #broker-account-page .container .content-inner .personal-description {
	border: none !important;
	padding: 0 !important;
}

.broker #broker-account-page .container .content-inner .personal-description input[type="file"]{
	border: none !important;
	padding: 0px !important;
}

.broker #passwordChangeDiv {
	background-color: #ffffff !important;
    left: 50% !important;
    margin: 0 !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 300px !important;
    z-index: 99999 !important;
}
/******************** end fixes for broker account page ********************/



@media screen and (min-width: 769px) {
	/******************** begin fixes for broker and client content below navigation ********************/
	#dashboardContent {
		min-height: 0px !important;
		padding: 35px 0px !important;
	}

	#dashboardContent #dashboardCircle {
		padding: 0 !important;
		margin: 0 !important;
		margin: 0 auto;
	}

	#dashboardContent #dashboardWelcomeText {
		padding: 20px 0px 0px 0px !important;
		margin: 0 auto !important;
	}
	/******************** end fixes for broker and client content below navigation ********************/
}



/******************** begin fixes for flags drop down for broker and client in desktop and mobile modes ********************/
#header #headerContactInfo #languageCombo_title img,
#header #headerContactInfo #languageComboM_title img {
    margin-top: -3px !important;
}

#header .dd .ddChild ul li {
	margin: 0px !important;
	padding: 4px 5px 6px 5px !important;
	width: 100% !important;
}

#header .dd .ddChild ul li img {
	padding: 0 6px 0 0 !important;
	margin-top: 6px !important;
}

#header .dd .ddChild ul li span {
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}
/******************** end fixes for flags drop down for broker and client in desktop and mobile modes ********************/



/******************** begin fixes for bottom section for broker and client in desktop and mobile modes ********************/
#bottomSection .icon-image {
    text-align: center !important;
}

#bottomSection .description {
	text-align: center !important;
}
/******************** begin fixes for bottom section for broker and client in desktop and mobile modes ********************/

.widget-content {
    font-size:24px;
    font-weight:bold;
    color:#666;
}




/* 
fixes for 
- List of prospects on Broker Leads page
- List of clients on Broker Clients page
*/
.statusTableContent_odd .left, .statusTableContent_even .left {
    word-wrap: break-word !important;
}

@media screen and (max-width: 768px) {
	.broker #broker-leads-page .container .content-inner .psuedotable .mobilesubcontent, 
	.broker #broker-clients-page .container .content-inner .psuedotable .mobilesubcontent {
		border: none !important;
	}

	.broker #broker-leads-page .container .content-inner .psuedotable .mobilesubcontent .left2, 
	.broker #broker-clients-page .container .content-inner .psuedotable .mobilesubcontent .left2 {
		background: none !important;
		color: #000000 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		width: 30% !important;
	}

	.broker #broker-leads-page .container .content-inner .psuedotable .mobilesubcontent .left3, 
	.broker #broker-clients-page .container .content-inner .psuedotable .mobilesubcontent .left3 {
		background: none !important;
		color: #666666 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		width: 67% !important;
		word-wrap: break-word !important;
	}
	
	.broker #broker-leads-page .container .content-inner .psuedotable .mobilesubcontent .left3 a {
		color: #1e72b6 !important;
	}
}


/* fixes for Broker mobile navigation */
@media screen and (max-width: 768px) {
	.broker .slicknav_nav, .slicknav_nav ul {
		margin: 0 !important;
	}
}

.beak-word {
	word-wrap: break-word !important;
}




/* 
- Fixes for Client HelpDesk page in mobile view.
- Fixes for Broker HelpDesk page in mobile view.
- Fixes for Client Account Results page in mobile view.
*/
.desktop-only {
	display: inline-block !important;
}
.mobile-only {
	display: none !important;
}
.mobile-version {
	display: none !important;
}
.responsive-blue {
	background-color: #3893c2 !important;
}

.responsive-ligh-blue {
	background-color: #e6f6ff !important;
}

.responsive-green {
	background-color: #528d46 !important;
}

.responsive-red {
	background-color: #c23838 !important;
}

.responsive-maroon {
	background-color: #c23838 !important;
}

.responsive-orange {
	background-color: #ffe5b6 !important;
}

.responsive-blue-odd {
	background-color: #e6f6ff !important;
}

.responsive-blue-even {
	background-color: #f4fdff !important;
}

.responsive-green-odd {
	background-color: #d6f5d6 !important;
}

.responsive-green-even {
	background-color: #adebad !important;
}

.responsive-red-odd {
	background-color: #f9ebeb !important;
}

.responsive-red-even {
	background-color: #f3d7d7 !important;
}
@media screen and (max-width: 768px) {
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		display: inline-block !important;
	}
	.no-border {
		border: none !important;
	}

	.cursor-pointer {
		cursor: pointer !important;
	}

	.no-padding {
		padding: 0 !important;
	}

	.spacer40 {
		height: 30px;
	}

	.responsive-table {
		display: block !important;
		overflow: auto !important;
		padding: 10px;
	}

	.responsive-table h2 {
		color: #373737 !important;
		font-size: 18px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.responsive-table ul.responsive-table-action-buttons {
		list-style: outside none none !important;
		margin: 10px 0 !important;
		padding: 0 !important;
	}

	.responsive-table .responsive-table-action-buttons li {
		float: left !important;
		margin: 0 5px 0 0 !important;
		padding: 0 !important;
	}

	.responsive-table .responsive-table-action-buttons li a {
		border: medium none !important;
		color: #ffffff !important;
		display: inline-block !important;
		font-size: 14px !important;
		font-weight: normal !important;
		padding: 4px 10px 6px !important;
		text-decoration: none !important;
	}

	.responsive-table .responsive-tr {
		float: left !important;
		margin: 10px 0 0 !important;
		width: 100% !important;
	}


	.responsive-table .responsive-tr .responsive-tr-data {
		width: 100% !important;
	}

	.responsive-table .responsive-tr .responsive-th {
		color: #ffffff !important;
		display: table-cell !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		min-width: 125px !important;
		padding: 5px 10px !important;
		text-transform: uppercase !important;
	}
	
	.responsive-table .responsive-tr .responsive-td {
		color: #666666 !important;
		display: table-cell !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		min-width: 100% !important;
		padding: 5px 10px !important;
		vertical-align: middle !important;
		word-wrap: break-word !important;
	}
	
	#result-page .tabbable ul#myTabs li a {
		font-size: 11px !important;
		padding: 4px !important;
	}

}
@media screen and (min-width: 500px) and (max-width: 768px) {
	.responsive-table .responsive-tr .responsive-th {
		min-width: 150px !important;
	}
}



/* fixes for Send Invite button on Broker Daashboard */
.broker .content-area .widget .widget-content {
    word-break: break-all;
}


/* fixes for pagination in mobile mode */
@media screen and (max-width: 768px) {
	.pagination {
		display: table !important;
		text-align: center !important;
		font-weight: 300 !important;
	}
}
@media screen and (max-width: 400px) {
	.pagination a {
		display: table !important;
		font-size: 14px !important;
		margin: 0 3px 3px 0 !important;
		padding: 0 !important;
		width: 33.25px !important;
	}
	.pagination a.viewall {
		width: 60px !important;
	}
}
@media only screen and (min-device-width : 401px) and (max-device-width : 768px) {
	.pagination a {
		font-size: 14px !important;
		padding: 3px 9px !important;
	}
}



/* 
fixes for broker ticket view page
fixes for client ticket view page 
*/
.ticket-view-spacer {
	height: 20px !important;
	clear: both !important;
}
@media screen and (max-width: 768px) {
	.responsive-ticket-details {
		margin: 10px !important;
		padding: 10px !important;
	}

	.responsive-client-ticket-details {
		border: 1px solid #ccc !important;
		margin: 0px !important;
	}

	.responsive-ticket-details .main_heading_box h2 {
		margin: 0 0 10px !important;
	}

	.responsive-ticket-details .helpTableContent_head {
		padding: 10px 0 !important;
	}

	.responsive-ticket-details .helpTableContent_odd .part2,
	.responsive-ticket-details .helpTableContent_even .part2 {
		width: 100px !important;
	}

	.responsive-ticket-details .helpTableContent_head .part3 {
		font-weight: normal !important;
		width: 100% !important;
	}

	.responsive-ticket-details .ticket-view-spacer {
		height: 10px !important;
	}
}
/* fixes for client account status page */
@media screen and (max-width: 768px) {
	.client-status-date-fix {
		width: 107px !important;
	}
}
/* fixes for navigation in desktop */
#header {
    clear: both !important;
    float: none !important;;
    height: 145px !important;
}
#navigation {
    background: linear-gradient(#8f92a0, #7a7d8d) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: none !important;
	clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
#navigation #menu {
    display: table !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: auto!important;
}
#navigation #menu ul {
    display: table-row !important;
    margin: 0 !important;
	max-width: 100% !important;
    padding: 0 !important;
}
#navigation #menu li {
    border-right: 1px solid #ccc !important;
    display: table-cell !important;
    float: left !important;
    line-height: 18px !important;
    list-style: outside none none !important;
    padding: 0 !important;
}
/* fixes for client account result page */
#tab2 .page-title {
    padding-top: 0px !important;
}
.section-table {
    margin: 0 0 20px !important;
}
/* fixes for client discount page */
#disputeTableContent_head {
    padding: 0 !important;
}
.section-table .row .col-4 {
    width: 40% !important;
}
/* fixes for broker clients page */
#broker-clients-page {
	position: relative !important;
    /*top: 30px !important;*/
}
/************************* BEGIN TABLE COMPONENT FOR DESKTOP MODE *************************/
.portal-table {
	margin-top: 20px;
	clear: both;
}
.portal-table h2 {
    color: #373737;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
}
.portal-table .portal-table-header {
    background: #3893c2;
    border-bottom: 3px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    width: 100%;
}
.portal-table .portal-table-header .portal-table-th {
    float: left;
}
.portal-table .portal-table-body .portal-table-row {
    border-bottom: 3px solid #fff;
    float: left;
    padding: 10px;
    width: 100%;
}
.portal-table .portal-table-body .portal-table-row-even {
    background: #f4fdff;
}
.portal-table .portal-table-body .portal-table-row-odd {
    background: #e6f6ff;
}
.portal-table .portal-table-body .portal-table-td {
    float: left;
}
/************************* END TABLE COMPONENT FOR DESKTOP MODE *************************/
/* fixes for affiliate portal */
.no-margin {
	margin: 0px !important;
}
@media screen and (max-width: 768px) {
	.padding10{
		padding:10px !important;
	}
}
@media screen and (max-width: 768px) {
	.optin-box {
		padding: 10px;
	}
	.optin-box iput {
		width: 100%;
	}
}
/* fixes for table listing */
.table-listing h2 {
    color: #373737;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
}

.statusTableContent_head {
    padding: 15px !important;
}

.statusTableContent_head .left {
    padding: 0px !important;
}

.statusTableContent {
    padding: 10px 15px !important;
}

.statusTableContent_odd .left,
.statusTableContent_even .left {
    padding: 0px !important;
}

.pagination {
	margin: 10px 0 !important;
}

@media screen and (max-width: 768px) {
	.table-listing {
		overflow: auto !important;
		padding: 10px !important;
	}

	.statusTableContent {
		padding: 0px !important;
	}

	.mobilesubcontent {
		border: 0px !important;
		padding: 0 !important;
	}

	.left2 {
		color: #ffffff !important;
		display: table-cell !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		min-width: 125px !important;
		padding: 5px 10px !important;
		text-transform: uppercase !important;
	}

	.left3 {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		color: #666666 !important;
		display: table-cell !important;
		float: none;
		font-size: 14px !important;
		font-weight: 400 !important;
		min-width: 100% !important;
		padding: 5px 10px !important;
		vertical-align: middle !important;
		width: 100% !important;
		word-wrap: break-word !important;
	}
}


/* client result page fixes */
.account-result-width-fix1 {
	width: 16% !important;
}

.account-result-width-fix2 {
	width: 25% !important;
}
@media screen and (max-width: 768px) {
	.padding10{
		padding:10px !important;
	}
}
/* client status page fixes */
.client-status-page-width-fix1 {
	width: 56% !important;
}

@media screen and (max-width: 768px) {
	.client-status-date-fix {
		position: relative !important;
		top: 10px !important;
		width: 107px !important;
	}

	.client-status-date-fix img {
		margin-right: 5px !important;
		position: relative !important;
		top: 3px !important;
	}

	.client-status-page-width-fix1 {
		width: 100% !important;
	}
}



/* fixes for aesthetic issues */
.personal-details li .label {
    background-color: #999999 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    float: left !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: -2px 15px 0 0 !important;
    padding: 3px !important;
    text-align: center !important;
    text-shadow: none !important;
    width: 100px !important;
}

input[type=file] {
	padding: 0px !important;
}



/* fixes for footer */
#bottomSection {
	border-top: 1px solid #ccc !important;
	margin: 20px auto auto !important;
    padding: 25px !important;
}
#footerSection {
    border: none !important;
    margin: 0 !important;
	padding: 0 !important;
}


/* new send invite button */
.send-invite-button {
    border-radius: 3px !important;
    cursor: pointer !important;
	margin: 0 !important;
    padding: 5px 7px !important;
    text-transform: uppercase !important;
}

.send-invite-button a {
    color: #fff !important;
}


/* fixes for header text in the lower 4 boxes on the dashboard page moves to 2 lines causing visual issues */
@media screen and (min-width: 769px) and (max-width: 900px) {
	.widget .widget-title {
		font-size: 19px !important;
	}
}
/* fixes of client dashboard page slider */
@media screen and (max-width: 768px) {
	.removals-mobile-fix {
		height: 455px !important;
		max-height: 455px !important;
	}
}


/* update for affiliate broker register page */
#checkPartnerUsernameButton{
	margin: 0 0 0 10px !important;
    padding: 8px 12px !important;
}

#checkPartnerUsernameLoader {
    float: right;
    left: 10px;
    margin-top: -37px;
    position: relative;
}

.ajax-loader{
	display: none;
	width: 32px;
	height: 32px;
}

@media screen and (max-width: 768px) {
	#checkPartnerUsernameButton {
		float: right !important;
		padding: 3px 12px !important;
		position: relative !important;
		top: -15px !important;
	}

	#checkPartnerUsernameLoader {
		float: right !important;
		left: 4px !important;
		margin-top: -11px !important;
		position: relative !important;
		height: 22px !important;
		width: 22px !important;
	}
}

.close-button {
    background-color:#ccc;
    background-image:none;
    border:1px solid #ccc;
}
/* fixes for broker/brokerregister headline in mobile mode */
@media screen and (max-width: 768px) {
	#dashboardCircle {
		line-height: 36px !important;
	}
}


/* fixes for broker/tiers in mobile mode */
@media screen and (max-width: 768px) {
	#broker-tiers-padding-fix {
		padding: 5px !important;
	}

	#broker-tiers-padding-fix .container {
		margin: 0px !important;
		padding: 0px !important;
	}
}


/* fixes for modal */
.modal {
	padding-right: 0px !important;
}

.modal .modal-header {
	background: #3893c2 !important;
	border-radius: 3px 3px 0 0 !important;
	-webkit-background-clip: padding-box !important; 
	-moz-background-clip: padding !important; 
	background-clip: padding-box !important;
}

.modal .modal-header h3 {
	margin: 0px !important;
	color: #fff !important;
}

.modal .modal-body .container {
	padding: 0px !important;
}

.modal .modal-footer {
	background: #fafafa !important;
	border-radius: 0 0 3px 3px !important;
	-webkit-background-clip: padding-box !important; 
	-moz-background-clip: padding !important; 
	background-clip: padding-box !important;
}

.modal .modal-footer .container {
	padding: 0px !important;
}

.modal .modal-footer .container .form-group {
	margin: 0px !important;
}

.modal .modal-footer .container .form-group .button {
	margin: 0px !important;
}

.modal .modal-footer .close-button {
    background-color: #ccc;
    border: 1px solid #ccc;
	color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
}

.modal .modal-footer .close-button:hover {
    background-color: #aaa;
    border: 1px solid #aaa;
}
/* datatables */
.dataTables_length label, .dataTables_filter label {
	font-weight: normal !important; 
}

.dataTables_filter input {
	width: auto !important; 
}

table.dataTable thead {
    background: #3893c2 !important; 
    border-bottom: 3px solid #fff !important; 
	color: #fff !important;
}

table.dataTable thead th, table.dataTable thead td {
    border: 0 !important; 
    border-bottom: 3px solid #fff !important; 
	white-space: nowrap !important;
}

.table-striped > tbody > tr.odd {
    background-color: #f4fdff !important; 
}

.table-striped > tbody > tr.even {
    background-color: #e6f6ff !important; 
}

table.dataTable th, table.dataTable td {
    border-top: 0px !important; 
    border-bottom: 3px solid #fff !important; 
}

table.dataTable td {
	font-size: 15px !important;
}

table.dataTable tbody tr.odd > .sorting_1 {
	background-color: #f1faff;
}

table.dataTable tbody tr.even > .sorting_1  {
    background-color: #e1f1ff; 
}

.table-striped > tbody > tr:hover {
    background-color: #FFFFE0 !important; 
}

.table-striped > tbody > tr:hover > .sorting_1 {
    background-color: #FFFFD5 !important; 
}

table.dataTable > tbody > tr.child ul {
    width: 100% !important;
}

table.dataTable.no-footer {
    border: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #a0a0a0 !important;
    border: 0 !important;
    color: #fff !important;
	margin: 0 5px 5px 0 !important;
	padding: 5px 10px !important;
}

.dataTables_wrapper .dataTables_paginate .next {
	margin: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #3893c2 !important;
    border: 0 !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #3893c2 !important;
    text-decoration: underline !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}


.cursor-pointer {
	cursor: pointer !important;
}

@media screen and (max-width: 768px) {
	.responsive-padding-10 {
		padding: 10px !important;
	}
}


/* helpdesk pages */
.button-green, .button-maroon {
    font-size: 15px !important;
    margin: 0 0 20px !important;
    padding: 10px 19px !important;
}

table.helpdesk-open-tickets thead {
    background: #528D46 !important; 
}

table.helpdesk-open-tickets > tbody > tr.odd {
    background-color: #adebad !important; 
}

table.helpdesk-open-tickets > tbody > tr.even {
    background-color: #d6f5d6 !important; 
}

table.helpdesk-open-tickets tbody tr.odd > .sorting_1 {
	background-color: #ade3ad;
}

table.helpdesk-open-tickets tbody tr.even > .sorting_1  {
    background-color: #d6f1d6; 
}

table.helpdesk-open-tickets > tbody > tr:hover {
    background-color: #FFFFE0 !important;
	cursor: pointer !important;
}

table.helpdesk-closed-tickets thead {
    background: #C23838 !important; 
}

table.helpdesk-closed-tickets > tbody > tr.odd {
    background-color: #f3d7d7 !important; 
}

table.helpdesk-closed-tickets > tbody > tr.even {
    background-color: #f9ebeb !important; 
}

table.helpdesk-closed-tickets tbody tr.odd > .sorting_1 {
	background-color: #f3d1d1;
}

table.helpdesk-closed-tickets tbody tr.even > .sorting_1  {
    background-color: #f9e9e9; 
}

table.helpdesk-closed-tickets > tbody > tr:hover {
    background-color: #FFFFE0 !important;
	cursor: pointer !important;
}



.broker-leads-links-fix{
	color: #333 !important;
	text-decoration: none !important;
}
/******************** statuses ********************/
.deleted-status {
	background-color: #dff0d8 !important;
    color: #3c763d;
	text-align: center;
}
.pending-status {
	background-color: #feefb3 !important;
    color: #9f6000;
	text-align: center;
}
.hold-status {
	background-color: #d9edf7 !important;
    color: #31708f;
	text-align: center;
}
.scheduled-status {
	background-color: #fcf8e3 !important;
    color: #8a6d3b;
	text-align: center;
}
.dispute-status {
	background-color: #f2dede !important;
    color: #a94442;
	text-align: center;
}
@media screen and (min-width: 400px) and (max-width: 768px) {
    .responsive-table .responsive-tr .responsive-th {
        color: #ffffff !important;
        display: table-cell !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        min-width: 50% !important;
        padding: 5px 10px !important;
        text-transform: uppercase !important;
    }
    .responsive-table .responsive-tr .responsive-td {
        color: #666666 !important;
        display: table-cell !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        min-width: 50% !important;
        padding: 5px 10px !important;
        vertical-align: middle !important;
        word-wrap: break-word !important;
    }
}