/* Main */

@font-face {
    font-family: 'Vigur Icons';
    src: url(../font/icons.woff) format("woff");
}

@font-face {
    font-family: 'Roboto';
    src: url(../font/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url(../font/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(../font/RobotoCondensed-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(../font/RobotoCondensed-Bold.ttf) format("truetype");
    font-weight: 700;
}

body, html, a, p, div, input, select, textarea {
    font-family: 'Roboto';
}

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

b, strong {
    font-weight: 500;
}

#wpwrap {
    background: #CFD8DC;
}

.wrap {
    margin: 20px 20px 0 0 !important;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #C1C6D1;
    box-shadow: 0 10px 15px 0 #B0BEC5;
}

h1, h2, h3 {
    font-family: 'Roboto Condensed' !important;
}

h2, h3 {
    font-weight: 500 !important;
    font-size: 16px !important;
}

#all-plugins-table .plugins a.delete,
#delete-link a.delete,
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete,
#search-plugins-table .plugins a.delete,
.plugins a.delete,
.row-actions span.delete a,
.row-actions span.spam a,
.row-actions span.trash a,
.submitbox .submitdelete {
    color: #ff313b !important;
}

.row-actions {
    color: #C1C6D1 !important;
}

.row-title,
td.column-title strong,
td.plugin-title strong {
    font-weight: 400 !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed' !important;
}

.welcome-panel,
.postbox {
    border: 1px solid #d7dce6 !important;
    box-shadow: 0 4px 8px 0 #d9dde3 !important;
    border-radius: 3px !important;
}

.postbox .hndle, .stuffbox .hndle {
    border-color: #d7dce6 !important;
}

.postbox.closed .hndle, .stuffbox.closed .hndle {
    border: none !important;
}

/* Links */

a,
.wp-core-ui .button-link {
    color: #0084c4;
}

a:hover,
.wp-core-ui .button-link:hover {
    color: #00B0FF;
}

.subsubsub a.current {
    font-weight: 500 !important;
}

.subsubsub {
    color: #C1C6D1 !important;
    font-size: 0 !important;
    margin: 10px 0 !important;
    border-bottom: 1px solid #CFD8DC;
}

.subsubsub li {
    margin: 0 2px;
}

.subsubsub li:first-child {
    margin-left: 10px;
}

.subsubsub li:last-child {
    margin-right: 10px;
}

.subsubsub li a {
    padding: 7px 14px;
    font-size: 12px !important;
    color: #32373c !important;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.subsubsub li a.current,
.subsubsub li a:hover {
    background: #ffffff;
    border-top: 1px solid #CFD8DC;
    border-left: 1px solid #CFD8DC;
    border-right: 1px solid #CFD8DC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 400 !important;
}

/* Top Bar */

#screen-meta-links .button {
  padding: 3px 6px 3px 10px !important;
}

#screen-meta-links .button:after {
    color: #ffffff !important;
    padding: 0 !important;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: middle !important;
}

#wpadminbar {
    background: #15212D !important;
    background: linear-gradient(90deg, rgb(21, 33, 45) 0%, rgb(58, 77, 106) 100%) !important;
}

/* Menu */

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
    background-color: #2e3d53 !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu {
    background-color: #3a4d6a !important;
}

#adminmenu .wp-menu-image {
    width: auto !important;
    height: auto !important;
    float: none !important;
}

#adminmenu .wp-menu-image.dashicons-before:before {
    width: 30px !important;
    height: 30px !important;
    font-size: 30px !important;
    color: #eeeeee !important;
}

#adminmenu .wp-menu-name,
#adminmenu .wp-submenu a {
    font-family: 'Roboto Condensed' !important;
    text-align: center;
}

#adminmenu .wp-menu-name {
    font-size: 14px !important;
}

#adminmenu .wp-submenu a {
    font-size: 12px !important;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
    background-color: #15212D !important;
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    border-right-color: #2e3d53 !important;
}

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
    background: #0087C1 !important;
    background: linear-gradient(180deg, rgb(0, 135, 193) 0%, rgb(0, 147, 163) 100%) !important;
}

#adminmenu .wp-has-current-submenu ul > li > a {
    padding: 5px 8px !important;
}

#adminmenu .wp-menu-name {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}

#adminmenu, #adminmenuback, #adminmenuwrap,
#adminmenu .wp-submenu {
    width: 110px !important;
}

#wpcontent, #wpfooter {
    margin-left: 110px !important;
}

#adminmenu .wp-submenu {
    left: 110px !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
    left: auto !important;
}

#adminmenu div.separator {
    height: 1px !important;
    margin: 0 5px;
    background: #3a4d6a;
}

#adminmenu li.wp-menu-separator {
    height: auto !important;
    margin: 5px 0 !important;
}

#collapse-menu {
    display: none;
}

#adminmenu li a.wp-has-current-submenu .update-plugins,
#adminmenu li.current a .awaiting-mod,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
    line-height: 1.8 !important;
    margin-top: 0 !important;
}

/* Menu Icon */

#adminmenu .wp-menu-image.dashicons-dashboard.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e900" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-page.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e903" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-media.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e902" !important;
}

