/* -------------------------------- 

FONT-FACE DECLARATIONS

-------------------------------- */
body {
    background: #eeeeee;
    font-size: 14px;
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-outline:before {
    content: "\e901";
}

.icon-connection-pattern-1105:before {
    content: "\e902";
}

.icon-desktop-231:before {
    content: "\e903";
}

.icon-folder-1793:before {
    content: "\e90b";
}

.icon-gallery-grid-view-1405:before {
    content: "\e905";
}

.icon-inbox-up-round-1551:before {
    content: "\e906";
}

.icon-object-alignment-round-869:before {
    content: "\e907";
}

.icon-profile-round-1342:before {
    content: "\e908";
}

.icon-rings-909:before {
    content: "\e909";
}

.icon-settings-1491:before {
    content: "\e90a";
}

.icon-clock:before {
    content: "\e904";
}

.icon-caret-down:before {
    content: "\e900";
}

.icon-cross:before {
    content: "\ea0f";
}

.left-sidebar::-webkit-scrollbar {
    display: none;
}

.directory-img {
    width: 18px;
    margin-right: 10px;
    position: relative;
    right: 3px;
}

.profile-product-list::-webkit-scrollbar {
    display: none;
}

.members-access-list ::-webkit-scrollbar {
    display: none;
}

html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
    outline: none;
}

::selection {
    background: #193853; /* WebKit/Blink Browsers */
    color: #FFFFFF;
    cursor: pointer;
}

::-moz-selection {
    background: #193853; /* Gecko Browsers */
    color: #FFFFFF;
    cursor: pointer;
}

::-ms-clear {
    display: none;
}

li {
    list-style-type: none;
}

/**
* Core Typography
**/
/*bpotstrap altered classes*/



h1, .h1 {
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    font-style: normal;
    margin: 5px 0;
}

h2, .h2 {
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    font-style: normal;
    margin: 3px 0;
}

h3, .h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    font-style: normal;
}

h4, .h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    font-style: normal;
}

h5, .h5 {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    font-style: normal;
    color: #9e9e9e;
    cursor: pointer;
}

h6, .h6 {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    font-style: normal;
    margin: 5px 0;
}

.list-head-p {
    color: #333E48;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
    word-break: break-all;
}

.name-heads {
    font-size: 16px;
    line-height: normal;
    font-style: normal;
    cursor: pointer;
    margin: 0px;
    color: #fff;
    margin-bottom: 0px;
}

.p-small {
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    font-style: normal;
    color: #8f9db0;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.h3-v2 {
    font-weight: normal;
    font-size: 18px;
    line-height: normal;
    font-style: normal;
    margin: 5px 0;
}

.h4-v2 {
    font-weight: normal;
    font-size: 17px;
    line-height: normal;
    font-style: normal;
    margin: 3px 0;
}

.h4-v3 {
    font-weight: 100;
    font-size: 17px;
    line-height: normal;
    font-style: normal;
    margin: 5px 0;
}

.h4-v4 {
    color: #9fa9ba;
    font-size: 14px;
    padding-bottom: 8px;
}

.h5-v2 {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    font-style: normal;
    margin: 3px 0;
}

.h6-v2 {
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    font-style: normal;
    margin: 5px 0;
}

select.btn {
    font-weight: normal;
    font-style: normal;
}

.isFloatLeft {
    float: left;
}

.isFloatRight {
    float: right;
}

/*--------------------sidebar------------*/
.sidebar-user-status {
    background-color: #242a32;
    padding-top: 30px;
    padding-bottom: 25px;
}

.user-status-inner {
    text-align: center;
}

.login-user-img {
    width: 130px;
    border-radius: 50%;
}

