#toolbar-administration.seeds_toolbar #toolbar-bar,
.adminimal .content-header,
#toolbar-administration.seeds_toolbar .toolbar-tray,
#toolbar-administration.seeds_toolbar .toolbar-tray .toolbar-lining,
#toolbar-administration.seeds_toolbar .toolbar-tray .toolbar-lining ul,
#toolbar-administration.seeds_toolbar .toolbar-tray .toolbar-lining il,
#toolbar-administration.seeds_toolbar .toolbar-tray .toolbar-lining il a,
#toolbar-administration.seeds_toolbar ul li a
{
    /*background-color: #00A3E0;*/
    background-color: #0576A1;
}


/** menu **/

.logged.page-wrapper{
    margin-left: 270px;
}

.menu {
    background: #00A3E0;
    height: 100vh;
    width: 270px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    outline: none;
    color: #fff;
}
.menu .avatar {
    padding: 2em 0.5em;
    text-align: center;
}
.menu .avatar img {
    width: 200px;
}
.menu .avatar h2 {
    font-weight: normal;
    margin-bottom: 0;
}

.menus-wrapper{
    max-height: calc(100vh - 200px);
    overflow: scroll;
}

.menu ul {
    list-style: none;
    padding: 0.5em 0;
    margin: 0;
}
.menu ul li {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: auto 20px;
    transition: all 0.15s linear;
    cursor: pointer;
    height: auto;
    padding: 0px;
    box-sizing: border-box;
}

.menu ul li a{
    width: 100%;
    display: block;
    height: 60px;
    padding: 20px 10px 10px 38px;
    box-sizing: border-box;
}

.menu ul li,
.menu ul li a,
.menu ul li a span{
    font-size: 14px;
    font-weight: regular;
    color: #ffffff;
    text-decoration: none;
}

.menu ul li .icon
{
    padding: 0px 15px 0px 0px;
    box-sizing: border-box;
    width: 55px;
    display: inline-block;
}


.menu ul li > i, .menu ul li i.first{
    font-size: 20px;
    width: 17px;
    box-sizing: border-box;
}

.menu ul li i.second{
    font-size: 10px;
    position: relative;
    bottom: -7px;
    left: -2px;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 16px;
    text-align: center;
    background: #00a3e0;
}

.menu ul li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.menu ul li:focus {
    outline: none;
}



@media screen and (max-width: 900px) and (min-width: 400px) {
    body {
        padding-left: 90px;
    }
    .menu {
        width: 90px;
    }
    .menu .avatar {
        padding: 0.5em;
        position: relative;
    }
    .menu .avatar img {
        width: 60px;
    }
    .menu .avatar h2 {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 100px;
        margin: 0;
        min-width: 200px;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.4);
        transform: translate3d(-20px, -50%, 0);
        transition: all 0.15s ease-in-out;
    }
    .menu .avatar:hover h2 {
        opacity: 1;
        transform: translate3d(0px, -50%, 0);
    }
    .menu ul li {
        height: 60px;
        background-position: center center;
        background-size: 30px auto;
        position: relative;
    }
    .menu ul li span {
        opacity: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        padding: 0.2em 0.5em;
        border-radius: 4px;
        top: 50%;
        left: 80px;
        transform: translate3d(-15px, -50%, 0);
        transition: all 0.15s ease-in-out;
    }
    .menu ul li span:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        left: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid rgba(0, 0, 0, 0.5);
        transform: translateY(-50%);
    }
    .menu ul li:hover span {
        opacity: 1;
        transform: translate3d(0px, -50%, 0);
    }
}
@media screen and (max-width: 400px) {
    body {
        padding-left: 0;
    }
    .menu {
        width: 230px;
        box-shadow: 0 0 0 100em rgba(0, 0, 0, 0);
        transform: translate3d(-230px, 0, 0);
        transition: all 0.3s ease-in-out;
    }
    .menu .smartphone-menu-trigger {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 100%;
        background: #5bc995;
    }
    .menu .smartphone-menu-trigger:before,
    .menu .smartphone-menu-trigger:after {
        content: '';
        width: 50%;
        height: 2px;
        background: #fff;
        border-radius: 10px;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }
    .menu .smartphone-menu-trigger:after {
        top: 55%;
        transform: translate3d(-50%, -50%, 0);
    }
    .menu ul li {
        padding: 1em 1em 1em 3em;
        font-size: 1.2em;
    }
    .menu:focus {
        transform: translate3d(0, 0, 0);
        box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.6);
    }
    .menu:focus .smartphone-menu-trigger {
        pointer-events: none;
    }
}

/* Views actions */
.editors_actions{
    font-size: 20px;
    width: 100%;
    /*text-align: center;*/
    display: block;
    min-width: 80px;
}

.editors_actions > .editors_actions__item:first-child {
    padding-left: 0px;
}

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

.editors_actions__item:hover{
    font-weight: bold;
}

.editors_actions__edit{
    color: #349ada;
}

.editors_actions__delete{
    color: #ef7676;
}

/* End Views Actions*/



/** Begin  Import SAP Files Form **/

.filter_section--sap_folder_filter_button{
    margin: 10px 0px;
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    margin: 20px 0px 10px 0px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    padding: 0.3em 0.4em 0.3em 0.5em;
    width: 255px;
    background-color: #fcfcfa;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #b8b8b8;
}

.filter-section .js-form-item-reference-filter-field{
    display: inline-block;
}

.sap-folder-filter-field .js-form-type-checkbox:nth-child(4n+5) {
    clear: left;
}

.sap-folder-filter-field .js-form-type-checkbox {
    width: 60px;
    display: inline-block;
    float: left;
}

input[data-drupal-selector=edit-import-button] {
    margin: 20px 0px;
}
/** End Import SAP Files Form ** /


/** Begin Sales Org Checkbox field **/
.wdocs__import-playlist-from-sap__form .wdocs__import_playlist_from_sap__search_section  .form-type-checkbox,
div[class*="-sales-org"].field--widget-options-buttons .form-type-checkbox
{
    width: 260px;
    display: inline-block;
    float: left;
}

.wdocs__import-playlist-from-sap__form .wdocs__import_playlist_from_sap__search_section  .form-type-checkbox:nth-child(6n+7),
.field--name-sales-org.field--widget-options-buttons .form-type-checkbox:nth-child(6n+7){
    clear: left;
}

div[class*="sales-org"] .form-checkboxes + .description {
    display: block;
    clear: both;
}
/** END Sales Org Checkbox field **/



/** ReadOnly Message on Forms **/
.editors__readonly_message {
  background: yellow;
  text-align: center;
  width: calc(100% + 66px);
  margin-left: -33px;
  padding: 3px 10px;
  box-sizing: border-box;
}


/*** Begin Reports ****/

/*** Begin All User Events Report ****/
.wdocs-reports-user-events{
  margin-top: 50px;
}
.wdocs-reports-user-events .form-item{
  display: inline-block;
}

/*** End All User Events Report ****/

/*** Begin Reports ****/


/** Begin Tickets list **/
.view-id-tickets tr > td.views-field{
  vertical-align: top;
}

a.download_as_csv {
  color: #fff;
  background: #E87722;
  font-size: 14px;
  padding: 10px 5px;
  display: block;
  width: 125px;
  height: 20px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  line-height: 20px;
}
/** END Tickets list **/