@import "/Bootstrap/css/fontawesome/font-awesome.min.css";


/*  Commented out by   Mamoor due to 404 (Not Found) on browser console   Date: 23/09/2016 */

/*@import "compass/css3";*/

body {
    overflow-x: hidden;
}

[class^='col-xs-'],
[class^='col-sm-'],
[class^='col-md-'],
[class^='col-lg-'] {
    margin-bottom: 0;
}

.tooltip {
    z-index: 9999;
    position: fixed;
}

button {
    cursor: pointer !important;
}

.login-container.login-v2 .login-box .login-logo {
    float: none;
}

.login-container.login-v2 .login-box .login-logo, .login-container.login-v2 .login-box .login-logo img {
    background: none;
    height: auto;
    max-width: 100%;
    text-align: center;
    max-height: 100px;
    width: auto;
}

/*.table-responsive {
    background-color: #efecec;
}*/

#resetContainer .form-group.reset-criteria-label .input-group {
    margin-bottom: 5px;
}

    #resetContainer .form-group.reset-criteria-label .input-group span {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        vertical-align: middle;
    }

        #resetContainer .form-group.reset-criteria-label .input-group span:first-child {
            font-size: 15px;
            font-weight: 400;
            vertical-align: middle;
        }

        #resetContainer .form-group.reset-criteria-label .input-group span.icon-Checkmark {
            color: #57c934;
        }

#resetPasswordWrapper button span {
    vertical-align: middle;
}

    #resetPasswordWrapper button span:first-child {
        font-size: 17px;
    }

    #resetPasswordWrapper button span.login-button-text {
        font-size: 14px;
        font-weight: 400;
    }

.login-container.lightmode.reset-container {
    height: 100vh;
}

.flag {
    margin-right: 10px;
}

    .flag.flag-Denmark {
        background-image: url(../../flags/Denmark.png);
    }

    .flag.flag-Germany {
        background-image: url(../../flags/Germany.png);
    }

    .flag.flag-Czech-Republic {
        background-image: url(../../flags/Czech-Republic.png);
    }

    .flag.flag-United-Kingdom {
        background-image: url(../../flags/United-Kingdom.png);
    }

    .flag.flag-Spain {
        background-image: url(../../flags/Spain.png);
    }

    .flag.flag-Finland {
        background-image: url(../../flags/Finland.png);
    }

    .flag.flag-France {
        background-image: url(../../flags/France.png);
    }

    .flag.flag-Israel {
        background-image: url(../../flags/Israel.png);
    }

    .flag.flag-Italy {
        background-image: url(../../flags/Italy.png);
    }

    .flag.flag-Netherlands {
        background-image: url(../../flags/Netherlands.png);
    }

    .flag.flag-Norway {
        background-image: url(../../flags/Norway.png);
    }

    .flag.flag-Poland {
        background-image: url(../../flags/Poland.png);
    }

    .flag.flag-Portugal {
        background-image: url(../../flags/Portugal.png);
    }

    .flag.flag-Brazil {
        background-image: url(../../flags/Brazil.png);
    }

    .flag.flag-Russia {
        background-image: url(../../flags/Russia.png);
    }

    .flag.flag-Sweden {
        background-image: url(../../flags/Sweden.png);
    }

    .flag.flag-Turkey {
        background-image: url(../../flags/Turkey.png);
    }

    .flag.flag-China {
        background-image: url(../../flags/China.png);
    }

    .flag.flag-Japan {
        background-image: url(../../flags/Japan.png);
    }

    .flag.flag-Thailand {
        background-image: url(../../flags/Thailand.png);
    }

    .flag.flag-Romania {
        background-image: url(../../flags/Romania.png);
    }

    .flag.flag-Hungary {
        background-image: url('../../flags/Hungary.png');
    }

    .flag.flag-Greece {
        background-image: url('../../flags/Greece.png');
    }


.client-main-header {
    background: #33414e;
    width: 100%;
    z-index: 1;
}

.navigation-wrapper {
    display: none;
}

.x-navigation-wrapper {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

    .x-navigation-wrapper .icon-Menu {
        color: #98acbd;
        font-size: 20px;
        line-height: 50px;
        text-decoration: none;
    }

        .x-navigation-wrapper .icon-Menu:hover {
            text-decoration: none;
        }

.logo-container {
    background: none;
    border-bottom: 1px solid #1c242a;
    padding: 0 0 0 20px;
    text-indent: 0;
    height: 40px;
    width: 400px;
}

    .logo-container a {
        color: #e34724;
        font-size: 35px;
        font-style: italic;
        font-weight: 700;
    }

        .logo-container a:hover {
            color: #e34724;
            text-decoration: none;
        }

.header-right-settings {
    padding-right: 0 !important;
}

    .header-right-settings .x-navigation-settings .xn-icon-button {
        background-color: #2f3c47;
    }

    .header-right-settings .x-navigation-settings ul {
        border-radius: 6px !important;
        top: 50px !important;
    }

        .header-right-settings .x-navigation-settings ul li {
            cursor: pointer;
        }

            .header-right-settings .x-navigation-settings ul li a span.fa.icon-monitor,
            .header-right-settings .x-navigation-settings ul li a span {
                vertical-align: middle;
            }


.x-navigation.x-navigation-horizontal li.active > ul {
    border-radius: 6px;
}

.x-navigation.x-navigation-horizontal > li > ul:after {
    border-width: 10px;
    right: 15px !important;
}

#CompanyHolder, #CompanyHolder a {
    width: auto;
}

    #CompanyHolder .icon-company2 {
        margin: 0 0 0 5px;
    }

.sub-header-menu {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.menu-button .icon-Menu {
    font-size: 20px;
}

.x-navigation > li.xn-logo > a:first-child {
    background: none;
    border-bottom: 1px solid #1c242a;
    color: #e34724;
    font-size: 35px;
    font-style: italic;
    font-weight: 700;
    height: 50px;
    padding: 15px 0 0 20px;
    text-indent: 0;
    width: 300px;
}

    .x-navigation > li.xn-logo > a:first-child:hover {
        background-color: none;
    }

.breadcrumb > li + li.breadcrumb-icon:before {
    content: "\00a0";
}

.x-navigation.x-navigation-horizontal > li > a:hover {
    background: none;
}

.x-navigation.x-navigation-horizontal > li.active > a {
    background: transparent;
}

ul.x-navigation.x-navigation-horizontal.login-language-icon {
    background: transparent;
    width: auto;
    float: right;
    margin-top: 2px;
}

ul.x-navigation.login-language-icon.x-navigation-h-holder {
    background: transparent;
    width: auto;
    float: right;
    margin-right: -25px;
    margin-top: -25px;
    max-width: 50px;
}

.x-navigation.x-navigation-horizontal > li > a.profile-link-small {
    background: #33414E;
    height: 0;
    margin-top: -10px;
}

    .x-navigation.x-navigation-horizontal > li > a.profile-link-small:hover {
        background: #33414E;
        height: 0;
        margin-top: -10px;
    }

.x-navigation.x-navigation-horizontal .xn-icon-button > a.navigationbar-username {
    width: auto;
}

    .x-navigation.x-navigation-horizontal .xn-icon-button > a.navigationbar-username:hover {
        color: #ffd559;
    }

.x-navigation.x-navigation-panel li.xn-icon-button.navigationbar-username {
    width: auto;
}

.margin-right-0 {
    margin-right: 0;
}

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

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-horizontal-5 {
    margin: 0 5px;
}

.x-navigation li.margin-right-10 {
    margin-right: 10px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-left-right-5 {
    padding: 0 5px !important;
}

.profile-image-small {
    border: 2px solid #F5F5F5;
    border-radius: 50%;
    width: 40px;
}

    .profile-image-small:hover {
        background: #3d4e5d;
        border-color: #ffd559;
    }

/*-----------profile-view----------------------*/

.user-profile-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.profile-header {
    background-color: #efecec;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 18px 0;
    width: 100%;
}

.profile-item-wrapper {
    display: inline-block;
    text-align: left;
}

.profile-header-item {
    display: inline-block;
    text-align: left;
}

.profile-item-wrapper-mobile {
    display: inline-block;
    text-align: center;
}

.profile-header-item-mobile {
    display: inline-block;
    text-align: left;
}

.regiser-info, .visit-info, .company-info {
    display: inline-block;
    vertical-align: middle;
}

.header-icon {
    background-color: #525a65;
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}

    .header-icon span {
        color: white;
        font-size: 18px;
        opacity: 0.8;
    }

.header-text {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

    .header-text span {
        display: block;
        margin: 0 0 0 10px;
    }

.header-label {
    color: #b3b3b3;
    font-size: 11px;
    font-weight: 400;
}

.header-info {
    color: #525a65;
    font-size: 12px;
    font-weight: 600;
}

.profile-detail {
    display: inline-block;
    padding: 0 20px;
    width: 100%;
}

.profile-image {
    cursor: pointer;
    display: inline-block;
    height: 175px;
    margin-top: -50px;
    text-align: center;
    width: 175px;
}

.image-change-remove {
    background-color: #332b2a;
    border-radius: 50%;
    display: table;
    height: 175px;
    opacity: 0.5;
    position: absolute;
    top: -50px;
    transition: visibility 0.5s;
    -webkit-transition: visibility 0.5s;
    visibility: hidden;
    width: 175px;
}

.change-remove-btn {
    display: table-cell;
    vertical-align: middle;
}

    .change-remove-btn a {
        color: #fff;
        display: block;
        line-height: 25px;
        opacity: 1;
        text-decoration: none;
    }

.profile-image:hover .image-change-remove {
    transition: visibility 0.5s;
    -webkit-transition: visibility 0.5s;
    visibility: visible;
}

.image-change-remove a span {
    color: #fff;
    font-size: 12px;
    opacity: 1;
    vertical-align: middle;
}

.image-change-remove a .icon-Image, .image-change-remove a .icon-Cancel {
    color: #fff;
    font-size: 19px;
    margin: 0 5px 0 0;
    opacity: 1;
    vertical-align: middle;
}

.profile-image img {
    border-radius: 50%;
    width: 100%;
}

.image-title {
    color: #343942;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
}

.profile-detail-info {
    padding: 20px 0 0 0;
}
.profile-detail-input {
    display: inline-block;
    width: 100%;
    display: flex;
}

.auth-information {
    font-size: 14px;
}

.profile-auth-information {
    margin-bottom: 40px;
}

.auth-verification-button {
    margin: 10px 0 0 0;
}

.auth-save-button {
    margin: 20px 0 0 0;
}

.authentication-list {
    text-align: left;
}

.qrCode {
    height: 25%;
    width: 25%;
}

.profile-detail-info span {
    color: #818181;
    font-size: 12px;
    font-weight: 400;
}
.authentication-code {
    display: inline-block;
}

.profile-detail-info input[type=text] {
    background-color: #efecec;
    margin: 10px 0 0 0;
    border: 1px solid #e1e1e1;
    box-shadow: none;
    padding: 10px 15px;
}

/*-----------profile-view----------------------*/

#navcontainer ul.x-navigation li:first-child a span.xn-title {
    float: left;
}

#navcontainer ul.x-navigation li:first-child a span.x-navigation-minimize {
    cursor: pointer;
    float: right;
}

/*
    Commented out due to skinning
*/
#navcontainer ul.x-navigation li a.cursor-default:hover {
    background-color: #33414e;
}

#navcontainer ul.x-navigation li:first-child a span.x-navigation-minimize:hover {
}

#navcontainer ul.x-navigation.x-navigation-minimized li:first-child a span.x-navigation-minimize {
    float: none;
}

#navcontainer ul.x-navigation.x-navigation-minimized li:first-child a:hover {
    background-color: #3d4e5d;
}

.x-navigation li.xn-title.xn-spacer {
    height: 10vh;
    background: #33414e;
}

.x-navigation.x-navigation-minimized li.xn-title.xn-spacer {
    display: block;
    height: 21vh;
    background: #33414e;
}

.x-navigation > li.xn-background {
    background: #33414e;
}

@media screen and (min-width: 1027px) {
    .right-menu {
        display: none;
    }
    .sidenav {
        display: none;
    }

    #right-menu-close-button {
        display: none;
    }

    .xn-icon-button .fa-caret-down {
        display: none;
    }
}

@media screen and (max-width: 1026px) {
    .header-right-settings {
        display: none;
    }

    #CompanyHolder {
        width: 100%;
    }

    #CompanyHolder a {
        width: 100%;
    }
}

.right-menu {
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: right;
    text-align: center;

}
.right-menu-icon {
    cursor: pointer;
    color: #98acbd;
    font-size: 20px;
    line-height: 50px;
    text-decoration: none;
}

.right-menu-list-item {
    padding-right: 10px;
}

.sidenav {
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.3s;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav a span {
    float:right;
    display: inline;
}

.action-buttons {
    text-decoration: none;
    display: inline;
}

    .action-buttons:hover {
        text-decoration: none;
        display: inline;
    }

.autoWidth {
    width: auto;
}

.custom-tile {
    font-size: 30px;
}

.margin-left-minus-8 {
    margin-left: -8px;
}

.padding-vertical-10 {
    padding: 10px 0;
}

.width-768-padding-vertical-10 {
    padding: 10px 0;
}

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

.min-height-356 {
    min-height: 356px;
}

.margin-top-66 {
    margin-top: 66px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.page-container,
.recover-shares-view, .audit-reports-view {
    background-color: #efecec;
    float: none;
}

.page-content.white-background {
    background: #fff;
}

.page-container .page-content .content-frame .content-frame-top .page-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 50%;
}

    .page-container .page-content .content-frame .content-frame-top .page-title h2 {
    }

    .page-container .page-content .content-frame .content-frame-top .page-title.full-width {
        text-align: center;
        width: 100%;
    }

.page-container .page-content .content-frame .content-frame-top {
    background-color: #efecec;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.panel.panel-default {
    box-shadow: none;
    margin-bottom: 0;
    border-top: none;
}

.page-container .page-sidebar {
    width: 200px;
}

.navbar-visible {
    display: block !important;
}

.cursor-default {
    cursor: default;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-320 {
    min-height: 320px;
}

/*.login-container.login-v2.rushfiles-background {
    background: url("../img/backgrounds/login-background.jpg") left top no-repeat;
}*/

.login-container.login-v2 {
    background: none;
    padding: 0;
}

.login-container .login-box .login-body {
    background: #EEEEEE;
}

    .login-container .login-box .login-body .form-control {
        line-height: 16px;
        padding: 12px 15px;
    }

.login-box.animated.fadeInDown.increased-margins {
    width: 550px;
    padding-top: 50px;
}

.login-form-fields {
    width: 80%;
}

.login-form-title {
    width: 75%;
}

.company-settings-form {
    width: 50%;
    float: none;
}

.edit-user-settings-form {
    width: 75%;
    float: none;
}

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb {
    background-color: #d8d7d7;
    margin: 0;
    padding: 15px;
}

.radio-material.font-bold {
    font-weight: bold;
}

.margin-0 {
    margin: 0;
}

.padding-0 {
    padding: 0;
}

.fixed-width-150 {
    width: 150px;
}

.icon-dp-placeholder {
    background-image: url(../img/icons/dp-placeholder.png);
}

/*--------------------Content-----fading-------------------*/

.fade-content-wrapper {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

    .fade-content-wrapper .fade-content-shadow:after {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, transparent));
        background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, transparent 100%);
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, transparent 100%);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, transparent 100%);
        content: '';
        height: 100%;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 0;
        width: 20%;
    }

.page-container .page-content .content-frame .content-frame-top .page-title.fade-content-wrapper .fade-content-shadow:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #efecec));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #efecec 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #efecec 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #efecec 100%);
}


/*--------------------content-----fading-------------------*/


.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    background-color: transparent;
    padding: 10px;
    vertical-align: middle;
}

table.table thead tr th.sorting:before,
table.table thead tr th.sorting_desc:before,
table.table thead tr th.sorting_asc:before {
    top: 10px;
}

table.table thead {
    background-color: #fff;
}

    table.table thead tr th {
        background-color: #fff;
    }

table.table tbody {
    margin-bottom: 0;
}

