/*
Narware Template CSS
Author: Narware
Narware AP Style Overrides
*/

/* Color overrides */

@font-face {
    font-family: 'poppinsbold';
    src: url('/assets/account/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('/assets/account/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('/assets/account/fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('/assets/account/fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('/assets/account/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('/assets/account/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #E8EFF6;
}

body, table {
    font-family: Poppins !important;
}

.btn-primary {
    color: #fff;
    background-color: #1B6AFF;
    border-color: #1B6AFF;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1144A7;
    border-color: #1144A7;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #1144A7;
    border-color: #1144A7;
    box-shadow: 0 0 0 0.2rem rgba(30, 70, 160, 0.5);
}

.btn-main-add {
    margin-top: 25px;
}

.btn-light {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #e2e6ea;
}

.btn-light:hover {
    color: #212529;
    background-color: #c7ccd1;
    border-color: #c7ccd1;
}

.btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #c7ccd1;
    border-color: #c7ccd1;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.form-control.form-control-alt:focus,
.form-control.form-control-alt.is-valid:focus {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

/* Sticky SubHeader */

#subHeader {
    transition: all 0.4s;
   /*  z-index: 9999; */
}

.sticky {
    position: sticky;
    position: -ms-device-fixed;
    top: 64px;
    z-index: 20;
   /*  border: 1px solid #E8EFF6; */
    box-shadow: 0 5px 5px 0 rgba(210, 210, 210, 0.5);
}

.btm-spacetg {
   /*  margin-bottom: 40px; */
}
.sticky-bottom {
    position: sticky;
    position: -ms-device-fixed;
    bottom:0px;
    z-index: 20;
    background: #fff;
}
.webinar-aclabel {
    white-space: normal;
    word-break: break-word;
    padding-top: 3px !important;
}

/* Common Headings and Text */
h2.narware {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
    color: #002979;
}

h3.narware {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #002979;
}

h4.narware {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #002979;
}
h4.narware i {
    font-size: 16px;
    display: inline-block;
    margin-right: 6px;
}

.nareware-primary {
    color: #002979 !important;
}

form.narware-form .form-control {
    border-radius: 4px !important;
}

form.narware-form .input-group {
    margin-bottom: 10px;
    align-items: center;
}

form .input-group { margin-bottom: 10px;}

.input-group-text.input-group-text-alt.narware-info {
    background-color: #fff;
    border-color: #fff;
    display: inline-block;
}

.input-group-text.input-group-text-alt.narware-info i {
    margin-top: 8px;
}

.input-group-text.input-group-text-alt.narware-label {
    width: 180px;
    /*width: 210px; */
    overflow: visible;
    background-color: #fff;
    border-color: #fff;
    text-align: right;
    display: inline-block;
    line-height: 1.1;
    padding-top: 12px;
    font-size: 14px;
    margin-bottom: 0px;
    white-space: normal;
}



.narware-breadcrumb {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #002979;
}

.narware-breadcrumb a {
    color: #002979;
}

.narware-breadcrumb a:hover {
    color: #5c80d1;
}

.border-radius-4 {
    border-radius: 4px;
}

.text-role {
    font-weight: normal;
    font-size: smaller;
}

.text-display-name {
    line-height: 10px;
    font-size: 14px;
}

.narware-user .btn.btn-sm .fa {
    top: 12px;
    right: -5px;
    margin-right: 5px;
}

nav#sidebar {
    font-family: Poppins;
}

.narware-logo-icon {
    display: inline-block;
    background-image: url("/assets/core/media/images/logo-icon.png");
    background-repeat: no-repeat;
    background-size: auto 25px;
    height: 50px;
    width: 50px;
    margin: 35px 0 0;
}

.narware-logo-text {
    height: 22px;
    width: auto;
    margin: -70px 0 0 -25px;
}

nav#sidebar .active {
    font-size: 16px;
    font-weight: 500;
}

#page-container.sidebar-dark #sidebar {
    color: #ebebeb;
    background-color: #002979;
}

.nav-main-dark .nav-main-link,
.page-header-dark #page-header .nav-main-link,
.sidebar-dark #sidebar .nav-main-link {
    color: #cccccc;
}

.sidebar-dark #sidebar .btn-dual.narware-menu-close  {
    color: #fff;
    background-color: #1B6AFF;
    border-color: #1B6AFF;
    border-radius: 20px;
    margin-left: -40px;
}

.content-header {
    height: 64px;
}

 
.table thead th{font-size: 13px; letter-spacing: normal;}