.logged-in {
    padding-top: 10px;
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.admin-navbar {
    background-color: #fff;
    margin-bottom: 0px;
    position: fixed;
    width: auto;
    z-index: 1;
    top: 0;
    border-top: 4px solid #d7045a;
    border-radius: 0px;
    left: 215px;
    right: 0;
}

.admin-section {
    padding-top: 30px;
}

.left-sidebar {
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0;
    overflow: auto;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 4px solid #d7045a;
    background: #333e48;
    z-index: 3;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.sidebar-inner {
    border-bottom: 3px solid #2c3740;
    padding-bottom: 10px;
}

.admin-list {
    padding-top: 15px;
    padding-left: 40px;
}

    .admin-list li {
        padding-bottom: 15px;
        position: relative;
    }

        .admin-list li.selected:before {
            content: '';
            background-color: #d7045a;
            width: 7px;
            height: 7px;
            left: -20px;
            top: 4px;
            position: absolute;
            border-radius: 50%;
        }

        .admin-list li .name-heads {
            font-size: 13px;
        }

.sidebar-inner ul li span {
    padding-right: 15px;
}

.admin-head {
    pointer-events: none;
    text-transform: uppercase;
    font-size: 13px;
}

.menu-head-list {
    margin-top: 15px;
    padding-left: 20px;
}

.content-head {
    margin-top: 15px;
}

.footer-logo {
    width: 40px;
    margin: 50px auto;
}

    .footer-logo img {
        width: 100%;
    }

.log-in-name {
    font-size: 20px;
    color: #333e48;
    font-family: "Gotham A", sans-serif;
    margin-bottom: 0px;
    font-weight: 600;
}

.user-left-nav {
    padding-left: 15px;
}

.upper-admin-nav {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
}

.admin-btn {
    background-image: -webkit-linear-gradient(top, #d7045a, #c60050);
    background-image: -moz-linear-gradient(top, #d7045a, #c60050);
    background-image: -ms-linear-gradient(top, #d7045a, #c60050);
    background-image: -o-linear-gradient(top, #d7045a, #c60050);
    border-radius: 5px;
    padding: 10px 25px;
    color: #fff;
    border: 0px;
    display: inline-block;
    font-size: 12px;
}

    .admin-btn img {
        width: 12px;
        height: 12px;
        position: relative;
        right: 12px;
        bottom: 1px;
    }

    .admin-btn a {
        color: #fff;
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        position: relative;
        bottom: 1px;
        font-size: 14px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .admin-btn:hover a {
        color: #fff;
    }

.dots {
    position: absolute;
    top: 38%;
    left: 10%;
    display: none;
}

.hide-dots {
    display: none;
}

.dots .fa {
    font-size: 9px;
    color: #d8d8d8;
    padding-right: 7px;
}

.expandable-search-input {
    height: 0px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
    background: #e7e7e7;
    padding-left: 10px;
    padding-right: 10px;
}

    .expandable-search-input input {
        background: #e7e7e7;
        padding: 0;
        padding-left: 10px;
        height: 0;
        width: 100%;
        border: 0px;
    }

        .expandable-search-input input.expand-input-height {
            height: 40px;
        }

.expandable-search-show {
    height: 40px;
}

.responsive-search-icon {
    width: 22px;
    position: relative;
    top: 4px;
    display: none;
}

.search-container {
    position: relative;
    padding: 0;
    background: #fff;
    top: 136px;
}

.triangle {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 10px;
    visibility: hidden;
}

.triangle-show {
    visibility: visible;
}

.fly-but-wrap {
    cursor: pointer;
    margin-left: 10px;
    width: 60px;
    height: 50px;
    position: relative;
    right: 10px;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    display: none;
}

    .fly-but-wrap span:nth-child(1) {
        top: 15.5px;
    }

    .fly-but-wrap span {
        background: #333;
        display: block;
        position: absolute;
        left: 15px;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        width: 25px;
        height: 3px;
        border-radius: 20%;
    }

        .fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) {
            top: 23.5px;
        }

        .fly-but-wrap span:nth-child(4) {
            top: 31.5px;
        }

    .fly-but-wrap.open span:nth-child(1) {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        top: 23.5px;
    }

    .fly-but-wrap.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .fly-but-wrap.open span:nth-child(3) {
        top: 23.5px;
        -webkit-transform: rotate(-137deg);
        -moz-transform: rotate(-137deg);
        -o-transform: rotate(-137deg);
        transform: rotate(-137deg);
    }

    .fly-but-wrap.open span:nth-child(4) {
        display: none;
    }

.logged-in-text {
    font-size: 14px;
    color: #333e48;
    margin-bottom: 0px;
    position: relative;
    font-weight: 600;
    vertical-align: middle;
}

.login-status {
    color: #d1d3d3;
    font-size: 14px;
}

.glyphicon-plus {
    right: 10px;
    font-size: 11px;
}

.admin-btn-group a:first-child {
    float: left;
    margin-right: 20px;
}

.admin-btn-group .export-btn {
    padding: 10px 25px;
    cursor: pointer;
    margin-bottom: 0;
}

.icon-reload:before {
    font-family: 'simple-line-icons', sans-serif !important;
}

.icon-reload {
    cursor: pointer;
    position: relative;
    margin-left: 15px;
    font-size: 18px;
    top: 3px;
}

.action-data .glyphicon-cog {
    position: relative;
    top: 3px;
}

.admin-btn-group {
    border-left: 1px solid #eef2f6;
    padding-left: 25px;
    padding-top: 18px;
    padding-bottom: 18px;
}

    .admin-btn-group a:hover, .admin-btn-group a:focus {
        color: #fff;
    }

.black-btn {
    background-image: -webkit-linear-gradient(top, #333e48, #333e48);
    background-image: -moz-linear-gradient(top, #333e48, #333e48);
    background-image: -ms-linear-gradient(top, #333e48,#333e48);
    background-image: -o-linear-gradient(top, #333e48, #333e48);
    border: 0px;
    border-radius: 5px;
    padding: 10px 25px;
    color: #fff;
}

.login-btn {
    margin-right: 15px;
}

.go-back-opt {
    margin-top: 30px;
    cursor: pointer;
    color: #354052;
    float: left;
    padding-left: 15px;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
    font-size: 16px;
}

    .go-back-opt:hover {
        color: #354052;
    }

    .go-back-opt img {
        width: 18px;
        position: relative;
        right: 10px;
        bottom: 1px;
    }
/*-------------nav bar styles eoc----*/

/*-----------mid-content-------styles---*/
.ps-module-wrapper {
    height: 100%;
}

.country-checked img {
    width: 23px;
    height: 21px;
    background: #E6EAEE;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}

    .country-checked img.country-active {
        background: #6AC259
    }

    .country-checked img.country-not-active {
        background-color: #E6EAEE;
    }

.index-table-head span {
    padding-right: 10px;
}

.collapsible-admin-data .collapse-dropdown .admin-head-row .admin-head-item {
    color: #333E48;
}

.product-access {
    height: 210px;
}

.sum-aktiv-head, .sum-no, .salg-head, .salg-name, .bransje-head, .bransje-name {
    display: none;
}

#user-page .country-header p {
    color: #333E48;
    word-break: break-word;
}

.admin-container {
    padding: 0px;
    margin-top: 136px;
}

.mid-content {
    padding-left: 0px;
    padding-right: 0px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.lower-admin-nav {
    float: left;
    width: 100%;
}

.admin-head-row {
    background: #f6f8fa;
}

    .admin-head-row .admin-caret:after {
        font-family: FontAwesome, sans-serif;
        content: "\f150";
    }

.table-row-item td {
    cursor: pointer;
}

.admin-head-row .admin-head-item, .admin-head-row .admin-head-sr-no, .admin-head-row .admin-head-user {
    vertical-align: middle;
    border-right: 1px solid #e6eaee;
    color: #a4a9ad;
    font-size: 12px;
    padding-left: 15px;
}

.add-color {
    color: #333;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0px;
    border-top: 1px solid #e6eaee;
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-all;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
    vertical-align: middle;
}

.company-table > tbody > tr:nth-child(odd) > td, .company-table > tbody > tr:nth-child(odd) > th {
    padding-right: 15px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: inherit;
}

table th.resizing {
    cursor: col-resize;
}

.admin-table-wrapper table tr.table-row-item td {
    background-color: #fff;
}

.company-table > tbody > tr:nth-child(odd):hover {
    background-color: #F1F1F1;
}

.company-table > tbody > tr:nth-child(even):hover {
    background-color: #F1F1F1;
}

.table-striped > tbody > tr > td:hover {
    text-decoration: underline;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    padding-right: 15px;
    line-height: normal;
    border-top: 1px solid #e6eaee;
}

tbody tr td {
    font-size: 12px;
    color: #1d1d1d;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    border: 0px;
}

.table.table-striped.table-bordered {
    border: 0px;
    margin-bottom: 0;
    border-collapse: initial;
}

button.action-btn, a.action-btn {
    padding: 4px 20px 4px 20px;
    margin: 0;
    cursor: pointer;
}

.add-col-btn {
    margin-right: 10px;
    padding: 4px 20px 4px 20px;
}

.table-grp-img {
    float: right;
    height: 15px;
    margin-top: 1px;
    width: 15px;
}


.admin-head-user .admin-edit-btn .fa-caret-down {
    position: relative;
    left: 5px;
    top: 1px;
    pointer-events: none;
}

.collapsible-admin-row {
    display: none;
}

.collapsible-show {
    display: table-row;
    -webkit-animation: slide-down .4s ease-out;
    -moz-animation: slide-down .4s ease-out;
    -ms-animation: slide-down .4s ease-out;
    -o-animation: slide-down .4s ease-out;
}

.collapsible-admin-row .collapsible-admin-data {
    padding: 30px 15px 15px 15px;
    border-top: 0px;
    border-bottom: 0px;
}

.collapse-dropdown {
    padding-left: 25px;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

.product-inner {
    margin: 0;
    background: #fff;
    height: 180px;
    overflow: hidden;
    padding-left: 0px;
}

.profile-product-list .ss-wrapper .ss-content {
    right: 0px;
    padding-right: 0px;
}

.product-inner li {
    padding-bottom: 15px;
    padding-left: 25px;
    border-bottom: 1px solid #e6eaee;
    padding-top: 15px;
}

.profile-product-list li input:not(:checked) + .slider {
    background: #36af47;
}

.profile-product-list li:nth-child(2) input:not(:checked) + .slider {
    background: #ff8300;
}

.groups-tab {
    clear: both;
    margin-top: 20px;
    background: #ffffff;
}

    .groups-tab .profile-head {
        margin-bottom: 15px;
    }

    .groups-tab .group-access-list {
        height: 220px;
        padding-left: 15px;
        background: #fff;
        margin: 0;
        border: 1px solid #e6eaee;
        border-top: 0px;
    }

        .groups-tab .group-access-list li:last-child {
            border-bottom: 0;
        }

.group-access-list li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
}

    .group-access-list li span {
        color: #354052;
    }

#edit-profile-page .group-access-list li {
    margin-right: 15px;
}

.groups-tab .nav-tabs li.active {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #ffffff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    border-bottom: 1px solid #e6eaee;
}

.groups-tab .nav-tabs > li > a {
    margin: 0;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
    color: #354052;
    border: 0px;
    padding: 10px 23px;
}

.groups-tab .nav-tabs > li:not(:first-child) {
    margin-left: 6px;
}

.groups-tab .nav-tabs > li {
    border-top: 1px solid #e6eaee;
    border-left: 1px solid #e6eaee;
    border-right: 1px solid #e6eaee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
}

.groups-tab .nav > li > a:focus {
    background-color: #fff;
    border-color: #fff;
}

.groups-tab .nav > li > a:hover {
    background: none;
}

.all-grp {
    margin-left: 6px;
}
/*---------------POPUP STYLES-------*/
.filter-data {
    padding-bottom: 5px;
    border-bottom: 1px solid #e6eaee;
}

.change-date {
    border-top: 1px solid #e6eaee;
    border-bottom: 1px solid #e6eaee;
    padding-left: 10px;
}

.sort-section {
    padding-left: 15px;
}

.close-column {
    padding-left: 15px;
    border-bottom: 1px solid #e6eaee;
}

.filter-icon {
    color: #c5d0de;
    padding-right: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    position: relative;
    bottom: 4px;
    margin-right: 5px;
}

.filter-rotate {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    bottom: 0px;
    left: 5px;
}

.select-option {
    float: left;
    padding-right: 15px;
    padding-bottom: 9px;
    cursor: pointer;
}

.select {
    border-radius: 4px;
    padding: 5px;
}

.filter-dash {
    float: left;
    position: relative;
    right: 7px;
    color: #00a1df;
}

.clear-option {
    float: left;
    cursor: pointer;
}

.filter-search-box {
    position: relative;
    margin-right: 15px;
}

    .filter-search-box .form-control {
        opacity: 0.5;
        border-radius: 1px;
        padding-right: 30px;
    }

    .filter-search-box .fa-search {
        position: absolute;
        font-size: 16px;
        right: 10px;
        top: 10px;
        opacity: 0.7;
        color: #354052;
        z-index: 9;
    }

.add-column-wrap {
    background: #fff;
    z-index: 99999;
    position: absolute;
    border: 1px solid #e7e7e7;
    margin: 0;
    display: none;
}

.btn-add-column {
    background-image: -webkit-linear-gradient(top, #d7045a,#c60050);
    background-image: -moz-linear-gradient(top, #d7045a,#c60050);
    background-image: -ms-linear-gradient(top, #d7045a,#c60050);
    background-image: -o-linear-gradient(top, #d7045a,#c60050);
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    color: #fff;
    padding: 3px 20px;
}

.btn-cancel-column {
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    border: 1px solid #ced0da;
    border-radius: 3px;
    padding: 3px 8px;
    margin-left: 10px;
}

.add-wrap-active {
    display: block;
    padding-bottom: 15px;
}

.edit-user-section {
    border-bottom: solid 0.5px #e6eaee;
    padding-top: 10px;
}

.btn-ok {
    background-image: -webkit-linear-gradient(top, #d7045a,#c60050);
    background-image: -moz-linear-gradient(top, #d7045a,#c60050);
    background-image: -ms-linear-gradient(top, #d7045a,#c60050);
    background-image: -o-linear-gradient(top, #d7045a,#c60050);
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    color: #fff;
    padding: 3px 20px;
}

.btn-cancel {
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    border: 1px solid #ced0da;
    border-radius: 3px;
    padding: 3px 8px;
    margin-left: 10px;
}

.by-value {
    padding: 9px 0px 2px 10px;
}

.filter-btn-grp {
    padding-left: 17px;
}

.filter-btn-group {
    padding-left: 21px;
}

.filter-dropdown-wrapper {
    height: 0px;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    padding-left: 15px;
}

.filter-open {
    height: 157px;
}

.add-layer {
    background: black;
    width: 100%;
    position: fixed;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 2;
    left: 0px;
    right: 0;
    top: 60;
    opacity: 0.6;
    -webkit-overflow-scrolling: touch;
}

.company-entry {
    float: right;
    color: #1d1d1d;
    padding-top: 5px;
    padding-right: 15px;
}

.action-icon {
    padding-left: 10px;
    padding-top: 2px;
    float: right;
    pointer-events: none;
}
/*------------popup checkboxes------*/
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


/*-----------------add-user page styles ,edit-profile-----------*/
.new-user-avatar-inner {
    padding-left: 25px;
}

.users-wrapper .new-user-avatar-section {
    padding-top: 30px;
}

.new-user-avatar-inner .new-user-avatar-img {
    width: auto;
    padding: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
}

.new-user-avatar-img img {
    width: 35px;
}

.new-user-avatar-inner .new-user-avatar-name {
    text-align: left;
    padding: 8px 0 0 15px;
}

.new-user-product-list li a.h5 {
    color: #D1D3D3;
}

    .new-user-product-list li a.h5.text-active {
        color: #717271;
    }

.add-active-country-green {
    background-color: #02B224 !important;
}

.add-active-country-orange {
    background-color: #FF8300 !important;
}

.new-user-product-list li.add-active-country-green:not(:first-child):after {
    background-color: #02B224;
}

.new-user-product-list li.add-active-country-orange:not(:first-child):after {
    background-color: #FF8300;
}

#edit-profile-page .new-user-avatar-inner .new-user-avatar-img, #edit-user-page .new-user-avatar-inner .new-user-avatar-img {
    padding: 0;
    border: 0px;
    border-radius: 0;
}

#edit-profile-page .country-header p, #edit-user-page .country-header p, #products-page .country-header p {
    color: #333E48;
}

#edit-profile-page .new-user-avatar-img img, #edit-user-page .new-user-avatar-img img {
    width: 85px;
}

#edit-profile-page .new-user-avatar-name, #edit-user-page .new-user-avatar-name {
    padding-top: 12px;
}

    #edit-profile-page .new-user-avatar-name .avatar-desig, #edit-user-page .new-user-avatar-name .avatar-desig {
        padding-top: 0;
    }

#edit-profile-page .user-info-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #D1D3D3;
    font-family: "Gotham A", sans-serif;
}

#edit-profile-page .user-info-input input::-moz-placeholder { /* Firefox 19+ */
    color: #D1D3D3;
    font-family: "Gotham A", sans-serif;
}

#edit-profile-page .user-info-input input:-ms-input-placeholder { /* IE 10+ */
    color: #D1D3D3;
    font-family: "Gotham A", sans-serif;
}

#edit-profile-page .user-info-input input:-moz-placeholder { /* Firefox 18- */
    color: #D1D3D3;
    font-family: "Gotham A", sans-serif;
}

#edit-profile-page .new-user-product-list li:nth-child(2):after, #edit-user-page .new-user-product-list li:nth-child(2):after {
    background-color: #FF8300;
}

#edit-profile-page .new-user-product-list li:nth-child(3):after, #edit-user-page .new-user-product-list li:nth-child(3):after {
    background-color: #02B224;
}

.landing-page-list li {
    display: inline;
}

.landing-header-div {
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F4F7FA);
    background-image: -moz-linear-gradient(top, #FFFFFF, #F4F7FA);
    background-image: -ms-linear-gradient(top, #FFFFFF, #F4F7FA);
    background-image: -o-linear-gradient(top, #FFFFFF, #F4F7FA);
    clear: both;
    border-bottom: 1px solid #EBEBEB;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
}

#user-page .landing-header-div {
    border: 1px solid #EBEBEB;
}

.country-header {
    padding: 13px 0 3px 0;
}

    .country-header input {
        border: 0;
        background: transparent;
        margin-top: 7px;
        margin-bottom: 4px;
    }

        .country-header input::-webkit-input-placeholder {
            color: #a4a9ad;
        }

    .country-header p {
        color: #A4A9AD;
    }

    .country-header:first-child {
        padding-left: 15px;
    }

    .country-header:not(:first-child) {
        border-left: 1px solid #EBEBEB;
        text-align: center;
    }

.landing-inner-wrap {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dfdfdf;
    border-top: 0px;
}

#divProduct .landing-inner-wrap, #divGroup .landing-inner-wrap, #divFiles .landing-inner-wrap {
    background-color: #fff;
    height: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dfdfdf;
    border-top: 0px;
    margin-bottom: 20px;
    padding-top: 8px;
}

.landing-inner-content {
    border-bottom: 1px solid #E8ECF0;
    padding: 5px 0 5px 0;
}

.country-content:not(:first-child) {
    padding: 8px 0 0 0;
    text-align: center;
}

.country-content .country-checked {
    text-align: center;
}

.landing-pages-wrapper .profile-head {
    margin-bottom: 15px;
    float: left;
}

.contact-content-wrapper {
    background-color: #fff;
    height: 125px;
    border: 1px solid #dfdfdf;
    border-top: 0;
}

.contacts-wrapper-total {
    border: 1px solid #E6EAEE;
}

    .contacts-wrapper-total p {
        color: #354052;
        font-weight: 500;
        font-family: 'Gotham A', sans-serif;
    }

.landing-header-div .contact-head:first-child {
    border-right: 1px solid #EBEBEB;
}

.contact-content {
    border-bottom: 1px solid #F3F3F3;
}

.owner-user-name {
    margin-top: 30px;
}

#edit-profile-page .country-content {
    border-bottom: 0px;
}

#edit-profile-page .landing-pages-wrapper {
    margin-top: 20px;
}

#edit-profile-page .landing-inner-content {
    border-bottom: 1px solid #E8ECF0;
}

.country-content.checked-label-content {
    padding-top: 8px;
}

.checked-label-content .switch {
    float: left;
}

.checked-label-content input:not(:checked) + .slider {
    background-color: #FF7800;
}

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

.edit-box-inner img {
    width: 40px;
    float: left;
}

.box-data {
    display: inline-block;
    padding-left: 10px;
    padding-top: 4px;
}

    .box-data p {
        margin: 0;
        line-height: normal;
    }

        .box-data p:first-child {
            font-family: "Gotham A", sans-serif;
            font-weight: 500;
            color: #333E48;
        }

        .box-data p:last-child {
            font-size: 12px;
            color: #717271;
            font-family: "Gotham A", sans-serif;
        }

.box-delete-icon {
    position: relative;
    bottom: 5px;
    margin-left: 15px;
    font-size: 18px;
    color: #C8D2DF;
}

.owner-access-section .add-btn {
    bottom: 0;
    margin-top: 17px;
}

.owner-dropdown {
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    width: 260px;
}

    .owner-dropdown p {
        text-align: left;
        padding: 15px;
        border: 1px solid #ced0da;
        width: 260px;
        border-radius: 4px;
        background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
        background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
        background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
        background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    }

        .owner-dropdown p img {
            width: 40px;
            float: left;
            border-radius: 50%;
            pointer-events: none;
        }

    .owner-dropdown span {
        padding-left: 15px;
        pointer-events: none;
        position: relative;
        top: 12px;
    }

span.dot-color {
    float: none;
}

.owner-dropdown span.owner-name {
    float: none;
}

.owners-name-list {
    position: absolute;
    display: none;
    overflow: auto;
    background: #fff;
    z-index: 99;
    text-align: left;
    width: 260px;
    height: 270px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    margin: 0;
    top: 62px;
    left: 0;
    border: 1px solid #eee;
    border-radius: 0 0 4px 4px;
}

    .owners-name-list li {
        padding: 10px;
    }

        .owners-name-list li img {
            float: left;
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

        .owners-name-list li:last-child {
            padding: 2px 8px 3px 10px;
        }

.owners-name-list-open {
    display: block;
}

.user-leftbar {
    float: left;
    padding: 0px;
    background-color: #fff;
    width: 300px;
}

.avatar-img {
    width: 150px;
    border-radius: 50%;
}

.user-avatar-section {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #A4A9AD;
    background-image: url("../images/profile-images/pink.png");
}

.avatar-name {
    margin: 0px;
    padding-top: 8px;
    color: #fff;
    line-height: normal;
    font-size: 24px;
}

.avatar-desig {
    margin: 0px;
    color: #F5F5F5;
    font-size: 14px;
}

.product-searchbox {
    background: #fff;
    height: 45px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

    .product-searchbox img {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 12px;
        right: 15px;
    }

.no-pad {
    padding: 0px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #354052;
    font-family: "Gotham A", sans-serif;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #354052;
    font-family: "Gotham A", sans-serif;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #354052;
    font-family: "Gotham A", sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
    color: #354052;
    font-family: "Gotham A", sans-serif;
}

.product-searchbox .fa.fa-search {
    position: absolute;
    top: 11px;
    right: 22px;
    opacity: 0.5;
    color: #333e48;
    font-weight: normal;
    font-size: 20px;
}

.product-searchbox input {
    width: 85%;
    height: 100%;
    padding-left: 10px;
    border: 0px;
    font-size: 16px;
}

.profile-product-list {
    padding: 0;
    margin: 0px;
    z-index: 0;
}

    .profile-product-list li {
        padding: 8px 25px;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
    }

        .profile-product-list li a {
            font-family: "Gotham A", sans-serif;
            font-weight: 500;
            color: #717271;
        }

        .profile-product-list li span {
            font-family: "Gotham A", sans-serif;
            font-weight: 500;
            color: #717271;
        }

.list-item-active:before {
    content: '';
    width: 3px;
    height: 100%;
    background-color: #d7045a;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}

.list-item-background-active {
    background-color: #f4f3f3;
}

.user-rightbar {
    padding: 0 0 40px 30px;
    float: left;
}

.user-profile-section-content {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    position: relative;
    margin-top: 15px;
    border-radius: 4px;
    z-index: 0;
}

.user-general-info {
    padding: 25px 35px;
}

.profile-header-text {
    font-size: 16px;
    margin-bottom: 15px;
}

.locked-user-img {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 25px;
}

.profile-head-section .profile-head {
    float: left;
}

.profile-head {
    padding-top: 6px;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
}

    .profile-head span {
        padding-right: 10px;
        font-weight: 700;
        font-size: 18px;
        position: relative;
        top: 2px;
    }

    .profile-head i {
        font-weight: normal;
        font-size: 18px;
        border: 2px solid #333E48;
        border-radius: 3px;
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .profile-head i:before {
            position: relative;
            top: 1px;
        }

#groups-page .profile-head i {
    border: 0px;
}

.login-stats-sections .profile-head {
    margin-bottom: 15px;
}

.upload-size-limit {
    float: left;
    margin-top: 10px;
    width: 130px;
}

    .upload-size-limit p {
        margin: 0px;
        font-size: 14px;
    }

        .upload-size-limit p:last-child {
            font-size: 12px;
            padding-top: 5px;
        }

.avatar-upload {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6eaee;
}

.upload-user-pic {
    display: inline-block;
    position: relative;
    z-index: 0;
}

    .upload-user-pic img {
        width: 60px;
        position: absolute;
        float: left;
        z-index: 9;
        border-radius: 50%;
    }

.avatar-upload-choices {
    height: 60px;
    background: #fafbfc;
    width: 100px;
    position: relative;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border: 1px solid #e6eaee;
}

    .avatar-upload-choices .fa {
        float: right;
        position: absolute;
        right: 8px;
        font-size: 16px;
        z-index: 99;
        color: #c8d2df;
    }

    .avatar-upload-choices i:first-child {
        top: 6px;
        border-bottom: 1px solid #e6eaee;
        padding-bottom: 5px;
        cursor: pointer;
    }

    .avatar-upload-choices i:nth-child(2) {
        top: 33px;
        font-size: 20px;
    }

.user-inner-info {
    margin: 0px;
    width: 130px;
    float: left;
    font-size: 14px;
    padding-top: 1px;
}

.user-info-input {
    display: inline-block;
    margin: 0px;
    color: #D1D3D3;
}

    .user-info-input input {
        border: 0px;
        font-size: 14px;
        margin-top: -2px;
    }

.user-inner-info:last-child {
    border-bottom: 0px;
}

.gen-user-company {
    border-bottom: 0px;
}

.user-details {
    padding: 6px 0 6px 0;
    border-bottom: 1px solid #e6eaee;
    position: relative;
}

.locked-info-icon {
    width: 10px;
}

#edit-user-page .user-details:last-child, #edit-profile-page .user-details:last-child {
    border-bottom: 0px;
}

.locked-user {
    position: absolute;
    right: 0;
    color: #d1d3d3;
}

.user-details .slider {
    background-color: #36af47;
}

.login-stats-sections {
    margin-top: 25px;
}

    .login-stats-sections .table th {
        background: linear-gradient(0deg, #F4F7FA 0%, #FFFFFF 100%);
        border-right: 1px solid #EBEBEB;
    }

    .login-stats-sections .table tr {
        background-color: #fff;
    }

        .login-stats-sections .table tr button {
            bottom: 0;
        }

.user-inner-info input {
    border: 0px;
    margin-left: 30px;
    font-size: 14px;
    width: 235px;
}

.user-setting-btn {
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    border: 1px solid #ced0da;
    padding: 2px 20px;
    color: #354052;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 4px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

    .user-setting-btn:hover {
        color: #354052;
    }

.profile-save-btn {
    background-image: -webkit-linear-gradient(top, #00a1df, #008ec5);
    background-image: -moz-linear-gradient(top, #00a1df, #008ec5);
    background-image: -ms-linear-gradient(top, #00a1df, #008ec5);
    background-image: -o-linear-gradient(top, #00a1df, #008ec5);
    padding: 7px 35px;
    color: #fff;
    border: 1px solid #0078A6;
    cursor: pointer;
}

.copy-btn {
    margin-right: 10px;
}

.settings-btn-section {
    float: right;
    display: inline-block;
}

.save-btn-section {
    margin-top: 15px;
}

.profile-save-btn:hover {
    color: #fff;
}

#chartContainer {
    height: 300px;
}

#user-page .country-content {
    border-bottom: 0px;
    padding-left: 15px;
}

#user-page .country-header {
    text-align: center;
}

    #user-page .country-header:first-child {
        text-align: left;
        padding-left: 10px;
    }

#user-page .group-pages-dropdown .country-header {
    text-align: left;
    padding-left: 10px;
}

#user-page .group-pages-dropdown .country-content {
    text-align: left;
    padding-left: 10px;
    word-break: break-word;
    padding-top: 0;
}

    #user-page .group-pages-dropdown .country-content:first-child {
        padding-left: 15px;
    }

#user-page .collapse-dropdown:first-child .country-content:not(:first-child) {
    padding-left: 0;
}

#user-page .landing-inner-content {
    border-bottom: 1px solid #E8ECF0;
}

#user-page .landing-pages-wrapper {
    padding: 0;
}

.grp-member-head:not(:last-child) {
    border-right: 1px solid #EBEBEB;
}

.grp-member-inner-wrap {
    height: 150px;
    border-top: 0px;
}

.grp-member-inner-content {
    background-color: #fff;
    border-bottom: 1px solid #E8ECF0;
    padding: 4px 0px 4px 0;
    margin-right: 10px;
}

.grp-member-data {
    padding: 10px 20px 5px 21px;
}

    .grp-member-data p {
        margin: 0;
    }

.grp-member-head {
    padding: 10px 10px 10px 15px;
}

    .grp-member-head p {
        color: #A4A9AD;
        margin: 0;
    }

/*-------drag n drop-------*/
table {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.jsdragtable-contents {
    background: #fff;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    box-shadow: 2px 2px 5px #aaa;
    padding: 0;
}

    .jsdragtable-contents table {
        margin-bottom: 0;
    }

img.handle-icon {
    cursor: pointer;
    float: right;
    margin-top: 2px;
    width: 12px;
    opacity: 0;
}

.admin-head-item:hover img.handle-icon {
    opacity: 1;
}

.admin-head-user:hover img.handle-icon {
    opacity: 1;
}

.header-input {
    border: 0px;
    background-color: #f6f8fa;
}

.active-header-input {
    display: block;
}

.header-input::-webkit-input-placeholder {
    color: #a4a9ad;
    font-size: 12px;
    font-family: "Gotham A", sans-serif;
}

.header-input::-moz-placeholder {
    color: #a4a9ad;
    font-size: 14px;
    font-family: "Gotham A", sans-serif;
}

.header-input:-ms-input-placeholder {
    color: #a4a9ad;
    font-size: 14px;
    font-family: "Gotham A", sans-serif;
}

.header-input:-moz-placeholder {
    color: #a4a9ad;
    font-size: 14px;
    font-family: "Gotham A", sans-serif;
}



/*----------unique page classes-------*/
.user-login-chart {
    background: #fff;
    display: table;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E6EAEE;
}

    .user-login-chart p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #354052;
        font-weight: 600;
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
    }

#groups-page .table.table-striped.table-bordered {
    table-layout: fixed;
}

#groups-page .admin-btn-group a:first-child {
    margin: 0;
}