.table tbody tr {
    background-color: #f0f4f9;
    cursor: pointer;
}

    .table tbody tr:hover, .table tbody tr.selected-row {
        background-color: #d5dbe3;
    }

    .table tbody tr.multi-selected-rows {
        background-color: #d5dbe3;
    }

    .table tbody tr td img.dataTable-record-img {
        border-radius: 50%;
        margin: 0 10px 0 0;
        vertical-align: middle;
        width: 35px;
    }

    .table tbody tr td span.dataTable-record-icon, .dataTable-record-icon {
        border: 1px solid #b2b9c7;
        border-radius: 5px;
        display: inline-block;
        font-size: 15px;
        margin: 0 10px 0 0;
        padding: 10px;
        position: relative;
        vertical-align: middle;
    }

        /*
            .table tbody tr td span.dataTable-record-icon.icon-Folder {
        border: none;
        border-radius: 0;
        font-size: 15px;
    }

        */

        .table tbody tr td span.dataTable-record-icon span.icon-trashcan,
        .dataTable-record-icon span.icon-trashcan,
        .dataTable-record-icon span.icon-Locked {
            background-color: #fff;
            border-radius: 50%;
            font-size: 12px;
            padding: 5px;
            position: absolute;
            right: 0;
            top: 18px;
        }

        .table tbody tr td span.dataTable-record-icon.icon-shares span.icon-subfolder-share {
            display: none;
        }

        .table tbody tr td span.dataTable-record-icon.icon-subfoldershare {
            border: medium none;
            display: inline-block;
            font-size: 35px;
            margin: 0 10px 0 0;
            padding: 0;
            position: relative;
            vertical-align: middle;
        }

            .table tbody tr td span.dataTable-record-icon.icon-subfoldershare span.icon-subfolder-share {
                font-size: 20px;
                left: 25%;
                position: absolute;
                top: 25%;
            }

    .table tbody tr td .dataTable-record-name, .dataTable-record-name {
        display: inline-block;
        line-height: 32px;
        max-width: 415px;
        vertical-align: middle;
        width: calc(100% - 70px);
    }

        .table tbody tr td .dataTable-record-name span, .dataTable-record-name span {
            display: block;
            font-size: 13px;
            padding: 0;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .table tbody tr td .dataTable-record-name span b {
                font-weight: normal;
                width: 100%;
            }

                .table tbody tr td .dataTable-record-name span b:hover {
                    text-decoration: underline;
                }


    /*-----SubShares--------------------------table---------------------------Styling*/

    .table tbody tr.subshares-container:hover {
        background-color: #f0f4f9;
    }

    .table tbody tr.subshares-container td {
        padding: 5px 10px;
    }

    .table tbody tr td .share-associations span, .table.subshares-table tbody tr td .subshare-associations span {
        border: 2px solid #bec9d3;
        border-radius: 50%;
        display: inline-block;
        font-weight: 600;
        height: 30px;
        line-height: 25px;
        margin-right: 2px;
        text-align: center;
        vertical-align: middle;
        width: 30px;
    }

        .table tbody tr td .share-associations span.user-shared,
        .table.subshares-table tbody tr td .subshare-associations span.user {
            background-color: #bec9d3;
        }

        .table tbody tr td .share-associations span:hover,
        .table.subshares-table tbody tr td .subshare-associations span:hover {
            border-color: #b2b9c7;
        }

    .table tbody tr td .subshare-button {
        margin: 0 5px 0 0;
        text-align: center;
        vertical-align: middle;
        width: 25px;
    }

    .table tbody tr td .dataTable-subshare-icon {
        display: inline-block;
        font-size: 37px;
        margin: 0 10px 0 0;
        position: relative;
        vertical-align: middle;
    }

        .table tbody tr td .dataTable-subshare-icon span {
            font-size: 20px;
            left: 25%;
            position: absolute;
            top: 25%;
        }

/*_______________table_______________subshares_______________*/

.table.subshares-table {
    background-color: #f0f4f9;
    margin-bottom: 0;
}

    .table.subshares-table tbody tr:hover {
        background-color: #dce2e8;
    }

    .table.subshares-table tbody tr td {
        padding: 5px 10px;
    }

        .table.subshares-table tbody tr td .dataTable-subshare-icon {
            font-size: 30px;
            margin: 0 10px 0 30px;
        }

            .table.subshares-table tbody tr td .dataTable-subshare-icon span {
                font-size: 15px;
            }

        .table.subshares-table tbody tr td .dataTable-record-name {
            line-height: 30px;
            max-width: 415px;
        }

            .table.subshares-table tbody tr td .dataTable-record-name span {
                font-size: 12px;
            }

/*Folder-View-tabl-styles*/

.folderview-table thead tr td,
.folderview-table tbody tr td {
    width: 20%;
}

    .folderview-table thead tr td:first-child,
    .folderview-table tbody tr td:first-child {
        width: 45%;
    }

    .folderview-table tbody tr td:last-child,
    .folderview-table tbody tr td:last-child {
        width: 15%;
    }

    .folderview-table tbody tr td .dataTable-record-name {
        max-width: 550px;
    }

#table-folderview tbody tr.deleted-files-folders {
    display: none;
}

/*directlinks-tabl-styles*/

.directlinks-table thead tr td,
.directlinks-table tbody tr td {
    width: 20%;
}

    .directlinks-table thead tr td:first-child,
    .directlinks-table tbody tr td:first-child {
        width: 25%;
    }

    .directlinks-table thead tr td:nth-child(4),
    .directlinks-table tbody tr td:nth-child(4) {
        width: 15%;
    }

    .directlinks-table tbody tr td .dataTable-record-name {
        max-width: 220px;
    }

/*-----------historylist-tabl-styles-----------*/

.historylist-table thead tr th,
.historylist-table tbody tr td {
    width: 25%;
}

/*-----------------sharelist-----table-styles---------------*/

.sharelist-table thead tr th,
.sharelist-table tbody tr td {
    width: 30%;
}

    .sharelist-table thead tr th:first-child,
    .sharelist-table tbody tr td:first-child {
        width: 45%;
    }

    .sharelist-table thead tr th:last-child,
    .sharelist-table tbody tr td:last-child {
        width: 25%;
    }

/*-----------------User_Devices_table_styles---------------*/

.devicelist-table thead tr th,
.devicelist-table tbody tr td {
    width: 20%;
}

    .devicelist-table thead tr th:first-child,
    .devicelist-table tbody tr td:first-child {
        width: 40%;
    }

    .devicelist-table tbody tr td .dataTable-record-name {
        max-width: 370px;
    }


.companydevicelist-table thead tr th,
.companydevicelist-table tbody tr td {
    width: 10%;
}

.companydevicelist-table thead tr th:first-child,
.companydevicelist-table tbody tr td:first-child {
    width: 30%;
}

.companydevicelist-table thead tr th:nth-child(2),
.companydevicelist-table tbody tr td:nth-child(2) {
    width: 40%;
}

/*-----------------Admin_share_table_styles---------------*/

.adminshares-table thead tr th:first-child,
.adminshares-table tbody tr td:first-child {
    width: 70%;
}

.adminshares-table thead tr th:last-child,
.adminshares-table tbody tr td:last-child {
    width: 30%;
}

/*-----------------Company_Users_table_styles---------------*/

.companyusers-table thead tr th:first-child,
.companyusers-table tbody tr td:first-child {
    width: 50%;
}

.companyusers-table thead tr th:nth-child(2),
.companyusers-table tbody tr td:nth-child(2) {
    width: 30%;
}

.companyusers-table thead tr th:last-child,
.companyusers-table tbody tr td:last-child {
    width: 20%;
}

.companyusers-table tbody tr .dataTable-record-name {
    max-width: 500px;
}

/*-----------------Company_Groups_table_styles---------------*/

.companygroups-table thead tr th,
.companygroups-table tbody tr td {
    width: 100%;
}

/*-----------------Company_Mail-log_table_styles---------------*/

.emaillog-table thead tr th,
.emaillog-table tbody tr td {
    width: 20%;
}

    .emaillog-table thead tr th:first-child,
    .emaillog-table tbody tr td:first-child {
        width: 30%;
    }

    .emaillog-table thead tr th:nth-child(3),
    .emaillog-table tbody tr td:nth-child(3) {
        width: 30%;
    }

#table-report1 thead tr th,
#table-report1 tbody tr td {
    width: 20%;
}

/*-----------------login--Reports---table-styles---------------



    #table-report1 thead tr th:first-child,
    #table-report1 tbody tr td:first-child {
        width: 30%;
    }

    #table-report1 thead tr th:nth-child(4),
    #table-report1 tbody tr td:nth-child(4){
        width: 10%;
    }
    */

#table-report3 thead tr th,
#table-report3 tbody tr td {
    width: 20%;
}
/*
    #table-report3 thead tr th:nth-child(2),
    #table-report3 tbody tr td:nth-child(2),
    #table-report3 thead tr th:first-child,
    #table-report3 tbody tr td:first-child {
        width: 20%;
    }

    #table-report3 thead tr th:last-child,
    #table-report3 tbody tr td:last-child {
        width: 30%;
    }

    #table-report3 tbody tr td .dataTable-record-name {
        max-width: 340px;
        width: 100%;
    }
    */
#table-report4 thead tr th,
#table-report4 tbody tr td {
    width: 20%;
}

/*-----------------public---File----Folder-----links---table-styles---------------*/

.report-table thead tr th,
.report-table tbody tr td {
    width: 20%;
}

    .report-table thead tr th:first-child,
    .report-table tbody tr td:first-child {
        /*width: 35%;*/
    }

        .events-report-table tbody tr td:first-child span,
        .report-table tbody tr td:first-child span {
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: middle;
            width: 550px;
        }

    .report-table thead tr th:last-child,
    .report-table tbody tr td:last-child {
        /*width: 20%;*/
    }

/*-------------------File-----Folder-----Events-----table-----styles---------------*/

.events-report-table thead tr th,
.events-report-table tbody tr td {
    width: 20%;
}

    .events-report-table thead tr th:first-child,
    .events-report-table tbody tr td:first-child {
        width: 35%;
    }

    .events-report-table thead tr th:last-child,
    .events-report-table tbody tr td:last-child {
        width: 25%;
    }

.table > thead > tr > th.padding-10,
.table > tbody > tr > th.padding-10,
.table > tfoot > tr > th.padding-10,
.table > thead > tr > td.padding-10,
.table > tbody > tr > td.padding-10,
.table > tfoot > tr > td.padding-10 {
    padding: 10px;
}

.fixed-width-50 {
    width: 50px;
}

.title-calendar {
    width: 12%;
    min-width: 200px;
    padding-left: 15px;
}

.invisible {
    visibility: hidden;
}

.width-85 {
    width: 85px;
}

.table.table-condensed > thead > tr > th.padding-right-0,
.table.table-condensed > tbody > tr > th.padding-right-0,
.table.table-condensed > tbody > tr > td.padding-right-0 {
    padding-right: 0;
}

table.fixed {
    table-layout: fixed;
}

table.fixed td {
    overflow: hidden;
}

table.disabled div.tooltip {
    display: none !important;
}


table.scrollContent tbody {
    display: block;
    max-height: 250px;
    overflow: auto;
}

table.scrollContent thead, table.scrollContent tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table.scrollContent tbody td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.scrollContent table {
    width: 425px;
}

#dataTable-actions, #dataTable-calendar {
    display: inline-block;
    vertical-align: middle;
}

    #dataTable-actions button, #dataTable-actions a, #dataTable-calendar button, #dataTable-calendar a {
        border: medium none;
        padding: 0 5px 0 0;
    }

        #dataTable-calendar button:hover {
            border: none;
        }

    #dataTable-actions span, #dataTable-calendar span {
        font-size: 20px;
        vertical-align: middle;
    }

.datepicker[readonly].no-borders {
    color: #878e9a;
}

.datepicker[readonly].no-borders {
    border: none;
    vertical-align: middle;
    margin-left: 5px;
}

.view-header {
    float: right;
}

.selected-row {
    background-color: #dce2e8;
}

.multi-selected-rows {
    background-color: #d5dbe3;
}

.dataTables_filter {
    width: 20%;
}

    .dataTables_filter label {
        padding: 10px 0;
    }

    .dataTables_filter, .dataTables_filter label {
        display: inline-block;
        float: none;
        padding: 0;
    }

        .dataTables_filter label input {
            background-color: transparent;
            border: medium none;
            color: #b0b0b0;
            font-weight: normal;
            padding-left: 0;
            vertical-align: middle;
        }

        .dataTables_filter label span {
            color: #b0b0b0;
            font-size: 20px;
            vertical-align: middle;
        }

.dataTables_length {
    width: 80%;
}

    .dataTables_length, .dataTables_length label {
        display: inline-block;
        float: none;
        padding: 0;
        text-align: right;
    }

        .dataTables_length label {
            color: #878e9a;
            font-weight: 400;
            margin-left: 5px;
            /*max-width: 100%;*/
            min-width: 100px;
            position: relative;
            text-transform: capitalize;
            vertical-align: middle;
        }

        .dataTables_length .dt-radio-checkbox {
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 5px;
            cursor: pointer;
            padding: 0 5px;
            position: relative;
        }

            .dataTables_length .dt-radio-checkbox:hover {
                background-color: #F5F5F5;
            }

            .dataTables_length .dt-radio-checkbox i {
                border-left: 1px solid rgba(0, 0, 0, 0.08);
                box-sizing: content-box;
                color: #878e9a;
                font-size: 20px;
                padding: 5px;
                position: absolute;
                right: 0;
                top: 0;
            }

        .dataTables_length label.radio-btn-checkbox {
            cursor: pointer;
            display: inline-block;
            margin: 0 5px;
            padding: 0;
            text-align: left;
            padding-right: 25px;
        }

        .dataTables_length label select, .dataTables_length label select:focus,
        .dataTables_length label input, .dataTables_length label input:focus {
            background-color: transparent;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 5px;
            color: #878e9a;
            cursor: pointer;
            margin: 0;
            outline: none;
            padding: 0 0 0 5px;
            -moz-appearance: none;
            -webkit-appearance: none;
            width: 100%;
        }

            .dataTables_length label select option {
                background-color: #fff;
            }

            .dataTables_length label input, .dataTables_length label input:focus {
                margin: 0;
                min-height: 30px;
            }

        .dataTables_length label i {
            border-left: 1px solid rgba(0, 0, 0, 0.08);
            color: #878e9a;
            height: 100%;
            padding: 9px 9px 0 6px;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0;
        }

        .dataTables_length ul.x-navigation.x-navigation-horizontal {
            background-color: transparent;
            border: 1px solid #d5d5d5;
            border-radius: 5px;
            color: #878e9a;
            height: auto;
        }

            .dataTables_length ul.x-navigation.x-navigation-horizontal li {
                border: none;
                width: auto;
            }

                .dataTables_length ul.x-navigation.x-navigation-horizontal li a {
                    color: #878e9a;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 20px;
                    padding: 4px 15px;
                    width: auto;
                }

                    .dataTables_length ul.x-navigation.x-navigation-horizontal li:hover,
                    .dataTables_length ul.x-navigation.x-navigation-horizontal li a:hover {
                        border: none;
                        text-decoration: none;
                    }

                    .dataTables_length ul.x-navigation.x-navigation-horizontal li a#email-filter-btn {
                        line-height: 30px;
                        padding: 0 15px;
                        width: 100%;
                    }

                .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu {
                    border-radius: 5px;
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
                    right: -75px;
                    top: 40px;
                    min-width: 230px;
                    padding: 10px 15px 25px 15px;
                    width: auto;
                }

                    .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu:after {
                        left: 50%;
                    }

                    .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li {
                        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
                        display: block;
                        line-height: 40px;
                        text-align: left;
                        width: 100%;
                        white-space: nowrap;
                    }

                        .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li.switch-wrapper label {
                            min-width: initial;
                            margin: 0;
                            text-align: left;
                            width: 48%;
                        }

                            .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li.switch-wrapper label:first-child {
                                white-space: nowrap;
                            }

                            .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li.switch-wrapper label.switch {
                                height: 25px;
                                line-height: 25px;
                                margin: 0;
                                text-align: right;
                                vertical-align: middle;
                            }

                                .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li.switch-wrapper label.switch span {
                                    border-radius: 50px;
                                    height: 25px;
                                    margin: 0;
                                    vertical-align: middle;
                                    width: 45px;
                                }

                                    .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li.switch-wrapper label.switch span:after {
                                        border-radius: 50%;
                                        width: 20px;
                                    }

                        .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li:first-child a {
                            border: none;
                            padding: 10px 0;
                            width: 50%;
                        }

                            .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li:first-child a:first-child {
                                cursor: default;
                                text-align: left;
                            }

                            .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li:first-child a:last-child {
                                text-align: right;
                            }


                            .dataTables_length ul.x-navigation.x-navigation-horizontal li ul#email-filter-menu li:first-child a:hover {
                                background: none;
                            }

        .dataTables_length button, .view-header button,
        .recover-shares-view .restore-history-options .start-button-wrapper button {
            background-color: transparent;
            border: 1px solid rgba(0, 0, 0, 0.08);
            color: #878e9a;
            padding-right: 10px;
            padding-left: 10px;
        }

.dataTable-fl {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #efecec;
    display: block;
    padding: 0 15px;
}

.dataTables_scrollHead .dataTable {
    margin-bottom: 0;
}

    .dataTables_scrollHead, .dataTables_scrollHead .dataTable thead {
        background-color: #fff;
    }

.dataTables_scrollBody {
    background-color: #f0f4f9;
    max-height: calc(100vh - 380px);
}

#table-emaillog_wrapper .dataTables_scrollBody {
    min-height: 300px;
}

/*---------------------Reports____Views____Datatable____Styles-------------------------*/

#report_container .dataTables_scrollBody {
    max-height: calc(100vh - 425px);
}

/*---------------------Reports____Views____Datatable____Styles-------------------------*/

.dataTable-ip {
    background-color: #fff;
    display: inline-block;
    padding: 15px;
    width: 100%;
}

#report_container .dataTable-ip {
    padding: 5px;
}

.dataTable-ip .dataTables_info {
    padding: 0;
    vertical-align: middle;
}

.dataTable-ip .dataTables_paginate {
    padding: 0;
    vertical-align: middle;
}

    .dataTable-ip .dataTables_paginate .disabled {
        cursor: default;
    }

        .dataTable-ip .dataTables_paginate .disabled:hover {
            background-color: transparent;
            color: #656d78;
            cursor: default;
        }

    .dataTable-ip .dataTables_paginate .ellipsis,
    .table-responsive .dataTables_paginate .ellipsis {
        display: none;
    }

.mobile-menu-filter {
    display: block !important;
    transition: display 0.5s;
    -webkit-transition: display 0.5s;
}

/*---------------------context-menu-styles-------------------------*/

.context-menu-list {
    width: auto !important;
}

    .context-menu-list li {
        display: block;
    }

