body {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #585858;
    overflow-x: hidden;
    background: #fff;
    background-size: contain;
}

body.white-bg {
    background: #182632 !important;
}

.nav-header {
    background: #001E62;
    padding-top: 12px;
    padding-right: 0;
}

.company-logo {
    padding: 5px 0 20px 0;
    max-width: 90px;
}

.navbar {
    margin-bottom: 0 !important;
    height: 59px;
}

.navbar-header {
    color: #fff;
}

.logout-container {
    line-height: 30px;
}

body.mini-navbar .nav-header {
    padding: 0;
}

.nav > li.active {
    border-left: 4px solid rgba(147,149,150,.3);
    background: #0075C9;
}

.nav-second-level li:last-child {
    margin-bottom: 0;
}

.nav > li > a {
    padding: 14px 20px 14px 25px;
    color: #fff;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #0075C9;
    color: #fff;
}

.nav-section-label {
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 20px;
}

.nav-item-label {
    margin-left: 3px !important;
    margin-top: 20px !important;
}

.btn-success {
    background-color: #12232F;
    border-color: #12232F;
    color: #FFFFFF;
    font-weight: 600;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
    background-color: #d2008e;
    border-color: #D62598;
    color: #FFF;
}

.navbar-default {
    background-color: transparent !important;
}

.navbar-top-links li {
    display: inline-block !important;
}

#ioc_search_btn {
    cursor: pointer;
}

.dashboard_widget_row1 {
    min-height: 120px;
}

.navbar-top-links li:last-child {
    margin-right: 40px;
    vertical-align: top;
}

body.mini-navbar .nav-header {
    background-color: transparent;
}

#left-column a, .profile-element a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.register-nav-link a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#left-column a:hover, .profile-element a:hover,
#left-column a:active, .profile-element a:active,
#left-column a:focus, .profile-element a:focus,
.profile-element a
{
    color: #fff;
    border-bottom: 1px solid transparent;
}

.register-nav-link a:hover,
.register-nav-link a:active,
.register-nav-link a:focus {
    color: #fff;
    border-bottom: 1px solid transparent;
}

.register-terms .checkbox label {
    color: #aaa;
}


a {
    color: #ED7C13;
}

a:hover, a:active, a:focus {
    color: #974C13;
}

.label-info, .badge-info {
    background-color: #3FA1F2;
}

.sk-spinner.sk-spinner-three-bounce div {
    background-color: #3FA1F2;
}

body .wizard > .actions a {
    background-color: #3FA1F2;
    border-color: #3FA1F2;
    color: #FFFFFF;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background-color: #4FB1F2 !important;
    border-color: #4FB1F2 !important;
}

.gray-bg {
    background-color: #92a3aF;
}

.logout-link {
    vertical-align: top;
}

.login-content > a > img, .register-content > a > img {
    max-width: 350px;
    height: 100px;
}

#left-column {
    background-color: #0057B7;
    color: white;
    overflow-y: auto;
}

.a10-blue-bg {
    background-color: #0057B7 !important;
    color: white;
}

#right-column {
    background-color: #001E62;
}

#left-column .input-group-addon {
    color: #12232F;
}

#left-column .form-control {
    color: #12232F;
}

#left-column .btn-secondary {
    color: #12232F;
}

#wrapper-video {
    display: none;
    /*filter: brightness(50%) sepia(1) hue-rotate(150deg) saturate(100%) brightness(100%);*/
}

.device-dropdown .btn:hover {
    background-color: #0075C9;
    color: white;
}

.dashboard .fa.fa-3x {
    vertical-align: middle;
    padding-right: 10px;
}

.navbar.navbar-static-top {
    background-color: #001E62;
}

.gray-bg.ts-page-wrapper {
    background-color: transparent;
}

#page-wrapper > .row.border-bottom {
    border-bottom: none !important;
}

#page-wrapper {
    margin-left: 0;
    border-left: 220px solid #001E62;
}

body.mini-navbar #page-wrapper {
    margin-left: 0;
    border-left: 70px solid #001E62;
}

.navbar-right {
    background: #D62598;
    color: #fff;
    border-bottom: 1px solid transparent;
}

.minimalize-styl-2 {
    margin-left: 0;
}

.ibox {
    position: relative;
}

.ibox-content, .ibox-title, .ibox-footer {
    background-color: #0057B7;
    border-color: #001E62;
    color: #fff;
}

.ibox-title {
    border-color: transparent;
}