#example .admin-head-row .admin-head-sr-no.checkbox-head {
    width: 60px !important;
    padding-left: 16px;
}

#user-page .admin-head-row .admin-head-item, .admin-head-row .admin-head-sr-no, .admin-head-row .admin-head-user {
    line-height: normal;
    padding-left: 15px;
}

#groups-page .admin-head-row .admin-head-item, .admin-head-row .admin-head-sr-no, .admin-head-row .admin-head-user {
    line-height: normal;
    padding-left: 15px;
}

#my-company-page .admin-head-row .admin-head-item, .admin-head-row .admin-head-sr-no, .admin-head-row .admin-head-user {
    line-height: normal;
    padding-left: 15px;
}

/*--------page styles-----*/
.add-btn {
    padding: 3px 12px;
    font-size: 13px;
    position: relative;
    bottom: 2px;
    margin: 0;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

    .add-btn:hover {
        color: #354052;
    }

#product-add-new-page .avatar-upload {
    border-bottom: 0px;
}

#product-add-new-page .user-avatar-section {
    background-color: #a4a9ad;
}

.members-access-list {
    padding-left: 15px;
    background: #fff;
    height: 266px;
    margin: 0;
    border: 1px solid #e6eaee;
    border-radius: 5px;
}

.members-access-list li {
    padding-top: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

    .members-access-list li:last-child {
        border-bottom: 0px;
    }

    .members-access-list li a {
        color: #354052;
    }

.member-heading {
    margin-bottom: 20px;
    font-family: "Gotham A", sans-serif;
    font-weight: 500;
}

#edit-grp-page .member-heading {
    float: left;
}