.context-menu-item {
    max-height: 30px;
}
/*---------------------Tablet-menu-styles-------------------------*/
/*#tablet-menu-wrapper {
    background-color: transparent;
    border: 1px solid #DDD;
    border-radius: 6px;
    color: #878e9a;
    height: auto;
}*/
#tablet-menu-wrapper ul {
    background-color: transparent;
    border: 1px solid #DDD;
    border-radius: 6px;
    color: #878e9a;
    height: auto;
    margin-left: 5px;
}

    #tablet-menu-wrapper ul:after {
        right: 18px !important;
    }

    #tablet-menu-wrapper ul li.xn-icon-button {
        vertical-align: middle;
        width: 30px;
        line-height: 45px;
    }

    #tablet-menu-wrapper ul li button {
        background-color: transparent;
        border: none;
        color: #878e9a;
        font-weight: 400;
    }

    #tablet-menu-wrapper ul li a {
        border-left: 1px solid #ddd;
        cursor: pointer;
        vertical-align: middle;
        padding: 0;
        width: auto;
    }

        #tablet-menu-wrapper ul li a .icon-more {
            color: #878e9a;
            font-size: 25px;
        }

    #tablet-menu-wrapper ul li ul {
        background-color: #fff;
        min-width: 180px;
        width: auto;
    }

        #tablet-menu-wrapper ul li ul li {
            cursor: pointer;
            padding-left: 15px;
            width: 100%;
        }

            #tablet-menu-wrapper ul li ul li:hover {
                background: #F5F5F5;
                color: #333;
            }

            #tablet-menu-wrapper ul li ul li .menu-icon {
                font-size: 18px;
                vertical-align: middle;
                margin: 0 5px 0 0;
            }

            #tablet-menu-wrapper ul li ul li .menu-text {
                font-size: 12px;
                vertical-align: middle;
            }

            #tablet-menu-wrapper ul li ul li a {
                padding-left: 15px;
            }

/*---------------------Tablet-menu-styles-------------------------*/

/*---------------------Mobile-menu-styles-------------------------*/

#mobile-menu-wrapper, #mobile-menu-wrapper ul {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #878e9a;
    line-height: 45px;
}

    #mobile-menu-wrapper ul:after {
        right: 18px !important;
    }

    #mobile-menu-wrapper ul li.xn-icon-button {
        vertical-align: middle;
        width: 30px;
    }

    #mobile-menu-wrapper ul li button {
        background-color: transparent;
        border: none;
        color: #878e9a;
        font-size: 16px;
        font-weight: 400;
    }

    #mobile-menu-wrapper ul li a {
        border-left: 1px solid #ddd;
        cursor: pointer;
        line-height: 50px;
        padding: 0;
        vertical-align: middle;
        width: auto;
    }

        #mobile-menu-wrapper ul li a .icon-more {
            color: #878e9a;
            font-size: 25px;
            vertical-align: middle;
        }

    #mobile-menu-wrapper ul li ul {
        background-color: #fff;
        min-width: 180px;
        width: auto;
    }

        #mobile-menu-wrapper ul li ul li {
            /*border-bottom: 1px solid #E9E9E9;*/
            cursor: pointer;
            padding-left: 15px;
            width: 100%;
        }

            #mobile-menu-wrapper ul li ul li:hover {
                background: #F5F5F5;
                color: #333;
            }

            /*#mobile-menu-wrapper ul li ul li span {
                font-family: "Open Sans";
            }*/

            #mobile-menu-wrapper ul li ul li .menu-icon {
                font-size: 18px;
                vertical-align: middle;
                margin: 0 5px 0 0;
            }

            #mobile-menu-wrapper ul li ul li .menu-text {
                font-size: 12px;
                font-weight: 600;
                vertical-align: middle;
                margin: 0;
            }

            #mobile-menu-wrapper ul li ul li a {
                padding-left: 15px;
            }

/*---------------- Custom Radio Buttons / Checkboxes  --------------- */

#mobile-menu-list li input[type=checkbox] {
    display: none;
}


    #mobile-menu-list li input[type=checkbox] + label:before {
        background: transparent none repeat scroll 0 0;
        border: 1px solid #a3a3a3;
        border-radius: 2px;
        box-sizing: content-box;
        content: "";
        display: inline-block;
        height: 15px;
        line-height: 15px;
        margin: 0 10px 0 0;
        vertical-align: middle;
        width: 15px;
    }

    #mobile-menu-list li input[type=checkbox]:checked + label:before {
        background: transparent none repeat scroll 0 0;
        border: 1px solid #a3a3a3;
        box-sizing: content-box;
        color: #878e9a;
        content: "\2714";
        height: 15px;
        line-height: 15px;
        margin: 0 10px 0 0;
        text-align: center;
        text-shadow: 0 0 3px #eee;
        width: 15px;
    }

/*#mobile-menu-list li input[type=radio] + label:before {
                    background: transparent none repeat scroll 0 0;
                    border-radius: 12px;
                    border: 1px solid #a3a3a3;
                    content: "";
                    display: inline-block;
                    font-size: 15px;
                    height: 15px;
                    line-height: 15px;
                    margin-right: 15px;
                    vertical-align: middle;
                    width: 15px;
                }

            #mobile-menu-list li input[type=radio]:checked + label:before {
                background: transparent none repeat scroll 0 0;
                border: 1px solid #a3a3a3;
                content: "\2022";
                color: red;
                font-size: 15px;
                height: 18px;
                text-align: center;
                line-height: 15px;
                text-shadow: none;
                margin-right: 15px;
                width: 18px;
            }*/

/*---------------- Custom Radio Buttons / Checkboxes  --------------- */

.mobile-actions-wrapper {
    background-color: transparent;
    display: none;
    height: auto;
    vertical-align: middle;
    padding-right: 0;
    width: auto;
}

    .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions {
        background-color: transparent;
        height: auto;
    }

        .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button {
            text-align: left;
            width: 40px;
        }

            .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button a.icon-arrow-down {
                background-color: transparent;
                color: #b0b0b0;
                display: inline-block;
                font-size: 18px;
                padding: 0;
                vertical-align: middle;
                width: 100%;
            }

            .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul {
                border: 1px solid #ddd;
                border-radius: 6px;
                color: #878e9a;
                left: 0;
                max-width: 360px;
                min-width: 180px;
                padding: 0 15px;
                right: auto;
                top: 30px;
                width: auto !important;
            }

                .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul:after {
                    left: 15px;
                }

                .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul li {
                    display: inline-block;
                    line-height: 30px;
                    white-space: nowrap;
                }

                    .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul li .menu-icon {
                        font-size: 18px;
                        vertical-align: middle;
                        margin: 0 5px 0 0;
                    }

                    .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul li .menu-text {
                        font-size: 12px;
                        font-family: "Open Sans" !important;
                    }

#links-actions-wrapper .last-actions-menu:after,
.shares-actions-wrapper .last-actions-menu:after,
.folders-actions-wrapper .last-actions-menu:after,
.history-actions-wrapper .last-actions-menu:after,
.last-actions-menu:after {
    left: 15px;
    top: 100%;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shares-actions-wrapper ul li.xn-icon-button a.icon-arrow-down,
.folders-actions-wrapper ul li.xn-icon-button a.icon-arrow-down,
.history-actions-wrapper ul li.xn-icon-button a.icon-arrow-down {
    text-align: center;
}

.rf-panel {
    background-color: #fff;
    border: none !important;
    box-shadow: none;
    margin-bottom: 0;
}

button.rf-modal-close {
    font-size: 17px;
    font-weight: 300;
    height: 17px;
    margin: 0;
    width: 17px;
}

button.rf-button {
    line-height: 14px;
    padding: 12px 0;
    width: 120px;
    white-space: normal;
}

.btn-primary[disabled]:hover, .btn-primary.disabled:hover {
    background: #475b6d;
    border-color: #435667;
}

.rf-primary-button {
    background-color: #3e4e5c;
}

.rf-modal-head {
    color: #525a65;
    font-size: 20px;
    font-weight: 300;
}

.rf-icons {
    font-size: 20px;
    font-weight: 400;
    vertical-align: middle;
}

.margin-right-1 {
    margin: 0 10px 0 0;
}

.margin-right-2 {
    margin: 0 20px 0 0;
}

.margin-right-3 {
    margin: 0 30px 0 0;
}

.margin-right-4 {
    margin: 0 40px 0 0;
}

.left-spacing-5 {
    margin: 0 50px 0 0;
}

.action-buttons {
    text-decoration: none;
}

    .action-buttons:hover {
        text-decoration: none;
    }

/*list-modal*/

.modal-dialog.list-modal {
    border: none;
    border-radius: 5px;
    width: 350px;
}

    .modal-dialog.list-modal .modal-content.list-modal-content {
        padding: 0;
    }

    .modal-dialog.list-modal .modal-content .list-modal-header {
        background-color: transparent;
    }

        .modal-dialog.list-modal .modal-content .list-modal-header div span {
            font-size: 18px;
            vertical-align: middle;
        }

        .modal-dialog.list-modal .modal-content .list-modal-header div input[type=text] {
            border: none;
            height: 32px;
            padding-left: 10px;
            vertical-align: middle;
        }

    .modal-dialog.list-modal .modal-content .modal-body .list-group a {
        border: none;
    }

    .modal-dialog.list-modal .modal-content .modal-body.languages-list {
        height: 75vh;
        padding: 0 15px 0 0;
    }

    .modal-dialog.list-modal .modal-content .modal-body.companies-list {
        height: 40vh;
    }

    .modal-dialog.list-modal .modal-content .modal-body.languages-list .list-group a img {
        float: right;
        width: 16px;
    }

.languages-list-btn, .languages-list-btn span {
    color: #33414e !important;
    margin: -10px 0 0 0;
    opacity: 1;
}

.rf-modal-footer {
    background: none;
    border: none;
}

.public-link-modal {
    width: 500px;
}

.mail-error {
    text-align: center;
    z-index: 10001;
}

    .mail-error .test-mail-container {
        display: inline-block;
    }

        .mail-error .test-mail-container table {
            margin-top: 200px;
        }


.rf-modal-content, .modal-dialog.list-modal .list-modal-content {
    border: none;
    border-radius: 5px;
    padding: 25px 20px;
}

.modal-dialog.edit-user-modal .modal-body,
.modal-dialog.edit-group-modal .modal-body,
.modal-dialog.edit-share-modal .modal-body {
    background-color: #fff;
    padding: 0;
}

.modal-dialog .edit-share-content, .modal-dialog .edit-user-content, .modal-dialog .edit-group-content,
.modal-dialog.fileu-pload-modal .modal-content.rf-modal-content,
.modal-dialog .user-rights-content {
    border: none;
    border-radius: 5px;
    padding: 0;
}

#user-rights-modal {
    height: auto;
    min-height: 300px;
    width: 500px;
}

.modal-dialog.fileu-pload-modal .modal-content.rf-modal-content {
    background-color: #e7edf2;
}

    .modal-dialog.fileu-pload-modal .modal-content.rf-modal-content .modal-body {
        padding: 15px 0;
    }

.modal-dialog .edit-share-content .modal-header, .modal-dialog .edit-share-content .modal-footer,
.modal-dialog .edit-user-content .modal-header, .modal-dialog .edit-user-content .modal-footer,
.modal-dialog .edit-group-content .modal-header, .modal-dialog .edit-group-content .modal-footer,
.modal-dialog.fileu-pload-modal .modal-header, .modal-dialog.fileu-pload-modal .modal-footer,
.modal-dialog .user-rights-content .modal-header {
    background-color: #fff;
}

.modal-dialog .user-rights-content .modal-header {
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 20px;
}

    .modal-dialog .user-rights-content .modal-header .rf-modal-head {
        line-height: 25px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
    }

.modal-dialog .user-rights-content .user-rights-search {
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 20px;
}

    .modal-dialog .user-rights-content .user-rights-search span {
        font-size: 20px;
        vertical-align: middle;
    }

    .modal-dialog .user-rights-content .user-rights-search input[type="text"] {
        border: medium none;
        margin-left: 5px;
        vertical-align: middle;
    }

.modal-dialog .user-rights-content .users-groups-header {
    background-color: #e7edf2;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 20px;
}

    .modal-dialog .user-rights-content .users-groups-header h3 {
        border-bottom: 2px solid #e7edf2;
        color: #b0b0b0;
        cursor: pointer;
        display: inline;
        font-size: 15px;
        font-weight: 400;
        margin-right: 20px;
        padding-bottom: 10px;
    }

        .modal-dialog .user-rights-content .users-groups-header h3:hover {
            border-bottom: 2px solid #525a65;
            color: #434a54;
        }

        .modal-dialog .user-rights-content .users-groups-header h3.rights-selected {
            border-bottom: 2px solid #525a65;
            color: #434a54;
        }

.modal-dialog .edit-share-content .modal-header .modal-dialog .edit-user-content .modal-header,
.modal-dialog .edit-group-content .modal-header {
    padding-left: 0;
    padding-right: 0;
}

    .modal-dialog .edit-share-content .modal-header h3,
    .modal-dialog .edit-user-content .modal-header h3,
    .modal-dialog .edit-group-content .modal-header h3 {
        display: inline;
        vertical-align: middle;
    }

.modal-dialog .edit-share-content .modal-footer span,
.modal-dialog .edit-user-content .modal-footer span,
.modal-dialog .edit-group-content .modal-footer span {
    color: #ff6262;
    margin-right: 10px;
    vertical-align: middle;
}

    .modal-dialog .edit-share-content .modal-footer span.icon-info,
    .modal-dialog .edit-user-content .modal-footer span.icon-info,
    .modal-dialog .edit-group-content .modal-footer span.icon-info {
        font-size: 20px;
        margin-right: 20px;
    }

.modal-dialog .edit-share-content .modal-header .company-users-search,
.modal-dialog .edit-share-content .modal-header .company-groups-search,
.modal-dialog .edit-user-content .modal-header .company-shares-search,
.modal-dialog .edit-user-content .modal-header .company-groups-search,
.modal-dialog .edit-group-content .modal-header .company-users-search,
.modal-dialog .edit-group-content .modal-header .company-shares-search {
    margin-left: 15px;
}

    .modal-dialog .edit-share-content .modal-header .company-users-search .icon-search,
    .modal-dialog .edit-share-content .modal-header .company-groups-search .icon-search,
    .modal-dialog .edit-user-content .modal-header .company-shares-search .icon-search,
    .modal-dialog .edit-user-content .modal-header .company-groups-search .icon-search,
    .modal-dialog .edit-group-content .modal-header .company-shares-search .icon-search,
    .modal-dialog .edit-group-content .modal-header .company-users-search .icon-search,
    .modal-dialog .user-rights-content .user-rights-search .icon-search {
        font-size: 20px;
        vertical-align: middle;
    }

    .modal-dialog .edit-share-content .modal-header .company-groups-search input[type=text],
    .modal-dialog .edit-share-content .modal-header .company-users-search input[type=text],
    .modal-dialog .edit-user-content .modal-header .company-groups-search input[type=text],
    .modal-dialog .edit-user-content .modal-header .company-shares-search input[type=text],
    .modal-dialog .edit-group-content .modal-header .company-users-search input[type=text],
    .modal-dialog .edit-group-content .modal-header .company-shares-search input[type=text],
    .modal-dialog .user-rights-content .user-rights-search input[type="text"] {
        border: none;
        height: 32px;
        margin-left: 5px;
        vertical-align: middle;
    }

.modal-dialog .edit-share-content .modal-body .company-users-container,
.modal-dialog .edit-share-content .modal-body .company-groups-container,
.modal-dialog .edit-user-content .modal-body .company-shares-container,
.modal-dialog .edit-user-content .modal-body .company-groups-container,
.modal-dialog .edit-group-content .modal-body .company-shares-container,
.modal-dialog .edit-group-content .modal-body .company-users-container {
    background-color: #fff;
    border-right: 2px solid #d8d8d8;
    height: 70vh;
    min-height: 40vh;
    max-height: 70vh;
    padding: 0;
}

.modal-dialog .edit-share-content .modal-body .assigned-users-container,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container,
.modal-dialog .edit-group-content .modal-body .assigned-users-container {
    background-color: #e7edf2;
    height: 70vh;
    min-height: 40vh;
    max-height: 70vh;
    padding: 0;
}

.modal-dialog .user-rights-content .modal-body {
    background-color: #e7edf2;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 50vh;
    min-height: 30vh;
    max-height: 60vh;
    padding: 10px 0;
    text-transform: capitalize;
}

    .modal-dialog .user-rights-content .modal-body .user-rights,
    .modal-dialog .user-rights-content .modal-body .group-rights {
        padding: 5px 0;
    }

        .modal-dialog .user-rights-content .modal-body .user-rights div,
        .modal-dialog .user-rights-content .modal-body .group-rights div {
            padding-right: 0;
        }

        .modal-dialog .user-rights-content .modal-body .user-rights img {
            border-radius: 50%;
            height: 36px;
            width: 36px;
        }

        .modal-dialog .user-rights-content .modal-body .group-rights .icon-groups {
            border: 1px solid #b2b9c7;
            border-radius: 5px;
            display: inline-block;
            margin: 0 15px;
            padding: 10px;
            vertical-align: middle;
        }

        .modal-dialog .user-rights-content .modal-body .user-rights span {
            display: block;
        }

            .modal-dialog .user-rights-content .modal-body .user-rights span:first-child {
                color: #434a54;
            }

            .modal-dialog .user-rights-content .modal-body .user-rights span:last-child {
                color: #b0b0b0;
            }

.modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list,
.modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list,
.modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list,
.modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list,
.modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list,
.modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .failed-shares-list,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .failed-groups-list,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-users-list,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .failed-groups-list,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list {
    padding: 6px 12px;
}

    .modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list.user-selected,
    .modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list.group-selected,
    .modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list.user-selected,
    .modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list.share-selected,
    .modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list.share-selected,
    .modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list.group-selected {
        display: none;
    }

    .modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list div:first-child,
    .modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list div:first-child,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list div:first-child,
    .modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list div:first-child,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .failed-shares-list div:first-child,
    .modal-dialog .edit-user-content .modal-body .assigned-groups-container .failed-groups-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list div:first-child,
    .modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .failed-groups-list div:first-child,
    .modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-users-list div:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    .modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list div:last-child,
    .modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list div:last-child,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list div:last-child,
    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list div:last-child,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .failed-groups-list div:last-child,
    .modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-users-list div:last-child,
    .modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list div:last-child,
    .modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list div:last-child,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list div:last-child,
    .modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list div:last-child,
    .modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list div:last-child {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list:hover,
    .modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list:hover,
    .modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list:hover,
    .modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list:hover,
    .modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list:hover,
    .modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list:hover {
        background-color: #dce2e8;
        cursor: pointer;
    }

.modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list,
.modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list {
    padding: 10px 12px;
}

.modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list .icon-groups,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list .icon-groups,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-share-list .icon-groups,
.modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list .icon-shares,
.modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list .icon-groups,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list .icon-shares,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list .icon-groups,
.modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list .icon-shares,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list .icon-shares,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list .icon-shares,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list .icon-groups {
    border: 1px solid #b2b9c7;
    border-radius: 5px;
    display: inline-block;
    font-size: 10px;
    margin: 0 10px 0 0;
    padding: 10px;
    vertical-align: middle;
}

.modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list .company-user-name,
.modal-dialog .edit-share-content .modal-body .company-groups-container .company-groups-list .company-group-name,
.modal-dialog .edit-user-content .modal-body .company-shares-container .company-shares-list .company-share-name,
.modal-dialog .edit-user-content .modal-body .company-groups-container .company-groups-list .company-group-name,
.modal-dialog .edit-group-content .modal-body .company-shares-container .company-shares-list .company-share-name,
.modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list .company-user-name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 85%;
}

.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list .assigned-user-name,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-users-list .failed-user-name,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list .assigned-group-name,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .failed-groups-list .failed-group-name,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list .assigned-share-name,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .failed-shares-list .failed-share-name,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list .assigned-group-name,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .failed-groups-list .failed-group-name,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list .failed-share-name,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list .assigned-share-name,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list .failed-user-name,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list .assigned-user-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 80%;
}

.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list span,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list span,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .failed-shares-list span,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .failed-groups-list span,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list span,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list span,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list span {
    display: inline-block;
    vertical-align: middle;
}

.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list .icon-add,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list .icon-Cancel,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .failed-shares-list .icon-refresh2,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .failed-groups-list .icon-refresh2,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list .icon-Cancel,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .failed-shares-list .icon-refresh2,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list .icon-refresh2 {
    cursor: pointer;
    font-size: 15px;
}

.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list .icon-Cancel,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list .icon-Cancel {
    cursor: pointer;
    padding-top: 10px;
}


.modal-dialog .edit-share-content .modal-body .company-users-container .company-users-list img,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list img,
.modal-dialog .edit-share-content .modal-body .assigned-users-container .failed-users-list img,
.modal-dialog .edit-group-content .modal-body .company-users-container .company-users-list img,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .assigned-users-list img,
.modal-dialog .edit-group-content .modal-body .assigned-users-container .failed-users-list img {
    border-radius: 50%;
    margin-right: 5px;
    max-width: 35px;
}

.rf-modal-content .rf-modal-row {
    display: block;
    margin: 0 0 20px;
}

.rf-modal-content .groups-modal-content .rf-modal-row .rf-modal-icon {
    background-color: transparent;
    border: 1px solid #b2b9c7;
    border-radius: 5px;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
    vertical-align: middle;
    margin: 0;
}

.rf-modal-content .rf-modal-row.switch-wrapper-border {
    margin: 0 0 10px;
}

.rf-modal-content .rf-modal-row .rf-modal-icon {
    background-color: transparent;
    border: 1px solid #b2b9c7;
    border-radius: 5px;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
    vertical-align: middle;
    margin: 0;
}

.rf-modal-content .folder-modal-content .rf-modal-row .rf-modal-icon {
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    margin: 0;
}

.rf-modal-content .rf-modal-row .rf-input-group,
.email-modal-content .rf-modal-row .rf-input-group {
    background-color: #e7edf2;
    border-radius: 5px;
    display: block;
    padding: 10px;
}

.email-modal-content .rf-modal-row .rf-input-group {
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding: 0;
}

    .email-modal-content .rf-modal-row .rf-input-group span {
        border-left: 1px solid #d5d5d5;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
        vertical-align: middle;
    }

    .email-modal-content .rf-modal-row .rf-input-group button {
        background-color: transparent;
    }


.rf-modal-content .rf-modal-row .rf-input-group.select,
.rf-modal-content .rf-modal-row .rf-input-group.range {
    background-color: transparent;
    vertical-align: middle;
}

.rf-input-group {
    border: 1px solid;
}

.rf-modal-content .rf-modal-row .switch-wrapper label.switch {
    height: 25px;
    line-height: 25px;
    margin: 0;
    vertical-align: middle;
}

    .rf-modal-content .rf-modal-row .switch-wrapper label.switch span {
        border-radius: 50px;
        height: 25px;
        margin: 0;
        vertical-align: middle;
        width: 45px;
    }

        .rf-modal-content .rf-modal-row .switch-wrapper label.switch span:after {
            border-radius: 50%;
            width: 20px;
        }

/*.rf-modal-content .rf-modal-row .rf-input-group.range input[type=range] {
            margin: 0;
            padding: 0;
        }
            */

.rf-modal-content .rf-modal-row .rf-sp-group span input[type=radio],
.rf-modal-content .rf-modal-row .rf-sp-group span input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
}

.rf-modal-content .rf-modal-row .rf-input-group.select {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 0 5px;
    position: relative;
}

    .rf-modal-content .rf-modal-row .rf-input-group.select select {
        border: none;
        outline: none;
        padding: 10px;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 100%;
    }

    .rf-modal-content .rf-modal-row .rf-input-group.select i {
        border-left: 1px solid #d5d5d5;
        color: #878e9a;
        font-size: 12px;
        height: 100%;
        padding: 14px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
    }

.rf-modal-content .rf-modal-row .rf-input-group.range span {
    margin: 0 0 0 25px;
    vertical-align: middle;
}

.rf-modal-content .rf-modal-row .rf-text-group {
    display: inline-block;
    width: 60%;
}

.rf-modal-content .rf-modal-row .rf-text-group-full {
    display: inline-block;
    width: 100%;
}

.rf-modal-content .rf-modal-row .rf-select-group {
    display: inline-block;
    margin-left: 15px;
    width: 35%;
}

.rf-modal-content .rf-modal-row .rf-select-label {
    display: inline-block;
    width: auto;
}

.email-modal-content .rf-modal-row .rf-input-group,
.rf-modal-content .rf-modal-row .rf-folder-input-group {
    width: 100%;
}

    .email-modal-content .rf-modal-row .rf-input-group input,
    .rf-modal-content .rf-modal-row .rf-folder-input-group input,
    .rf-modal-content .groups-modal-content .rf-modal-row input {
        background-color: transparent;
        border: none;
        line-height: 25px;
        padding-left: 15px;
        vertical-align: middle;
        width: 80%;
    }

.rf-modal-content .rf-modal-row span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 5px;
    /*text-transform: capitalize;*/
}

.rf-modal-content .rf-modal-row.switch-wrapper-border .row hr {
    margin-bottom: 10px;
    margin-top: 0;
}

.rf-modal-content .rf-modal-row.switch-wrapper-border hr.hr-bottom {
    margin-bottom: 5px;
    margin-top: 10px;
}

.rf-modal-content .rf-modal-row.switch-wrapper-border span {
    line-height: 25px;
    margin: 0;
    vertical-align: middle;
}

.rf-modal-content .rf-modal-row .rf-range-input span {
    display: inline-block;
    margin: 0;
}

.rf-modal-content .rf-modal-row .rf-range-input span {
    display: inline-block;
    margin-bottom: 10px;
}

    .rf-modal-content .rf-modal-row .rf-range-input span#PrivateShareMaxDsp {
        margin: 0 5px;
    }

.rf-modal-content .rf-modal-row .rf-input-group span {
    display: inline-block;
}


.rf-modal-content .rf-modal-row .rf-input-group input[type=text],
.rf-modal-content .rf-modal-row .rf-input-group input[type=password],
.rf-modal-content .rf-modal-row .rf-input-group textarea {
    background-color: #e7edf2;
    border: medium none;
    border-radius: 5px;
    color: #3e4e5c;
    display: inline-block;
    font-size: 12px;
    width: 80%;
}

.rf-modal-content .rf-modal-row .rf-text-group .rf-text-input,
.rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input {
    background-color: #e7edf2;
    border-radius: 5px;
}

    .rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=text],
    .rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input input[type=text],
    .rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=password],
    .rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input input[type=password],
    .rf-input-with-check {
        border: none;
    }

.rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=checkbox],
.rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input input[type=checkbox] {
    background-color: transparent;
    display: inline-block;
    height: 15px;
    margin: 0 15px;
    vertical-align: middle;
    width: 15px;
}

.rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=password],
.rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input input[type=password],
.rf-input-with-check{
    background-color: transparent;
    border-left: 1px solid #d5d5d5;
    border-radius: 0;
    height: 40px;
    padding-left: 15px;
    width: 70%;
}

.rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=text],
.rf-modal-content .rf-modal-row .rf-text-group-full .rf-text-input input[type=text] {
    background-color: transparent;
    border-radius: 0;
    height: 40px;
    padding-left: 15px;
    width: 100%;
}

    .rf-modal-content .rf-modal-row .rf-text-group .rf-text-input input[type=number] {
        background-color: transparent;
        border: none;
        border-left: 1px solid #d5d5d5;       
        border-radius: 0;
        height: 40px;
        padding-left: 15px;
        width: 85%;
    }

.rf-modal-content .rf-modal-row .rf-input-group input[type=text],
.rf-modal-content .rf-modal-row .rf-input-group input[type=password] {
    background-color: transparent;
    padding-left: 15px;
    width: 80%;
}

.rf-modal-content .rf-modal-row .rf-input-group textarea {
    resize: none;
    height: 60px;
    overflow: hidden;
    width: 100%;
}

.rf-modal-content .rf-modal-row .rf-select-input .link-date-select {
    color: #878e9a;
    position: relative;
}

    .rf-modal-content .rf-modal-row .rf-select-input .link-date-select select {
        background-color: transparent;
        border: 1px solid #d5d5d5;
        border-color: #d5d5d5;
        border-radius: 5px;
        color: #878e9a;
        cursor: pointer;
        font-weight: 400;
        height: 40px;
        margin: 0;
        outline: none;
        padding: 0 0 0 5px;
        text-transform: capitalize;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 100%;
    }

    .rf-modal-content .rf-modal-row .rf-select-input .link-date-select i {
        border-left: 1px solid #d5d5d5;
        color: #878e9a;
        height: 100%;
        padding: 13px 0 0 6px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        top: 0;
    }

/*_______________ Customized Range     input     slider ___________________*/

input[type=range] {
    -webkit-appearance: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 85%;
}

    input[type=range]:focus {
        outline: none;
    }

    /*________-webkit styles __________*/

    input[type=range]::-webkit-slider-runnable-track {
        background: #e7edf2;
        border: none;
        border-radius: 5px;
        box-shadow: none;
        cursor: pointer;
        height: 5px;
        width: 100%;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #e7edf2;
        border: none;
        border-radius: 50%;
        box-shadow: 0 1px 2px #888;
        cursor: pointer;
        height: 20px;
        margin-top: -8px;
        width: 20px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #57c934;
    }

    /*________-moz- kit styles __________*/

    input[type=range]::-moz-range-track {
        background: #e7edf2;
        border: none;
        border-radius: 5px;
        box-shadow: none;
        cursor: pointer;
        height: 5px;
        margin-top: 5px;
        width: 100%;
    }

    input[type=range]::-moz-range-progress {
        background: #57c934;
        border-radius: 5px;
        height: 5px;
    }

    input[type=range]::-moz-range-thumb {
        background: #e7edf2;
        box-shadow: 0 1px 2px #888;
        border: none;
        border-radius: 50%;
        height: 20px;
        cursor: pointer;
        width: 20px;
    }

    /*________-ms- / I.E kit styles __________*/

    input[type=range]::-ms-track {
        background: transparent;
        border-color: transparent;
        border-width: 10px 0;
        color: transparent;
        height: 5px;
        width: 100%;
    }

    input[type=range]::-ms-fill-lower {
        background: #57c934;
        border-radius: 10px;
    }

    input[type=range]::-ms-fill-upper {
        background: #ccc;
        border-radius: 10px;
    }

    input[type=range]::-ms-thumb {
        background: #e7edf2;
        border: none;
        border-radius: 50%;
        box-shadow: 0 1px 2px #888;
        height: 20px;
        margin-top: -3px;
        width: 20px;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: #57c934;
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #ccc;
    }

/*_______________ File     Upload        Modal___________________*/

#uploadContainer .modal-body .presentation-wrapper {
    height: 40vh;
    overflow-y: auto;
    position: relative;
}

    #uploadContainer .modal-body .presentation-wrapper .presentation-text {
        display: table;
        min-height: 250px;
        position: absolute;
        text-align: center;
        width: 100%;
    }

        #uploadContainer .modal-body .presentation-wrapper .presentation-text span {
            display: table-cell;
            font-size: 20px;
            font-weight: 300;
            padding-top: 20%;
        }

    #uploadContainer .modal-body .presentation-wrapper table {
        display: block;
        /*min-height: 150px;*/
    }

        #uploadContainer .modal-body .presentation-wrapper table tbody {
            display: block;
        }

            #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload,
            #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download,
            #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error {
                display: block;
                height: auto;
                text-align: left;
                padding: 10px;
                width: 100%;
            }

            #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error {
                border-bottom: 2px solid #d8d8d8;
            }

                #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td,
                #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download td,
                #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error td {
                    display: inline-block;
                    vertical-align: middle;
                }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error td:first-child {
                        width: 250px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error td .error {
                        margin-right: 10px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-error td .icon-notification,
                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td button.icon-Cancel,
                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download td .icon-notification,
                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download td .icon-Checkmark {
                        border: none;
                        background: none;
                        font-size: 20px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td:first-child {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 280px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download td:first-child {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 400px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td:nth-child(3),
                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-download td:nth-child(2) {
                        text-align: center;
                        width: 100px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td .size {
                        margin-right: 15px;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td span.name {
                        margin: 0;
                    }

                    #uploadContainer .modal-body .presentation-wrapper table tbody tr.template-upload td .progress {
                        border: none;
                        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
                        margin: 0 15px;
                        vertical-align: middle;
                        width: 100px;
                    }

.ui-progressbar-value.ui-widget-header.ui-corner-left {
    /*background: #525a65;*/
    background: linear-gradient(#e7edf2, #525a65, #e7edf2);
    margin: 0;
}

#uploadContainer .modal-footer .fileupload-buttonbar {
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}

    #uploadContainer .modal-footer .fileupload-buttonbar .fileinput-button {
        cursor: pointer;
        padding: 10px 0;
        position: relative;
        width: 120px;
    }

        #uploadContainer .modal-footer .fileupload-buttonbar .fileinput-button span {
            cursor: pointer;
        }

    #uploadContainer .modal-footer .fileupload-buttonbar input[type=file] {
        cursor: pointer;
        font-size: initial;
        line-height: 45px;
        width: 100%;
    }

/*_______________ File     Upload        Modal___________________*/

.content-modal-content {
    background-color: #efecec;
    color: #878e9a;
    font-size: 13px;
    font-weight: 400;
    margin: 35px 0;
    padding: 16px 0 16px 10px;
}

.folder-modal-content, .groups-modal-content, .users-modal-content, .shares-modal-content, .email-modal-content, .file-browser-content {
    background-color: transparent;
    margin: 20px 0;
    padding: 0;
}

.email-modal-content {
    margin: 10px 0;
}

#modal-progress.ui-widget-content {
    background: #efecec;
    height: 3px;
    border: none;
}

    #modal-progress.ui-widget-content .ui-progressbar-value.ui-widget-header.ui-corner-left {
        background: #57c934;
        border: none;
    }


.file-browser-content {
    background-color: #e7edf2;
    border: 1px solid #dce2e8;
    border-radius: 5px;
    margin-bottom: 0;
    min-height: 40vh;
    max-height: calc(100vh - 260px);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

    .file-browser-content ul li {
        cursor: pointer;
        margin-top: 5px;
        padding: 3px 0;
    }

        /*.file-browser-content ul li:hover {
        background-color: #dce2e8;
    }*/

        /*.file-browser-content ul li:first-child {
        padding-top: 0;
    }*/

        .file-browser-content ul li span {
            vertical-align: middle;
        }

        .file-browser-content ul li .icon-arrow-down {
            font-size: 20px;
        }

        .file-browser-content ul li.selected-row {
            color: #333;
        }

.multi-select-content, .multi-select-links {
    background-color: transparent;
    border: 1px solid #dce2e8;
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: 20px;
    max-height: calc(100vh - 260px);
    min-height: 40vh;
    padding: 10px;
}

    .multi-select-links table,
    .multi-select-content table {
        width: 100%;
    }

        .multi-select-links table tbody tr,
        .multi-select-content table tbody tr {
            display: inline-block;
            padding-bottom: 10px;
            width: 100%;
        }

            .multi-select-links table tbody tr td,
            .multi-select-content table tbody tr td {
                display: inline-block;
                vertical-align: middle;
            }

                .multi-select-links table tbody tr td:first-child,
                .multi-select-content table tbody tr td:first-child {
                    width: 92%;
                }

                .multi-select-links table tbody tr td:nth-child(2),
                .multi-select-content table tbody tr td:nth-child(2) {
                    text-align: right;
                    width: 5%;
                }

                    .multi-select-links table tbody tr td:nth-child(2) span,
                    .multi-select-content table tbody tr td:nth-child(2) span {
                        color: #57c934;
                        font-size: 20px;
                        vertical-align: middle;
                    }

                .multi-select-links table tbody tr td .dataTable-record-icon,
                .multi-select-content table tbody tr td .dataTable-record-icon {
                    margin: 0 10px 0 0;
                    padding: 8px;
                }

/*multi selected records count notification tooltip*/

#noty_topRight_layout_container {
    min-width: 100px;
    position: fixed;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    right: 35px;
    list-style-type: none;
    z-index: 10000000;
}

    #noty_topRight_layout_container li {
        background: #878e9a;
        border: none;
        border-radius: 4px;
        box-shadow: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        width: auto;
    }

        #noty_topRight_layout_container li .noty_message {
            color: #fff;
            font-size: 11px;
            line-height: 14px;
            padding: 8px 10px 9px;
            position: relative;
            text-align: center;
            width: auto;
            font-weight: 400;
        }