#adminmenu li:not(.menu-icon-product) .wp-menu-image.dashicons-admin-post.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e906" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-comments.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e901" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-plugins.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e905" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-users.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e907" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-tools.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e909" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-settings.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e908" !important;
}

#adminmenu .wp-menu-image.dashicons-admin-appearance.dashicons-before:before {
    font-family: 'Vigur Icons' !important;
    content: "\e904" !important;
}

/* Table */

table {
    border: none !important;
}

table thead tr,
table thead tr td,
table thead tr th {
    background: #DFE8EC !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    border-bottom: 1px solid #ffffff !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

table tfoot tr,
table tfoot tr td,
table tfoot tr th {
    background: #DFE8EC !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    border: none !important;
    border-top: 1px solid #ffffff !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

table tbody tr,
table tbody tr td,
table tbody tr th {
    background: #F3F6F9 !important;
    border-bottom: 1px solid #ffffff !important;
    border-top: none !important;
    box-shadow: none !important;
}

table .no-items td {
    background: transparent url(../img/no-data.png) top center no-repeat !important;
    text-align: center;
    padding-top: 140px;
    color: #68737d !important;
    font-family: 'Roboto Condensed' !important;
    font-size: 16px !important;
}

table th > input[type=checkbox],
table td > input[type=checkbox] {
    margin-top: -3px !important;
}

.plugins .active .check-column input[type=checkbox],
.plugins .inactive .check-column input[type=checkbox] {
    margin-top: 2px !important;
}

/* Form */

input[type=checkbox] {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-color: #b1bbc5 !important;
}

table th > input[type=checkbox],
table td > input[type=checkbox] {
    margin-top: -3px !important;
}

.form-table tr th {
    text-align: right;
    font-family: 'Roboto Condensed' !important;
    font-weight: 500 !important;
}

form label {
    font-family: 'Roboto Condensed' !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.form-table .form-field label {
    float: right;
    text-align: right;
}

.form-table .form-field .description {
    display: block;
    color: #949CAE !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.form-table .form-field td > input,
.form-table .form-field td > select,
.form-table .form-field td > textarea {
    width: 95% !important;
}

.form-table .form-field .image-select input {
    width: 55% !important;
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    color: #32373c !important;
    background: #ffffff !important;
    border: 1px solid #d9dde3 !important;
    border-radius: 2px !important;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    color: #32373c !important;
    outline: none !important;
    box-shadow: none !important;
}

button:focus,
.wp-core-ui .button:focus {
    outline: none !important;
    border: none !important;
    box-shadow: 0 2px 4px 0 #d9dde3;
}

select {
    background: #ffffff url(../img/arrow-down.svg) no-repeat right 5px top 55% !important;
}

/* Notice */

.notice, div.error, div.updated {
    background: #ffffff !important;
    border: 1px solid #d9dde3 !important;
    border-left-width: 4px !important;
    box-shadow: 0 2px 4px 0 #d9dde3;
}

.notice-info {
    border-left-color: #00b9eb !important;
    background: #e3f3fe !important;
    border-top-color: #bbe0fd !important;
    border-bottom-color: #bbe0fd !important;
    border-right-color: #bbe0fd !important;
    box-shadow: 0 2px 4px 0 #e3f3fe !important;
}

.notice-warning {
    border-left-color: #FFB300 !important;
    background: #fff8e1 !important;
    border-top-color: #ffecb3 !important;
    border-bottom-color: #ffecb3 !important;
    border-right-color: #ffecb3 !important;
    box-shadow: 0 2px 4px 0 #fff8e1 !important;
}

.notice-success {
    border-left-color: #2c9e4b !important;
    background: #e5f3e8 !important;
    border-top-color: #c1e0c7 !important;
    border-bottom-color: #c1e0c7 !important;
    border-right-color: #c1e0c7 !important;
    box-shadow: 0 2px 4px 0 #e5f3e8 !important;
}

.updated.woocommerce-message {
    border-left-color: #ba70ac !important;
    background: #f2e6ef !important;
    border-top-color: #e0c1da !important;
    border-bottom-color: #e0c1da !important;
    border-right-color: #e0c1da !important;
    box-shadow: 0 2px 4px 0 #f2e6ef !important;
}

/* Icon */

#bulk-titles div a:before,
.notice-dismiss:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
.welcome-panel .welcome-panel-close:before {
    color: #15212D !important;
}

/* Button */

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    color: #fff !important;
    border: none !important;
    border-radius: 4px;
    font-weight: 400 !important;
    font-size: 14px !important;
    box-shadow: 0 2px 4px 0 #d9dde3;
    line-height: normal !important;
}

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    padding: 6px 10px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    box-shadow: 0 2px 4px 0 #d9dde3;
}

.wrap .page-title-action:before {
    content: "\f502";
    font-family: dashicons;
    font-size: 18px;
    color: #ffffff;
    width: 18px;
    height: 18px;
    vertical-align: -22%;
    padding-right: 5px;
}

/* Color Picker */

.wp-color-result-text {
    line-height: 2.2 !important;
}

.wp-picker-container input[type=text].wp-color-picker {
    font-family: 'Roboto Condensed' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-left: 5px;
    line-height: normal !important;
}