.main-section{width: 100%; min-height: 100vh;padding: 30px 10px; background:rgba(3, 23, 62, 0.9); display: flex; align-items: center; justify-content: center;}
.main-section .login-page{max-width: 760px; width: 100%; margin: 0px auto; border-radius: 10px; background: #fff; display: flex;}
.main-section .login-page .left-section{width: 379px;padding:35px 20px;border-right: 1px solid #DFE0EB;}
.main-section .login-page .left-section .ls_image{width: 100%; border-radius: 5px; height: 392px; margin-bottom: 15px; background: #EAF1FF; display: flex; align-items: center; justify-content: center; padding: 20px;}
.login-page .left-section .ls_image img{width: 100%; height: 100%; object-fit: contain;}
.login-page .left-section p{text-align: center; font-size: 16px; margin-bottom: 15px;}
.login-page .left-section .site_logo{width: 103px; margin: 0px auto; display: block;}
.login-page .left-section .site_logo img, .login-page .right-section .fav_logo img{width: 100%; height: 100%; object-fit: contain;}

.login-page .right-section{padding: 30px 20px;width: 379px;}
.login-page .right-section .fav_logo{width: 50px; height: 50px; margin: 0px auto 15px; display: block;}
.login-page .right-section .welcome_text{text-align: center; letter-spacing: .5px; color: #424349; font-family: 'poppinsmedium';  opacity: .7; font-size: 16px; margin-bottom: 25px;}

.login-page .right-section .login_title{color:#252733;letter-spacing: .5px; font-size: 24px; text-align: center;  font-family: 'poppinsbold'; margin-bottom: 10px;}
.login-page .right-section p{text-align: center; font-family: 'poppinsmedium'; font-size: 14px; color: #9FA2B4;margin-bottom: 35px;}

.login-page .form-group{margin-bottom: 25px;}
.login-page .form-group label{font-family: 'poppinsregular'; font-weight:400; color: #9FA2B4; font-size: 12px; text-transform: uppercase; margin-bottom: 5px;}
.login-page .form-group .form-control{font-family: 'poppinsregular'; background: #FCFDFE;box-shadow: none; color:#252733; border-radius: 10px;font-size: 14px;padding:12px 10px; border: 1px solid #F0F1F7;min-height: auto; height: auto; /* line-height:3; */ }
.login-page .form-group .form-control::placeholder{ color: #4B506D; opacity: .4; line-height: 3; }
.login-page .form-group .forgot_txt{float: right; font-size: 12px; text-decoration: none; color: #9FA2B4;margin-bottom: 3px;}
.login-page .form-group .forgot_txt:hover{color: #1B6AFF;}

.login-page .form-group .form-control:focus{border-color: #1B6AFF;}
.login-page .form-group .input-group-text{background: transparent; border: 0px; cursor: pointer;}
.login-page .input-group .form-control{border: 0px;}
.login-page .input-group {border: 1px solid #F0F1F7; border-radius: 10px ; background: #FCFDFE;}
.login-page .input-group:focus-within {border-color: #1B6AFF;}

.login-page .submit-btn{width: 100%; background: #1B6AFF; color: #fff; text-align: center; font-size: 14px; padding: 12px; margin-bottom: 30px; border-radius: 10px;}
.login-page .submit-btn:hover{border-color: #1B6AFF; background: #fff; color: #1B6AFF;}
.login-page .btn:focus{box-shadow: none;}

.login-page .right-section p a{color:#3751FF;}
.passwdnext-login{box-shadow: none !important; text-align: left; max-width: 16px; margin-top: 8px;}
.passwd-resetlbl{word-wrap: break-word; display: inline-block; white-space: normal; padding-top:5px !important; padding-bottom:0px !important;}
.send-invitebtn{color: #1b6aff; text-decoration: underline; margin-top: 17px; margin-left: 10px; font-size: 12px;}
.user-headinglbl{font-size: 12px;}
.user-formlbl{font-size: 12px; color: #9e9e9d; word-break: break-all;}
.passwd-lbl{word-wrap: break-word; word-spacing: normal; overflow-y: scroll;}

/* .form-control{height: calc(1.5em + 1rem + 2px);} */




/* Navigation */

.sidebar-dark #sidebar .nav-main-heading {
    font-weight: 600;
    color: #FFFFFF;
}

.nav-main-submenu {
    padding-left: 0;
    list-style: none;
    height: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,.02);
}

.nav-main-submenu li.nav-main-item {
    padding-left: 1.5rem;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

a.nav-main-link {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    /*color: #575757;*/
}

a.nav-main-link.selected {
    color: #ffffff !important;
}

.nav-main-submenu a.nav-main-link {
    font-size: 16px;
    line-height: 30px;
    color: white;
}

a.nav-main-link, a.nav-main-link-submenu {
    line-height: 30px;
    display: inline-block;
    width: 100%;
}

.nav-main-link-icon:before {
    color: #ffffff;
    font-size: 12px;
}

.nav-main-link:hover, .nav-main-submenu .nav-main-item:hover {
    color: #ffffff !important;
    background-color: #fafafa;
    background: linear-gradient(90deg, #1C4185 68.23%, rgba(28, 65, 133, 0) 100%);
}

.nav-main-link.nav-main-link-submenu::before {
    color: #ffffff !important;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    display: block;
    margin-top: -0.5rem;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-family: 'Font Awesome 5 Free','Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 1.00rem;
    transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
    transition: opacity .25s ease-out,transform .25s ease-out;
    transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
    opacity: 1.0;
}

li.nav-main-item .nav-main-submenu li.nav-main-item {
    padding-left: 1.5rem;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

/* Nav Menu Quick Find */

#menu-quick-find input:focus{
    border: none;
}

#menu-quick-find .btn-primary {
    color: #fff;
    background-color: #1144A7;
    border-color: #1144A7;
}

#menu-quick-find .btn-primary:hover {
    color: #fff;
    background-color: #1144A7;
    border-color: #1144A7;
    cursor: default;
}

#menu-quick-find .btn-primary:focus,
#menu-quick-find .btn-primary.focus {
    color: #fff;
    background-color: #1144A7;
    border-color: #1144A7;
    box-shadow: none;
}

#menu-search {
    background-color: #1144A7;
    border: 0;
    color: #ffffff;
}

#menu-search::placeholder {
    color: #ffffff;
}

/* DataTAbles Tweaks */

table.dataTable tbody td {
    padding: 0.5em !important;
}

#contactDT tbody td:not(.actions) {
    cursor: pointer;
}

/* Modal CSS */
.block.block-themed > .block-header.bg-primary {
    border-bottom: none;
    color: #fff;
    background-color: #1144A7 !important;
}

.block.block-themed>.block-header {
    border-radius: 4px 4px 0 0;
}

.modal-content {
    border-radius: 4px;
}

/* Address Lookup */
.form-group .select-address-container,
.input-group .select-address-container {
    position: relative;
}

.form-group .select-address-container #address-panel,
.input-group .select-address-container #address-panel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #ffffff;
    /*width: 466px;*/
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 5px 5px #999;
}

.form-group .select-address-container #address-panel ul,
.input-group .select-address-container #address-panel ul {
    margin-bottom: 0;
}

/* Page Headers */

.header-company-name {
    width: 246px;
    height: 32px;
    background: rgba(136, 176, 255, 0.11);
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.header-company-name i {
    padding: 8px;
    color: #002979;
    display: inline-block;
}

.header-company-name span {
    display: inline-block;
    margin-left: 10px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    letter-spacing: -0.2px;
    color: #002979;
}

/* Global Search */

.header-global-search {
    width: 400px;
}

.header-global-search .select2-container {
    width: 100%;
}

.header-global-search .select2-container--default .select2-selection--multiple {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-color: #e1e1e1;
    border-radius: 0.25rem;
    /*min-height: calc(1.5em + 0.75rem + 2px);*/
    min-height: 32px;
    width: 100%;
}

#globalSearch {
    width: 400px;
    height: 32px;
    background: rgba(136, 176, 255, 0.11);
    border-radius: 4px;
    margin: 0 10px 0 0;
}

#page-container .sidebar-mini #menu-quick-find {
    visibility: hidden;
}

/* NarwareDOM */

[data-narware-control] {
    cursor: pointer;
}

i.narware-open {
    transition: transform 0.4s;
    transform: rotate(0deg);
}

i.narware-close {
    transition: transform 0.4s;
    transform: rotate(180deg);
}

#show-delete {
    margin-top:12px;
}
.trash-holder.form-group input{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#attendance-summary-container .narware-label {
    white-space: normal;
    word-break: break-word;
}

.company-blk .message-container {
    width: 100%;
}

.role-blk .message-container {
    width: 100%;
}

.top-spacing {
    margin-top: 10px;
}

.top-spacetg {
    margin-top: 12px;
}
.system-fieldtg {
    overflow-y:auto;
    word-break: break-all;
}

.active-userlbl {
    background: #d0f1e6;
    color: #62ce90;
    display: inline-block;
    width: 100px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 25px;
    text-align: center;
}

.inactive-userlbl {
    background: #f0dde3;
    color: #fb3739;
    display: inline-block;
    width: 100px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 25px;
    text-align: center;
}

#usersDT tr:hover{
    cursor:pointer;
}

#user-summary-container .message-container { width:100%; display:block; text-align: left; }

#show-custom-fields {border:1px solid #548fff; color:#508cfd; background:transparent; border-radius: 6px; }

#show-custom-fields i {font-size:12px; margin-right:2px;}

#contact-system-container label[for='WebinarProvided'] {padding-top:4px;}

#contact-system-container label[for='WebinarProvidedID'] {padding-top:4px;}

.active-holder {float:right;margin-top:-8px;}

.actbtn-holder {float:right;margin-top:10px;}

.blocker-holder.block-mode-loading::after{top:30%;}

form#webinar-summary-form .input-group-text {word-break:break-word;padding-top:4px !important;padding-bottom: 0px !important;}

form#hot-opportunity-summary-form .input-group-text {white-space:normal;word-break:break-word;padding-top:4px !important;padding-bottom:0px !important;}

form#transaction-summary-form .input-group-text {white-space:normal;word-break:break-word;padding-top:4px !important;padding-bottom:0px !important;}

.contact-blocker.block-mode-loading::after{top:10%;}

i.fa-angle-down{font-size:20px;}
.modal-backdrop{height: 100%;}
.form-control:focus{box-shadow: none;}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single{
    box-shadow: none;
}
div.dataTables_wrapper div.dataTables_filter input{width: 160px !important;}

.modal-open #subHeader{z-index: 22;}
.block.webinar-table-loader {position: relative;z-index: 0;}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 1;
}
.daterangepicker{z-index: 1 !important;}

table.dataTable tbody td .actions-blk a, table.dataTable tbody td .actions-hotoppblk a{width: 100%;display: inline-block;}
table.dataTable tbody td .actions-blk a:hover, table.dataTable tbody td .actions-hotoppblk a:hover{color: #2c4e9b; background-color: #b5d0eb;}
table.dataTable tbody td .actions-blk a:hover i, table.dataTable tbody td .actions-hotoppblk a:hover i, table.dataTable tbody td  .actions-redirectblk a:hover i{background: transparent; color: #1B6AFF !important;}
table.dataTable tbody td .actions-blk a:hover i:hover, table.dataTable tbody td .actions-hotoppblk a:hover i:hover{background: transparent; color: #1B6AFF;}
table.dataTable tbody td .actions-blk a, table.dataTable tbody td .actions-hotoppblk a, table.dataTable tbody td .actions-redirectblk a{color: #767676 !important; padding: 0;}
table.dataTable tbody td .actions-blk, table.dataTable tbody td .actions-hotoppblk, table.dataTable tbody td  .actions-redirectblk{top: auto; /* top: 30px; */ z-index: 4; padding: 10px 0px; /* left: 50%; transform: translateX(-50%); */}
table.dataTable tbody td .actions-blk .arrow, table.dataTable tbody td .actions-hotoppblk .arrow{display: none;}

.webinar-account-list .acct-lbltg{max-width: 134px;}
#webinarDT_wrapper .input-group.float-left + .dropdown{float: left;}
.company-list {max-width: 215px;}
.company-list + .select2-container .select2-selection {height: 28px !important;}
.narware-user .text-display-name {line-height: 11px;font-size: 14px;max-width: 130px;text-overflow: ellipsis;white-space: pre;overflow: hidden;}
.dashfilter-bylbl {display: inline-block;vertical-align: bottom;position: relative;padding-right: 6px;text-align: left;font-size: 12px;font-weight: normal;}
.dashfilter-box {display: inline-block;max-width: 180px;text-align: left;/* float: left; */font-size: 12px; }
.datrange-blk label {display: inline-block;vertical-align: bottom;padding-right: 6px;}
.webinar-dashaccttypes{margin-left: 15px;}
.webinar-dashaccts {max-width: 150px;display: inline-block;margin-left: 15px; font-size: 12px;}
.datrange-blk {font-size: 12px;}
.dash-daterange {font-size: 12px;}
.runavg-txt {font-weight: normal;font-size: 12px;}
.runtotal-lbl {font-weight: normal;font-size: 12px;}
.webinar-dashaccttypes {max-width: 155px;font-size: 12px;display: inline-block;}
.highcharts-figure,
.highcharts-data-table table {
  min-width: 310px;
  max-width: 97%;
  margin: 1em auto;
  min-height: 300px;
}
.webdash-header{margin-left:15px;margin-right:15px;margin-top:15px;border:1px solid #eee;}
.chart-listing{display:block;flex-wrap:wrap;padding-top:10px;}
.chart_corners{width: 6%;display: inline-block;}
.chart_list{width:23%;margin-bottom:15px;display:inline-block;}
.chart_list .rg_flex_inline{display:flex;}
.chart_list .rg_name{font-size:14px;color:#333;margin-right:15px;}
.chart_list .rg_name span{font-weight:600;display:block;}
.chart_list .rg_colors{width:25px;}
.chart_list .rg_colors .rg_bg{height:20px;margin-bottom:5px;}
.chart_list .rg_colors .rg_line{width:100%; height:1px;border:1px solid; position: relative;margin-top: 8px;}

.chart_list .rg_flex_inline.border-line .rg_bg{border:2px solid;}
.chart_list .rg_flex_inline.border-line .rg_colors .rg_line{border:1px dashed;}

.chart_list .rg_colors .circle-line{width:10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%); background: #fff;  border: 2px solid #0029797F;top: -5px; }
.chart_list .rg_colors  .rect-line{width: 10px; height: 10px; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); background: #fff; border: 2px solid #1a6aff80; top: -5px; }
.chart_list .rg_colors  .squ-line{width: 10px; height: 10px; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; border: 2px solid #0029797F; top: -5px; }
.chart_list .rg_colors  .tri-line::before{content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;  width: 7px; height:7px; position: absolute; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);  background: #fff; }
.chart_list .rg_colors  .tri-line{position: absolute; left: 50%; transform: translateX(-50%);  width: 14px; height: 12px; background: #1a6aff80; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);top: -7px; }
.dashfilter-button {min-width: 135px;text-align: left;background: #fff !important;border: 1px solid #e1e1e1 !important;color: #575757 !important;font-size: 12px;}
.dashfilter-button:hover {background: #fff;border: 1px solid #e1e1e1;color: #575757;font-size: 12px;}
.dashfilter-button:focus {background: #fff !important;border: 1px solid #e1e1e1 !important;color: #575757 !important;font-size: 12px;box-shadow: none !important;}
.dashfilter-button + .dropdown-menu input[type='checkbox'] {opacity:0;width:1px;position: absolute;}
.dashfilter-button + .dropdown-menu label{font-size: 12px;}
.chkdash-tg{width:100%;padding-left: 10px;}
.main-chart{border: 1px solid #eee;margin-left: 15px;border-top: none;margin-bottom:20px;}
.btmupper-graph{max-width:100%;margin-left:0px;overflow: hidden;margin-bottom: 15px;}
.btm-graph{background: #fff;/*margin-left: 15px;margin-right: 15px;*/}
.graph-btmblk{padding-top: 3px;}
.performer-header{margin-left: 0px;margin-right: 0px;margin-top: 15px;border: 1px solid #eee;padding-left:5px;padding-right:5px;}
#top-performer .datatables-header { display: none; }
.performer-holder {padding-left:0px;padding-right: 0px;}
#top-performer.dataTable thead th {font-weight: 400;font-size: 12px!important;}
.clip-txt {max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.allweb-btn {float:right;}
#top-performer.dataTable thead th:first-child {max-width: 60px;}
#top-performer.dataTable tbody td:first-child {max-width: 60px;text-align:center;}
#top-performer.dataTable thead th:nth-child(3) {max-width: 80px;}
#top-performer.dataTable tbody td:nth-child(3) {max-width: 80px;text-align:center;}
#top-performer.dataTable thead th:nth-child(4) {max-width: 80px;}
#top-performer.dataTable tbody td:nth-child(4) {max-width: 80px;}
#top-performer_wrapper .row:first-child {visibility: hidden;height: 1px;position: absolute;}
#top-performer_wrapper .row:last-child {visibility: hidden;height: 1px;position: absolute;}
.blue-arricon {color: #1b6aff; font-size: 20px; position: relative; top: 8px;}
.orange-arricon {color:#F08532; font-size: 20px; position: relative; top: -2px;}
.close-rateholder {color: #002979;font-size: 12px !important;font-weight: 600;}
#top-closerate .datatables-header { display: none; }
#top-closerate.dataTable thead th {font-weight: 400;font-size: 12px!important;}
#top-closerate.dataTable thead th:first-child {max-width: 60px;}
#top-closerate.dataTable tbody td:first-child {max-width: 60px;text-align:center;}
#top-closerate.dataTable thead th:nth-child(3) {max-width: 80px;}
#top-closerate.dataTable tbody td:nth-child(3) {max-width: 80px;text-align:center;}
#top-closerate.dataTable thead th:nth-child(4) {max-width: 80px;}
#top-closerate.dataTable tbody td:nth-child(4) {max-width: 80px;}
#top-closerate_wrapper .row:first-child {visibility: hidden;height: 1px;position: absolute;}
#top-closerate_wrapper .row:last-child {visibility: hidden;height: 1px;position: absolute;}
/* Contact Form Customizations */

form#webinar-summary-form .input-group-text {
    white-space: normal;
    padding: 0.375rem 0.75rem;
}

a.add-new-field-link {
    font-size: 0.8em;
    float: right;
    display: inline-block;
    margin: 4px 12px 0 0;
}

.order-container label {
    cursor: move;
}

.grid-item.is-dragging,
.grid-item.is-positioning-post-drag {
    background: #EA0;
    z-index: 2;
}

.packery-drop-placeholder {
    outline: 1px dashed #999999;
    outline-offset: -6px;
    /* transition position changing */
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}

.order-container {
    padding: 10px 0 0 0;
    margin: 1px;
    border: 1px dotted transparent;
}

.popover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.not-draggable label {
    cursor: default;
}

#custom-field-count {
    float: right;
    display: inline-block;
    font-size: smaller;
    color: #AAAAAA;
    margin-top: 2px;
}

.form-group .custom-handle {
    float: left;
    margin: 0px 0 0 0;
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
    width: 30px;
    height: 30px;
    /* background-color: lightblue; */
    padding: 5px;
    text-align: center;
}
.input-group .custom-handle {
    float: left;
    margin: 0px 0 0 0;
    display: block;
    position: absolute;
    top: 7px;
    right: 50px;
    width: 30px;
    height: 30px;
    /* background-color: lightblue; */
    padding: 5px;
    text-align: center;
}

.drag-bars {
    cursor: move;
}

.trash-button {
    cursor: pointer;
}

.narware-dragover {
    border-color: #999999;
}

.ajax-sort {
    color: #aaaaaa;
    font-size: 0.8em;
}

.ajax-sort-success {
    color: green;
    font-size: 0.8em;
}

.daterange-button {
    cursor: pointer;
}

.time-separator {
    display: inline-block;
    padding: 10px 10px 0;
}
.ajax-sort {
    color: #aaaaaa;
    font-size: 0.8em;
}

.ajax-sort-success {
    color: green;
    font-size: 0.8em;
}

.daterange-button {
    cursor: pointer;
}

.time-separator {
    display: inline-block;
    padding: 10px 10px 0;
}

.tip-table {
    width: 100%;
}

.tip-table th {
    font-size: 12px;
    color: #494949;
    font-weight: 500;
}

.tip-table td {
    font-size: 12px;
}

.running-total {
    max-width: 50px;
    text-align: center;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.highcharts-credits {
    display: none;
}

.date_range_select{display: flex; justify-content: flex-end;}
.checkbox-custom {
    display: none;
    border: 1px solid #CCCCCC;
}

.checkbox-custom-label {
    display: inline-block;
    position: relative;
    top: 10px;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border-radius: 2px;
    border: 2px solid #ddd;
    display: inline-block;
    width: 19px;
    height: 19px;
    padding: 2px;
}

.checkbox-custom:checked + .checkbox-custom-label:after {
    content: "";
    padding: 2px;
    position: absolute;
    width: 5px;
    height: 12px;
    border: solid #767676;
    border-width: 0px 3px 3px 0;
    transform: rotate(45deg);
    top: 2px;
    left: 6px;
}

.check-box-data .input-group{justify-content: flex-end;}
.check-box-data .input-group label{padding-right: 25px;font-size: 12px; color: #000; cursor: pointer;}
.check-box-data .input-group .checkbox-custom{position: absolute; right: 0;  width: 20px; z-index: 1;}
.check-box-data .input-group .checkbox-custom + .checkbox-custom-label:before{right: 0;left: auto; position: absolute;}
.check-box-data .input-group .checkbox-custom:checked + .checkbox-custom-label:after{right: 6px;left: auto;z-index: 5;}
.redirect-pieblk {margin-top: 20px;}
.dashdate-rangeblk {width:95%;}
.dashclip-txt {max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.push-right {float:right;}
.modal-backdrop{ display: none !important;}
.modal {background-color: rgb(26, 44, 78, 0.65);}
#modal-company-form .invalid-feedback{padding-left: 0px !important;padding-right: 0px !important;}
#company-form-edit .invalid-feedback{padding-left: 0px !important;padding-right: 0px !important;}
.company-accessdrp{padding-left: 0px;padding-top: 0px;}
#user-form .companylist-menu{width:100%;padding-left: 10px;font-size: 14px;max-height:255px;overflow-y:auto;}
.company-drpdwnbtn{font-size: 14px;font-weight: normal;outline: none;box-shadow: none !important;width:100%;overflow: hidden;text-overflow: ellipsis;}
#user-form .companylist-menu .company-drplist label{font-weight: normal;max-width: 200px;vertical-align: top;position: relative;top: -1px;}
.company-drpdwnbtn::after{position: absolute;right:5px;top:16px;}
.agency-cntlbl{text-align: left !important;display: inline !important;padding-left: 0px;padding-right: 0px;padding-top: 13px !important;}
label[for='agencyaccesslbl']{position: relative;top: 3px;}
.usertab-cls a{color: #575757;display:block;}
.newtab-orgcls a{color: #575757;display:block;}
.upgrade-btn {margin-right: 11px;padding-right:10px;}
.company-container .select2-dropdown {top: -25px !important;left:20px !important;}
.company-list + .select2-container .selection {width: 220px;position: absolute;top: -31px;}
.company-list + .select2-container .selection .select2-selection__rendered {padding:0px !important;height:28px;font-size: 12px;text-overflow:ellipsis;max-width: 180px;}
.company-list + .select2-container .selection .select2-selection__arrow{height:28px !important;}
.upgrade-txt {margin-left: -2px;}
#upgradeinfoModal .modal-dialog {margin-top: 60px;}
.upgradeinfo-header {background-color: #F7F8FA !important;max-width: 130px;position: absolute;margin-top: -30px;height: 26px;right: 0px;border-radius: 5px !important;padding: 5px;}
.upgradeinfo-header:hover {cursor:pointer;}
.upgradeinfo-closetg {color: #304CA0 !important;font-size: 14px !important;padding-top: 2px;}
#upgradeinfoModal .block-options {padding-left: 0px;}
.upgradeinfo-closebtn {color: #304CA0 !important;opacity: 1 !important;font-size: 14px;padding: 0px;}
.upgradeinfo-headtg {margin-bottom: 5px;}
.smiley-pic {max-width: 75px;margin-top: 5px;margin-bottom: 10px;}
.upgradeinfo-paratg {margin-bottom: 30px;}
.omit-blk {padding-top: 25px;}
.range-optblk {display: inline-block;}
.download-graphpic {max-width: 20px;position: relative;top: 4px;margin-left: 1px;}
.history-datelbl {font-size: 12px;font-weight: normal;padding-left:0px;padding-right:0px;}
.webinars-headbox {margin-left: 15px;border: 1px solid #eee;padding-top: 7px;padding-left: 10px;}
.usage-box {position: relative; right:10px;}
.webinars-statholder {padding-left:0px;}
.webinars-stathead {border: 1px solid #eee;padding-top: 7px;padding-left: 10px;margin-right: 15px;}
.webinar-stats {margin-right: 15px;}
.right-borderbx {min-height: 535px;}
.right-borderbx td {border-right: 1px solid #ebebeb;border-top: none;padding: 5px 10px;font-size: 14px;}
.right-borderbx th {border-right: 1px solid #ebebeb;border-top: none;}
.hastip input {width:65px;text-align:center;}
.dashweb-title{color: #002979;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 32px;word-break: break-word;}
.notification-headtitle{text-align: center;padding-top: 5px;padding-bottom: 5px;color: #acacac;}
.underline-txt{border-bottom: 1px solid #5c5c5c;}
.enlarge-frame{background: #e1d800;color: #fff;width: 30px;height: 30px;display: inline-block;border-radius: 25px;text-align: center;position: relative;}
.enlarge-frame i{font-size:20px;position:relative;top: 4px;}
.notify-msgbtn{align-items:center;}
.notify-msgbtn:hover{cursor: pointer;}
.plan-listholder li{border-bottom:1px solid #eee;}
.dot-circle{position: absolute;width: 5px;height: 5px;border-radius: 25px;margin-left: -6px;margin-top: 6px;}
.red-circle{background: #da2a25;}
.yellow-circle{background: #e1d800;}
.seenmsg-tag{opacity:0.5;}
.webinar-titlelbltg{max-width:200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.webinar-titledash{font-weight: normal;}
.main-chart .highcharts-contextbutton{visibility: hidden;}
.webinars-box {max-width: 150px;display: inline-block;margin-left: 15px; font-size: 12px;}
.webpick-container{margin-right: 10px;}
.webpick-button{min-width: 135px;text-align: left;background: #fff !important;border: 1px solid #e1e1e1 !important;color: #575757 !important;font-size: 12px;margin-left: 10px;}
.dropdown-menu .webinars-box{display: inline-block;max-width: 50px;vertical-align: top;position: relative;top: 2px;}
.dropdown-menu .webinars-box + label {display: inline-block;vertical-align: top;max-width: 80%;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 10px;font-weight: 400;}
.webpick-button{max-width: 160px;text-overflow: ellipsis;overflow: hidden;}
.expand-webinars{display: inline-block;float: right;margin-right: 10px;color:#575757}
.expand-attendance{display: inline-block;margin-left: 6px;color: #575757;}
.attdisp-btn{font-size:14px;}
.mini-navholder{display:none;}
.mini-navtabs li{width:100%;display: block;}
.overlay-holder{width:100%;padding: 5px 10px;font-size: 14px;}
.overlay-holder a{color:#575757;width:100%;}
.webexp-chart .highcharts-figure {margin-top: 0px;padding-top: 40px;min-height: 502px;}
.webpick-form{max-height: 250px;overflow-y: auto;max-width:300px;z-index: 1;}
/* Media Queries */
@media (min-width:1921px) and (max-width:2880px){
    .dashclip-txt {max-width: 260px;}
}

@media (min-width:1911px) and (max-width:1920px){
    .dashclip-txt {max-width: 240px;}
}

@media (min-width:1520px) and (max-width:1910px){
    .dashclip-txt {max-width: 240px;}
}

@media(max-width: 1320px){
    .header-global-search {
        max-width: 290px !important;
    }
}

@media(max-width: 1290px){
    table.dataTable thead th, table.dataTable tbody td{font-size: 12px; word-break: normal !important;}
    .header-global-search { width: 270px;}
    #usersDT_wrapper .table-responsive, #hotopportunityDT_wrapper .table-responsive, #webinarreglistDT_wrapper .table-responsive, #webinarregDT_wrapper .table-responsive, #redirectDT_wrapper .table-responsive, #contacttxnDT_wrapper .table-responsive , #opportunityDT_wrapper .table-responsive{ display: block;}
    .add-webinar-cols{max-width: 50%; flex: auto;}
    .webinar-account-list .acct-lbltg{max-width: 170px;}

}

@media(max-width:1199px){
    .header-global-search {
        width: 145px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 110px !important;
        max-width: 110px !important;
    }
    .webinar-account-list .acct-lbltg{max-width: 150px;}


}

@media (min-width: 992px) {

    .narware-menu-close {
        display: none;
    }

    #header-sidebar-toggle {
        display: none;
    }

    .sidebar-mini #sidebar #menu-quick-find {
        transition: opacity 0.28s ease-out;
    }

    .sidebar-mini #sidebar:not(:hover) #menu-quick-find {
        opacity: 0;
    }
}

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

    #header-sidebar-mini-toggle {
        display: none;
    }

    #usersDT td{min-width:150px; width: 100% !important;}
    #hotopportunityDT td{min-width:200px; width: 100% !important;}
    .header-global-search { width:100px;}
    #hotoppDT_wrapper .table-responsive{ display: block;}
}

@media (min-width: 981px) {
    .upgrade-txt { display:inline-block; }
}

@media (max-width: 980px) {
    .upgrade-txt { display:none; }
}

@media(max-width:768px){
    .chart_list{max-width:300px; width:100%;}
    .chart_list .rg_flex_inline {width: 100%;}
    .chart_list .rg_name{flex:1;}
    .header-global-search { width:90px;}
    .plan-listholder{max-height: 390px;overflow-y: auto;}
}

@media(max-width:670px){
    .header-company-name {width: 170px;}
    .header-company-name .nav-main-link-name {max-width: 140px;}
    .narware-user {margin-left: 0px !important;display: flex !important;}
    .user-blkpanel {margin-left: 10px !important;display: flex !important;} 
    .upgrade-btn {margin-right: 5px;display: inline-block;height: 30px;position: relative;top: 10px;}
    /*#page-header-notifications-dropdown {display: none;}*/
    .header-global-search{display:none;}
    .narware-user{display: none !important;}
    .notification-blktg{top:45px;}
    .mini-navholder{display: block;}
    .company-list{max-width: 195px;}
    .company-list + .select2-container .selection{width: 190px;}
    .notification-drpbk{position: relative;left: -20px;}
    #page-header-notifications-dropdown + .dropdown-menu{left: 30px !important;top: 15px !important;}
}

@media(max-width:568px){
    .main-section .login-page .left-section{display: none;}
    .login-page .right-section{width: 100%;}
    .add-webinar-cols{max-width: 100%; flex: auto;}

    .header-company-name {width: 150px;}
    .header-company-name .nav-main-link-name { padding: 0px 10px 0px 10px; max-width: 120px; min-width: 120px; }
    .notification-drpbk {left: 0px;}
    .upgrade-btn { margin-right: 8px; top: 0px; padding-right: 6px;}
    
}