/* ReSharper disable CssNotResolved */
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
.col-word-break{
    word-break: break-all;
}
html{
    height:100%;
}
.clear{
    clear:both;
}
body {
    padding-top: 90px;
    font-family: Roboto,Tahoma,Arial;
    
    color: #3c4852;
    background: #f4f8f9;
    position:relative;
    height:100%;
}

.body-row:after, .body-row:before{
    display:table;
    content:" ";
}

.body-row:after{
    content:" ";
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    padding-bottom: 20px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*
input,
select,
textarea {
    max-width: 280px;
}
*/

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.page-header {
    padding-bottom: 0;
    margin: 20px 0 10px;
}

.page-footer {
    bottom: 0;
    left: 0;
    right: 0;
    position:absolute;
    padding-top: 5px;
    padding-bottom:5px;
    /*border-top: 1px solid #dddddd;*/
    background: #fff;
    text-align:center;
}

.page-footer p {
    color: #3c4852;
    font-size:12px;
    margin-bottom:0;
}

.top-border {
    border-top: solid 2px #2d1604;
    border-top: solid 2px rgba(45, 22, 4, 0.06) !important;
}

.bottom-border {
    border-bottom: solid 2px #2d1604;
    border-bottom: solid 2px rgba(45, 22, 4, 0.06) !important;
}

.top-border-bold {
    border-top: solid 2px #2d1604;
    border-top: solid 4px rgba(45, 22, 4, 0.06) !important;
}


/*Advanced fixed periods table*/
table.no-td-border {
    border: none !important;
}

.no-td-border tr {
    border-top: 1px solid #b4b4b4 !important;
    border-bottom: 1px solid #b4b4b4 !important;
    background: #fbfaf9 !important;
}

.no-td-border tr:hover {
    background: #eeeeee !important;
}

td.left-border-dash {
    border-left: 1px dashed #dadad9 !important;
}

.no-td-border td {
    border: none !important;
    padding: 12px 8px !important;
}

.table-lnstyle .text-success {
    font-weight: normal;
    background-image: url(../images/ic_earnings_high.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 13px;
    display: inline-block;
    color: #3c4852;
}

.table-lnstyle .text-danger {
    font-weight: normal;
    background-image: url(../images/ic_earnings_low.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 13px;
    display: inline-block;
    color: #3c4852;
}

tr.bg-total {
    background: #e7ecef !important;
}

tr.bg-total td {
    background: #e7ecef !important;
}

.no-td-border tr.table-headings {
    border-top: none !important;
    background: none !important;
}

.no-td-border .table-headings td {
    color: #868686;
    font-size: 12px;
}

.table-title {
    font-size: 24px;
    color: #000;
    padding-top: 30px;
}
/*end Advanced fixed periods table*/



.compare-fixed-periods .text-success {
    font-weight: normal;
    background-image: url(../images/ic_earnings_high.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 13px;
    display: inline-block;
    color: #3c4852;
}

tr.bg-total-shadow {
    border: none !important;
}

tr.bg-total-no-border {
    border: none !important;
}

tr.bg-total-shadow td {
    height: 5px !important;
    background: none;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 0px !important;
    line-height: 3px !important;
    position: relative;
}

tr.bg-total-shadow td:before {
    content: "";
    position: absolute;
    top: -5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.18+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2e000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 5px;
    z-index: 100;
}


tr.border-top {
    border-top: 2px solid #ecedef;
}

tr.border-top:first-child {
    border-top: none;
}

tr.bg-total-shadow-bottom {
    border: none !important;
}

tr.bg-total-shadow-bottom td {
    height: 5px !important;
    background: none;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 0px !important;
    line-height: 3px !important;
    position: relative;
}

tr.bg-total-shadow-bottom td:before {
    content: "";
    position: absolute;
    bottom: -5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.18+0,0+97 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 5px;
    z-index: 100;
}

.compare-fixed-periods .text-danger {
    font-weight: normal;
    background-image: url(../images/ic_earnings_low.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 13px;
    display: inline-block;
    color: #3c4852;
}

.compare-fixed-periods tr.bg-total {
    background: #edfdd8 !important;
}

.compare-fixed-periods tr.table-headings {
    border-top: none !important;
    background: none !important;
}

.compare-fixed-periods .table-headings td, .compare-fixed-periods .table-headings th {
    color: #3c4852;
    font-size: 12px;
}



.navbar-nav li span.glyphicon {
    margin-right: 0.2em;
}

.nav-tabs {
    margin-bottom: 15px;
}

.table > thead > tr > td.gray,
.table > tbody > tr > td.gray,
.table > tfoot > tr > td.gray,
.table > thead > tr > th.gray,
.table > tbody > tr > th.gray,
.table > tfoot > tr > th.gray,
.table > thead > tr.gray > td,
.table > tbody > tr.gray > td,
.table > tfoot > tr.gray > td,
.table > thead > tr.gray > th,
.table > tbody > tr.gray > th,
.table > tfoot > tr.gray > th {
    background-color: #f5f5f5;
}

.table > thead > tr > td.default,
.table > tbody > tr > td.default,
.table > tfoot > tr > td.default,
.table > thead > tr > th.default,
.table > tbody > tr > th.default,
.table > tfoot > tr > th.default,
.table > thead > tr.default > td,
.table > tbody > tr.default > td,
.table > tfoot > tr.default > td,
.table > thead > tr.default > th,
.table > tbody > tr.default > th,
.table > tfoot > tr.default > th {
  background-color: #ffffff;
}
.table-hover > tbody > tr > td.default:hover,
.table-hover > tbody > tr > th.default:hover,
.table-hover > tbody > tr.default:hover > td,
.table-hover > tbody > tr:hover > .default,
.table-hover > tbody > tr.default:hover > th {
  background-color: #f4f8f9;
}

hr {
    margin-top: 6px;
    margin-bottom: 16px;
}

.error {
    color: red;
    font-weight: normal;
}

.changeCursor {
    cursor: pointer;
}


.table-lnstyle {
    border-top: 2px solid #3c4852;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.table-lnstyle > thead > tr > th {
    border: none;
    background: #f4f8f9;
    padding: 30px 20px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
}

.table-lnstyle > thead > tr > td,
.table-lnstyle > tbody > tr > td,
.table-lnstyle > tfoot > tr > td,
.table-lnstyle > thead > tr > td,
.table-lnstyle > tbody > tr > td,
.table-lnstyle > tfoot > tr > td {
    padding: 20px;
    border: none;
}



.table-td-grey-bold {
    text-align: left;
    font-size: 14px;
    color: #3c4852;
    font-weight: bold;
    background:#f4f8f9;
}

.container-lnstyle {
    background: #f4f8f9;
}


.glyphicon-triangle-top:before {
    content: "";
    position: absolute;
    background-image: url(../images/ic_dropdown_top.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 4px;
    top: 8px;
}

.glyphicon-triangle-bottom::before {
    content: "";
    position: absolute;
    background-image: url(../images/ic_dropdown.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 4px;
    top: 8px;
}

.glyphicon-triangle-bottom, .table-lnstyle .glyphicon-triangle-top {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

table td a {
    color: #3c4852;
    cursor: pointer;
}

.table-lnstyle td a:hover {
    text-decoration: none;
}

.table-lnstyle th img {
    margin-right: 5px;
    display: inline-block;
}

.btn.btn-default-bordered {
    border: 2px solid #ecedef;
    color: #4da1ff;
    font-size: 16px;
    padding: 10px 40px;
    transition: all .3s;
    background: #fff;
}

.btn.btn-default-bordered:hover {
    background: #4da1ff;
    border-color: #4da1ff;
    color: #fff;
}

.btn.btn-light-bordered {
    border: 2px solid #DADBDE;
    color: #000;
    font-size: 16px;
    padding: 10px 30px;
    transition: all .3s;
    background: #EBF1F2;
    height: 50px;
}

.btn.btn-light-bordered:hover {
    background: #DADBDE;
    color: #000;
}

.btn.btn-default-bordered-grey {
    border: 2px solid #ecedef;
    color: #3d4952;
    font-size: 16px;
    padding: 10px 30px;
    transition: all .3s;
    background: #fff;
    height: 50px;
}

.btn.btn-default-bordered-grey:hover {
    background: #ecedef;
    border-color: #ecedef;
    color: #3d4952;
}
.margin-top-30{
    margin-top:30px;
}
.btn-wide{
    width:100%;
}
.btn.btn-blue-bordered {
    border: 2px solid #3490f7;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    transition: all .3s;
    background: #4da1ff;
    height: 50px;
}

.btn.btn-blue-bordered:hover {
    background: #3490f7;
    color: #fff;
}

.btn.btn-red-bordered {
    border: 2px solid #f43037;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    transition: all .3s;
    background: #b43037;
    height: 50px;
}

    .btn.btn-red-bordered:hover {
        background: #b45037;
        color: #fff;
    }

.btn-margin-right {
    margin-right: 25px;
}

.btn-margin-left {
    margin-left: 25px;
}

.row-filter-lnstyle {
    padding: 0px 0 30px;
}

.table-lnstyle-grey-td {
    background: #f4f8f9 !important;
}

.report-chart-container {
    min-width: 310px;
    margin: 30px auto;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    background: #fff;
}

.report-chart-container-small{
    min-width: 310px;
    padding-top:20px;
    margin-bottom:30px;
}
.report-chart-container-small:nth-child(2){
    float:right;
}
.report-chart-title {
    border-top: 2px solid #3c4852;
    background: #f4f8f9;
    padding: 25px;
    color: #3c4852;
    font-size: 16px;
    margin-bottom: 20px;
}
.cols-inline{
    display: inline-block;
    vertical-align: top;
}
.cols-540 {
    max-width: 540px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.cols-270 {
    max-width: 270px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.cols-300 {
    max-width: 300px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

fieldset {
    margin-bottom: 20px;
}

.glyphicon-trends {
    content: "";
    background-image: url(../images/ic_trends.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
}

.glyphicon-reports {
    content: "";
    background-image: url(../images/ic_reports.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
}

.glyphicon-calendar::before {
    content: "";
    background-image: url(../images/ic_calendar.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    display: block;
}

.link-sign-out {
    color: #3c4852;
    font-size: 16px;
    float: right;
    margin-top: 15px;
    background-image: url(../images/ic_log_out.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    padding-right: 25px;
}

.link-sign-in {
    color: #3c4852;
    font-size: 16px;
    float: right;
    margin-top: 15px;
    background-image: url(../images/ic_log_in.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    padding-right: 25px;
}

.link-sign-in:hover, .link-sign-out:hover {
    color: #4da1ff;
    text-decoration: none;
}
.line-color-revenue, .line-color-leads, .line-color-hits, .line-color-epl{
    position:relative;
}
.line-color-revenue:before{
    position:absolute;
    left:0px;
    top:20px;
    background:#4da0ff;
    height:20px;
    width:2px;
    content:"";
}
.line-color-leads:before{
    position:absolute;
    left:0px;
    top:20px;
    background:#a68a80;
    height:20px;
    width:2px;
    content:"";
}
.line-color-hits:before{
    position:absolute;
    left:0px;
    top:20px;
    background:#ff7400;
    height:20px;
    width:2px;
    content:"";
}
.line-color-epl:before{
    position:absolute;
    left:0px;
    top:20px;
    background:#39b54a;
    height:20px;
    width:2px;
    content:"";
}
.hide{
    display:none;
}
.form-login{
    max-width:430px;
    width:100%;
    margin:0 auto;
    background:#fff;
    box-shadow:0px 0px 5px rgba(0,0,0,0.05);
}
.form-login-inner{
    padding:30px 50px;
}
.form-login-title{
    background:#f4f8f9;
    padding:20px;
    font-size:16px;
    text-align:center;
    border-top:2px solid #3c4852;
}
.navbar-header-center{
    float:none;
    text-align:center;
}
.navbar-header-center .navbar-brand {
    float:none;
    display:block;
}
.navbar-header-center .navbar-brand > img{
    margin:0 auto
}

.icon-status-Failed{
    background-image:url(../images/ic_table_failed.png);
    background-repeat:no-repeat;
    background-position:0px 12px;
    padding-left:20px !important;
}
.icon-status-Sent{
    background-image:url(../images/ic_table_send.png);
    background-repeat:no-repeat;
    background-position:0px 11px;
    padding-left:20px !important;
}
.icon-status-Generated{
    background-image:url(../images/ic_table_generated.png);
    background-repeat:no-repeat;
    background-position:0px 13px;
    padding-left:20px !important;
}
.icon-status-Approved{
    background-image:url(../images/ic_table_approved.png);
    background-repeat:no-repeat;
    background-position:0px 10px;
    padding-left:20px !important;
}
.icon-status-Ready{
    background-image:url(../images/ic_table_approved.png);
    background-repeat:no-repeat;
    background-position:0px 10px;
    padding-left:20px !important;
}
.icon-status-Sending{
    background-image:url(../images/ic_table_sending.png);
    background-repeat:no-repeat;
    background-position:0px 11px;
    padding-left:20px !important;
}
.icon-status-New{
    background-image:url(../images/ic_table_new.png);
    background-repeat:no-repeat;
    background-position:0px 10px;
    padding-left:20px !important;
}
.icon-status-Generating{
    background-image:url(../images/ic_table_generating.png);
    background-repeat:no-repeat;
    background-position:0px 13px;
    padding-left:20px !important;
}
select{
    -webkit-appearance:none !important;
    appearance:none !important;
    -moz-appearance:none !important;
    background-image:url(../images/icon_select.png) !important;
    background-repeat:no-repeat;
    background-position:100%;
}



.dataTables_wrapper input[type=text], .dataTables_wrapper input[type=search]{
    display: inline-block;
    height: 50px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #ecedef;
    border-radius: 3px;
}
.dataTables_wrapper select{
    -webkit-appearance:none !important;
    appearance:none !important;
    -moz-appearance:none !important;
    background-image:url(../images/icon_select.png) !important;
    background-repeat:no-repeat;
    background-position:100%;
    display: inline-block;
    height: 50px;
    padding: 8px 25px 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #ecedef;
    border-radius: 3px;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
    cursor:pointer;
    *cursor:hand;
    padding-left:35px;
    background-repeat:no-repeat;
    background-position:15px center;
}

@media screen and (max-width:1100px) {
    .cols-540 {
        display: block;
        clear: both;
    }

    .cols-260 {
        display: block;
        clear: both;
    }


    table.flip-scroll {
        display: block;
        position: relative;
        width: 100%;
    }
    .flip-scroll th,
    .flip-scroll td {
        margin: 0;
        vertical-align: top;
    }

    .flip-scroll th {
        text-align: left;
        border: 0 !important;
        border-bottom: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        border-left: 1px solid #ddd !important;
        padding: 5px;
        width: auto !important;
        display: block;
        text-align: right;
        height: 79px;
    }

    .flip-scroll thead {
        display: block;
        float: left;
    }

    .flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    .flip-scroll thead tr {
        display: block;
    }
    .flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
        margin-left: -5px;
    }

    .flip-scroll td {
        display: block;
        height: 79px;
        text-align: left;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        vertical-align: middle;
        padding: 28px !important;
        border-bottom: 1px solid #ddd !important;
        border-left: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
    }

}


@media screen and (max-width:768px) {
    .link-sign-out{
        float:none;
    }
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.filter-width-180{
    max-width:180px;
}
.filter-width-220{
    max-width:220px;
}
.filter-margin-right{
    margin-right:20px;
}
/* ReSharper restore CssNotResolved */

.template-definition { }

.template-definition textarea {
    resize: none;
    overflow: scroll;
    min-height: 200px;
    max-height: 850px;
}

.template-definition .index-text {
    max-height: 100px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.btns-sendtask{
    margin-bottom:20px;
}
.btns-sendtask .btn-success, .btns-sendtask .btn-danger, .btns-sendtask .btn-default{
    height:50px;
    padding:0px 30px;
    line-height:50px;
    font-size:16px;
}
*.mrgt-10{
    margin-top:10px;
}
label.template-presets {
    cursor: pointer;
}

.cellInlineInput {
    border-color: transparent;
    color: #656565;
    padding-left: 5px;
    border-width: 1px;
    vertical-align: middle;

    width: 100%;
    box-sizing: border-box;
}

.cellInlineInput:focus {
    border-color: rgba(0,0,0,.08);
    color: #656565;
    padding-left: 5px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    vertical-align: middle;

    width: 100%;
    box-sizing: border-box;
}

.errorInfo {
    color: red;
    border: solid 1px red;
}

.cellRightBorder {
    border-right: 1px solid gray;
}

.smsDefRow:hover {
    cursor: pointer;
}

.smsDefRowCloned {
    border: 2px solid lightgreen;
}

.block-template-preview {
    border: 1px solid #b6b3b4;
}
div.block-template-preview table {
    background-color: transparent !important;
    border-top: 0px solid #3c4852 !important;
    box-shadow: 0px 0px 0px !important;
    background: !important;
}

tr.selectedRow>td {
    filter: brightness(90%);
}
tr.selectedRow>td:first-child {
    border-left-style:solid;
    border-left-width:3px;
    border-left-color:black;
    padding-left:6px;
}

.monEntryGood {
    color: green;
}

.monEntryBad {
    color: red;
}

.sticky-header-table {
    position: relative
}

.sticky-header-table th {
    position: sticky;
    top: 62px;
}

.nested-table{
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    width: 100%;
}

.nested-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.collapsible-wr {
    overflow-y: hidden;
    cursor: pointer;
    height: 25px;
}

.clgNipCount {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 0;
    margin: 0;
    height: 18px;
}

.input-same-as-label-stripped {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 0;
    margin: 0;
    height: 18px;
    width: 100%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.emailPlan textarea {
    resize: none;
}


.timeZonesChbWr {
    display: block;
}

.timeZonesChbWr label {
    display: inline;
}

.timeZonesChbWr input[type=checkbox] {
    display: inline;
}

.timeZonesChbWrInner {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}

.text-failed {
    color: #ff0000;
}

.value-separator {
    color: #b3b3b3;
    margin: 0 3px;
}

.table > thead > tr > td.approved,
.table > tbody > tr > td.approved,
.table > tfoot > tr > td.approved,
.table > thead > tr > th.approved,
.table > tbody > tr > th.approved,
.table > tfoot > tr > th.approved,
.table > thead > tr.approved > td,
.table > tbody > tr.approved > td,
.table > tfoot > tr.approved > td,
.table > thead > tr.approved > th,
.table > tbody > tr.approved > th,
.table > tfoot > tr.approved > th {
    background-color: #eaf7d0;
}

.table-hover > tbody > tr > td.approved:hover,
.table-hover > tbody > tr > th.approved:hover,
.table-hover > tbody > tr.approved:hover > td,
.table-hover > tbody > tr:hover > .approved,
.table-hover > tbody > tr.approved:hover > th {
    background-color: #aeefa6;
}

/* Stats */

.stats-card {
    background: #fff;
    box-shadow: 0px 0px 30px rgb(0 24 91 / 6%);
    font-size: 16px;
}

.stats-card-title {
    background: #FAFBFD;
    border-bottom: 2px solid #ECEDEF;
    height: 50px;
    padding: 2px 45px 0 20px;
    display: flex;
    align-items: center;
    color: #3D4952;
    position: relative;
}

.stats-card-content {
    padding: 20px;
}

.stats-card-content table {
    width: 100%;
    table-layout: fixed;
    border: none;
    box-shadow: none;
}

.stats-card-title .ic {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .8;
}

/* Helpers */

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-10 {
	margin-left: 10px;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.align-items-end {
    align-items: flex-end;
}

.row-gap-20 {
    row-gap: 20px;
}

.w-12 {
    flex: 0 0 12%;
    width: 12%;
}

.w-15 {
    flex: 0 0 15%;
    width: 15%;
}

.w-19 {
    flex: 0 0 19%;
    width: 19%;
}

.w-42 {
    flex: 0 0 42%;
    width: 42%;
}

.w-57 {
    flex: 0 0 57%;
    width: 57%;
}

.w-100 {
    flex: 0 0 100%;
    width: 100%;
}

.min-w-auto {
    min-width: inherit !important;
}

.min-w-190 {
    min-width: 190px;
}

.min-w-225 {
    min-width: 225px;
}

.min-w-320 {
    min-width: 320px;
}

.row.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row.row-10 .col {
    padding: 0 10px;
}

.h-100 {
    height: 100%;
}

.ic {
    display: inline-block;
}

.ic:hover {
    opacity: 1;
}

.ic-open:before {
    content: '';
    background: url(../images/ic_open.svg) no-repeat center;
    background-size: 18px;
    display: block;
    width: 18px;
    height: 18px;
}

.ic-info:before {
    content: '';
    background: url(../images/ic_info.svg) no-repeat center;
    background-size: contain;
    display: block;
    width: 18px;
    height: 18px;
}

.ic-arrow-up {
    margin: 20px 0;
}

.ic-arrow-up:before {
    content: '';
    background: url(../images/ic_arrow_up.svg) no-repeat center;
    background-size: contain;
    display: block;  
    width: 40px;
    height: 22px;
}

.ic-arrow-down {
    margin: 20px 0;
    transform: scaleY(-1); 
}

.ic-arrow-down:before {
    content: '';
    background: url(../images/ic_arrow_down.svg) no-repeat center;
    background-size: contain;
    display: block;  
    width: 40px;
    height: 22px;
}

.fs-12 {
	font-size: 12px;
}

.fs-20 {
    font-size: 20px;
}
.fs-40 {
    font-size: 40px;
}

.fw-300 {
    font-weight: 300;
}

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

.justify-content-between {
    justify-content: space-between;
}

.marker {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 8px;
}

.bg-blue {
    background-color: #0072FF;
}

.bg-red {
    background-color: #FF4744;
}

.bg-green {
    background-color: #85C625;
}

.bg-orange {
    background-color: #FFA530;
}

.bg-light {
    background-color: #AFB4B8;
}

.color-light {
    color: #AFB4B8;
}

.form-control-sm {
    height: 40px;
    font-size: 16px;
    border: 2px solid #EDEEF0;
    border-radius: 4px;
}

.lh-1 {
    line-height: 1;
}

h1:empty {
    padding: 0;
    margin: 0;
}

.btn.btn-md {
    height: 40px;
    line-height: 1;
    min-width: 220px;
}

/* Chain list */

.chain-list {
    padding: 0 0 0 13px;
    margin: 0;
    list-style: none;
    font-size: 16px;
}

.chain-list li {
    position: relative;
    padding: 0 20px 25px 20px;
}

.chain-list li:not(:last-child) {
    border-left: 2px solid #ECEDEF;
}

.chain-list li:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #3D4952;
    border-radius: 50%;
    border: 7px solid #fff;
    box-shadow: 0 0 0 2px #ECEDEF;
    position: absolute;
    left: -13px;
    top: 0;
}

.chain-list-date {
    color: #AFB4B8;
    margin-bottom: 10px;
    font-size: 14px;
    height: 24px;
    display: flex;
    align-items: center;
}

/* Nice table */

.nice-table {
    background-color: #fff;
    width: 100%;
    border: none;
    font-size: 16px;
    box-shadow: 0px 0px 30px rgb(0 24 91 / 6%);
}

.nice-table th, .nice-table td {
    padding: 13px 20px;
}

.nice-table th {
    color: #AFB4B8;
    font-weight: normal;
}

.nice-table td {
    border-top: 2px solid #ECEDEF
}

.nice-table tr:nth-child(odd) {
    background-color: #FAFBFD;
}

.nice-table .badge {
    color: #3D4952;
    background-color: #ECEDEF;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    border-radius: 14px;
    width: 50px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Nice progress */

.nice-progress {
    width: 200px;
    background-color: transparent;
    box-shadow: none;
    height: 24px;
    margin: 0;
}

.nice-progress .progress-bar {
    border-radius: 12px;
    text-align: left;
    font-size: 16px;
    padding: 0 10px;
    line-height: 24px;
    font-weight: bold;
    box-shadow: none;
    min-width: 50px;
    max-width: 100%;
}

/* Charts */

.email-placement-chart {
    min-height: 160px;
}

/* Data table */

.datatable-custom table thead th {
    font-weight: normal;
    background-position: 10px center !important;
    border-bottom: none;
}

.datatable-custom .dataTable.no-footer {
    border-bottom: none;
}

.datatable-custom-search .dataTables_filter {
    float: none;
    text-align: left;
}

.datatable-custom-search .dataTables_filter input {
    margin: 0 0 10px 0;
    height: 40px;
    border: 2px solid #EDEEF0;
    border-radius: 4px;
    min-width: 250px;
}

.datatable-custom-search .dataTables_filter input::placeholder {
    color: #AFB4B8;
}

.datatable-custom-paging {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.datatable-custom-paging select {
    width: 150px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid #EDEEF0;
    margin-left: 10px;
    margin-right: 20px;
}

.datatable-custom-paging label {
    margin: 0;
}

.datatable-custom-paging .dataTables_info {
    padding: 0;
    color: #AFB4B8;
}

.datatable-custom-paging .btn:not(.previous):not(.next) {
    display: none !important;
}

.datatable-custom-paging .dataTables_paginate {
    padding: 0;
    margin-left: 20px;
}

.datatable-custom-paging .btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.datatable-custom-paging .btn.previous:after, .datatable-custom-paging .btn.next:after {
    content: '';
    font-size: 0;
    background: url(../images/ic_arrow_prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    display: block;
    height: 100%;
    width: 100%;
}

.datatable-custom-paging .btn.next:after {
	background-image: url(../images/ic_arrow_next.svg);
}

.datatable-custom-paging .btn.next {
	margin-left: 10px;
}

@media screen and (max-width: 767.9px) {
    .datatable-custom-paging {
        flex-direction: column;
        row-gap: 15px;
    }
    .datatable-custom-paging .dataTables_paginate {
        margin-left: 0;
    }
}