.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: middle;
}

.full-width {
    width: 100%;
}

.line-height-40 {
    line-height: 40px;
}

.line-height-50 {
    line-height: 50px;
}

.text-white-light {
    color: rgba(255, 255, 255, 0.4);
}

.text-white {
    color: rgba(255, 255, 255, 1);
}

.grey-text {
    color: #555;
}

.label-large {
    font-size: medium;
}

.horizontal {
    display: inline-block;
}

.label-padding {
    padding-bottom: 2%;
}

.vertical {
    display: block;
    width: 100%;
}

.text-size-twenty {
    font-size: 20px;
}

.vertical-mid {
    vertical-align: middle;
}

.form-control.round-transparent-border:focus {
    border-color: transparent;
}

.round-transparent-border, .input-group-addon.round-transparent-border {
    border-radius: 10px;
    background-color: white;
    border-color: transparent;
}

#languagesListAnchor:hover {
    background-color: transparent;
}

.login-container.login-v2 .login-box .login-body .login-title.text-white {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 20px;
}

.login-container.login-v2 .login-box .login-body a.text-white {
    color: rgba(255, 255, 255, 0.8);
}

.login-container.lightmode .login-box .login-body {
    background: rgba(0, 0, 0, 0.54);
    padding: 35px 25px;
    position: relative;
}

#resetPasswordWrapper {
    margin-top: 50px;
}

.login-container.login-v2 .login-box .login-body .form-control.no-borders-login {
    background-color: #434343;
    border: none;
    color: white;
}

.login-container.login-v2 .login-box .login-body .input-group-addon.no-borders-login {
    border: none;
    background-color: #434343;
    min-width: 45px;
}

.no-borders-login-button {
    background-color: #ababab;
    border: none;
    color: white;
}

    .no-borders-login-button:hover {
        background-color: #bcbcbc;
        border: none;
    }

.x-navigation.x-navigation-horizontal > li > ul.xn-pop-top {
    left: -170px;
    top: -180px;
    border-radius: 10px;
}

    .x-navigation.x-navigation-horizontal > li > ul.xn-pop-top.xn-drop-white ul:after {
        border-left-color: #FFF;
    }

    .x-navigation.x-navigation-horizontal > li > ul.xn-pop-top:after {
        left: auto;
        content: "";
        position: absolute;
        bottom: -5px; /* value = - border-top-width - border-bottom-width */
        left: 190px; /* controls horizontal position */
        border-width: 5px 8px 0; /* vary these values to change the angle of the vertex */
        border-style: solid;
        border-color: #fff transparent; /* reduce the damage in FF3.0 */
        display: block;
        width: 15px;
    }

        .x-navigation.x-navigation-horizontal > li > ul.xn-pop-top:after ul {
            left: auto;
            right: 230px;
        }

            .x-navigation.x-navigation-horizontal > li > ul.xn-pop-top:after ul:after {
                right: auto;
                left: 100%;
                border: solid transparent;
                border-left-color: #33414e;
                border-width: 5px;
            }

.x-navigation li > .panel.xn-pop-top {
    left: auto;
    right: 0px;
}

    .x-navigation li > .panel.xn-pop-top:after {
        right: 20px;
        left: auto;
    }

.languages-list-container-div {
    overflow-y: scroll;
    height: 128px;
}

.languages-list-search-box {
    height: 46px;
}

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

.margin-left-50 {
    margin-left: 50px;
}

.line-height-32 {
    line-height: 32px;
}

.table > tbody > tr > td.line-height-32 {
    line-height: 32px;
}

.device-icon-border {
    width: 32px;
    height: 32px;
    border: 1px solid #b2b9c7;
    border-radius: 4px;
    position: relative;
    float: left;
}

.device-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.device-details-container {
    width: calc(100% - 255px);
    display: inline-block;
}

.device-map-modal-content {
    height: 255px;
}

.device-map-modal-close-button {
    width: 20px;
    color: #d8d7d7;
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
}

.device-map-modal-icon-button {
    margin-left: 20px;
    margin-top: 20px;
    color: #525a65;
    display: inline-block;
    font-size: 20px;
    width: calc(100% - 60px);
}