.export-btn {
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    padding: 5px 10px;
    border: 1px solid #CED0DA;
    margin-left: 30px;
    border-radius: 5px;
    float: right;
    font-size: 11px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    color: #354052;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 600;
}

    .export-btn img {
        width: 13px;
        margin-left: 6px;
    }

.export-table-wrapper .table-striped > tbody > tr > td, .export-table-wrapper .table th {
    border-top: 0;
    border-bottom: 1px solid #F3F3F3;
}

.export-table-wrapper {
    height: 250px;
    clear: both;
    border: 1px solid #dfdfdf;
    background: #fff;
}

    .export-table-wrapper .table {
        margin: 0;
    }

    .export-table-wrapper .export-td {
        padding: 0;
    }

    .export-table-wrapper .export-contact, .export-table-wrapper .export-company {
        padding-left: 15px;
        color: #A4A9AD;
        width: 25%;
    }

.export-inner-data-table .export-contact-data, .export-inner-data-table .export-company-data {
    width: 25%;
}

.table-striped.table-bordered.collapse-table {
    border: 1px solid #e6e6e6;
}

#edit-grp-page .avatar-upload {
    border-bottom: 0px;
}



#edit-user-page .copy-btn {
    margin: 0px;
}

.switch {
    position: relative;
    display: inline-block;
    padding: 2px;
    float: right;
    border-radius: 60px;
    bottom: 2px;
    width: 50px;
    height: 24px;
}

