.thedock,
#anotheridtelediag ul#nav {
    background: white;
}

nav#anotheridtelediag {
    background-color: transparent !important;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    text-align: center;
    overflow: hidden;
}

#docketiceo {
    z-index: 0;
    width: 13%; /* 60px */
    position: fixed;
    top: 80px;
    left: 0;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 0 none;
    border-right: 1px solid #ddd;
}

#docketiceo .img-circle.img-responsive {
    max-width: 40px;
}

#docketiceo ul li {
    position: relative;
    top: 10px;
    right: -5px;
    min-height: 50px;
}

#docketiceo ul li a {
    transform: rotate(90deg);
    padding: 0px 10px 0px 10px !important;
    min-height: 45px;
}

#docketiceo ul li a span {
    padding-right: 5px;
}

.identity.has-icon.dropdown {
    position: absolute;
    top: 0;
    left: 3px;
}

#docketiceo .dropdown.user {
    left: 12px;
}

.dockmenu {
    padding: 10%;
    text-align: left;
    list-style: none;
}

.dockmenu li a {
    font-size: 1.6vh;
    color: #555;
}

/*
.adminhome,
.configsite {
    color: black !important;
    padding-left: 15px !important;
}
.managegroups,
.configusers,
.configextensions,
.webservices,
.manageinstitutions {
    padding-left: 20px !important;
    color: black !important;
}
.adminhome.active.dropdown,
.configsite.active.dropdown,
.managegroups.active.dropdown,
.configusers.active.dropdown,
.configextensions.active.dropdown,
.webservices.active.dropdown,
.manageinstitutions.active.dropdown {
    padding: 2px !important;
}
 */
#docketiceo ul li .dropdown-menu {
    min-height: 225px;
    transform: rotate(90deg) !important;
    padding: 10px;
    margin-top: 10px;
    position: absolute;
    left: -120px;
    top: -10px;
    z-index: 12000;
}

#docketiceo ul li .dropdown-menu a,
#docketiceo #navadmin .adminmenu.dropdown-menu a {
    color: #3B9AFE;
}

#docketiceo .groups.dropdown .dropdown-menu {
    top: -32px !important;
}

#docketiceo #navadmin .adminmenu.dropdown-menu {
    top: -80px;
}

#docketiceo #navadmin .adminmenu.dropdown-menu ul {
    left: 134px;
}

#docketiceo .dropdown-menu.userinfos {
    top: -120px;
}

#docketiceo .dropdown-menu.userinfos .dropdown-tertiary.child-nav {
    left: 120px;
}

#docketiceo .dropdown-menu.userinfos .inbox.has-icon.dropdown-item {
    display: none;
}

#docketiceo .dropdown-menu li {
    min-width: 45px;
    clear: both;
    float: none;
    display: block;
    width: auto;
    max-height: 265px;
    transform: rotate(0deg) !important;
    right: 0;
    top: 0;
}

#docketiceo .dropdown-menu li a {
    display: block;
    width: auto;
    transform: rotate(0deg) !important;
}

#docketiceo .dropdown-menu .divider {
    min-height: 1px;
    height: 1px;
    transform: rotate(0deg) !important;
}

#docketiceo .block {
    text-align: center;
}

/* =============================
MEDIA QUERIES
============================= */
@media all and (min-width: 992px) and (max-width: 1533px) {
    /*
    .row.sans-padding {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .container.sans-padding {
        position: relative;
        max-width: 88%;
        left: 60px;
    }
    */
}

@media all and (max-width: 767px) {
    /*
    .container.sans-padding {
        max-width: 80%;
        padding-left: 100px !important;
    }
    #anotheridtelediag {
        top: 42px !important;
    }
    #docketiceo ul li {
        width: auto;
        right: 12px !important;
    }

    .identity.has-icon.dropdown {
        left: -12px !important;
    }
    #docketiceo .dropdown.user {
        left: -18px !important;
    }
    */
}

@media (max-width: 991px) and (min-width: 766px) {
    /*
    .container.sans-padding {
        margin-top   : 33px;
        padding-left : 45px !important;
    }
    */
}

@media all and (min-width: 768px) and (max-width: 991px) {
    /*
    #docketiceo ul li {
        right: 10px !important;
    }
    .identity.has-icon.dropdown {
        left: -12px !important;
    }
    */
}

@media all and (max-width: 991px) {
    /*
    .container.sans-padding {
        margin-top: 33px;
    }
    .navbar-brand img {
        padding-top: 6px;
        width: 50%;
    }
    .navbar-header.col-md-2 {
        padding-bottom: 10px;
    }
    .logo-area.col-md-5 {
        padding-top: 10px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99999;
    }
    #main-nav {
        display: block;
        position: absolute;
        top: 115px;
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        background: white;
    }
    #main-nav ul li a {
        padding: 1px !important;
    }
    header .block {
        display: inline-block;
        width: auto;
    }
    header .block > img {
        height: 18px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .notintablet {
        display: none;
    }
    */
}

@media all and (min-width: 992px) and (max-width: 1200px) {
    /*
    .main-nav .has-dropdown {
        left: -50px;
    }
    */
}

@media all and (min-width: 1200px) {
    /*
    .main-nav .has-dropdown {
        left: -60px;
    }
    .container.sans-padding {
        min-height: 850px;
    }
    #main-nav .nav.navbar-nav
    {
        float: right;
    }
    #main-nav .nav.navbar-nav .block {
        min-height: 30px !important;
    }
     */
}

@media all and (min-width: 1465px) {
    .main-nav .has-dropdown {
        left: -70px;
    }

    .row.sans-padding {
        margin-left: -100px;
        margin-right: -100px;
    }

    #main-nav .nav.navbar-nav {
        float: right;
    }

    #main-nav .nav.navbar-nav .block {
        min-height: 30px !important;
    }
}