@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Black.woff2') format('woff2'),
        url('../fonts/Raleway-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-BlackItalic.woff2') format('woff2'),
        url('../fonts/Raleway-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.woff2') format('woff2'),
        url('../fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-BoldItalic.woff2') format('woff2'),
        url('../fonts/Raleway-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('../fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Raleway-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraLight.woff2') format('woff2'),
        url('../fonts/Raleway-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Raleway-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Italic.woff2') format('woff2'),
        url('../fonts/Raleway-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Light.woff2') format('woff2'),
        url('../fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-LightItalic.woff2') format('woff2'),
        url('../fonts/Raleway-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Medium.woff2') format('woff2'),
        url('../fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-MediumItalic.woff2') format('woff2'),
        url('../fonts/Raleway-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.woff2') format('woff2'),
        url('../fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('../fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Raleway-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Thin.woff2') format('woff2'),
        url('../fonts/Raleway-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ThinItalic.woff2') format('woff2'),
        url('../fonts/Raleway-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin.woff2') format('woff2'),
        url('../fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d4d4d4 !important; font-family: 'Inter' !important; font-weight: 400 !important; font-size: 16px !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d4d4d4 !important; font-family: 'Inter' !important; font-weight: 400 !important; font-size: 16px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d4d4d4 !important; font-family: 'Inter' !important; font-weight: 400 !important; font-size: 16px !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d4d4d4 !important; font-family: 'Inter' !important; font-weight: 400 !important; font-size: 16px !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-size: 16px;}

h1, h2, h3, h4, h5, h6 {font-family: 'Raleway'; font-weight: 700;}

h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 12px;}


.login-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px !important;
  font-family: 'Inter';
  font-weight: 400;
  color: #d4d4d4 !important;
}

.login-box input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px !important;
  font-family: 'Inter';
  font-weight: 400;
  color: #d4d4d4 !important;
}

.login-box input:-ms-input-placeholder { /* IE 10+ */
   font-size: 16px !important;
  font-family: 'Inter';
  font-weight: 400;
  color: #d4d4d4 !important;
}
.login-box input:-moz-placeholder { /* Firefox 18- */
   font-size: 16px !important;
  font-family: 'Inter';
  font-weight: 400;
  color: #d4d4d4 !important;
}

body {font-family: "Inter", sans-serif !important;font-size: 16px;color: #000;background: #fff;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f6faff inset !important;
    font-size: 16px !important;
}

.btn.btn-flat {border-radius: 6px;}

/*.login-box input:-webkit-autofill {font-size: 0; color: #fff !important;}*/

.btn:focus {outline: 0 !important;}