#support-page-content .panel {
    background-color: transparent;
    position: relative;
}

#reports .white-bg {
    background: transparent;
}

.ibox .user-list-contents {
    position: initial;
}

#ioc_search_btn {
    border: none;
    background-color: transparent;
}


#top-search::placeholder {
    color: white;
}

.nav.navbar-right li a {
    color: #fff
}

table.dataTable, .table {
    background: #fefefe;
    color: #333;
}

.form-control, .single-line {
    color: #333;
}

#top-search.form-control {
    color: #fff;
}

.grid-info {
    color: #fff !important;
}

.icheckbox_square-green, .iradio_square-green {
    background: url(../../img/a10/pink.png) no-repeat;
}

.form-control:focus, .single-line:focus {
    border-color: #D62598;
}

.text-muted {
    color: #dadada;
}

.panel-body .text-muted {
    color: #777;
}

.nav-header .text-muted {
    color: #dadada;
}

.wrapper-content {
    padding: 20px 10px 100px 40px;
}

.device-dropdown {
    background: transparent;
}

.device-dropdown .btn:hover {
   background-color: #6F60C4 !important;
   color: white !important;
}

.table {
    background: #fefefe;
}

#toast-container > .toast {
    background-image: none !important;
}

.wrapper-content {
    padding-bottom: 90px;
}

body {
    overscroll-behavior-y: none !important;
}

.logo-element {
    padding: 14px 0 18px 0;
}

.logo-element img {
    max-width: 60px;
}

#model_name_placeholder {
    margin-top: 15px;
}

/* V5 policy editor specific */


.label-primary, .badge-primary {
    background-color: #3FA1F2;
}

#reports .bootstrap-switch .bootstrap-switch-label {
    background: #fff;
}

#reports .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
#reports .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary  {
    background: #3FA1F2;
}

#loginbtn {
    float: right;
}

#remember {
    margin-top: 5px;
}

.i-checks input[type=checkbox] {
    opacity: 0;
}

#left-column .login-content>a, #left-column .register-content>a {
    border-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.counter_l1_row {
    border-bottom-color: #0054BA !important;
}
#all_event_summary_report .sk-bounce1 {
  background-color: #D62598 !important;
}

#all_event_summary_report .sk-bounce2 {
  background-color: #D62598 !important;
}
#all_event_summary_report .sk-bounce3 {
  background-color: #D62598 !important;
}

.login-content > a > img, .register-content > a > img {
    max-width: 450px;
    height: auto;
}

.icon-shield {
    background: transparent url("../../img/a10/icon-shield.png") no-repeat center center !important;
    background-size: contain !important;
}

.icon-automate {
    background: transparent url("../../img/a10/icon-automate.png") no-repeat center center !important;
    background-size: contain !important;
}

.icon-customize {
    background: transparent url("../../img/a10/icon-customize.png") no-repeat center center !important;
    background-size: contain !important;
}

.icon-optimize {
    background: transparent url("../../img/a10/icon-optimize.png") no-repeat center center !important;
    background-size: contain !important;
}

#video-overlay-login .icon-shield {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

#video-overlay-login .progress {
    height: 2px !important;
}

#page-timer.progress-bar {
    background-color: #0054BA;
}

#video-overlay-signup .signup_icon_bg {
    border: none;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
}

#video-overlay-signup .signup_icon {
    width: 100px;
    height: 100px;
}

#video-overlay-signup .signup_icon.icon-automate {
    width: 110px;
    height: 110px;
    margin-top: 10px;
}

.alert-danger {
    color: #fff;
    background-color: #EF3340;
    border-color: #EF3340;
}

.has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #fff;
    background-color: red;
    padding: 3px;
}

.checkbox label, .radio label {
    color: #fff;
}

.has-error .help-block p {
    margin: 0;
}

.text-success {
    color: #00B140;
}

.text-danger {
    color: #EF3340;
}

.text-warning {
    color: #5E8AB4;
}

.user-name {
    color: #00B140;
}

.modal-body, .inmodal .modal-body {
    background: #5E8AB4;
    color: #fff;
}

.modal-footer {
    background: #5E8AB4;
}

.modal-body .ibox-content, .modal-body .ibox-title, .modal-body .ibox-footer {
    background-color: transparent;
}

.dataTables_length select {
    color: #333;
}