.device-map-modal-map-container {
    float: left;
    display: inline-block;
    width: 255px;
    height: 245px;
    background-color: honeydew;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.device-map-modal-details-container {
    display: inline-block;
    padding-top: 25px;
    white-space: nowrap;
}

.device-map-modal-header-text {
    color: #525a65;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.device-map-modal-label-text {
    width: 82px;
    color: #b3b3b3;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 15px;
}

.device-map-modal-detail-text {
    width: 199px;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    color: #525a65;
}

.device-map-modal-detail-time-text {
    width: 199px;
    height: 150px;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    color: #818181;
}

.datepicker.datepicker-orient-left.dropdown-menu:after, .datepicker.datepicker-orient-left.dropdown-menu:before {
    left: 132px;
}

/*
    Edit Share View Start
*/
.edit-share-info-margin-left {
    margin-left: 30px;
}

.edit-share-modal-content {
    font-size: 13px;
    font-weight: 400;
    margin: 35px 0;
    padding: 16px 0;
}

.edit-share-modal-fields-label {
    color: #b2b9c7;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}

.edit-share-modal-name-box {
    height: 54px;
    background-color: #e7edf2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 8px 15px 8px 0;
    border: none;
    width: calc(100% - 49px);
    display: inline-block;
    margin-left: -5px;
    vertical-align: middle;
}

.edit-share-name-icon-container {
    background-color: #e7edf2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    text-align: center;
}

.edit-share-name-icon {
    font-size: 20px;
    color: #b0b0b0;
    line-height: 54px;
}

.edit-share-modal-category-box {
    height: 54px;
    background-color: #e7edf2;
    border-radius: 5px;
    width: 100%;
    padding: 8px 15px;
    border: none;
}

.edit-share-modal-generic-box {
    height: 54px;
    background-color: #e7edf2;
    border-radius: 5px;
    width: 100%;
    padding: 8px 15px;
    border: none;
}

.edit-share-modal-email-box {
    height: 54px;
    background-color: #e7edf2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 8px 15px;
    border: none;
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: middle;
}

.edit-share-modal-message-box {
    height: 54px;
    background-color: #e7edf2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 8px 15px;
    border: none;
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: middle;
}

.layout-action-buttons {
    padding: 15px 0;
    border-bottom: 1px solid #DDD;
    background-color: #efecec;
    width: 100%;
    white-space: nowrap;
}

    .layout-action-buttons button {
        margin: 0 5px;
    }

button.edit-share-cancel-button {
    line-height: 14px;
    padding: 12px 0;
    width: 120px;
}

button.edit-share-save-button {
    line-height: 14px;
    padding: 12px 0;
    width: 120px;
}

.edit-share-sub-header-label {
    color: #b0b0b0;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 15px;
    font-weight: 300;
    margin-bottom: 0;
}

.edit-share-sub-header-values {
    color: #b0b0b0;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    margin-bottom: 0;
}

.btn-transparent {
    background-color: transparent;
    color: #878e9a;
}

.edit-share-search-bar {
    height: 62px;
    background-color: #e7edf2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding-top: 20px;
}

.edit-share-entry-icons-container-heading {
    width: 105px;
    color: #525a65;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    margin-left: 30px;
    margin-bottom: 0;
    cursor: pointer;
}

.edit-share-entry-icons-container {
    width: 105px;
    display: inline-block;
    background-color: #d7dde2;
    border-radius: 100px;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 30px;
}


    .edit-share-entry-icons-container.margin-0 {
        margin: 0;
    }

.edit-share-entry-name-container-heading {
    width: 40%;
    margin-bottom: 0;
    margin-left: 15px;
}

.edit-share-entry-name-container {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
}

    .edit-share-entry-name-container a:hover {
        color: #878e9a;
        text-decoration: none;
    }

    .edit-share-entry-name-container.autoWidth {
        width: auto;
    }

.edit-share-entry-assigned-container-heading {
    color: #c0c7d3;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
}

.edit-share-entry-assigned-container {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.9;
    color: #b2b9c7;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 400;
}

.edit-share-entry-disconnect-container-heading {
    margin-bottom: 0;
    float: right;
    margin-right: 20px;
}

.edit-share-entry-disconnect-container {
    display: inline-block;
    opacity: 0;
    float: right;
    margin-right: 20px;
    padding-right: 10px;
    padding-top: 10px;
}

    .edit-share-entry-disconnect-container.close-icon {
        opacity: 0.4;
        margin-right: 0;
    }

.edit-share-search-box {
    background-color: transparent;
    border: medium none;
    color: #b0b0b0;
    font-weight: normal;
    padding-left: 5px;
    vertical-align: middle;
}

.edit-share-plus-icon {
}

.edit-share-search-bar-icons {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    color: #c0c7d3;
}

.edit-share-user-group-list {
    height: calc(100vh - 282px);
    background-color: #e7edf2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-top: 1px;
}

.edit-share-entry-owner {
    background-color: #d7dde2;
    border-radius: 100px;
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 400;
    padding: 0 5px;
}

.edit-share-entry-container {
    height: 40px;
    margin: 5px 0;
}

    .edit-share-entry-container:hover div.edit-share-entry-disconnect-container {
        -webkit-transition: opacity 0.3s; /* For Safari 3.1 to 6.0 */
        transition: opacity 0.3s;
        opacity: 1;
    }

.edit-share-user-group-link {
    opacity: 0.9;
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
}

.edit-share-user-group-email {
    color: #c0c7d3;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 400;
}

.edit-share-pic-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 3px;
}
/*.edit-share-read-icon {
    width: 26px;
    height: 26px;
    background-color: #57c934;
    border-radius: 50%;
}*/

.edit-share-right-on {
    width: 26px;
    height: 26px;
    background-color: #57c934;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

    .edit-share-right-on > span.edit-share-read-r {
        width: 12px;
        height: 17px;
        color: white;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
    }

    .edit-share-right-on > span.edit-share-write-w {
        width: 12px;
        height: 17px;
        color: white;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
    }

.edit-share-right-off {
    width: 26px;
    height: 26px;
    opacity: 0.75;
    background-color: #b5c2cd;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

    .edit-share-right-off > span.edit-share-read-r {
        width: 8px;
        height: 17px;
        color: #f6f6f6;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
    }

    .edit-share-right-off > span.edit-share-write-w {
        width: 8px;
        height: 17px;
        color: #f6f6f6;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
    }

/*_______________ Customized Range     input     slider For Edit Company User  View___________________*/

.edit-company-user input[type=range]::-webkit-slider-runnable-track {
    background: #d8d8d8;
}

.edit-company-user input[type=range]::-webkit-slider-thumb {
    background: #fff;
}

.edit-company-user input[type=range]:focus::-webkit-slider-runnable-track {
    background: #57c934;
}

.edit-company-user input[type=range]::-moz-range-track {
    background: #d8d8d8;
}

.edit-company-user input[type=range]::-moz-range-thumb {
    background: #fff;
}

.edit-company-user input[type=range]::-ms-fill-lower {
    background: #57c934;
    border-radius: 10px;
}

.edit-company-user input[type=range]::-ms-fill-upper {
    background: #d8d8d8;
    border-radius: 10px;
}

.edit-company-user input[type=range]::-ms-thumb {
    background: #fff;
}

.edit-company-user input[type=range]:focus::-ms-fill-lower {
    background: #57c934;
}

.edit-company-user input[type=range]:focus::-ms-fill-upper {
    background: #d8d8d8;
}

/*---------Edit-company-User profile--------------*/

.edit-company-user .profile-wrapper {
    background-color: #efecec;
    border-right: 2px solid #d8d8d8;
    font-size: 13px;
    height: calc(100vh - 160px);
    padding: 15px 0;
}

    .edit-company-user .profile-wrapper span {
        display: block;
        margin-bottom: 5px;
    }

    .edit-company-user .profile-wrapper .profile-baic-info {
        border-bottom: 1px solid #d8d8d8;
        margin: 0 15px;
        padding-bottom: 15px;
    }

        .edit-company-user .profile-wrapper .profile-baic-info .profile-img {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 25%;
        }

            .edit-company-user .profile-wrapper .profile-baic-info .profile-img img {
                border-radius: 50%;
                max-width: 100px;
                width: 100%;
            }

        .edit-company-user .profile-wrapper .profile-baic-info .profile-info {
            display: inline-block;
            padding-left: 15px;
            text-align: left;
            vertical-align: middle;
            width: 70%;
        }

            .edit-company-user .profile-wrapper .profile-baic-info .profile-info span {
                display: block;
                margin-bottom: 5px;
                width: 100%;
            }

    .edit-company-user .profile-wrapper .profile-visit-info {
        border-bottom: 2px solid #d8d8d8;
        padding: 15px 25px;
    }

        .edit-company-user .profile-wrapper .profile-visit-info .visit-info-left {
            display: inline-block;
            width: 25%;
        }

        .edit-company-user .profile-wrapper .profile-visit-info .visit-info-right {
            display: inline-block;
            width: 70%;
        }

            .edit-company-user .profile-wrapper .profile-visit-info .visit-info-right span {
                padding-right: 15px;
            }

    .edit-company-user .profile-wrapper .profile-settings-info {
        margin: 0 25px;
        padding-top: 15px;
    }

        .edit-company-user .profile-wrapper .profile-settings-info #save-company-user {
            background-color: transparent;
            height: 40px;
            margin: 25px 0;
            width: 100%;
        }

            .edit-company-user .profile-wrapper .profile-settings-info #save-company-user:hover {
                background-color: #e6e6e6;
                border-color: #adadad;
                color: #333;
            }

        .edit-company-user .profile-wrapper .profile-settings-info hr {
            border-color: #d8d8d8;
            margin-bottom: 5px;
        }

        .edit-company-user .profile-wrapper .profile-settings-info .switch-wrapper hr {
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .edit-company-user .profile-wrapper .profile-settings-info .switch-wrapper label {
            display: inline-block;
            font-weight: 400;
            margin: auto;
            vertical-align: middle;
            width: 88%;
        }

            .edit-company-user .profile-wrapper .profile-settings-info .switch-wrapper label.switch.custom-switch {
                width: 10%;
            }

                .edit-company-user .profile-wrapper .profile-settings-info .switch-wrapper label.switch.custom-switch span {
                    display: inline-block;
                }

        .edit-company-user .profile-wrapper .profile-settings-info .range {
            margin-top: 15px;
        }

            .edit-company-user .profile-wrapper .profile-settings-info .range span {
                display: inline;
                margin: 0 0 0 5px;
            }

        .edit-company-user .profile-wrapper .profile-settings-info .range-input span {
            display: inline;
        }

        .edit-company-user .profile-wrapper .profile-settings-info .range-input span {
            display: inline;
        }

            .edit-company-user .profile-wrapper .profile-settings-info .range-input span#PrivateShareMaxDsp {
                margin-right: 5px;
            }

        .edit-company-user .profile-wrapper .profile-settings-info .custom-select {
            padding-top: 15px;
        }

            .edit-company-user .profile-wrapper .profile-settings-info .custom-select .select,
            .audit-reports-view .audit-reports-options .custom-select .select {
                border: 1px solid #d5d5d5;
                border-radius: 5px;
                padding: 0 5px;
                position: relative;
            }

                .edit-company-user .profile-wrapper .profile-settings-info .custom-select .select select,
                .audit-reports-view .audit-reports-options .custom-select .select select {
                    background-color: transparent;
                    border: none;
                    outline: none;
                    padding: 10px;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    width: 100%;
                }

                .edit-company-user .profile-wrapper .profile-settings-info .custom-select .select i,
                .audit-reports-view .audit-reports-options .custom-select .select i {
                    color: #878e9a;
                    font-size: 12px;
                    height: 100%;
                    padding: 14px;
                    pointer-events: none;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

/*  ---   Edit-company-Shares  ---   Edit-company-User  ---   Edit-company-Shares  ---   Edit-company-Groups  ---   Recover-Share-View  ---   */

.edit-company-user .shares-groups-wrapper, .edit-company-groups,
.edit-company-groups .company-users-wrapper,
.edit-company-groups .company-shares-wrapper,
.edit-company-shares .company-users-wrapper,
.edit-company-shares .company-groups-wrapper {
    background-color: #e7edf2;
    font-size: 13px;
    height: calc(100vh - 160px);
    padding: 0;
}

    .edit-company-shares .company-users-wrapper,
    .edit-company-groups .company-users-wrapper {
        border-right: 2px solid rgba(0, 0, 0, 0.08);
    }

        /*.edit-company-user .shares-groups-wrapper .company-shares-container {
    }*/

        .edit-company-user .shares-shares-wrapper .company-shares-container,
        .edit-company-user .shares-groups-wrapper .company-groups-container,
        .edit-company-shares .company-users-wrapper .company-users-container,
        .edit-company-shares .company-groups-wrapper .company-groups-container,
        .edit-company-groups .company-users-wrapper .company-users-container,
        .edit-company-groups .company-shares-wrapper .company-shares-container,
        .edit-company-user .shares-groups-wrapper .company-shares-container {
            height: calc(100vh - 215px);
            padding: 10px 0;
        }

    .edit-company-groups .company-shares-wrapper .company-shares-container {
        padding-top: 5px;
    }

    .edit-company-user .shares-groups-wrapper .shares-groups-buttons,
    .edit-company-shares .edit-shares-buttons,
    .edit-company-groups .edit-groups-buttons {
        box-shadow: 0 1px 1px #d8d8d8;
        padding: 15px 0;
    }

        .edit-company-shares .edit-shares-buttons span.head-text,
        .edit-company-user .shares-groups-buttons span.head-text,
        .edit-company-groups .edit-groups-buttons span.head-text {
            font-weight: 600;
        }

        .edit-company-user .shares-groups-wrapper .shares-groups-buttons span,
        .edit-company-groups .edit-groups-buttons span,
        .edit-company-shares .edit-shares-buttons span {
            font-size: 14px;
            font-weight: 400;
            padding: 0 15px;
            vertical-align: middle;
        }

            .edit-company-user .shares-groups-wrapper .shares-groups-buttons span:first-child,
            .edit-company-user .shares-groups-wrapper .shares-groups-buttons span:nth-child(2),
            .edit-company-user .shares-groups-wrapper .shares-groups-buttons span:last-child,
            .edit-company-groups .edit-groups-buttons span:last-child,
            .edit-company-shares .edit-shares-buttons span:last-child {
                cursor: pointer;
            }

    .edit-company-user .shares-groups-wrapper #company-shares-buttons span.company-shares,
    .edit-company-user .shares-groups-wrapper #company-groups-buttons span.company-user-groups {
        color: #33414d;
        font-weight: 600;
    }

    /*.edit-company-user .shares-groups-wrapper .shares-groups-buttons .company-shares {
        padding-right: 0;
    }*/

    .edit-company-user .shares-groups-wrapper .shares-groups-buttons .company-user-groups,
    .edit-company-user .shares-groups-wrapper .shares-groups-buttons .company-shares-search,
    .edit-company-user .shares-groups-wrapper .shares-groups-buttons .assigned-by,
    .edit-company-shares .shares-shares-buttons .edit-shares-search,
    .edit-company-shares .shares-groups-buttons .assigned-by {
        padding-left: 0;
        padding-right: 0;
    }

        .edit-company-user .shares-groups-wrapper .shares-groups-buttons .company-shares-search .icon-search,
        .edit-company-groups .edit-groups-buttons .icon-search,
        .edit-company-shares .edit-shares-buttons .icon-search {
            font-size: 20px;
            padding: 0 5px;
        }

        .edit-company-user .shares-groups-wrapper .shares-groups-buttons .company-shares-search input[type="text"],
        .edit-company-groups .edit-groups-buttons .edit-groups-search input[type="text"],
        .edit-company-shares .edit-shares-buttons .edit-shares-search input[type="text"] {
            background-color: transparent;
            border: none;
            vertical-align: middle;
            width: 90px;
        }

    .edit-company-user .shares-groups-wrapper .shares-groups-buttons .icon-Plus,
    .edit-company-groups .edit-groups-buttons .icon-Plus,
    .edit-company-shares .edit-shares-buttons .icon-Plus {
        font-size: 20px;
    }

    .edit-company-user .shares-groups-wrapper .company-shares-container .company-shares-list,
    .edit-company-user .shares-groups-wrapper .company-groups-container .company-groups-list,
    .edit-company-groups .company-shares-container .company-shares-list,
    .edit-company-shares .company-groups-container .company-groups-list {
        padding: 15px 0;
    }

        .edit-company-user .shares-groups-wrapper .company-groups-container .company-groups-list a:hover {
            text-decoration: none;
        }

        .edit-company-user .shares-groups-wrapper .company-groups-container .company-groups-list .icon-Broken-link {
            font-size: 15px;
        }

    .edit-company-groups .company-users-container .company-users-list,
    .edit-company-shares .company-users-container .company-users-list {
        padding: 10px 0 0 0;
    }

        .edit-company-groups .company-users-container img,
        .edit-company-shares .company-users-container .company-users-list img {
            border-radius: 50%;
            margin-right: 10px;
            max-width: 40px;
        }

        .edit-company-shares .company-users-container .company-users-list .user-img,
        .edit-company-shares .company-users-container .company-users-list .user-info {
            display: inline-block;
            vertical-align: middle;
            width: auto;
        }

    .edit-company-user .shares-groups-wrapper .company-shares-list a:last-child,
    .edit-company-groups .company-shares-wrapper .company-shares-list a:last-child {
        padding-right: 0;
    }

    .edit-company-groups .company-users-wrapper .company-users-list .remove-symbol {
        padding-left: 0;
        padding-top: 10px;
    }
.edit-company-user .shares-groups-wrapper .company-shares-list .icon-shares,
    .edit-company-user .shares-groups-wrapper .company-groups-list .icon-groups,
    .edit-company-groups .company-shares-container .icon-shares,
    .edit-company-shares .company-groups-container .icon-groups {
        border: 1px solid #b2b9c7;
        border-radius: 5px;
        font-size: 14px;
        margin: 0 10px 0 0;
        padding: 10px;
    }

    .edit-company-groups .company-users-wrapper .company-users-container .company-users-list span,
    .edit-company-groups .company-shares-wrapper .company-shares-container .company-shares-list span,
    .edit-company-shares .company-groups-container .company-groups-list span,
    .edit-company-user .company-groups-container .company-groups-list span,
    .edit-company-user .company-shares-container .company-shares-list span {
        vertical-align: middle;
    }

    .edit-company-shares .company-groups-container .company-groups-list .company-group-name,
    .edit-company-groups .company-users-container .company-users-list .company-user-name,
    .edit-company-groups .company-shares-container .company-shares-list .company-share-name,
    .edit-company-user .company-groups-container .company-groups-list .company-group-name,
    .edit-company-user .company-shares-container .company-shares-list .company-share-name {
        display: inline-block;
        width: 85%;
        word-wrap: break-word;
    }

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul,
    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares,
    .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups,
    .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users,
    .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups {
        background-color: transparent;
        color: #656d78;
        float: none;
        height: auto;
        width: auto;
    }

        .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul,
        .modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list ul li,
        .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li,
        .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li,
        .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li,
        .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li {
            width: auto;
        }

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .mCustomScrollBox .mCSB_container,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .mCustomScrollBox .mCSB_container,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .mCustomScrollBox .mCSB_container,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .mCustomScrollBox .mCSB_container,
    .edit-company-user .shares-groups-wrapper .company-shares-container .mCustomScrollBox .mCSB_container,
    .edit-company-groups .company-shares-container .mCustomScrollBox .mCSB_container,
    .edit-company-shares .company-users-container .mCustomScrollBox .mCSB_container,
    .edit-company-shares .company-groups-container .mCustomScrollBox .mCSB_container {
        overflow: visible;
    }

    .edit-company-groups .company-users-wrapper .company-users-container .company-users-list span:nth-child(2) {
        padding-top: 10px;
    }

    .edit-company-groups .company-users-wrapper .company-users-container .company-users-list span:last-child {
        padding-top: 5px;
    }

.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li {
    padding-top: 5px;
}

.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul span,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul span,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul span,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul span,
.edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares span,
.edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups span,
.edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users span,
.edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups span {
    color: #656d78;
    vertical-align: top;
    text-transform: capitalize;
}

.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li a,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li a,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li a,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li a,
.edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li a,
.edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li a,
.edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li a,
.edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li a {
    color: #656d78;
    padding: 0;
    width: auto;
}

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li a:hover,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li a:hover,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li a:hover,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li a:hover,
    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li a:hover,
    .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li a:hover,
    .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li a:hover,
    .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li a:hover {
        background-color: transparent;
        border-bottom: none;
        color: #656d78;
        text-decoration: none;
    }

.modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul,
.modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul,
.modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul,
.modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul,
.modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul,
.edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul,
.edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul,
.edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul,
.edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul {
    background-color: #fff;
    min-width: 235px;
    padding: 10px 0;
    top: 35px;
    width: auto;
}

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li,
    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li,
    .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li,
    .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li,
    .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li {
        border-bottom: 1px solid #d8d8d8;
        cursor: pointer;
        padding: 5px;
        text-align: left;
        width: 100%;
    }

        .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li:hover,
        .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li:hover,
        .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:hover,
        .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:hover,
        .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li:hover,
        .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li:hover,
        .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li:hover,
        .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li:hover {
            background-color: #F5F5F5;
        }

        .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li:first-child,
        .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li:first-child,
        .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:first-child,
        .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:first-child,
        .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li:first-child,
        .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li:first-child,
        .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li:first-child,
        .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li:first-child {
            margin-top: 0;
        }

        .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li:last-child,
        .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li:last-child,
        .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:last-child,
        .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li:last-child,
        .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li:last-child,
        .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li:last-child,
        .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li:last-child,
        .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li:last-child {
            border-bottom: none;
        }

        .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a,
        .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a,
        .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a,
        .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a,
        .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a,
        .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a,
        .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a,
        .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a {
            border: none;
            cursor: pointer;
            display: inline;
        }

            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a:hover,
            .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a:hover,
            .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a:hover,
            .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a:hover,
            .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a:hover,
            .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a :hover,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a :hover,
            .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a :hover {
                background: none;
                border: none;
                text-decoration: none;
            }

            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a span,
            .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a span,
            .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a span,
            .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a span,
            .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a span,
            .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a span,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a span,
            .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a span {
                color: #33414d;
                display: block;
                font-size: 12px;
                font-weight: 600;
            }

            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a .icon-Checkmark,
            .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a .icon-Checkmark,
            .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a .icon-Checkmark,
            .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a .icon-Checkmark,
            .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a .icon-Checkmark,
            .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a .icon-Checkmark,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a .icon-Checkmark,
            .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a .icon-Checkmark {
                font-size: 20px;
                font-weight: 400;
                margin-right: 5px;
                padding: 10px 0;
                visibility: hidden;
            }

            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a span.help-text,
            .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a span.help-text,
            .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a span.help-text,
            .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a span.help-text,
            .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a span.help-text,
            .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a span.help-text,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a span.help-text,
            .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a span.help-text {
                color: #b2b9c7;
                font-size: 11px;
                font-weight: 300;
                text-transform: none;
            }

            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a.remove-text,
            .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li ul li a.owner-text,
            .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li ul li a.remove-text,
            .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a.remove-text,
            .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li ul li a.remove-text,
            .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li ul li a.remove-text,
            .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li ul li a.remove-text,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a.remove-text,
            .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li ul li a.owner-text,
            .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li ul li a.remove-text {
                padding: 10px 0 10px 25px;
            }



.recover-shares-view, .audit-reports-view {
    /*background-color: #e7edf2;*/
    height: 80vh;
}

.recover-shares-view .restore-history-options, .audit-reports-view .audit-reports-options {
        background-color: #efecec;
        box-shadow: 0 1px 1px #d8d8d8;
        padding: 10px 0;
    }

        .recover-shares-view .restore-history-options h3 {
            font-size: 12px;
            font-weight: 400;
            margin: 0;
            padding: 0 0 10px 0;
            width: 90%;
        }


        .recover-shares-view .restore-history-options span,
        .audit-reports-view .audit-reports-options span {
            padding-bottom: 10px;
            display: block;
        }

        .recover-shares-view .company-shares-wrapper .w2ui-field-helper.w2ui-list,
        .recover-shares-view .restore-history-options .file-extensions-wrapper div.tagsinput {
            padding-right: 10px;
            padding-left: 10px;
            overflow-y: auto !important;
        }

        .recover-shares-view .company-shares-wrapper .w2ui-field-helper.w2ui-list,
        .recover-shares-view .restore-history-options .file-extensions-wrapper div.tagsinput {
            width: 90% !important;
        }

        .audit-reports-view .audit-reports-options .selected-files,
        .recover-shares-view .restore-history-options .file-extensions-wrapper input[type="text"],
        .audit-reports-view .audit-reports-options .reports-search-wrapper input[type="text"],
        .audit-reports-view .audit-reports-options .date-reports-wrapper input[type="text"],
        .audit-reports-view .audit-reports-options .shares-reports-wrapper input[type="text"] {
            background-color: #e7edf2;
            border: 1px solid #e1e1e1;
            border-radius: 5px;
            height: 40px !important;
            padding-left: 15px;
            width: 90%;
        }

        .audit-reports-view .audit-reports-options .selected-files {
            width: 95%;
            /*padding-bottom: 5px;*/
            padding-top: 8px;
        }

            .audit-reports-view .audit-reports-options .selected-files span {
                display: inline-block;
                vertical-align: middle;
                padding: 0;
            }

                .audit-reports-view .audit-reports-options .selected-files span.selected-file-name {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    max-width: 90%;
                    width: auto;
                }

                .audit-reports-view .audit-reports-options .selected-files span.icon-Cancel {
                    border-radius: 50%;
                    cursor: pointer;
                    font-size: 15px;
                    margin-left: 5px;
                }

                    .audit-reports-view .audit-reports-options .selected-files span.icon-Cancel:hover {
                        background-color: #D77F7F;
                    }

        .audit-reports-view .audit-reports-options .shares-reports-wrapper input[type="text"] {
            border: none;
        }

        .recover-shares-view .restore-history-options .file-extensions-wrapper div.tagsinput div {
            float: none;
        }

            .recover-shares-view .restore-history-options .file-extensions-wrapper div.tagsinput div > input {
                vertical-align: top;
            }

        .recover-shares-view .restore-history-options .start-button-wrapper button {
            width: 90%;
        }

        /*.recover-shares-view .restore-history-options .start-button-wrapper button:hover {
                background-color: #e6e6e6;
                border-color: #adadad;
                color: #333;
            }*/

        .recover-shares-view .restore-history-options .file-extensions-wrapper div.tagsinput span {
            background-color: #d7dde2;
            padding-bottom: 0;
            padding-top: 0;
        }

        /*CSS-Reports-View Validation-messages*/

        .audit-reports-view .audit-reports-options .validatorError {
            display: block;
            margin: 5px;
        }

            .audit-reports-view .audit-reports-options .validatorError span {
                display: inline;
                margin: 0;
                vertical-align: middle;
            }

                .audit-reports-view .audit-reports-options .validatorError span.icon-notification {
                    margin: 0 5px 0 0;
                }

.modal-body.modal-body-y-overflow {
    height: calc(100vh - 200px);
    padding: 0;
}

.modal-body.padding-0 {
    padding: 0;
}

.edit-share-change-owner-user-title {
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    width: 85%;
}

.edit-share-add-users-user-title {
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    width: 80%;
}

.edit-share-change-owner-user-email, .list-group-contacts .list-group-item p.edit-share-change-owner-user-email {
    color: #b2b9c7;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 400;
    line-height: 40px;
    float: left;
}

.list-group-contacts .row.list-group-item.edit-share-change-owner {
    border: none;
    padding: 10px 0;
}

    .list-group-contacts .row.list-group-item.edit-share-change-owner img {
        height: 40px;
    }

.edit-share-change-owner-modal-header {
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid rgba(135, 142, 154, 0.2);
}

.edit-share-add-user-left-column-modal-header {
    padding: 20px 0 10px 20px;
    display: inline-block;
    border-bottom: 1px solid rgba(135, 142, 154, 0.2);
}

.edit-share-add-user-right-column-modal-header {
    padding: 20px 20px 10px 0;
    display: inline-block;
    background-color: #e7edf2;
    border-top-right-radius: 5px;
    border-bottom: 1px solid rgba(135, 142, 154, 0.2);
}

.no-margin {
    margin: 0;
}

.no-top-margin {
    margin-top: 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.margin-vertical-5 {
    margin: 5px 0;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.grey-line {
    color: rgba(135, 142, 154, 0.2);
}

/*.grey-line.margin-vertical-5 {
    margin: 5px 0;
}*/

button.edit-share-modal-close {
    font-size: 20px;
    font-weight: 300;
    height: 20px;
    margin: 0;
    width: 20px;
}

.edit-share-modal, .edit-share-add-user-model {
    border: none;
    border-radius: 6px;
}

#assign-user-to-share.edit-share-modal, #assign-group-to-share.edit-share-modal, .edit-user-modal, .edit-group-modal {
    width: 736px;
}

.file-browser-modal {
    width: 800px;
}

    .file-browser-modal .file-browser-container {
        border: 1px dotted gray;
        height: 70vh;
        min-height: 40vh;
        max-height: 70vh;
    }

        .file-browser-modal .file-browser-container .ui-fancytree.fancytree-container.fancytree-plain {
            border: none;
            outline: none;
        }

.all-users-list {
    height: calc(100vh - 260px);
}

.added-users-list {
    height: calc(100vh - 260px);
    background-color: #e7edf2;
}

.border-bottom-grey {
    border-bottom: 1px solid rgba(135, 142, 154, 0.2);
}

.edit-share-modal-footer {
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    min-height: 10px;
    background-color: white;
}

.center-text {
    text-align: center;
}

.fade-text:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
}

.edit-share-modal-h2 {
    color: #525a65;
    font-size: 20px;
    font-weight: 300;
    float: left;
}

.edit-share-read-write-container {
    background-color: #e7edf2;
    height: 54px;
    line-height: 54px;
    vertical-align: middle;
    display: inline-block;
    width: 150px;
    margin-left: -5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid rgba(135, 142, 154, 0.2);
    padding-left: 8px;
}

.edit-share-right-off-container {
    width: 65px;
    height: 26px;
    background-color: #b5c2cd;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.edit-share-right-on-container {
    width: 65px;
    height: 26px;
    background-color: #4bd721;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.edit-share-right-text {
    color: #f6f6f6;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
}

.edit-share-heading-disabled {
    color: #c0c7d3;
    cursor: default;
}

.groups-table-heading-enable {
    display: block;
}

.groups-table-heading-disable {
    display: none;
}

.users-table-heading-enable {
    display: block;
}

.users-table-heading-disable {
    display: none;
}

.groups-table-enable {
    display: block;
}

.groups-table-disable {
    display: none;
}

.users-table-enable {
    display: block;
}

.users-table-disable {
    display: none;
}

/*
    Edit Share View End
*/

/*
    Skinning View Start
*/
/*.template-container {
    height: calc(100vh - 160px);
    overflow: inherit;
}*/

.skinning-view-container, .company-view-container, .authentication-settings-view-container {
    height: calc(100vh - 155px);
    overflow: inherit;
}


.audit-reports-view .audit-reports-options {
    height: 170px;
    overflow-y: auto;
}

.table-filter .audit-reports-options {
    height: 12vh;
    overflow-y: auto;
}

.audit-reports-view .audit-reports-options-full-height {
    height: 100vh;
    overflow-y: auto;
}

.links-reports-wrapper {
    height: 70px;
}

@media only screen and (max-width: 752px) {
    .audit-reports-view .audit-reports-options {
        height: 25%;
    }   
    .table-filter .audit-reports-options {
        height: 25%;
    }

    .audit-reports-view .audit-reports-options-full-height {
        height: 65vh;
        overflow-y: auto;
    }
}

@media only screen and (max-height: 500px) {
    .audit-reports-view .audit-reports-options-full-height {
        height: 60vh;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 752px) {
    .report-container-wrapper {
        height: 65%;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 321px) {
    .report-container-wrapper {
        height: 55%;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 281px) {
    .report-container-wrapper {
        height: 50%;
        overflow-y: auto;
    }
}

.separate-color-box {
    display: inline-block;
    /*height: 30px;
    width: 30px;
    border-radius: 2px;*/
    /* Style for "Rectangle" */
    width: 40px;
    height: 40px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}

    .separate-color-box.text-edges {
        background-color: rgb(255, 146, 180);
    }

    .separate-color-box.input-outline {
        background-color: rgb(255, 255, 180);
    }

    .separate-color-box.buttons-left-pane {
        background-color: rgb(255, 146, 146);
    }

    .separate-color-box.general-background {
        background-color: rgb(180, 146, 180);
    }

    .separate-color-box.buttons-hover {
        background-color: rgb(180, 146, 180);
    }

.blue-text-boxes, .form-control.blue-text-boxes {
    height: 40px;
    background-color: #e7edf2;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 10px;
    width: 100%;
}

    .form-control.blue-text-boxes.picker {
        width: calc(100% - 50px);
    }

    .form-control.blue-text-boxes.left-smooth {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

        .form-control.blue-text-boxes.left-smooth.subdomain-box {
            width: calc(100% - 200px);
        }

        .form-control.blue-text-boxes.left-smooth.send-test-email-box {
            width: calc(100% - 50px);
        }

    .form-control.blue-text-boxes.full-width {
        width: 100%;
    }

    .form-control.blue-text-boxes.extra-height {
        height: 80px;
        resize: none;
    }

.subdomain-icon {
    width: 50px;
    height: 40px;
    background-color: #e7edf2;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 25px;
    text-align: center;
}

.send-test-email-icon {
    width: 50px;
    height: 40px;
    background-color: #e7edf2;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 25px;
    text-align: center;
}

.logo-upload-container {
    height: 80px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 0 !important;
}

.logo-image-container {
    width: 90%;
    height: 100%;
    display: block;
    position: relative;
    float: left;
}

.logo-upload-cursor-container {
    width: 10%;
    height: 100%;
    float: right;
    padding-right: 10px;
}

.vertical-line {
    width: 2px;
    height: 100%;
    opacity: 0.2;
    border: 1px solid #878e9a;
    margin-right: 10px;
    float: right;
}

.size-20 {
    font-size: 20px;
}

.logo-upload-icon {
    float: right;
    margin-top: 30px;
}

.uploaded-logo {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-block {
    display: inline-block;
}

.background-upload-icon {
    position: absolute;
    right: 15px;
    top: 20px;
}

.background-pictures {
    cursor: pointer;
    display: inline-block;
    height: 187px;
    text-align: center;
    width: 48%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .background-pictures > img {
        width: 100%;
        border-radius: 10px;
        position: absolute;
        height: 100%;
        left: 0;
    }

.background-pictures-delete {
    background-color: #332b2a;
    border-radius: 10px;
    display: table;
    opacity: 0.5;
    position: absolute;
    transition: visibility 0.5s;
    -webkit-transition: visibility 0.5s;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.background-pictures-delete-btn {
    display: table-cell;
    vertical-align: middle;
}

    .background-pictures-delete-btn a {
        color: #fff;
        display: block;
        line-height: 25px;
        opacity: 1;
        text-decoration: none;
    }

.background-pictures-delete a span {
    color: #fff;
    font-size: 12px;
    opacity: 1;
    vertical-align: middle;
}

.background-pictures-delete a .icon-Cancel {
    color: #fff;
    font-size: 19px;
    margin: 0 5px 0 0;
    opacity: 1;
    vertical-align: middle;
}

.background-pictures:hover .background-pictures-delete {
    transition: visibility 0.5s;
    -webkit-transition: visibility 0.5s;
    visibility: visible;
}


.background-picture-delete-icon {
    top: 15px;
    left: 230px;
    float: none;
}

.custom-background-images-switch {
    position: absolute;
    right: 10px;
    top: 78px;
}

.switch.custom-switch input:checked + span {
    background-color: #57c934;
}

.switch.custom-switch input[disabled]:checked + span {
    background-color: #CCCCCC;
}

.switch.custom-switch span {
    background-color: #e7edf2;
}

.icon-upload-container {
    height: 40px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

.uploaded-icon {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 26px);
}

.vertical-line-icon {
    width: 2px;
    height: 40px;
    opacity: 0.2;
    border: 1px solid #878e9a;
    margin-right: 10px;
    float: right;
}

.icon-upload-icon {
    float: right;
    margin-top: 10px;
}

.grey-border {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.border-top-non {
    border-top: none;
}

.line-height-35 {
    line-height: 35px;
}

.green-background {
    background-color: #57c934;
}
.deleteFiles-background {
    background-color: #e34724;
}

.historyFiles-background {
    background-color: dodgerblue;
}

/*
    Skinning View End
*/
    /*
    Mail Templates View Start
*/
    .mailatemplates-table tbody tr td:first-child {
    width: 20%;
}

.mailatemplates-table tbody tr td:last-child {
    width: 80%;
}

.btn-circle {
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    height: 30px;
    margin: 0 5px;
    opacity: 1;
    padding: 0;
    width: 30px;
}

    .btn-circle:hover {
        opacity: 1;
        border: 1px solid #fff;
        color: #fff;
    }

.circleInactive {
    background: #DDD;
    border: 1px solid #DDD;
}

.circleDraftMail {
    background-color: #999da3;
    border: 1px solid #999da3;
}

.circlePublished {
    background-color: #33414e;
    border: 1px solid #33414e;
}

.add-template-icon {
    color: #b0b0b0;
    font-size: 30px;
    line-height: 30px;
    vertical-align: middle;
}
/*
    Mail Templates View End
*/

/*
    Edit Company View Start
*/
.label-line-height {
    line-height: 30px;
    margin: 0;
}

input[type=range].full-length-slider {
    width: 100%;
}

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

.no-overflow {
    overflow: hidden;
}

.grey-color {
    color: #535353;
}

.green-color {
    color: #57c934;
}

.report-warning {
    color: red;
    display: block;
    font-weight: bold;
    padding-left: 10px;
}

.rf-select {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 0 5px;
    position: relative;
}

    .rf-select > i {
        border-left: 1px solid #d5d5d5;
        color: #878e9a;
        font-size: 12px;
        height: 100%;
        padding: 14px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
    }

select {
    border: none;
    outline: none;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.left-smooth {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
}

.right-smooth, .form-control.blue-text-boxes.right-smooth {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: none;
}

.text-box-icon, .pull-left.text-box-icon {
    margin-right: 0;
    width: 50px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    background-color: #e7edf2;
    border-right: none;
    cursor: pointer;
}

.border-left-none {
    border-left: none;
}

.border-right-none {
    border-right: none;
}

.text-box-icon.icon-shares:before {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
}

.line-height-42, .text-box-icon.line-height-42 {
    line-height: 42px;
}

.blue-text-boxes[readonly], .blue-text-boxes[disabled] {
    background-color: #e7edf2;
    cursor: pointer;
}

    .blue-text-boxes[disabled]:focus, .blue-text-boxes[readonly]:focus {
        background-color: #e7edf2;
        border-color: #e1e1e1;
        cursor: pointer;
    }

label.blue-text-boxes {
    font-size: 12px;
    color: #878e9a;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding-top: 10px;
}

.blue-text-boxes.reduced-width-text-box {
    width: calc(100% - 50px);
}

div.tagsinput {
    height: 40px;
    background-color: #e7edf2;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    line-height: 40px;
    padding: 0 5px;
}

    div.tagsinput span.tag {
        vertical-align: middle;
        display: inline-block;
        margin: 4px 5px;
        background: #CCC;
        border-radius: 100px;
        padding: 2px 20px 2px 10px;
    }

        div.tagsinput span.tag a {
            border-radius: 50%;
            color: #878e9a;
            height: 15px;
            left: auto;
            right: 0;
            text-align: center;
            top: 3px;
            width: 15px;
        }

            div.tagsinput span.tag a:hover {
                background-color: #D77F7F;
                color: #fff;
            }


        div.tagsinput span.tag a, div.tagsinput span.tag span {
            color: #878e9a;
            margin-bottom: 2px;
        }

            div.tagsinput span.tag a:before {
                content: "x";
                font-family: verdana;
                font-size: 11px;
                height: 15px;
                line-height: 13px;
                vertical-align: top;
                width: 15px;
            }

    div.tagsinput div > input {
        background-color: #e7edf2;
    }

.w2ui-field-helper.w2ui-list {
    font-size: 12px;
    color: #878e9a;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding-top: 8px;
    height: 40px !important;
    background-color: #e7edf2;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 12px;
    width: calc(100% - 20px) !important;
    overflow-y: auto !important;
}

.custom-select-wrapper {
    height: 80px;
}

    .custom-select-wrapper > .custom-select > div > .w2ui-field-helper.w2ui-list {
        height: 70px !important;
        max-height: 70px;
        overflow-y: scroll;
    }

        .custom-select-wrapper > .custom-select > div > .w2ui-field-helper.w2ui-list > input {
            height: 70px !important;
        }


/*
    Edit Company View Start
*/

/*   Reports Views Start    */

.w2ui-overlay table.w2ui-drop-menu .w2ui-item-even,
.w2ui-overlay table.w2ui-drop-menu .w2ui-item-odd {
    background-color: white;
}

.w2ui-overlay {
    border-color: #d9d6d7;
    border-radius: 6px;
    box-shadow: 0 0 3px #d9d6d7;
    width: 520px !important;
}

    .w2ui-overlay .menu {
        overflow-x: hidden !important;
    }

    .w2ui-overlay table.w2ui-drop-menu td.menu-text {
        cursor: pointer;
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        white-space: normal;
    }

    .w2ui-overlay .menu-text .menu-text-users,
    .w2ui-overlay .menu-text .menu-text-shares {
        display: inline-block;
        vertical-align: middle;
        width: 440px !important;
    }

.share-icon-border {
    background-color: transparent;
    border: 1px solid #b2b9c7;
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    padding: 5px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

#w2ui-overlay:before {
    margin-top: -8px;
}

#w2ui-overlay:after {
    margin-top: -4px;
}

.w2ui-list ul {
    background-color: transparent;
}

    .w2ui-list ul li {
        display: inline-block;
        float: none;
        margin: 0 10px 5px 0;
        padding: 5px 20px 0 5px;
        position: relative;
        vertical-align: middle;
        background-color: #d7dde2;
        border-radius: 100px;
        border: none;
    }

        .w2ui-list ul li .w2ui-list-remove {
            border-radius: 50%;
            margin: 2px;
            position: absolute;
            right: 1px;
            top: 1px;
        }

        .w2ui-list ul li span.menu-text-shares {
            display: inline;
        }

        .w2ui-list ul li span.share-icon-border {
            display: none;
        }

/*    Email Templates View Start    */


.required-tags {
    padding: 5px 15px;
    /*width: 108px;*/
    height: 26px;
    background-color: #e7edf2;
    border-radius: 100px;
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    cursor: pointer;
}

.required-tag-name {
    height: 17px;
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.editor-modal {
    overflow-y: auto;
    border-radius: 8px;
    height: calc(100vh - 80px);
}

    .editor-modal.shorter {
        height: calc(100vh - 125px);
    }

.modal-content:not(.editor-modal) {
    overflow-y: auto;
    max-height: calc(100vh - 80px);
}

.margin-top-0 {
    margin-top: 0;
}

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

/*      Email Config View Start     */

.mail-config-radio-container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

    .mail-config-radio-container:hover {
    }

input[type="radio"].mail-config-radio + label span {
    background-color: #dce2e8;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .table tbody tr[customClass="active"] input[type="radio"].mail-config-radio + label span, .table tbody tr:hover input[type="radio"].mail-config-radio + label span, input[type="radio"].mail-config-radio + label span:hover, input[type="radio"].mail-config-radio + label span:active, input[type="radio"]:checked.mail-config-radio + label span {
        background-color: #57c934;
    }

        .table tbody tr[customClass="active"] input[type="radio"].mail-config-radio + label span span, .table tbody tr:hover input[type="radio"].mail-config-radio + label span span, input[type="radio"].mail-config-radio + label span span:hover, input[type="radio"].mail-config-radio + label span span:active, input[type="radio"]:checked.mail-config-radio + label span span {
            width: 14px;
            height: 14px;
            background-color: white;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            vertical-align: middle;
            text-align: center;
            position: relative;
            left: calc(50% - 7px);
        }

/*          Public Links View Start     */

.publicLinksScrollbar {
    height: calc(100vh - 315px);
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-5 {
    padding-bottom: 5px;
}

.page-content.public-link-page-content {
    margin-left: 0;
    background-color: #e7edf2;
}

.header-publiclinks {
    color: #525a65;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.public-link-icon.dataTable-record-icon.icon-Folder {
    font-size: 13px;
    padding-left: 10px;
}

.public-link-file-name {
    color: #878e9a;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
}

.blue-background {
    background-color: #e7edf2;
}

.dark-grey-line {
    opacity: 0.6;
    border: 1px solid #e1e1e1;
}

.public-link-message {
    color: #525a65;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

/*          Public Links View End   */

@media only screen and (max-width: 359px) {
    .visible-359 {
        display: block;
    }

    .hidden-359 {
        display: none;
    }
}

@media only screen and (max-width: 409px) {
    .visible-409 {
        display: block;
    }

    .hidden-409 {
        display: none;
    }
}

@media only screen and (max-width: 430px) {
    .optional-left-430 {
        clear: both;
        float: left !important;
    }
}

@media only screen and (max-width: 489px) {
    .visible-489 {
        display: block;
    }

    .hidden-489 {
        display: none;
    }
}

@media only screen and (max-width: 530px) {
    .col-530px-100-percent {
        width: 100%;
    }
}

@media only screen and (max-width: 629px) {
    .visible-629 {
        display: block;
    }

    .hidden-629 {
        display: none;
    }
}

@media only screen and (max-width: 689px) {
    .visible-689 {
        display: block;
    }

    .hidden-689 {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .login-box.animated.fadeInDown.increased-margins {
        width: 100%;
        padding: 10px;
    }

    .optional-left-768 {
        clear: both;
        float: left !important;
    }

    .col-768px-100-percent {
        width: 100%;
    }

    .width-768-padding-vertical-10 {
        padding: 0;
    }

    #dataTable-subheader div {
        margin-bottom: 0;
    }
}

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

    .page-container .page-content .content-frame .content-frame-top .page-title {
        overflow: hidden;
        padding: 0;
        width: calc(100% - 70px);
    }

    .dataTables_length {
        display: none;
    }

    .page-title h2 {
        line-height: 50px;
    }

    .dataTables_filter {
        display: none;
        width: 100%;
    }

    .view-header {
        float: right;
    }

        .view-header button.refresh-view {
            line-height: 40px;
        }

    .dataTables_filter label {
        width: 100%;
    }

        .dataTables_filter label .icon-search {
            display: none;
        }

        .dataTables_filter label input {
            background-color: #fff;
            margin: 0;
            padding-left: 15px;
            width: 100%;
        }

    .logo-container {
        padding: 0;
    }

    .panel.panel-default {
        border-radius: 0;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 809px) {
    .visible-809 {
        display: block;
    }

    .hidden-809 {
        display: none;
    }
}

@media only screen and (max-width: 810px) {
    .width-810-margin-bottom-10 {
        margin-bottom: 10px;
    }
}

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

    #main-header-wrapper .navigation-wrapper {
        padding-left: 0;
        text-align: center;
    }

    .x-navigation-horizontal > li > ul ul, .x-navigation-horizontal > li > ul.xn-pop-top ul {
        position: relative;
        left: auto;
        right: auto;
        margin-left: 0px;
        margin-right: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .x-navigation li.xn-title.xn-spacer {
        display: none;
    }

    .x-navigation.x-navigation-minimized li.xn-title.xn-spacer {
        display: none;
    }

    .navigation-wrapper {
        display: block;
    }

    .logo-container {
        border: none;
        text-align: center;
        width: 100%;
    }

    #navcontainer {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        display: none;
        height: auto;
        position: fixed;
        left: 0;
        width: 200px;
    }

    .user-profile-container {
        border-bottom: 1px solid #e1e1e1;
        height: calc(100vh - 200px);
        overflow-y: auto;
    }

    #dataTable-actions {
        display: none;
    }

    .directlinks-table tbody tr.directlinks-list td {
        padding: 15px 0 15px 15px;
    }

        .directlinks-table tbody tr.directlinks-list td span {
            margin: 0 5px 0 0;
        }

    .public-link-modal {
        width: auto;
    }

    .page-content-overflow {
        left: 200px;
        overflow-x: hidden;
    }

    .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul {
        left: -10px;
    }

    #links-actions-wrapper.mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button ul {
        left: 0;
    }

    .shares-actions-wrapper ul li.xn-icon-button a.icon-arrow-down,
    .folders-actions-wrapper ul li.xn-icon-button a.icon-arrow-down,
    .history-actions-wrapper ul li.xn-icon-button a.icon-arrow-down {
        text-align: left;
    }

    .table-responsive {
        margin-bottom: 0;
    }

    .directlinks-table tbody tr.directlinks-list .dataTable-record-name {
        max-width: 200px;
        width: calc(100% - 90px);
    }

    .mobile-actions-wrapper {
        display: inline-block;
    }

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li.xn-icon-button,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li.xn-icon-button,
    .modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list ul li.xn-icon-button,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li.xn-icon-button,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li.xn-icon-button,
    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li.xn-icon-button,
    .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li.xn-icon-button,
    .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li.xn-icon-button,
    .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li.xn-icon-button {
        width: auto;
    }
}

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

    .width-1109-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .visible-1109 {
        display: block;
    }

    .hidden-1109 {
        display: none;
    }

    .modal-dialog .edit-share-content .modal-body .assigned-users-container .assigned-users-list ul li.xn-icon-button,
    .modal-dialog .edit-share-content .modal-body .assigned-groups-container .assigned-groups-list ul li.xn-icon-button,
    .modal-dialog .edit-user-content .modal-body .assigned-groups-container .assigned-groups-list ul li.xn-icon-button,
    .modal-dialog .edit-user-content .modal-body .assigned-shares-container .assigned-shares-list ul li.xn-icon-button,
    .modal-dialog .edit-group-content .modal-body .assigned-shares-container .assigned-shares-list ul li.xn-icon-button,
    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li.xn-icon-button,
    .edit-company-groups .company-shares-container .company-shares-list ul.x-edit-groups li.xn-icon-button,
    .edit-company-shares .company-users-container .company-users-list ul.x-edit-share-users li.xn-icon-button,
    .edit-company-shares .company-groups-container .company-groups-list ul.x-edit-share-groups li.xn-icon-button {
        width: auto;
    }
}

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

    .edit-share-entry-icons-container-heading {
        width: auto;
        margin-left: 15px;
    }

    .edit-share-entry-icons-container {
        margin-left: 10px;
    }

    .edit-share-info-margin-left {
        margin-left: 5px;
    }
}

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

    .profile-header {
        padding: 20px 0 50px 0;
    }

    .profile-image {
        margin-top: -45px;
    }

    .image-change-remove {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1300px) {
    .col-1300px-100-percent {
        width: 100%;
    }
}

@media only screen and (min-width: 360px) {
    .visible-360 {
        display: block;
    }

    .hidden-360 {
        display: none;
    }
}

@media only screen and (min-width: 410px) {
    .visible-410 {
        display: block;
    }

    .hidden-410 {
        display: none;
    }
}

@media only screen and (min-width: 430px) {
    .radio-material.min-width-430-top-5 {
        top: 5px;
        position: relative;
    }

    .radio-material.min-width-430-top-8 {
        top: 8px;
        position: relative;
    }
}

@media only screen and (min-width: 490px) {
    #dataTable-subheader {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        display: inline-block;
        padding: 12px 0 12px 10px;
        vertical-align: middle;
    }

    .hidden-490 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .profile-item-wrapper {
        display: inline-block;
        text-align: center;
    }

    .profile-header-item {
        display: inline-block;
        text-align: center;
    }
}

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

    .profile-item-wrapper {
        display: inline-block;
        text-align: center;
    }

    .profile-header-item {
        display: inline-block;
        text-align: center;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {

    .logo-wrapper {
        width: 50%;
    }

    .header-right-settings {
        width: 50%;
    }

    .user-profile-container {
        border-bottom: 1px solid #e1e1e1;
        height: calc(100vh - 200px);
        overflow-y: auto;
    }
}

@media only screen and (min-width: 630px) {
    .visible-630 {
        display: block;
    }

    .hidden-630 {
        display: none;
    }
}

@media only screen and (min-width: 690px) {
    .visible-690 {
        display: block;
    }

    .hidden-690 {
        display: none;
    }
}

@media only screen and (min-width: 810px) {
    .visible-810 {
        display: block;
    }

    .hidden-810 {
        display: none;
    }
}

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

    .row [class^='col-xs-'].padding-horizontal-0-md,
    .row [class^='col-sm-'].padding-horizontal-0-md,
    .row [class^='col-md-'].padding-horizontal-0-md,
    .row [class^='col-lg-'].padding-horizontal-0-md {
        padding-left: 0;
        padding-right: 0;
    }

    .row [class^='col-xs-'].padding-right-0-md,
    .row [class^='col-sm-'].padding-right-0-md,
    .row [class^='col-md-'].padding-right-0-md,
    .row [class^='col-lg-'].padding-right-0-md {
        padding-right: 0;
    }

    .row [class^='col-xs-'].padding-left-0-md,
    .row [class^='col-sm-'].padding-left-0-md,
    .row [class^='col-md-'].padding-left-0-md,
    .row [class^='col-lg-'].padding-left-0-md {
        padding-left: 0;
    }

    padding-horizontal-0-md {
        padding-left: 0;
        padding-right: 0;
    }

    padding-right-0-md {
        padding-right: 0 !important;
    }

    padding-left-0-md {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 1110px) {
    .visible-1110 {
        display: block;
    }

    .hidden-1110 {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .edit-share-entry-icons-container-heading {
        cursor: default;
    }

    .edit-share-heading-disabled {
        color: #525a65;
        cursor: default;
    }

    .groups-table-heading-enable {
        display: block;
    }

    .groups-table-heading-disable {
        display: block;
    }

    .users-table-heading-enable {
        display: block;
    }

    .users-table-heading-disable {
        display: block;
    }

    .groups-table-enable {
        display: block;
    }

    .groups-table-disable {
        display: block;
    }

    .users-table-enable {
        display: block;
    }

    .users-table-disable {
        display: block;
    }
}

@media only screen and (min-width: 1301px) {
    .min-height-370 {
        min-height: 370px;
    }

    .col-lg-4.col-md-5.col-sm-4.col-xs-12.width-250-pixels {
        max-width: 250px;
    }

    .col-lg-3.col-md-5.col-sm-4.col-xs-12.width-250-pixels {
        max-width: 250px;
    }
}

@media only screen and (min-width: 351px) and (max-width: 580px) {
    .device-map-modal-content {
        height: auto;
        width: 322px;
        margin: auto;
    }

    .device-map-modal-map-container {
        float: left;
        display: inline-block;
        width: 312px;
        height: 245px;
        background-color: honeydew;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
    }

    .device-details-container {
        width: 100%;
    }
}

@media only screen and (max-width: 350px) {
    .device-map-modal-content {
        height: auto;
        width: 100%;
        margin: auto;
    }

    .device-map-modal-map-container {
        float: left;
        display: inline-block;
        width: 100%;
        height: 245px;
        background-color: honeydew;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
    }

    .device-map-modal-label-text {
        width: 33%;
    }

    .device-map-modal-detail-text {
        width: 50%;
    }

    .device-details-container {
        width: 100%;
    }
}

/*      iPhone 5 portrait       */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .page-container .page-content .content-frame .content-frame-top .page-title {
        overflow: hidden;
        padding: 0;
        width: calc(100% - 130px);
    }

    table.table tbody tr td {
        padding-right: 0;
    }

    .table tbody tr td span.dataTable-record-icon, .dataTable-record-icon {
        margin: 0 10px 0 0;
    }

    .mobile-actions-wrapper ul.x-navigation.x-navigation-panel.x-mobile-actions li.xn-icon-button {
        width: 30px;
    }

    .dataTable-ip {
        padding: 10px 15px;
        text-align: center;
    }

    .dataTables_filter {
        display: none;
        padding: 10px 0;
        width: 100%;
    }

    .dataTable-ip .dataTables_info {
        padding: 0;
        float: none;
    }

    .dataTable-ip .dataTables_paginate {
        display: inline-block;
        float: none;
    }

    .dataTables_scrollBody {
        max-height: calc(100vh - 215px);
        min-height: 350px;
    }

    .directlinks-table tbody tr.directlinks-list td:first-child {
        width: 75%;
    }

    .directlinks-table tbody tr.directlinks-list td:nth-child(4) {
        padding-left: 5px;
        width: 25%;
    }

    .table tbody tr td .dataTable-record-name,
    #table-folderview.table.folderview-table tbody tr td .dataTable-record-name {
        max-width: 190px;
    }

    .rf-modal-content .rf-modal-row .rf-text-group,
    .rf-modal-content .rf-modal-row .rf-text-group-full {
        width: 100%;
    }    

    .rf-modal-content .rf-modal-row .rf-select-group {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .rf-modal-content .rf-modal-row .link-date-select {
        margin: 0;
        width: 100%;
    }
}


/*-----iPhone 5 --------- landscape----------*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .page-container .page-content .content-frame .content-frame-top .page-title {
        overflow: hidden;
        padding: 0;
        width: calc(100% - 130px);
    }

    table.table tbody tr td {
        padding-right: 0;
    }

    .dataTables_filter {
        display: none;
        padding: 10px 0;
        width: 100%;
    }

    .dataTable-ip {
        padding: 5px 15px;
    }

    .dataTables_scrollBody {
        max-height: calc(100vh - 255px);
    }

    .directlinks-table tbody tr.directlinks-list td:first-child {
        width: 70%;
    }

    .table tbody tr td .dataTable-record-name,
    #table-folderview.table.folderview-table tbody tr td .dataTable-record-name {
        max-width: 400px;
    }
}


/*iPhone 6 portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    .page-container .page-content .content-frame .content-frame-top .page-title {
        overflow: hidden;
        padding: 0;
        width: calc(100% - 130px);
    }

    .dataTables_filter {
        display: none;
        padding: 10px 0;
        width: 100%;
    }

    .page-title h2 {
        line-height: 50px;
    }

    .view-header button.refresh-view {
        line-height: 40px;
    }

    .dataTables_filter label {
        width: 100%;
    }

        .dataTables_filter label .icon-search {
            display: none;
        }

        .dataTables_filter label input {
            background-color: #fff;
            margin: 0;
            padding-left: 15px;
            width: 100%;
        }

    .rf-modal-content .rf-modal-row .rf-text-group,
    .rf-modal-content .rf-modal-row .rf-text-group-full {
        width: 100%;
    }

    .rf-modal-content .rf-modal-row .rf-select-group {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .rf-modal-content .rf-modal-row .link-date-select {
        margin: 0;
        width: 100%;
    }

    .table tbody tr td .dataTable-record-name,
    #table-folderview.table.folderview-table tbody tr td .dataTable-record-name {
        max-width: 235px;
    }

    .dataTable-ip {
        padding: 10px 15px;
        text-align: center;
    }

        .dataTable-ip .dataTables_info {
            padding: 0;
            float: none;
        }

        .dataTable-ip .dataTables_paginate {
            display: inline-block;
            float: none;
        }

    .dataTables_scrollBody {
        max-height: calc(100vh - 225px);
        min-height: 455px;
    }

    .directlinks-table tbody tr.directlinks-list td:first-child {
        width: 75%;
    }

    .directlinks-table tbody tr.directlinks-list td:nth-child(4) {
        padding-left: 5px;
        width: 25%;
    }
}

/*      iPhone 6  landscape     */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    .page-container .page-content .content-frame .content-frame-top .page-title {
        overflow: hidden;
        padding: 0;
        width: calc(100% - 130px);
    }

    .dataTables_filter {
        display: none;
        padding: 10px 0;
        width: 100%;
    }

    .page-title h2 {
        line-height: 50px;
    }

    .view-header button.refresh-view {
        line-height: 40px;
    }

    .dataTables_filter label {
        width: 100%;
    }

        .dataTables_filter label .icon-search {
            display: none;
        }

        .dataTables_filter label input {
            background-color: #fff;
            margin: 0;
            padding-left: 15px;
            width: 100%;
        }

    .table tbody tr td .dataTable-record-name,
    #table-folderview.table.folderview-table tbody tr td .dataTable-record-name {
        max-width: 450px;
    }

    .dataTable-ip {
        padding: 5px 15px;
    }

    .dataTables_scrollBody {
        max-height: calc(100vh - 180px);
    }

    .directlinks-table tbody tr.directlinks-list td:first-child {
        width: 70%;
    }
}



/*      ipad landscape      */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    #dataTable-actions {
        display: none;
    }

    .table tbody tr td .dataTable-record-name {
        width: calc(100% - 105px);
    }

    .sharelist-table tbody tr td .dataTable-record-name {
        max-width: 320px;
    }

    .folderview-table tbody tr td .dataTable-record-name {
        max-width: 400px;
    }
}

/*      ipad     portrait       */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #dataTable-actions {
        display: none;
    }

    .user-profile-container {
        border-bottom: 1px solid #e1e1e1;
        height: calc(100vh - 400px);
        overflow-y: auto;
    }

    .table tbody tr td .dataTable-record-name {
        width: calc(100% - 105px);
    }

    .sharelist-table tbody tr td .dataTable-record-name {
        max-width: 220px;
    }

    .folderview-table tbody tr td .dataTable-record-name {
        max-width: 260px;
    }

    .devicelist-table tbody tr td .dataTable-record-name {
        max-width: 370px;
    }
}