#edit-user-page .switch {
    bottom: -5px;
}

.switch input {
    display: none;
}

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

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

input:checked + .slider {
    background-color: red;
}

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

input:not(:checked) + .slider:before {
    left: 2px;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Product page */
.products-main-list {
    height: 990px;
}

.profile-product-list.products-main-list li input:not(:checked) + .slider {
    background: #36af47;
}

.profile-product-list li:first-child input:not(:checked) + .slider {
    background: #ff8300;
}

#products-page .copy-btn {
    margin: 0;
}

#products-page .landing-header-div {
    border: 1px solid #E6EAEE;
}

#products-page .profile-product-list li:first-child {
    border-top: 0px;
}

#products-page .settings-btn-section {
    float: right;
}

.user-profile-section ul.nav.nav-pills {
    display: table;
    position: relative;
    margin-left: 15px;
}

#products-page .user-details {
    float: left;
    width: 100%;
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #e6eaee;
}

#edit-user-page .user-details {
    float: left;
    width: 100%;
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #e6eaee;
}

#products-page .user-details:last-child {
    border: 0px;
}

#products-page .user-profile-section-content {
    padding-bottom: 0px;
}

#products-page .landing-pages-wrapper {
    padding: 0;
}

#products-page .product-switch {
    margin: 0;
    bottom: -10px;
}

    #products-page .product-switch input:not(:checked) + .slider {
        background-color: #36AF47;
    }