.skin-black .left-side, .skin-black .main-sidebar, .skin-black .wrapper {
    background: #fff;
}
.main-footer {position: fixed; right: 0; bottom: 0; left: 0; overflow: hidden; background: #fff; text-align: right; font-size: 15px; line-height: normal; border-top: 1px solid #808080;}
.wrapper {background: #fff;}
.login-page, .register-page {background: #fff;}
/*.login-page:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: url(../images/popwindow-background.jpg) 0 0 no-repeat; background-size: cover;}*/
.login-logo, .register-logo {font-family: 'Inter';}
.login-logo {background: #40b0c7; margin-bottom: 0; text-transform: uppercase;}
.login-box {display:flex; background: #fff; max-width: 100%; width: 100%; margin-top: 0; margin-bottom: 0; position: absolute; top: 0; left: 0; bottom: 0; transform: none; min-height: 500px; flex-direction: row-reverse;}
.login-box-body, .register-box-body {box-shadow: none; padding-top: 8px; background: transparent;}

.login-box .login-left {width: 62%;padding: 40px 45px;display: flex;flex-direction: column;justify-content: center;}
.login-box .login-right {width: 38%;display: flex;justify-content: center;align-items: center;background-size: cover;position: relative;background: rgb(8,45,83);background: linear-gradient(180deg, rgba(8,45,83,1) 0%, rgba(27,84,140,1) 100%);}
.login-box .login-right:before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); opacity: 0.05;}
.login-box .login-right .site_logo {position: absolute; left: 10%; top: 40px; z-index: 200;}
.login-box .login-box-body {max-width: 488px;margin: 0;}
.login-box .login-right .copyright {position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; color: #fff;}

.startuppage-text {font-size: 18px; color: #1f2937; margin-bottom: 35px;}
.startuppage-btmtext {margin-top: 64px; color: #1f2937;}

.login-box h1 {color: #1b548c; font-size: 30px; font-family: 'Raleway'; font-weight: 900;}

@media (min-width: 1500px) {
  .login-box .login-box-body {max-width: 100%; width: 50%;}
}

.login-box .login-right ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 0 20px;}
.login-box .login-right ul li {width:33.33%; text-align: center; font-size: 16px; color: #fff; padding: 0 5px; margin: 25px 0;}
.login-box .login-right ul li p {line-height: normal; margin: 12px 0 0;}
.login-box .form-group label {padding-right: 0;}

.login-logo b {font-weight: 700; font-family: 'Inter'; font-size: 30px; color: #fff;}
.login-logo p {font-family: 'Inter'; font-size: 16px;}
.login-logo p a {color: #337ab7;}


.login-box-body .checkbox label, .login-box-body .radio label,
.register-box-body .checkbox label, .register-box-body .radio label {font-family: 'Inter'; font-size: 16px;}

.login-box-body .form-group label, .register-box-body .form-group label {padding-left: 0;}

.content {padding-left: 35px !important;padding-right: 0 !important;padding-top: 0;}
.content .row {margin: 0; background: #fff; overflow: visible;}
.content .content {padding-left: 0 !important; padding-right: 0 !important;}

button.btn, a.btn {padding: 10px 16px;font-size: 16px;font-weight: 500;border-radius: 6px;line-height: 1.42857143;}
button.btn-primary, a.btn-primary {background: #1b548c;border: 0;text-shadow: none;font-family: 'Inter';font-size: 16px;font-weight: 400;border-radius: 6px;}
button.btn-primary:hover, a.btn-primary:hover {background: #082d53;border: 0;text-shadow: none;}
.btn-primary.green-btn {border:0;box-shadow: none;background: #1b548c;text-shadow: none;border-radius: 7px;font-size: 16px;font-weight: 400;padding: 12px 30px;line-height: 18px;width: auto;}
.btn-primary.green-btn:hover, .btn-primary.green-btn:active:hover {background: #082d53 !important;text-shadow: none;box-shadow: none;}

.btn-primary.focus, .btn-primary:focus {background: #1b548c;font-size: 16px;}
.btn-primary:active:hover {background: #082d53 !important;}


.btn-primary.gray-btn {border: 0;box-shadow: none;background: #1b548c;text-shadow: none;border-radius: 7px;font-size: 16px;font-weight: 400;padding: 12px 30px;line-height: 18px;width: auto;}
.btn-primary.gray-btn:hover, .btn-primary.gray-btn:active:hover {background: #082d53;text-shadow: none;border: 0;box-shadow: none;}

.btn-primary.vltgreen-btn {border: 0;box-shadow: none;background: #1b548c;text-shadow: none;border-radius: 6px;font-size: 16px;font-weight: 400;padding: 7px 15px;line-height: 18px;width: auto;}
.btn-primary.vltgreen-btn:hover, .btn-primary.vltgreen-btn:active:hover {background: #082d53 !important;text-shadow: none;border: 0;box-shadow: none;}

.login-btnbox {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.login-box-body .btn-primary {min-width: 65%;width: auto;margin: 0;height: 55px;}
.login-box-body button.btn-primary {margin-bottom: 0;}

.form-control {height: 55px;border: 1px solid #d8e3ee;font-size: 16px;font-weight: 400;line-height: normal;background: #f6faff;border-radius: 4px;}
.login-box .form-control {text-align: left;color: #082d53 !important;}
.login-box .form-control:focus {color: #242424;}
textarea.form-control {height: 70px; resize: none;}

option {font-family: "Inter", sans-serif !important; font-size: 16px; background-color: #fff;}

#cms_form textarea.form-control {height: 300px;}
#cms_form textarea.form-control.t-c-manage {height: 540px;}
.form-control:focus {border-color: #1b548c;}
.sidebar a {color: #fff !important;font-family: 'Inter';font-size: 16px;font-weight: normal;}
.sidebar-menu>li>a {border-left: 0 !important;padding-top: 12px;padding-bottom: 12px;}
.sidebar-menu>li.active>a, .sidebar-menu>li.active:hover>a {color: #fff !important;border: 0 !important;background: #08213a !important;}
.sidebar-menu>li:hover>a {color: #fff !important;background: #173a5e !important;border: 0 !important;}
.sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {display: none;}
.sidebar-menu>li>a>.fa {display: inline-block; vertical-align: middle;}
.user-panel>.info>p {color: #000;}
.user-panel hr {margin-bottom: 0;margin-top: 0;border-color: transparent;}
.main-sidebar {background: #082d53 !important;width: 221px !important;padding-top: 0 !important;position: fixed !important;height: 100%;z-index: 1100;}
.main-sidebar:before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.05;}
.left-side {width: 186px; padding-top: 20px;}
.main-footer, .right-side {margin-left: 221px !important;}
.content-wrapper {margin-left: 186px !important; background: transparent !important; min-height: 600px !important;}
.login-page .main-footer {margin-left: 0; box-shadow: 0 -5px 15px rgb(193, 218, 218); border-top: 0}
.content-wrapper, .right-side {background: transparent;}
.content-wrapper {padding-bottom: 50px; padding-top: 50px;}

.content-header {display: none;}
.box {border-top: 0; box-shadow: none;}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {display: none;}

.box.new-campaign, .box.new-billing, .box.new-users {border-radius: 0;border-top: 0;box-shadow: none;margin: 0 calc((100% - 600px) / 2);width: auto;max-width: 600px;}

.box.new-campaign.profile {margin: 0 calc((100% - 90%) / 2); max-width: 100%;}

.box.new-campaign {margin-top: 30px; padding-bottom: 15px;}

.box-header {display: none;}
.form-horizontal .form-group {margin-left: 0; margin-right: 0; margin-bottom: 6px; position: relative;}
.form-horizontal .form-group.agencylogo {margin-top: 20px;}
.form-horizontal .control-label {text-align: left;font-size: 16px;font-family: 'Inter';font-weight: 500;color: #000;padding-bottom: 0;line-height: normal; padding-top: 15px;}
.box-body {padding: 10px 0;}
.label_heading {font-size: 16px;font-family: 'Inter';font-weight: 600;color: #000;padding: 0 15px 10px;}
select.form-control {-moz-appearance: none; -webkit-appearance: none; background: url(../images/select-arrow.png) calc(100% - 11px) center no-repeat; padding-right: 35px; font-size: 16px;}
label {font-size: 16px;font-family: 'Inter';color: #082d53;padding: 0 15px 8px;margin: 0;font-weight: normal;}

.content-wrapper label {font-weight: 600;}

.address_ph_sec .address_ph_each_field {position: relative;}
.address_ph_sec .address_ph_each_field .form-group {margin-bottom: 0;}
.address_ph_sec .address_ph_each_field .form-group div {margin-bottom: 6px;}

a {color: #1b548c;font-size: 16px;font-weight: 400;}
a:hover {color: #082d53;text-decoration: none;}

.form-horizontal .form-group.new-camp-row1 {margin-bottom: 60px;}
.form-horizontal .form-group.new-camp-business-row {margin: 30px 0; display: inline-block; width: 100%;}

.add_more_location_btn {float: right; font-family: 'Inter';}

.location_remove {position: absolute;top: 10px;right: -12px;color: #fff;font-size: 16px;font-family: 'Open sans';font-weight: 600;line-height: 18px;background: #1b548c;width: 20px;height: 20px;text-align: center;border-radius: 50%;}
.location_remove:hover {text-decoration: none;color: #fff;}

.file_upld_row {margin-top: 15px;}
.file_upld_row span a {color: #6b6b6b; font-weight: 300;}
.file_upld_row label.checkbox-inline {float: right; padding: 0; font-weight: bold; color: #ff6600;}
.file_upld_row label.checkbox-inline:hover {text-decoration: underline;}
/*.file_upld_row label.checkbox-inline input[type="checkbox"] {opacity: 0;}*/

.new-campaign .buttons-set, .new-billing .buttons-set, .new-users .buttons-set {text-align: center;}
.new-campaign .buttons-set .btn-primary, .new-billing .buttons-set .btn-primary, .new-users .buttons-set .btn-primary {margin: 0 17px;}
.new-campaign .buttons-set .btn-primary.gray, .new-billing .buttons-set .btn-primary.gray, .new-users .buttons-set .btn-primary.gray {background: #7f7f7f;}
.new-campaign .buttons-set .btn-primary.gray:hover, .new-billing .buttons-set .btn-primary.gray:hover, .new-users .buttons-set .btn-primary.gray:hover {background: #666;}

.new-billing .buttons-set, .new-users .buttons-set, .new-campaign .buttons-set {margin-top: 30px;}

button.btn-primary.green {background: #1b548c;}
button.btn-primary.green:hover {background: #082d53;}

.flexigrid {font-family: 'Inter' !important;}

.btn-cont-pad {width: 100%;}
.btn-cont-pad div {text-align: right; padding-right: 0;}


@media (min-width: 993px) {
  .btn-cont-pad .filter-search-area {padding-left: 0;}
}

.table {margin: 15px 0 0; width: 100%;}
.table>thead>tr>th {font-size: 16px;font-family: 'Inter';font-weight: 600;color: #1b548c;padding: 12px 8px;border-bottom: 1px solid #808080;vertical-align: top;line-height: normal;}
.table>tbody>tr>td {padding: 12px 8px;border-bottom: 1px solid #d9d9d9;font-size: 16px;font-weight: 500;vertical-align: middle;line-height: normal;word-break: break-word;}
.table-hover>tbody>tr:hover {background-color: #f7f7f7;}

div.flexigrid .table>thead>tr>th>a {font-size: 16px;font-weight: 600;color: #1b548c !important;padding: 0;}
div.flexigrid .table>thead>tr>th>a:hover {color: #000 !important; text-decoration: none;}

.table>tbody>tr>td.campaign_pending, .table>tbody>tr>td.campaign_active, .table>tbody>tr>td.campaign_stopped, .table>tbody>tr>td.campaign_inactive {font-size: 0;}
.campaign_pending:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #ff9a3b;}
.campaign_active:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #22bb51;}
.campaign_stopped:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #c3c3c3;}
.campaign_inactive:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #c3c3c3;}

div.flexigrid a {color: #ff9a3b !important;font-weight: normal;}
div.flexigrid a:hover {text-decoration: none;color: #082d53 !important;text-decoration: none !important;}

.new-users .checkbox-sec input {margin-top: 12px;}

.form-group.keyword-ideas-form-sec div.col-sm-11 {padding: 0; width: calc(100% - 92px);}
.form-group.keyword-ideas-form-sec div.col-sm-6 {padding-right: 0; text-align: right;}
.form-group.keyword-ideas-form-sec div.col-sm-4 {padding: 0 8px;}
.form-group.keyword-ideas-form-sec div.col-sm-2 {padding: 0;}
.form-group.keyword-ideas-form-sec div.col-sm-1 {padding-left: 8px; padding-right: 15px; width: 91px;}
.form-group.keyword-ideas-form-sec .btn-primary {font-size: 22px;font-weight: 400;font-family: 'Inter';padding: 0;background: #1b548c;width: 150px;line-height: 37px;display: inline-block;height: 37px;font-size: 16px;}
.form-group.keyword-ideas-form-sec .btn-primary:hover {background: #082d53;}


.keyword-active-sec {margin-bottom: 15px;}
.keyword-active-sec .total_actv_kw_row {display: inline-block;}
.total_actv_kw_row {margin-top: 10px; display: flex; justify-content: space-between;}
.total_actv_kw_row .green-btn {margin-left: 15px;}
.total_actv_kw_row .total_actv_kw {font-family: 'Inter';font-size: 16px;color: #000;font-weight: 400;padding-left: 0;float: left;width: auto;margin-right: 30px;}
.total_actv_kw_row .total_selected_kw {font-family: 'Inter';font-size: 16px;color: #000;font-weight: 400;padding-left: 0;float: left;width: auto;}
.total_actv_kw_row .start_subscription_btn {text-align: right; padding-right: 0;}
.total_actv_kw_row .start_subscription_btn .btn-primary {padding: 12px 30px; line-height: 18px; font-size: 22px; font-weight: 400;}

.table>tbody>tr>td.quality_green {color: #00b050; font-weight: 400;}
.table>tbody>tr>td.quality_lighter_green {color: #92d050; font-weight: 400;}
.table>tbody>tr>td.quality_yellow {color: #ffc000; font-weight: 400;}
.table>tbody>tr>td.quality_red {color: #ff0000; font-weight: 400;}



.keyword_minus_link {font-size: 0; display: inline-block; vertical-align: middle; margin-right: 8px;}
.keyword_minus_link:before {content: ""; display: block; width: 20px; height: 20px; background: url(../images/icon-sprite-new.png) 1px -2px no-repeat;}
.keyword_minus_link:hover:before {background-position: 1px -24px;}

.keyword_plus_link {font-size: 0; display: inline-block; vertical-align: middle; margin-right: 8px;}
.keyword_plus_link:before {content: ""; display: block; width: 20px; height: 20px; background: url(../images/icon-sprite-new.png) -22px -2px no-repeat;}
.keyword_plus_link:hover:before {background-position: -22px -24px;}

.billing_remove:before {content: "" !important; display: block; width: 18px; height: 19px; background: url(../images/icon-sprite-new.png) -53px -3px no-repeat;}
.billing_remove:hover:before {background-position: -53px -25px;}


.user-panel {height: auto !important;text-align: center;padding: 20px 0 0 !important;background: transparent;}
.user-panel>.info {position: static; border: 0; padding: 0; width: 60px; height: 60px; display: inline-block; vertical-align: top; float: none !important; background: url(../images/logo1.png) center center no-repeat;}
.user-panel>.info>p {color: #000; word-wrap: break-word; white-space: normal; font-size: 0; font-weight: 300; margin: 0; position: relative; top: 50%; transform: translateY(-50%);}
.user-panel>.info>div {display: none;}

.table>thead>tr>th.keywords, .table>tbody>tr>td.keywords, .table>thead>tr>th.campaign, .table>tbody>tr>td.campaign {text-align: center;}
.table>thead>tr>th:last-child, .table>tbody>tr>td:last-child {text-align: center;}

.table>tbody>tr.noresult_keywords_active>td, .table>tbody>tr.noresult_keywords_ideas>td, .table>tbody>tr.noresult_keywords_suggestions>td {text-align: center;}

.validation-advice {color: #ff0000;}
.alert-success {max-width: none; width: fit-content; margin: 20px auto; float: none; border: 1px solid #13b77a; background-color: #11d089!important; padding: 8px; font-size: 16px; line-height: normal; text-align: center; word-break: break-word;}
.alert-danger {font-size: 16px; line-height: normal; text-align: center; padding: 8px; margin: 20px auto; max-width: none; width: fit-content; float: none; word-break: break-word;}

.login-left .alert-success, .login-left .alert-danger {margin-top: 30px; width: 100%;}

.bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {background-color: #11d089!important; border: 1px solid #13b77a;}

aside.main-sidebar:after {content: "";width: 221px;height: 50px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background: #fff url(../images/comp-logo.png) center center no-repeat; background-size: 130px auto; border-top: 1px solid #808080;}

.keyword-table .rank {text-align: right;}
.keyword-table .search {text-align: right; /*width: 15%;*/}
.keyword-table .competetion {text-align: right;}
.keyword-table .quality {/*width: 13%;*/}

.billing-table .primary {text-align: center;}
.user-table .date, .user-table .approval, .user-table .admin, .user-table .campaigns {text-align: center;}


.table>tbody>tr>td.user_active_1, .table>tbody>tr>td.user_active_0 {font-size: 0;}
.user_active_1:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #22bb51;}
.user_active_0:before {content: ""; width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 50%; border: 3px solid #c3c3c3;}


.checkbox-inline, .radio-inline {font-family: 'Inter';}

input[type=file] {font-size: 16px; padding-top: 15px;}

.keyword-suggestions-sec .keyword-table thead {display: block; width: 100%;}
.keyword-suggestions-sec .keyword-table thead tr {display: table; width: 100%;}
.keyword-suggestions-sec .keyword-table tbody.keyword_suggestions_tbody {display: block; width: 100%; /*height: 811px;*/ overflow-y: auto; overflow-x: hidden;}
.keyword-suggestions-sec .keyword-table tbody.keyword_suggestions_tbody tr {display: table; width: 100%;}
/*.keyword-suggestions-sec .keyword-table tbody.keyword_suggestions_tbody tr td:first-child {width: 28.5%;}
.keyword-suggestions-sec .keyword-table tbody.keyword_suggestions_tbody tr td:nth-child(2) {width: 20%;}*/


.ajax_loader {position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 100%;}
.ajax_loader span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(0255,255,255,0.5) url(../images/ajx-loader.gif) center -5px no-repeat; padding: 0; font-family: 'Inter'; font-weight: 600; color: #666; width: 90px; height: 90px;}

.table>tbody>tr:nth-child(odd) {background: #fff;}
.table>tbody>tr:nth-child(even) {background: #fff;}
.campaign-list .table>tbody>tr:hover {background: #f3fbff;}

.table>tbody>tr.campaingns_row {cursor: pointer;}
.top-tab {border-bottom: 0;margin: 0 0 15px;padding: 10px 15px;height: auto;line-height: normal;text-align: center;font-size: 0;background: #1b548c; display: inline-block; width: 100%;}
.top-tab:after {content: ""; background: #d0e7e7; position: absolute; right: -40px; top: 0; height: 50px; width: 80px; display: none;}
.top-tab .col-md-2 {float: none !important;display: inline-block;width: auto;padding: 0;background: transparent;color: #fff;height: auto;line-height: normal;margin: 0 3px;}
.top-tab .col-md-2 a {font-size: 16px;font-weight: 400;color: #fff;letter-spacing: 0;text-decoration: none;display: block;padding: 10px 30px;background: transparent;border-radius: 6px;}
.top-tab .col-md-2 a:hover {color: #fff;background: #082d53;}
.top-tab .col-md-2 span.active {font-size: 16px;color: #1b548c;display: block;padding: 10px 30px;font-weight: 500;letter-spacing: 0;background: #fff;border-radius: 6px;}

.payment_method_new_sec .col-sm-2, #billing_form .col-sm-2 {width: auto; padding-right: 0;}
.payment_method_new_sec .col-sm-2 #exp_month, #billing_form .col-sm-2 #exp_month {width: 55px; display: inline-block; margin-right: 10px;}
.payment_method_new_sec .col-sm-2 #exp_year, #billing_form .col-sm-2 #exp_year {width: 67px; display: inline-block;}
.payment_method_new_sec .col-sm-2 #cvc, #billing_form .col-sm-2 #cvc {width: 55px; display: inline-block; margin-left: 10px;}
.payment_method_new_sec img, #billing_form img {float: right; margin-right: 15px; margin-top: 10px;}

#billing_form_bank img {float: right; margin-right: 15px; margin-top: 10px;}


.keyword-suggestions-sec .table>thead>tr>th, .keyword-suggestions-sec .table>tbody>tr>td {width:16.6%;}
.keyword-suggestions-sec .table>thead>tr>th:first-child, .keyword-suggestions-sec .table>tbody>tr>td:first-child {width:26.6%;}
.keyword-suggestions-sec .table>thead>tr>th:nth-child(2), .keyword-suggestions-sec .table>tbody>tr>td:nth-child(2) {width:25.6%;}
.keyword-suggestions-sec .table>thead>tr>th:nth-child(3), .keyword-suggestions-sec .table>tbody>tr>td:nth-child(3) {width:8.6%;}
.keyword-suggestions-sec .table>thead>tr>th:nth-child(4), .keyword-suggestions-sec .table>tbody>tr>td:nth-child(4) {width:13.6%;}
.keyword-suggestions-sec .table>thead>tr>th:nth-child(5) {width:12.6%;}
.keyword-suggestions-sec .table>tbody>tr>td:nth-child(5) {width:13.6%;}
.keyword-suggestions-sec .table>thead>tr>th:last-child {width:12.6%; text-align: center;}
.keyword-suggestions-sec .table>tbody>tr>td:last-child {width:11.6%; text-align: center;}


.keyword-ideas-sec .table>thead>tr>th, .keyword-ideas-sec .table>tbody>tr>td {width:16.6%;}
.keyword-ideas-sec .table>thead>tr>th:first-child, .keyword-ideas-sec .table>tbody>tr>td:first-child {width:26.6%;}
.keyword-ideas-sec .table>thead>tr>th:nth-child(2), .keyword-ideas-sec .table>tbody>tr>td:nth-child(2) {width:25.6%;}
.keyword-ideas-sec .table>thead>tr>th:nth-child(3), .keyword-ideas-sec .table>tbody>tr>td:nth-child(3) {width:8.6%;}
.keyword-ideas-sec .table>thead>tr>th:nth-child(4), .keyword-ideas-sec .table>tbody>tr>td:nth-child(4) {width:13.6%;}
.keyword-ideas-sec .table>thead>tr>th:nth-child(5) {width:12.6%;}
.keyword-ideas-sec .table>tbody>tr>td:nth-child(5) {width:13.6%;}
.keyword-ideas-sec .table>thead>tr>th:last-child {width:12.6%; text-align: center;}
.keyword-ideas-sec .table>tbody>tr>td:last-child {width:11.6%; text-align: center;}

.keyword-active-sec .table>thead>tr>th, .keyword-active-sec .table>tbody>tr>td {width:16.6%;}
.keyword-active-sec .table>thead>tr>th:first-child, .keyword-active-sec .table>tbody>tr>td:first-child {width:26.6%;}
.keyword-active-sec .table>thead>tr>th:nth-child(2), .keyword-active-sec .table>tbody>tr>td:nth-child(2) {width:25.6%;}
.keyword-active-sec .table>thead>tr>th:nth-child(3), .keyword-active-sec .table>tbody>tr>td:nth-child(3) {width:8.6%;}
.keyword-active-sec .table>thead>tr>th:nth-child(4), .keyword-active-sec .table>tbody>tr>td:nth-child(4) {width:13.6%;}
.keyword-active-sec .table>thead>tr>th:nth-child(5) {width:12.6%;}
.keyword-active-sec .table>tbody>tr>td:nth-child(5) {width:13.6%;}
.keyword-active-sec .table>thead>tr>th:last-child {width:12.6%; text-align: center;}
.keyword-active-sec .table>tbody>tr>td:last-child {width:11.6%; text-align: center;}

.keyword-ideas-form-sec .control-label {padding: 0; font-size: 16px; text-align: center; margin-bottom: 15px;}
.keyword-ideas-form-sec .col-sm-12 {margin-bottom: 15px; padding: 0;}
.keyword-ideas-form-sec .col-sm-12 .validation-advice {margin-top: 5px;}

.validation-advice {font-size: 16px; font-family: 'Inter'; line-height: normal;}

.skin-black .sidebar-menu>li>.treeview-menu {background: transparent;}
.sidebar-menu {background: transparent;}
.sidebar-menu .treeview-menu>li>a {font-size: 16px;}
.sidebar-menu .treeview-menu>li>a:hover {color: #ff9a3b !important;}
.sidebar-menu li>a>.pull-right-container {transform: translateY(-50%); margin-top: 0;}

.navbar-header {padding: 12px 10px; float: none; line-height: normal; font-size: 0; background: #fff; border-bottom: 0;}

.domain-nxtbill-container .next_bill_amt_display {font-family: 'Inter';font-size: 16px;font-weight: 400;color: #000;text-align: right;}
.domain-nxtbill-container .next_bill_date_display {font-family: 'Inter';font-size: 16px;font-weight: 400;color: #000;text-align: right;}
.next_bill_amt_calc {visibility: hidden;}


.ui-dialog .ui-dialog-title {font: 500 18px 'Inter'; text-align: center; color: #fff;}
.ui-dialog .ui-dialog-content p {font-family: 'Inter'; font-size: 16px; line-height: normal;}
.ui-dialog .ui-dialog-content .checkbox-payment_terms label {padding: 0; float: right; width: calc(100% - 20px); line-height: normal; font: 18px 'Inter';}
.ui-dialog .ui-dialog-content .checkbox-payment_terms label a {color: #2c94a9; font-size: 16px;}

/*.ui-dialog .ui-dialog-buttonpane button.cart-confirm-btn {background: #1b548c;padding: 10px 25px;line-height: 18px;font: 16px 'Inter' !important;font-weight: 400;opacity: 1;color: #fff; border: 0;}
.ui-dialog .ui-dialog-buttonpane button.cart-confirm-btn:hover {background: #082d53;}

.ui-dialog .ui-dialog-buttonpane button.cart-cancel-btn {background: #1b548c;text-shadow: none;border-radius: 7px;font: 16px 'Inter' !important;color: #fff;font-weight: 400;padding: 10px 25px;line-height: 18px;opacity: 1;border: 0;}
.ui-dialog .ui-dialog-buttonpane button.cart-cancel-btn:hover {border: 0; background: #082d53;}*/
.page_heading {font-size: 28px; font-weight: bold; margin: 0 0 10px;}

.ui-dialog .ui-dialog-buttonpane button {background: #1b548c;padding: 10px 0;line-height: 18px;font: 16px 'Inter' !important;font-weight: 400;opacity: 1;color: #fff; border: 0; border-radius: 6px; min-width: 80px;}
.ui-dialog .ui-dialog-buttonpane button:hover {background: #082d53;}

.ui-dialog .ui-dialog-buttonpane button {margin-right: 0 !important;}
.ui-dialog .ui-dialog-buttonpane button:last-child {margin-right: 0 !important;}
.ui-dialog .ui-dialog-titlebar-close {display: none;}

.pol-changepass {text-align: right;}
.pol-changepass input {display: inline-block;}
.pol-changepass label {display: inline-block;float: none;width: auto;padding: 0;color: #1b548c !important;}

.upld-pic img {max-height: 60px; height: auto; max-width: 100%; width: auto; border: 1px solid #ddd; margin: 0 0 10px; padding: 5px;}

.opt_suggest_display {font: 500 16px 'Inter';color: #000;text-align: right;}
#opt_keyword_suggest-btn-submit {width: auto; min-width: 140px; float: right;}

.campain_status {padding-left: 0;font: 500 16px 'Inter';color: #000;}

.form-group:after {content: ""; display: table; clear: both;}

#fileList:after {content: ""; display: table; clear: both;}
#fileList {margin-bottom: 20px;}
#fileList span {font-size: 22px; font-family: 'Inter'; font-weight: normal; color: #808080; margin: 15px 0 0; display: block;}
#fileList li {margin: 0; padding-left: 35px; float: left; line-height: normal; list-style: none; position: relative;}
#fileList li:before {content: ""; width: 6px; height: 6px; position: absolute; left: 20px; top: 10px; background: #000; border-radius: 50%;}


.nav-agency-logo {background: #fff; margin: 0 auto; height: 95px; width: 95px; display: flex; justify-content: center; align-items: center;    border-radius: 50%; overflow: hidden;}
.nav-agency-logo img {width: auto; max-width: 100%; max-height: 50px; vertical-align: middle; padding: 0 3px;}
.nav-user-name {font-weight: bold;}
.nav-user-type {font-size: 16px;}

.nav-user-info {background: transparent;padding: 8px 0;border-bottom: 1px solid #0a1e32;color: #fff;}

.skin-black .main-header>.logo {background-color: transparent;color: #333;border-right: 0;text-align: left;font-family: 'Raleway';font-size: 29px;font-weight: 900;}
.skin-black .main-header>.logo:hover {background: transparent;text-decoration: none;}
.skin-black .main-header .navbar {background-color: transparent;width: auto;}
.skin-black .main-header .navbar .nav>li>a {color: #333; background: transparent;}

.skin-black .main-header .navbar .nav>li>a.dropdown-toggle:hover {cursor: default; color: #333 !important;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {display: none;}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a {color: #333;}
.skin-black .main-header .navbar .nav>li>a:hover, .skin-black .main-header .navbar .nav>li>a:focus {background: transparent !important; color: #333 !important;}
.skin-black .main-header .navbar .nav .open>a {background: transparent; color: #fff;}

.readonly-area{max-height: 200px; overflow: auto; border: 1px solid #bbb; padding: 10px;background-color:#f7f7f7; margin-bottom: 15px;}
/*Multiple Input File - Add & Remove Files*/
#files-area {
  width: 100%; margin: 0 auto;
}
.file-block {
  border-radius: 10px; background-color: rgba(144, 163, 203, 0.2); margin: 5px; color: initial; display: inline-flex; padding: 5px 2px;
}
.file-block > span.name {
  padding-right: 10px; width: max-content; display: inline-flex;margin-top: 3px;
}
.file-delete {
  display: flex;
  width: 25px;
  color: initial;
  background-color: #6eb4ff 0;
  font-size: larger;
  justify-content: center;
  cursor: pointer;
  font-weight: bolder;
  margin: 0 7px;
  line-height: 23px;
}
.file-delete:hover {
  background-color: rgb(47 81 214);
  border-radius: 50%;
  color: #fff;
  height: 25px;
  width: 25px;
  line-height: 23px;
  padding: 0;
  margin: 0 7px;
}
.file-delete > span {
  transform: rotate(45deg);
}
.lable-file-add-btn, .btn
{
  font-family: roboto; font-size: 16px; font-weight: bold; color: #ffffff; 
}
.checkbox-inline input[type=checkbox]
{
  margin-right: 5px!important; position: inherit!important;
}
.file-fields-uploaded
{
  background: antiquewhite; border-radius: 5px; border: 1px solid #d7d7d7; margin-top: 10px;
}
/*Multiple Input File - Add & Remove Files*/
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
  background: url('../images/loader.gif') 50% 50% no-repeat rgb(0,0,1);
}

.site_logo {max-width: 250px;width: 100%;display: table;margin: 10px 0;padding: 0 15px;}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
  background: #082d53;
  border: 0;
}

.table thead {background: #f1f1f1;}

/* ========================= View Campaign Design start =========================*/

.new-campaign.list .form-group {margin-bottom: 0; border-bottom: 0; padding-top: 7px; padding-bottom: 7px; word-break: break-word; padding-left: 0; padding-right: 0;}

.new-campaign.list .form-group div, .new-campaign.list .form-group label {padding-left: 0;}
.new-campaign.list .form-group div {padding-right: 0;}
.new-campaign.list .form-group label + div {text-align: right;}

.new-campaign.list .form-group label {padding-bottom: 0;font-family: 'Inter';font-size: 16px;/* font-weight: 400; */color: #333;}
.new-campaign.list .form-group.label_heading {border-bottom: 2px solid #808080;}
.new-campaign.list .form-group.label_heading label {font-size: 16px;font-family: 'Inter';color: #000;font-weight: 600;}
.new-campaign.list .form-group.label_heading:not(:first-child) {margin-top: 30px;}
.new-campaign.list .file_upld_row {margin-top: 0;}

.new-campaign.list .start_subscription_btn .btn-primary.green-btn {padding: 0; background: transparent; color: #22bb51;}
.new-campaign.list .campaign-active {color: #22bb51 !important; font-weight: bold !important;}
.new-campaign.list .campaign-inactive {font-weight: bold !important; color: #808080 !important;}
.new-campaign.list .pause_btn {float: right;}
.new-campaign.list .pause_btn button.btn-primary {padding: 0; background: transparent; color: #ff9a3b;}

.new-campaign.list .form-group.website_builder_sec label {padding-right: 0; text-align: right; font-weight: 400;}

.campaingns_row {cursor: pointer;}
/* ========================= View Campaign Design stop =========================*/

.login-box .form-group {background: transparent;border-bottom: 0;padding-top: 0;padding-bottom: 0;margin-bottom: 25px;text-align: left;position: relative;}
.login-box .form-group:not(:first-child) {margin-bottom: 30px;}

.forgotpass .login-box-body {padding-top: 40px;}

/*.login-box label {position: absolute; top: 0; left: 0; right: 0; pointer-events: none; transition: all 0.5s;}
.login-box .form-control {font-size: 0; transition: all 0.5s;}
.login-box .form-control:focus {font-size: 22px;}
.login-box .form-control:focus + label {transform: translateY(-30px);}*/

.pause_btn {text-align: right; padding: 0;}

.lable-file-add-btn {padding: 0;}
.lable-file-add-btn .btn-primary {background: #1b548c;border: 0;border-radius: 0;font-family: 'Inter';font-weight: 500;font-size: 16px;border-radius: 7px;}

/*------------------------- Chat Start ---------------------------*/

.fileDiv {
        position: relative;
        overflow: hidden;
        font-size: 16px;
        cursor: pointer;
    }

    .upload_attachmentfile {
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .btnFileOpen {
        margin-top: -75px;
        font-size: 15px !important;
        padding: 5px 15px !important;
        border-radius: 5px !important;
    }

    .direct-chat-warning .right>.direct-chat-text {
        background: #d2d6de;
        border-color: #d2d6de;
        color: #444;
        text-align: right;
    }

    .direct-chat-primary .right>.direct-chat-text {
        background: #3c8dbc;
        border-color: #3c8dbc;
        color: #fff;
        text-align: right;
    }

    /* .spiner {} */

    .spiner .fa-spin {
        font-size: 24px;
    }

    .attachmentImgCls {
        width: 200px;
        /*margin-left: -25px;*/
        cursor: pointer;
        border: 1px solid #878787;
        border-radius: 5px;
    }

    .direct-chat-text {
        font-size: 15px;
    }

    .direct-chat-info {
        font-size: 14px;
    }

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

    .message {
        font-size: 14px;
    }

    .direct-chat-timestamp {
        color: #616161;
        font-weight: bold;
    }

    .direct-chat-name {
        font-size: 15px;
        font-weight: 700;
        color: black;
    }
    
    .direct-chat-msg .direct-chat-text {border-color: #f3f3f3 !important; background: #f3f3f3 !important; display: inline-block; margin-left: 15px;}
    .direct-chat-msg .direct-chat-text .attachment {display: flex; flex-direction: column;}
    .direct-chat-msg.right .direct-chat-text {background: #c9ecf3 !important; color: #000 !important; display: inline-block; float: right; margin-right: 15px; display: inline-block; float: right; margin-right: 15px;}
    .direct-chat-msg .direct-chat-text .btn.btn-flat.btnFileOpen {margin-top:0;}
    .direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {border-left-color: #c9ecf3 !important;}
    
    .direct-chat-messages {height: 300px !important;font-family: 'Open sans'; display: flex; flex-direction: column-reverse;}
    .direct-chat-text {color: #000 !important;}
    .direct-chat-text:after, .direct-chat-text:before {border-right-color: #f3f3f3;}
    .direct-chat .form-control.message {background: #f3f3f3; border: 0; border-radius: 40px !important; color: #000; font-size: 16px;}
    .direct-chat .btnSend {border-radius: 50% !important; width: 38px; height: 38px; margin: 0 10px !important; font-size: 0 !important; padding: 0; background-image: url(../images/paper-plane.png); background-repeat: no-repeat; background-position: center center; background-size: 18px auto; transform: rotate(20deg);}
    .direct-chat .fileDiv {border-radius: 50% !important; width: 38px; height: 38px; padding: 0; line-height: 35px;}
    .direct-chat-msg .direct-chat-timestamp {float: left !important; clear: left;}
    .direct-chat-msg.right .direct-chat-timestamp {float: right !important; clear: right;}
    
    .direct-chat-img-container {width: 40px; height: 40px; background: #f3f3f3; border-radius: 50%; align-items: center; overflow: hidden; float: left; display: flex; justify-content: center;}
    .direct-chat-msg.right .direct-chat-img-container {float: right;}
    .direct-chat-msg.right .direct-chat-text {text-align: left;}
    .direct-chat-img {border-radius: 0 !important; width: auto !important; max-height: 9px;}
    /*.direct-chat-img {max-height: 8px; width: auto !important; border-radius: 0 !important;}*/
     
/*////---------------------- Chart End ----------------------*/

.text-center {text-align: center !important;}
.text-red-bold {color: #ff9a3b;}
.text-red-bold:hover {color: #ff9a3b;text-decoration: none;text-underline-offset: 8px;}

.text-green-bold {color: #000;}
.text-green-bold:hover {color: #000;text-decoration: none;text-underline-offset: 8px;}

.help-sec {position: relative; display: inline-block;}
.help-icon {display: inline-block;width: 20px;height: 20px;background: #1b548c;color: #fff;text-align: center;line-height: 20px;border-radius: 50%;font-size: 16px;font-weight: bold;}
.help-content {position: absolute;left: -10px;top: -45px;z-index: 200;width: 310px;background: #1b548c;color: #fff;padding: 8px;font-size: 15px; display: none; }
.help-icon:hover + .help-content {display: block;}

.auto-approval .help-content {top: -65px;width: 380px;}

.help-content:after {content: "";border-top: 10px solid #1b548c;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;left: 12px;bottom: -10px;}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu a.btn {font-size: 16px;}


.ui-dialog {position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); z-index: 1000 !important;}
.ui-dialog .ui-dialog-buttonpane {padding-left: 1em !important; padding-right: 1em !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {text-align: center; float: none !important;}
.ui-dialog .ui-dialog-buttonpane button {margin-left: 0.2em; margin-right: 0.2em;}

.settings-payment {display: none;}

.form-tab {text-align: center; margin: 30px 0;}
.form-tab label {background: #f0f3f7; padding: 10px 20px; border-radius: 7px; cursor: pointer;}
.paymentform {display: none;}
.paymentform.add_bank {display: block;}

.ui-dialog .ui-widget-header.ui-dialog-titlebar {border: 0; background: #082d53; justify-content: center; display: flex; padding-top: : 10px; padding-bottom: 10px;}
.ui-widget-overlay {z-index: 9999 !important;}
.ui-widget.ui-widget-content {z-index: 10000 !important;}


/*============================= Agency Signup ==========================*/

.agency-signup-step2, .agency-signup-final {display: none;}


.reg-option-area {display: flex; margin-bottom: 20px; grid-column-gap: 60px; width: 100%;}
.reg-option-area .reg-options label {padding: 0;}

.login-box .login-left.thankyou {justify-content: center;}
.login-box .login-left.thankyou .startuppage-text {margin-top: 30px;}
.login-box .login-left.thankyou .login-box-body {max-width: 550px;}
.login-box .login-left.thankyou .hireus .form-group.signup-btn {max-width: 250px;}


/*========================== Filter Search ==========================*/

.btn-cont-pad.filter-search {display: flex; align-items: flex-end;}
.btn-cont-pad .filter-search-area {display: flex; align-items: flex-end; text-align: left;}
.btn-cont-pad .filter-search-area div {text-align: left;}
.btn-cont-pad .filter-search-area .control-label {padding: 0 0 5px;}
.btn-cont-pad .filter-search-area div:first-child {padding-left: 0;}
.btn-cont-pad .filter-search-area .form-control {height: 43px;}


@media (max-width: 992px) {
  .btn-cont-pad.filter-search {flex-direction: column-reverse; padding-bottom: 0;}
  .btn-cont-pad .filter-search-area {width: 100%;}
  .btn-cont-pad .filter-search-area div {width: 33.33%; padding-top: 12px;}
  .btn-cont-pad .filter-search-area button {width: 100%;}
}

@media (max-width: 499px) {
  .btn-cont-pad .filter-search-area {flex-direction: column;}
  .btn-cont-pad .filter-search-area div {width: 100%; padding-left: 0;}
}

.mreports label {padding-left: 0; padding-right: 0;}
.mreports .box-title {font-size: 20px; text-align: right;}
.mreports .reports-title {font-size: 20px;}
.campaingns_row .pdf {display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/pdf17.png) 0 0 no-repeat; margin-right: 8px;}

/*============================== Responsive ==============================*/


@media (min-width: 768px) {
    body:not(.login-page) .main-header {display: block;width: calc(100% - 221px);float: right;margin-bottom: 30px;background: transparent/*#5e76d7*/;margin-left: 35px;}
    .skin-black .main-header .navbar>.sidebar-toggle {display: none;}
}

@media (min-width: 768px) and (max-width: 1600px) {
  .login-box .login-left {height: 600px; overflow-y: auto; justify-content: flex-start;}
}

@media (max-width: 1199px) {
  .table>tbody>tr>td {word-break: normal;}
}

@media (max-width: 992px) {
    .flexigrid.admin_list_table, .keyword-active-sec, .keyword-ideas-sec, .keyword-suggestions-sec {overflow-x: scroll; border: 1px solid #eee;     padding-top: 0; margin-top: 25px;}
    .admin_list_table .table, .keyword-active-sec form, .keyword-ideas-sec .table, .keyword-suggestions-sec .table, .table {width: 1010px; margin-left: 0; margin-top: 0;}
    .admin_list_table form {max-width: 1010px;}
    .flexigrid.admin_list_table {margin-right: 15px; margin-left: 15px;}
    /*.flexigrid.admin_list_table > div {padding: 0;}*/
    .total_actv_kw_row {width: 100%;}
    .box.new-campaign, .box.new-billing, .box.new-users {margin: 0;}
    
    .btn-cont-pad {padding-left: 0; padding-bottom: 15px;}
    
    .domain-nxtbill-container {position: relative; padding-bottom: 30px; width: 100%; margin-bottom: 30px;}
    .domain-nxtbill-container .next_bill_amt_display {position: absolute; left: 30px; bottom: 0; width: 100%; text-align: left;}
    .domain-nxtbill-container .next_bill_date_display {position: absolute; left: 30px; bottom: -24px; width: 100%; text-align: left;}
    .domain-nxtbill-container .col-md-12 {position: static; width: 100%;}
    .domain-nxtbill-container .col-md-12:after {content: ""; display: table; clear: both;}
    .domain-nxtbill-container .col-md-12 label, .domain-nxtbill-container .col-md-12 div {display: inline-block; vertical-align: top; padding: 0;}
    
    .flexigrid.admin_list_table .col-md-12 {padding-left: 0;}
}

@media (max-width: 767px) {
    .content-wrapper, .main-footer {margin-left: 0 !important;}
    .content-wrapper, .main-footer, .right-side { margin-left: 0;}
    .content {padding-left: 0 !important; padding-right: 0 !important;}
    .main-header {box-shadow: 0 1px 20px 3px rgba(181,181,181,0.8) !important; position: fixed !important; width: 100%;}
    .main-header .navbar-custom-menu {display: none;}
    .main-header .navbar {position: absolute;right: 0;top: 0;width: auto;background: #1b548c !important;}
    .main-header .sidebar-toggle, .main-header .navbar .sidebar-toggle:hover {padding: 17px 15px; font-size: 21px; line-height: normal; border-right: 0 !important;}
    .skin-black .main-header>.logo {background: #fff;text-align: left;color: #333;}
    .skin-black .main-header>.logo b {color: #333;}
    .skin-black .main-header>.logo:hover {background: #2c94a9; text-decoration: none; color: #808080;}
    .main-header .sidebar-toggle:before {height: 16px; line-height: 18px; overflow: hidden; display: block;}
    .main-sidebar {padding-top: 70px;}
    .skin-black .main-header .navbar>.sidebar-toggle {color: #fff;}
    .skin-black .main-header .navbar .sidebar-toggle:hover {background: transparent; color: #fff;}
    
    .form-group.keyword-ideas-form-sec div.col-sm-11 {width: 100%;}
    .form-group.keyword-ideas-form-sec div.col-sm-6, .form-group.keyword-ideas-form-sec div.col-sm-4, .form-group.keyword-ideas-form-sec div.col-sm-2, .form-group.keyword-ideas-form-sec div.col-sm-1 {padding: 0 15px 10px;}
    .form-group.keyword-ideas-form-sec div.col-sm-1 {padding-bottom: 0; float: none; margin: 0 auto; width: 100px;}
    
    .address_ph_sec .address_ph_each_field .form-group div {width: 100%;}
    .location_remove {right: 15px; top: 0;}
    .form-horizontal .form-group {margin-bottom: 12px;}
    .address_ph_sec .address_ph_each_field .form-group {margin-bottom: 6px;}
    .form-horizontal .form-group.new-camp-business-row {margin: 15px 0;}
    
    .payment_method_new_sec .col-sm-2, #billing_form .col-sm-2 {margin-bottom: 10px;}
    .payment_method_new_sec .col-sm-2 #exp_month, #billing_form .col-sm-2 #exp_month {width: 85%;}
    .payment_method_new_sec .col-sm-2 #exp_year, #billing_form .col-sm-2 #exp_year {width: 85%;}
    .payment_method_new_sec .col-sm-2 #cvc, #billing_form .col-sm-2 #cvc {width: 85%; margin-left: 0;}
    
    .new-campaign.list .form-group label + div {float: right; width: calc(100% - 200px);}

    .btn-cont-pad {padding-top: 15px;}
    .btn-cont-pad div {float: right !important;}

    .top-tab {margin-top: 15px; flex-direction: column; display: flex;}
    .top-tab .col-md-2 {margin-bottom: 2px;}
    
    .sidebar-open .content-wrapper, .sidebar-open .main-footer, .sidebar-open .right-side {
        -webkit-transform: translate(220px, 0);
        -ms-transform: translate(220px, 0);
        -o-transform: translate(220px, 0);
        transform: translate(220px, 0);
    }

    .box.new-campaign.profile {margin: 0;}
    
}

@media (max-width: 767px) {
  .login-box {flex-direction: column; justify-content: space-between;}
  .login-box .login-left, .login-box .login-right {width: 100%;}
  .login-box .login-left {padding: 20px 20px 0;}
  .login-box .login-box-body {max-width: 100%;}
  .login-box .login-right {padding: 30px 0 70px; flex-direction: column;}
  .login-box .login-right ul {flex-wrap: wrap;}
  .login-btnbox {flex-direction: column;}
  .login-box-body button.btn-primary {min-width: 100%; margin-bottom: 25px;}
  .startuppage-btmtext {margin-top: 30px; margin-bottom: 15px; text-align: center;}
  .forgotpass .startuppage-btmtext {margin-bottom: 50px;}
  .login-box {flex-direction: column; justify-content: space-between;}
  .login-box .site_logo {display: none;}
  .login-box .login-right .copyright {top: 50%; transform: none; bottom: auto; position: static; margin-top: 30px;}

}

@media (max-width: 599px) {
  .login-box .login-right ul li {width: 50%;}
  .login-box-body .btn-primary:first-child, .login-page a.btn-primary:nth-child(2) {min-width: 45%;}
}

@media (max-width: 480px) {
    .login-box-body .col-xs-8 {position: relative; z-index: 2;}
    .login-box-body .col-xs-4 {width: 120px; float: none; margin: 0 auto;}
    
    .ui-dialog {width: 90% !important;}
}

/*=============================== Margin State ================================*/

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0!immortant;margin-right:0!immortant; }
.my-0 { margin-top:0!immortant;margin-bottom:0!immortant; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!immortant;margin-right:.25rem!immortant; }
.my-1 { margin-top:.25rem!immortant;margin-bottom:.25rem!immortant; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!immortant;margin-left:.5rem!immortant; }
.my-2 { margin-top:.5rem!immortant;margin-bottom:.5rem!immortant; }`

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!immortant;margin-left:1rem!immortant; }
.my-3 { margin-bottom:1rem!immortant;margin-top:1rem!immortant; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!immortant;margin-left:1.5rem!immortant; }
.my-4 { margin-top:1.5rem!immortant;margin-bottom:1.5rem!immortant; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!immortant;margin-left:3rem!immortant; }
.my-5 { margin-top:3rem!immortant;margin-bottom:3rem!immortant; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }								
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }			
.pr-1 { padding-right:.25rem!important; }						
.pb-1 { padding-bottom:.25rem!important; }		
.pl-1 { padding-left:.25rem!important; }							
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }												
.pr-2 { padding-right:.5rem!important; }								
.pb-2 { padding-bottom:.5rem!important; }				
.pl-2 { padding-left:.5rem!important; }												
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }								
.pr-3 { padding-right:1rem!important; }				
.pb-3 { padding-bottom:1rem!important; }				
.pl-3 { padding-left:1rem!important; }								
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }								
.pr-4 { padding-right:1.5rem!important; }				
.pb-4 { padding-bottom:1.5rem!important; }				
.pl-4 { padding-left:1.5rem!important; }								
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }	
.pr-5 { padding-right:3rem!important; }	
.pb-5 { padding-bottom:3rem!important; }	
.pl-5 { padding-left:3rem!important; }	
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }


.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0!immortant;margin-right:0!immortant; }
.my-0 { margin-top:0!immortant;margin-bottom:0!immortant; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!immortant;margin-right:.25rem!immortant; }
.my-1 { margin-top:.25rem!immortant;margin-bottom:.25rem!immortant; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!immortant;margin-left:.5rem!immortant; }
.my-2 { margin-top:.5rem!immortant;margin-bottom:.5rem!immortant; }`

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!immortant;margin-left:1rem!immortant; }
.my-3 { margin-bottom:1rem!immortant;margin-top:1rem!immortant; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!immortant;margin-left:1.5rem!immortant; }
.my-4 { margin-top:1.5rem!immortant;margin-bottom:1.5rem!immortant; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!immortant;margin-left:3rem!immortant; }
.my-5 { margin-top:3rem!immortant;margin-bottom:3rem!immortant; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }								
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }			
.pr-1 { padding-right:.25rem!important; }						
.pb-1 { padding-bottom:.25rem!important; }		
.pl-1 { padding-left:.25rem!important; }							
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }												
.pr-2 { padding-right:.5rem!important; }								
.pb-2 { padding-bottom:.5rem!important; }				
.pl-2 { padding-left:.5rem!important; }												
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }								
.pr-3 { padding-right:1rem!important; }				
.pb-3 { padding-bottom:1rem!important; }				
.pl-3 { padding-left:1rem!important; }								
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }								
.pr-4 { padding-right:1.5rem!important; }				
.pb-4 { padding-bottom:1.5rem!important; }				
.pl-4 { padding-left:1.5rem!important; }								
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }	
.pr-5 { padding-right:3rem!important; }	
.pb-5 { padding-bottom:3rem!important; }	
.pl-5 { padding-left:3rem!important; }	
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }


/*============================= Reports Table ================================*/

.project-report-table iframe {width: 100%; height: 500px; border: 0;}

@media (max-width: 1500px) {
  .project-report-table iframe {overflow-x: scroll;}
}

.hireus-page {background: #fff;}
/*.hireus-page:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; background: url(../images/popwindow-background.jpg) 0 0 no-repeat; background-size: cover;}*/

.hireus form {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.login-box .hireus .form-group {width: 48%; margin-bottom: 20px;}
.login-box .hireus .form-group.signup-btn {margin-bottom: 0; width: 100%;}
.login-box .hireus .form-group.wide {width: 100%;}
.login-box-body.hireus .btn-primary {margin: 0; min-width: 100%;}
.login-box-body.hireus .btn-primary.blue {background: #1b548c;}
.login-box-body.hireus .btn-primary.blue:hover {background: #082d53;}
.login-box-body.hireus .btn-primary.blue:active:hover {background: #082d53 !important;}

.login-box-body.hireus > div {padding: 0;}

.login-page a.btn-primary {min-width: 47%; background: #2f51d6;}
.login-page a.btn-primary:hover {background: #3554C4;}
.login-page a.btn-primary:active:hover {background: #3554C4 !important;}

.login-page a.btn-primary.btn-ltblue {background: #3bb7ff;}
.login-page a.btn-primary.btn-full {min-width: 100%;}

.affiliate-box {width:100%; text-align: center;}
.affiliate-box h3 {font-family: 'Inter'; font-size: 38px; color: #fff;}

.login-page a.btn-primary.btn-full.forgot-pass {padding: 0;border-radius: 0;text-align: right;background: transparent;color: #1b548c;font-family: 'Inter';font-weight: 400;font-size: 16px;text-decoration: none;float: none;display: inline-block;min-width: auto;height: auto;}
.login-page a.btn-primary.btn-full.forgot-pass:hover {text-decoration: none;color: #082d53;}
.login-page a.btn-primary.btn-full.forgot-pass:focus {background: transparent;}
.login-page a.btn-primary.btn-full.forgot-pass:active:hover {background: transparent !important; box-shadow: none;}
.login-page .forgotpas-btnbox {text-align: center;}

@media (min-width: 768px) and (max-width: 1365px) {
  .sidebar {height: 500px !important; overflow-y: auto; padding-bottom: 70px;}
}

@media (min-width: 993px) and (max-width: 1365px) {
  .flexigrid.admin_list_table, .keyword-active-sec, .keyword-ideas-sec, .keyword-suggestions-sec {overflow-x: scroll; border: 1px solid #eee;     padding-top: 0; margin-top: 25px;}
    .admin_list_table .table, .keyword-active-sec form, .keyword-ideas-sec .table, .keyword-suggestions-sec .table, .table {width: 1010px; margin-left: 0; margin-top: 0;}
    .admin_list_table form {max-width: 1010px;}
    .flexigrid.admin_list_table {margin-right: 15px; margin-left: 15px;}
}

@media (max-width: 767px) {
  .login-box .hireus .form-group {width: 100%;}
    
  .hireus-page .login-box .login-left {width: 100%;}
  .hireus-page .login-box .login-right {width: 100%;}
  .affiliate-box {padding-top: 20px;}
  .affiliate-box h3 {font-size: 27px;}
}

.select-member {padding-top: 15px;}

hr {border: 0;}

a:focus {color: #082d53;}
h3 {font-family: 'Inter'; color: #808080;}

.btn-add-group-user {font-family: 'Inter';line-height: normal !important;background: #1b548c;border: 0;border-radius: 7px;}
.btn-add-group-user:hover, .btn-add-group-user:focus, .btn-add-group-user:active:hover {background: #082d53;}

.table>tfoot>tr>th {font-size: 16px; font-weight: bold;}

.login-box-body.hireus .btn-primary.simple-textlink {min-width: auto;width: auto;display: inline-block;margin-top: 50px;background: transparent;color: #000;border-radius: 0;padding: 0;line-height: normal; text-decoration: underline;}
.login-box-body.hireus .btn-primary.simple-textlink:hover {text-decoration: none}
.login-box-body.hireus.signup .btn-primary.simple-textlink {margin-top: 20px;}
.login-box-body.hireus .btn-primary.simple-textlink:active:hover {background: transparent !important; box-shadow: none;}

input:focus::placeholder {color: transparent!important;}

.box.box-warning.direct-chat {border-top-color: transparent; box-shadow: 0 0 5px rgba(0,0,0,0.3);}

.smtp-setting .btn.btn-primary {margin: auto; float: none; display: table;}
.smtp-setting form {max-width: 600px; margin: 0 auto;}

.name-header {margin-bottom: 20px;}
.name-header .name-title {color: #000; font-weight: 600;}

.flexigrid .btn-mandate {background: #1b548c; padding: 4px 8px; border-radius: 7px; cursor: pointer; color: #fff !important;}
.flexigrid .btn-mandate:hover {background: #082d53; color: #fff !important;}

.flexigrid .btn-verify {background: #148627; padding: 4px 8px; border-radius: 7px; cursor: pointer; color: #fff !important;}
.flexigrid .btn-verify:hover {background: #096218; color: #fff !important;}

.btn.showpass, .btn.showpass1, .btn.showpass2 {position: absolute; bottom: 0; right: 0; height: 55px; border-radius: 0; background: transparent; color: #1b548c; box-shadow: none; z-index: 200;}

.password_container {position: relative;}
.form-horizontal .btn.showpass, .form-horizontal .btn.showpass1, .form-horizontal .btn.showpass2 {right: 16px;}
.psrwd, .psrwd1, .psrwd2 {padding-right: 50px;}

.ui-dialog .ui-widget-content {border-top: 0;}

.ui-dialog-buttonset {
    float: right;
    display: flex;
    justify-content: space-around;
}
.ui-widget-overlay {
    background: #3f3f3f!important;
}
.u-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}
.p-CodeInput {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 6px;
    width: 40px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    caret-color: transparent;
}
.CodeInput {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .03), 0 1px 1.5px rgba(0, 0, 0, .03);
    outline: 0;
}

.blinking-cursor {
  font-weight: normal;
  font-size: 18px;
  color: #2E3D48;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

.blinking-cursor:before {
  content: "|";
  font-weight: normal;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

.new-campaign.other .form-group div div {padding-left: 0;}
.sidebar {height: calc(100% - 40px) !important; overflow-y: auto;}
.seo-campaign-home {margin-top: 7%;}
.seo-campaign-home #campaign_form {display: flex; grid-row-gap: 30px;}
.seo-campaign-home .seo-campaign-home-inner {display: flex; grid-row-gap: 30px;}
.seo-campaign-home .inner-box {background: #f1f1f1;border-radius: 15px;padding: 10px 40px 30px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; position: relative; top: 0;}
.seo-campaign-home .inner-box:hover {top: -20px;}
.seo-campaign-home .inner-box h2 {text-align: center;}
.seo-campaign-home .inner-box .pricing {font-size: 40px; font-weight: 300; margin: 30px 0;}
.seo-campaign-home .inner-box .pricing span {color: #00a7c9;}
.seo-campaign-home .inner-box p {padding-top: 20px; text-align: center;}
.seo-campaign-home .inner-box ul {padding-left: 20px;}
.seo-campaign-home .inner-box button {margin-top: 30px;}

.seo-campaign-home .btn-primary {margin: 0 auto;}


.direct-chat .box-footer .input-group {display: flex; flex-direction: column; justify-content: flex-end;}
.direct-chat .box-footer .input-group .input-group-btn {display: block; text-align: right; width: auto; padding-top: 10px;}



@media (max-width: 991px) {
  .seo-campaign-home.campaign-plan #campaign_form {flex-wrap: wrap;}
}

@media (max-width: 767px) {
  .seo-campaign-home #campaign_form {flex-direction: column;}
}



.video-tutorial {width: 74%; position: relative; z-index: 20;}
.video-tutorial a {display: block; position: absolute; width: 100%; height: calc(100% - 70px); left: 0; top: 63px;}
.video-tutorial h2 {color: #fff; font-size: 30px; font-family: 'Raleway'; font-weight: 900;}
.video-tutorial iframe {width: 100%;}

@media (min-width:768px) {
  .video-tutorial {margin: 0 13%;}
}

@media (max-width:992px) {
  .video-tutorial {width: 90%; margin: 0 5%;}
}