#bugmuncher_button {
    display: none !important;
}


/****** icon-AD2 ********/
.icon-AD2 {
    margin-left: -2.1rem;
    position: relative;
    top: 1rem;
    margin-right: 0.5rem;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
}

.password-validation-hint {
    font-weight: bold;
    padding-bottom: 5px;
}

.two-factor-settings-container {
    display: flex;
    width: 100%;
}

.two-factor-details {
    padding-top: 10px;
    font-weight: normal;
    width: 50%;
}

.two-factor-details-full-width {
    width: 100% !important;
}

.two-factor-details-right {
    float: right;
    text-align: right;
}

.two-factor-details-left {
    float: left;
    text-align: left;
}

.two-factor-details-middle {
    text-align: center;
}

.two-factor-details-icon {
    display: flex;
    text-align: left;
}

.two-factor-details-icon:before {
    font-family: FontAwesome;
    content: "\f071";
    font-size: 24px;
    padding-right: 10px;
}

.row-flex {
    display: flex;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.tooltip-share {
    display: inline;
    color: black;
    padding-left: 3px;
    padding-top: 3px;
}

.warning-label {
    font-size: 12px;
    color: red;
}

.bold-text {
    font-weight: 600;
}

/*.tagify {
    width: 100%;
    height: 300px;
    overflow: auto;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
}

tag {
    width: 95%;
    background-color: [ResellerButtonsAndLeftPaneColor]
}

.tagify--outside {
    border: 0;
}

.tagify--outside .tagify__input {
    order: -1;
    flex: 100%;
    border: 1px solid var(--tags-border-color);
    margin-bottom: 1em;
    transition: .1s;
}

.tagify--outside .tagify__input:hover {
    border-color: var(--tags-hover-border-color);
}

.tagify--outside.tagify--focus .tagify__input {
    transition: 0s;
    border-color: var(--tags-focus-border-color);
}*/