/* Chart */
.chart-container {
    width: 92%;
    margin: 30px auto;
}

    .chart-container .p {
        text-align: center;
        font-size: 14px;
        padding-top: 140px;
    }

    .chart-container .chart-title {
        float: left;
        font-size: 16px;
        margin: 0;
        color: #354052;
        font-family: "Gotham A", sans-serif;
        font-weight: 500;
    }

    .chart-container .chart-tab {
        float: right;
    }

        .chart-container .chart-tab li {
            cursor: pointer;
            display: inline-block;
            border-radius: 15px;
        }

            .chart-container .chart-tab li a {
                border: none;
                border-radius: 15px;
                padding: 6px 15px;
                color: #7f8fa4;
                background-color: transparent;
                font-size: 13px;
            }

                .chart-container .chart-tab li a:hover {
                    background-color: #1a91eb;
                    color: #ffffff;
                }

            .chart-container .chart-tab li.active a {
                background-color: #1a91eb;
                color: #ffffff;
            }

    .chart-container .tab-content {
        padding-top: 30px;
    }

.chart-list-active {
    background-color: #1a91eb;
}

.chart-tab .chart-range.chart-list-active a {
    color: #fff;
}

.show-chart {
    display: block;
}

.hide-chart {
    display: none;
}

/*------change column data--------*/
.userid-replace, .lastlogin-replace, .created-replace, .inactive-replace, .contactusername-replace, .licenseusertype-replace, .contractsum-replace {
    display: none;
}

.userid-replace, .lastlogin-replace, .created-replace, .inactive-replace, .contactusername-replace, .licenseusertype-replace, .username-replace {
    display: none;
}

#edit-grp-page .grp-member-head:not(:last-child) {
    width: 35%;
}

#edit-grp-page .grp-member-data:not(:last-child) {
    width: 35%;
}

#edit-grp-page .grp-member-head:last-child, #edit-grp-page .grp-member-data:last-child {
    width: 30%;
}

.product-dots {
    float: right;
    width: 9px;
    height: 9px;
    background-color: #E6EAEE;
    border-radius: 50%;
    position: relative;
    top: 5px;
}

.add-width-6-col {
    width: 1900px;
    overflow: auto;
}

.add-width-8-col {
    width: 2400px;
    overflow: auto;
}

.add-width-10-col {
    width: 2700px;
    overflow: auto;
}

#GroupPopup {
    max-width: 350px;
}

/*---------------Company list add column styles*/
.companylist5-replace, .companylist6-replace, .companylist7-replace, .companylist8-replace, .companylist9-replace {
    display: none;
}

.company-list-header {
    background: #f6f8fa;
    border: 1px solid #e6eaee;
    border-bottom: 0;
}

.company-data-head-value {
    padding: 10px;
}

    .company-data-head-value:not(:last-child) {
        border-right: 1px solid #e6eaee;
    }

    .company-data-head-value p {
        color: #a4a9ad;
    }

.company-list-data-content {
    background: #fff;
    height: 250px;
    border: 1px solid #e6eaee;
}

.company-lists {
    border-bottom: 1px solid #e6eaee;
}

.company-list-wrapper p {
    margin: 0;
}

.company-data-value {
    padding: 10px;
}


/*-----------Rapporter page styles--------*/
.reports-info-wrap {
    background-color: #fff;
    height: 280px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dfdfdf;
    border-top: 0px;
    padding: 25px;
}

.pub-date {
    padding-left: 25px;
    color: #717271;
}

.pub-icon {
    float: right;
    color: #333E48;
}

.admin-btn-column .admin-btn-group {
    margin-right: 0;
}

.members-count {
    color: #333E48;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.member-desc {
    color: #A4A9AD;
    font-size: 14px;
    margin: 0;
    padding-top: 10px;
    font-style: italic;
    line-height: 17px;
}

.responsible-employee {
    display: inline-block;
    background: linear-gradient(0deg, #F2F4F7 0%, #FFFFFF 100%);
    border: 1px solid #CED0DA;
    border-radius: 4px;
    padding: 10px 15px;
}

    .responsible-employee p {
        margin: 0;
        color: #333E48;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }

    .responsible-employee span {
        padding-left: 10px;
        color: #C8D2DF;
        font-size: 16px;
    }

.user-details-division {
    border-bottom: 0;
    padding: 0;
}

.notify-user-division-inner {
    padding-top: 5px;
}

.notify-span {
    float: left;
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    color: #323A45;
    clear: left;
    position: relative;
    top: 5px;
}

.notify-user-division-inner .product-switch {
    position: absolute;
    right: 0;
    margin: 0;
    top: 12px;
}

.landing-pages-employee {
    margin-right: 20px;
}

.add-lpage {
    margin-top: 40px;
}

    .add-lpage p {
        color: #D7045A;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        margin-bottom: 0;
        float: right;
    }

.permit-header .profile-header-text {
    float: left;
    margin-bottom: 10px;
}

.permit-header .product-switch {
    margin-top: 10px;
}

.grey-back-text {
    color: #354052;
    font-family: 'Montserrat', sans-serif;
    float: left;
    font-size: 12px;
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: 0;
    line-height: 15px;
}

    .grey-back-text:focus {
        border-bottom: 1px solid #D7045A;
    }

    .grey-back-text:not(:first-child) {
        margin-left: 60px;
    }

.permit-summary {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E6EAEE;
    border-top: 1px solid #E6EAEE;
    padding: 5px 0;
}

.permit-header {
    padding: 15px 35px;
}

.permit-choose .user-inner-info {
    padding: 15px 0;
}

.permit-choose-left {
    border-bottom: 1px solid #e6eaee;
    margin-right: 5%;
    padding: 0;
    width: 20%;
}

.permit-choose-right {
    border-bottom: 1px solid #e6eaee;
    padding: 0;
}

.files-check-content .user-inner-info {
    padding-left: 25px;
    width: auto;
}

.summary-left {
    padding: 0 35px;
}

.summary-right {
    padding-top: 5px;
    padding-right: 35px;
}

.uc-btn-add-column {
    background-image: -webkit-linear-gradient(top, #d7045a,#c60050);
    background-image: -moz-linear-gradient(top, #d7045a,#c60050);
    background-image: -ms-linear-gradient(top, #d7045a,#c60050);
    background-image: -o-linear-gradient(top, #d7045a,#c60050);
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    color: #fff;
    padding: 3px 20px;
}

/*----media queries--------*/
@media (min-width: 1400px) {
    .product-searchbox input {
        padding-left: 25px;
    }
}

@media (min-width: 1200px) {
    .mid-content .container {
        width: 950px;
    }

    .chart-container .chart-tab {
        position: relative;
        right: -18px;
    }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        height: 45px;
    }
}

@media (min-width: 481px) {
    .user-info-input input {
        width: 260px;
    }

        .user-info-input input[type=checkbox] {
            width: inherit;
        }
}

@media(max-width: 1575px) {

    .export-inner-data-table .export-contact-data, .export-inner-data-table .export-company-data {
        padding-left: 10px;
    }

    .company-entry {
        display: none;
    }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        font-size: 12px !important;
    }

    .header-input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .header-input::-moz-placeholder {
        font-size: 12px;
    }

    .header-input:-ms-input-placeholder {
        font-size: 12px;
    }

    .header-input:-moz-placeholder {
        font-size: 12px;
    }
}

@media(max-width: 1400px) {

    .avatar-name {
        font-size: 22px;
    }

    .post-head, .post, .sum-aktiv-head, .sum-no, .salg-head, .salg-name, .bransje-head, .bransje-name {
        display: none;
    }

    #my-company-page .table.table-striped.table-bordered {
        table-layout: auto;
    }

    .chart-container {
        margin: 30px auto;
    }

    .admin-btn, .black-btn {
        padding: 11px 15px;
    }

    .profile-product-list li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile-product-list .add-btn {
        position: relative;
        right: 10px;
    }

    .new-user-product-list li:not(:first-child):after {
        right: 10px;
    }

    .admin-btn img {
        right: 7px;
    }

    .new-user-avatar-inner {
        padding-left: 10px;
    }

    .countries-replace {
        display: none;
    }

    #example .admin-head-row .admin-head-sr-no.checkbox-head, .company-entry, button.action-btn, .add-col-btn {
        font-size: 12px;
    }

    .admin-container {
        margin-top: 147px;
    }

    .company-replace {
        display: none;
    }

    .grp-member-head, .grp-member-data {
        padding-left: 10px;
    }

    .user-general-info {
        padding: 25px 25px;
    }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        font-size: 11px !important;
    }

    .contacts-wrapper-total p {
        font-size: 11px;
    }

    #user-page .list-head-p {
        font-size: 11px;
    }

    .country-checked img {
        width: 21px;
        height: 19px;
    }

    .box-data p:first-child {
        font-size: 11px;
    }

    .box-data p:last-child {
        font-size: 10px;
    }
}