.btn-warning, .filter-controls .btn-primary {
    background-color: #5E8AB4;
    border-color: #5E8AB4;
    color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus,
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active,
.filter-controls .btn-primary.disabled, .filter-controls .btn-primary.disabled:hover, .filter-controls .btn-primary.disabled:focus, .filter-controls .btn-primary.disabled:active, .filter-controls .btn-primary.disabled.active, .filter-controls .btn-primary[disabled], .filter-controls .btn-primary[disabled]:hover, .filter-controls .btn-primary[disabled]:focus, .filter-controls .btn-primary[disabled]:active, .filter-controls .btn-primary.active[disabled], fieldset[disabled] .filter-controls .btn-primary, fieldset[disabled] .filter-controls .btn-primary:hover, fieldset[disabled] .filter-controls .btn-primary:focus, fieldset[disabled] .filter-controls .btn-primary:active, fieldset[disabled] .filter-controls .btn-primary.active
{
    background-color: #6E9AC4;
    border-color: #6E9AC4;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #EF3340;
    border-color: #EF3340;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus {
    background-color: #fF4350;
    border-color: #fF4350;
    color: #FFFFFF;
}

.btn-info, #tfa-content .btn-primary {
    background-color: #440099;
    border-color: #440099;
    color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus,
#tfa-content .btn-primary:hover, #tfa-content .btn-primary:focus, #tfa-content .btn-primary:active, #tfa-content .btn-primary.active, .open .dropdown-toggle#tfa-content .btn-primary, #tfa-content .btn-primary:active:focus, #tfa-content .btn-primary:active:hover, #tfa-content .btn-primary.active:hover, #tfa-content .btn-primary.active:focus
{
    background-color: #5410a9;
    border-color: #5410a9;
    color: #FFFFFF;
}

.btn-primary {
    background-color: #D62598;
    border-color: #D62598;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
    background-color: #E635A8;
    border-color: #E635A8;
    color: #FFFFFF;
}

.btn-success {
    background-color: #D62598;
    border-color: #D62598;
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
    background-color: #E635A8;
    border-color: #E635A8;
    color: #FFFFFF;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #333;
}

.panel-body {
    color: #333;
}

.panel-success > .panel-heading {
    background-color: #0057B7;
    border-color: #0057B7;
    color: #ffffff;
}

.panel-success {
    border-color: #5E8AB4;
}

.ibox-content .panel-info > .panel-heading, .ibox-content .panel-primary > .panel-heading {
    background-color: #5E8AB4;
    border-color: #5E8AB4;
    color: #ffffff;
}

.modal-body .panel-info > .panel-heading, .modal-body .panel-primary > .panel-heading {
    background-color: #0057B7;
    border-color: #0057B7;
    color: #ffffff;
}

.panel-primary>.panel-heading {
    background-color: #0057B7;
    border-color: #0057B7;
    color: #ffffff;
}

.panel-info, .panel-primary {
    border-color: #5E8AB4;
}

.text-info {
    color: #0057B7;
}

a {
    color: #0057B7;
}

a:hover, a:active, a:focus {
    color: #2077D7;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #D62598;
}

.chosen-container-active .chosen-choices {
    border-color: #D62598;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

#guided-setup-modal .modal-body {
    background: #5E8AB4;
}

#guided-setup-modal div.product-chooser div.product-chooser-item.selected {
    border-color: #D62598;
    background: #0057B7;
}

.modal-footer {
    margin-top: 0 !important;
}

.role-drilldown-menu.dropdown-menu > li > a {
    color: #333;
}

#available-roles-list .label-danger {
    background-color: #D62598;
}

.form-RadioField .radio label {
    color: #333;
}

.btn-default {
    color: #333 !important;
}

.dropdown-buttons .btn.btn-primary:not(.active) {
    background-color: #E635A8;
    border-color: #E635A8;
    color: #FFFFFF;
}

.device-dropdown .btn:hover {
    background-color: #F645B8 !important;
    border-color: #F645B8 !important;
}

.alert.alert-warning {
    background-color: #5E8AB4;
    border-color: #0057B7;
    color: #fff;
}

.tabs-container.policy-editor {
    background-color: #fff;
}

#policy-form>.ibox-content {
    padding: 0;
}

.policy-editor .nav > li > a:hover {
    border: 1px solid #0057B7;
    background-color: #0057B7;
}

.policy-editor .nav > li > a {
    background-color: #5E8AB4;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    color: #333;
}

.blue-bg, .bg-success {
    background-color: #0057B7;
}

.ibox-content.gray-bg.no-borders.m-t-none.p-t-none {
    padding: 0;
}

.ibox-content>.text-primary>a {
    color: #fff;
}