@media(max-width: 1200px) {
    .left-sidebar {
        top: 4px;
        border-top: none;
        left: -500px;
    }

    .company-column {
        margin-top: 15px;
    }

    .grp-member-data p, .grp-member-head p {
        font-size: 12px;
    }

    .fly-but-wrap {
        display: block;
    }

    .left-bar-open {
        left: 0px;
    }

    .mid-content {
        width: 100%;
        float: none;
    }

    .dots {
        left: 40%;
    }

    #display-userid, #display-LicenseUserType, #display-lastlogin {
        display: none;
    }

    .user-general-info {
        padding: 25px 20px;
    }

    .admin-container, .users-wrapper {
        margin-top: 163px;
    }

    .admin-navbar {
        left: 0;
    }

    .user-left-nav {
        padding-top: 8px;
        background: #fff;
    }

    #edit-profile-page .switch {
        width: 35px;
        height: 16px;
        bottom: -2px;
    }

    #edit-profile-page .slider:before {
        height: 16px;
        width: 15px;
        left: -5px;
        bottom: 0;
    }

    #edit-profile-page input:not(:checked) + .slider:before {
        left: 1px;
    }

    #edit-profile-page input:checked + .slider:before {
        -webkit-transform: translateX(24px);
        -ms-transform: translateX(24px);
        transform: translateX(24px);
    }

    .some-handle {
        display: none;
    }

    .profile-product-list li a {
        font-size: 12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        width: 5px;
    }
}

@media(max-width: 991px) {
    .companylist2-replace, .companylist3-replace, .companylist4-replace {
        display: none;
    }

    .permit-choose-left {
        width: 100%;
        margin-right: 0;
    }

    .reports-info-section {
        padding: 0;
    }

    .grey-back-text:not(:first-child) {
        margin-left: 10px;
    }

    .admin-btn-group .export-btn {
        display: none;
    }

    .product-searchbox input {
        font-size: 12px;
    }

    .collapse-dropdown {
        padding: 0;
        width: 100%;
    }

    #products-page .product-switch {
        bottom: 0;
    }

    .grp-head, .grp-name {
        display: none;
    }

    .btn-grp-outer {
        padding-left: 0px;
    }

    .message-outer {
        padding-right: 15px;
    }

    .kalendar-hr {
        width: 98.4%;
    }

    p.msg-time:after {
        width: 69%;
    }

    .sr-no-head, .sr-no, .post-head, .post {
        display: none;
    }

    .profile-product-list li {
        padding: 8px 10px;
    }

        .profile-product-list li a {
            font-size: 12px;
        }

    .user-profile-section ul.nav.nav-pills {
        margin-left: 2px;
    }

    .user-profile-section .nav > li {
        width: 85px;
    }


    .chart-container .chart-title {
        font-size: 14px;
    }

    .chart-container .chart-tab li a {
        font-size: 10px;
        padding: 8px;
    }

    .user-inner-info input {
        width: auto;
    }


    #user-page .table .admin-head-row th:nth-child(n+3) {
        display: none !important;
    }

    #user-page .table .table-row-item td:nth-child(n+3) {
        display: none !important;
    }

    #user-page .table .admin-head-row th.action-head {
        display: table-cell !important;
    }

    #user-page .table .table-row-item td.action-data {
        display: table-cell !important;
    }

    .company-replace {
        display: none;
    }

    .new-user-avatar-inner .avatar-name {
        font-size: 15px;
        padding-top: 12px;
    }

    .avatar-desig {
        font-size: 12px;
    }

    .box-data {
        padding-left: 7px;
    }

    .box-delete-icon {
        margin-left: 5px;
    }

    .groups-tab .nav-tabs > li > a {
        font-size: 12px;
        padding: 5px 10px;
    }

    .profile-head, .user-setting-btn, .member-heading {
        font-size: 12px;
    }

    .left-sidebar {
        width: 252px;
    }

    .group-access-list li {
        font-size: 12px;
    }

    .grp-member-head {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grp-member-data {
        padding-left: 7px;
        padding-right: 5px;
    }

    .grp-members-list-head, .grp-member-count, .member-count {
        display: none;
    }

    .export-table-wrapper .export-contact, .export-table-wrapper .export-company,
    .export-inner-data-table .export-contact-data, .export-inner-data-table .export-company-data {
        width: 35%;
        padding-left: 10px;
        padding-right: 10px;
    }

    #example .export-td {
        padding-right: 0;
    }

    #edit-profile-page .new-user-avatar-img img, #edit-user-page .new-user-avatar-img img {
        width: 75px;
    }

    #edit-profile-page .country-header p, #edit-user-page .country-header p, #products-page .country-header p {
        font-size: 12px;
    }
}


@media(max-width: 768px) {
    .country-checked img {
        width: 18px;
        height: 17px;
    }

    .owner-dropdown {
        display: none;
    }

    .owner-access-section .add-btn {
        float: left;
    }

    .product-access {
        height: 165px;
    }

    .admin-btn-group {
        border: 0px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 7px;
    }

    .go-back-opt {
        margin-top: 10px;
    }

    .admin-btn {
        padding: 8px 10px;
        padding-left: 10px;
        padding-right: 6px;
    }

        .admin-btn img {
            width: 8px;
            height: 8px;
            right: 3px;
        }

    .glyphicon-plus {
        right: 5px;
    }

    .user-left-nav {
        display: none;
    }

    .p-name, .p-head, .country-head, .country-name {
        display: none;
    }

    .msg-undo-btn, .msg-save-btn {
        display: inline-block;
    }

    .message-list {
        padding: 0px;
    }

    .message-outer {
        padding-right: 15px;
    }

    .btn-grp-outer {
        padding-left: 0px;
    }

    .lower-user-nav .col-lg-8 {
        float: left;
    }

    p.msg-time:after {
        display: none;
    }

    .lower-admin-nav {
        padding-top: 7px;
    }

    .sum-aktiv-head, .sum-no, .salg-head, .salg-name, .bransje-head, .bransje-name {
        display: none;
    }

    .chart-container {
        margin: 10px auto;
    }

    .dots {
        top: 20%;
        left: 45%;
    }

    .collapse-dropdown .product-inner li {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    #user-page .collapsible-admin-data .collapse-dropdown:last-child {
        margin-top: 15px;
    }

    .collapsible-admin-row .collapsible-admin-data {
        padding: 15px 6px 15px 15px;
    }

    #groups-page .profile-head {
        padding-top: 0;
    }

    .collapse-dropdown {
        padding: 0;
        width: 100%;
    }

    .company-column {
        padding: 0;
    }

    .upper-admin-nav {
        padding-left: 0;
    }

    .new-user-avatar-inner .new-user-avatar-img {
        width: 75px;
        margin: 0 auto;
    }

    .admin-container, .users-wrapper {
        margin-top: 135px;
    }

    table .owner-head, table .owner-name {
        display: none;
    }

    .user-rightbar {
        padding: 0 0 40px 30px;
    }

    #edit-profile-page .switch {
        display: none;
    }

    .contact-content-wrapper {
        height: 90px;
    }

    .new-user-avatar-img img {
        width: 25px;
    }

    .company-table th:last-child, .company-table td:last-child {
        display: none;
    }
}

@media(max-width: 767px) {
    .responsible-employee p {
        font-size: 12px;
    }

    .user-rightbar {
        padding-left: 0px;
    }

    .new-user-avatar-inner {
        padding-left: 0;
    }

        .new-user-avatar-inner .new-user-avatar-name {
            text-align: center;
            padding: 7px 0 0 0;
        }

    #edit-profile-page .new-user-avatar-inner .new-user-avatar-img, #edit-user-page .new-user-avatar-inner .new-user-avatar-img {
        width: auto;
    }
}

@media screen and (max-width: 600px) {
    .chart-container .chart-title {
        width: 100%;
    }

    .chart-container .chart-tab li a {
        padding: 5px 10px;
        font-size: 12px;
    }

    .chart-container .chart-tab {
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .company-entry, .login-btn {
        display: none;
    }

    .checkbox-head, .check {
        display: none;
    }

    #groups-page .table.table-striped.table-bordered {
        table-layout: auto;
    }

    .search-column {
        padding: 0;
        padding-left: 6px;
    }

    .admin-btn-column {
        padding: 0;
    }

    .fly-but-wrap {
        margin: 0;
    }

    .upper-admin-nav {
        padding-left: 3px;
    }

    .responsive-search-icon {
        display: block;
    }

    .dots {
        display: none;
    }

    .lower-admin-nav {
        padding-right: 15px;
    }

    .country-content p {
        font-size: 10px;
    }

    button.action-btn {
        display: block;
    }

    .description-head, .descrpt-text {
        display: none;
    }

    .group-access-list li {
        font-size: 10px;
    }

    .groups-tab .nav-tabs > li > a {
        font-size: 10px;
    }

    .action-head .action-btn {
        display: block;
    }
}

@media(max-width: 481px) {
    .add-lpage {
        margin-top: 10px;
    }

        .add-lpage p {
            float: left;
        }

    .responsible-employee {
        display: none;
        padding: 5px;
        margin-left: 15px;
    }

    .responsible-employee p {
        font-size: 11px;
    }

    .company-list-wrapper {
        font-size: 9px;
    }

    #groups-page .admin-head-row .admin-head-item {
        width: 210px;
    }

    .groups-tab {
        margin-top: 12px;
    }

    #edit-user-page .profile-head {
        width: auto;
    }

    .lower-admin-nav {
        padding-right: 10px;
    }

    #edit-profile-page .group-access-list li {
        margin-right: 7px;
    }

    span.user-type {
        top: 1px;
    }

    .admin-head-user span.user-type {
        top: 4px;
    }

    .user-drop-btn {
        font-size: 14px;
        width: 210px;
    }

    .user-choice-dropdown .add-new-msg-btn {
        margin-top: 6px;
    }

    .table-layer {
        height: 83.5%;
        top: 17%;
    }

    .admin-event-dropdown {
        top: 45px;
    }

    .sales-head, .sales-agent {
        display: none;
    }

    .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
        padding-right: 10px;
        font-size: 12px;
    }

    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
        padding-right: 9px;
        padding-left: 6px !important;
        font-size: 12px;
    }

    .user-profile-section .nav > li a {
        padding: 5px;
        font-size: 12px;
    }

    .user-profile-section .nav > li {
        width: 70px;
    }

    .user-profile-section-content {
        padding: 0px;
        margin-top: 10px;
    }

    .user-inner-info {
        width: 65px;
        line-height: 1;
        font-size: 11px;
    }

    .upload-size-limit {
        width: 65px;
    }

    #product-add-new-page .user-inner-info, #product-add-new-page .upload-size-limit {
        width: 125px;
    }

    #product-add-new-page .upload-user-pic {
        margin-left: 30px;
    }

    .user-info-input {
        padding-left: 30px;
        font-size: 12px;
    }

        .user-info-input input {
            font-size: 11px;
        }

    .go-back-opt {
        padding-left: 3px;
        font-size: 13px;
    }

    .admin-btn {
        font-size: 12px;
    }

    .upload-user-pic {
        margin-left: 30px;
    }

    .user-setting-btn {
        padding: 5px 15px;
        bottom: 0;
        font-size: 11px;
    }

    .admin-table-wrapper .table-bordered > thead > tr > th, .admin-table-wrapper .table-bordered > tbody > tr > th, .admin-table-wrapper .table-bordered > tfoot > tr > th,
    .admin-table-wrapper .table-bordered > thead > tr > td, .admin-table-wrapper .table-bordered > tbody > tr > td, .admin-table-wrapper .table-bordered > tfoot > tr > td {
        padding-left: 6px !important;
        font-size: 10px;
    }

    .admin-btn-group a:first-child {
        margin-right: 10px;
    }

    .collapse-dropdown .product-inner li {
        font-size: 12px;
    }

    .product-access-inner p, .collapse-table-head {
        font-size: 12px;
    }

    .admin-head-row .admin-head-item {
        padding-right: 6px !important;
    }

    .list-head-p {
        font-size: 9px !important;
    }

    .admin-container, .users-wrapper {
        margin-top: 132px;
    }

    .profile-head {
        width: 100%;
    }

    #products-page .settings-btn-section, #products-page .user-setting-btn {
        float: left;
        margin-top: 5px;
    }

    p.index-table-head {
        font-size: 12px;
    }

    .settings-btn-section {
        float: left;
        margin-top: 16px;
    }

    #user-page .country-header {
        padding-left: 6px;
        padding-right: 6px;
    }

        #user-page .country-header:first-child {
            padding-left: 6px;
            width: 35%;
        }

    #user-page .group-pages-dropdown .product-access .country-header, #user-page .group-pages-dropdown .product-access .country-content {
        padding-left: 6px;
    }

    #user-page .country-content:first-child {
        width: 35%;
    }

    #user-page .col-xs-1.country-header, #user-page .col-xs-1.country-content {
        width: 10%;
    }

    #user-page .col-xs-2.country-header {
        width: 15%;
    }

    #user-page .col-xs-2.country-content {
        width: 15%;
    }

    #user-page .col-xs-4.country-header, #user-page .col-xs-4.country-content {
        width: 40%;
    }

    #user-page .country-content {
        padding-left: 6px;
    }

    .country-header:first-child, .country-content:first-child {
        padding-left: 10px;
    }

    .search-container {
        top: 133px;
    }

    .export-remove, .export-remove-data {
        display: none;
    }

    .export-btn {
        clear: both;
        margin-left: 0;
        float: left;
    }

    .member-heading {
        margin-bottom: 10px;
    }

    .user-general-info {
        padding: 25px 10px;
    }

    .groups-tab .group-access-list {
        padding-left: 5px;
        padding-right: 5px;
    }

    #edit-grp-page .user-general-info .user-details:first-child {
        padding: 15px 0 25px 0;
    }

    .country-checked img {
        width: 17px;
        height: 15px;
        padding: 3px;
    }

    .profile-header-text {
        font-size: 14px;
    }
}

@media(max-width: 360px) {
    .admin-btn a {
        font-size: 12px;
    }
}

.scrollbar-inner {
    overflow: -moz-scrollbars-none;
}

.clipboard-btn {
    padding-left: 6px !important;
}